

.shopping-item-container{
	padding:5px;
	margin:0px;
	padding-left:30px;
	padding-right:30px;
}

.shopping-item{
	border-radius: 0px;
	padding:10px;
	margin:0px;
	background-image: linear-gradient(rgb(200,200,200)  0%, rgb(230,230,230) 100%);
	color:black;
	font-weight:bold;
	background:rgb(240,240,240);
	border-radius:10px;
}
.shopping-item img{
	border:5px solid lime-green;
	border:2px solid grey;
}

.shopping-item-name{
	font-weight:bold;
	font-size:1.5em;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.bg-color-1{
	color:white;
	background:rgb(51, 122, 183);
}
.bg-color-1:hover{
	color:white;
	background:rgb(61, 142, 205);
}

.bg-color-2{
	color:white;
	background:green;
}
.bg-color-3{
	color:white;
	background:#4169E1;
}
.bg-color-4{
	color:white;
	background:#4169E1;
}
.bg-color-5{
	color:white;
	background:#4169E1;
}
.bg-color-6{
	color:white;
	background:#4169E1;
}



.pos-button-active{
	background:white;
}	
.pos-button-container{
	display: flex; /* or inline-flex */
	list-style-type: none;
    flex-flow: row wrap;
	padding-left:5px;
	padding-top:0px;
	margin-top:0px;
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

input[type=radio]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}


.pos-button-wrapper {
  min-width: auto;
  margin-left:5px;
  margin-bottom:5px;
}


.pos-button {
  background: rgb(255,119,0);
  padding: 10px;
  min-width: auto;
  color: white;
  font-weight: bold;
  font-size: 2em;
  text-align: center;
  cursor: pointer;
  border-radius: 10px;
}

.pos-button-info {
  font-size:1em;	
  text-align: center;
  width: auto;
}

.pos-button-info-content{
	display:inline-block;
	margin-left:10px;
	padding-left:1px; 
	padding-right:1px; 
	position:relative; 
	top:-24px;
	color:white;
	border-radius:10px;
}
.pos-button-info-content:hover{
	background:black;
	color:white;
}
.pos-properties-container{
	display: flex; /* or inline-flex */
	list-style-type: none;
    flex-flow: row wrap;
}

.pos-item-property{
	margin:1px;
	padding:5px;
	background:rgb(240,240,240);
}

.pos-button:hover {
	
	background: black;
}	

.pos-order-item-name{
	cursor:pointer;
	padding:5px;
}
.pos-order-item-name:hover{
	background:rgb(200,200,200);
}

.pos-red    {background: #cc0000;}
.pos-yellow {background: #ffbf00;}
.pos-green  {background: #006600;}
.pos-cyan   {background: #008080;}
.pos-blue   {background: #002b80;}
.pos-purple {background: #660033;}
.pos-orange {background: #ff8000;}


.pos-recent tr:hover td:hover{
	background:yellow;
}

.pos-has-error >label{
	color: red;
} 
.pos-has-error .form-control{
	border: red 1px solid;
} 
.pos-error-message{
	color: red;
	
} 
.pos-success-message{
	color: green;
	
} 

.pos-list{
	height:500px;
	overflow-y: auto;	
}
.pos-qty-options{
	cursor:pointer;
}
.pos-selected{
	background:red;
	color:white;
}

.pos-cat-button {
	border:1px solid white !important; 
	border-radius:7px;
	font-size:1.5em;
	margin:2px;
	padding-left:2px !important;
	padding-right:2px !important;
}

.lb-sm {
  font-size: 12px;
	font-weight:bold;
 }

.lb-md {
  font-size: 16px;
  font-weight:bold;
}

.lb-lg {
  font-size: 20px;
	font-weight:bold;
}

.pos-btn-blue{
	background:rgb(100,100,255);
	color:white;
	font-weight:bold;
	margin-right:0px;
	margin-left:1px;
	margin-bottom:1px;
}


.pos-btn-green{
	background:#006600;
	color:white;
	font-weight:bold;
	margin-right:0px;
	margin-left:1px;
	margin-bottom:1px;
}

.pos-btn-green:hover{
	color:white;
	background:black;
}

.pos-payment-method{
	margin-top:2px;
	padding-left:1px;
	padding-right:0px;
}

.pos-cart{
	width:100%;
}
.pos-cart-header{
}
.pos-cart-table{
	width:100%;
	margin-right:2px;
	margin-bottom:5px;
	border:1px solid rgb(200,200,200);
}
.pos-cart-table th{
	padding:5px;
	border:1px solid rgb(200,200,200);
	font-size:1.5em;
	font-weight:normal;
	color:white;	
}
.pos-cart-table td{
	padding:5px;
	border:1px solid rgb(200,200,200);
	font-size:1.5em;
	font-weight:normal;	
}
.pos-cart-footer{
}

.pos-mobile-cart{
	width:100%;
}
.pos-mobile-cart-header{
}
.pos-mobile-cart-table{
	width:100%;
	margin-right:2px;
	margin-bottom:5px;
	border:1px solid rgb(200,200,200);
}
.pos-mobile-cart-table th{
	padding:5px;
	border:1px solid rgb(200,200,200);
	font-size:16px;
	font-weight:normal;
	color:white;	
}
.pos-mobile-cart-table td{
	padding:5px;
	border:1px solid rgb(200,200,200);
	font-size:16px;
	font-weight:normal;	
}
.pos-mobile-cart-footer{
}

.pos-active{
	background:red;
	color:white;
}
.pos-active:hover{
	background:red;
	color:white;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

@media handheld, only screen and (max-width: 700px) 
{
	.ui-datepicker { width:90% !important}
}

.ui-datepicker-trigger {font-weight:bold; height:30px;position:relative;top:2px;padding-left:10px;padding-right:10px;}

</* UPSIDE DOWN TABS */>


/* Bottom left text */
/*.pos_button .button-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}*/
/*
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;
	background:	#3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
*/







/*.text-info{border-left-style:solid; border-left-width:5px; border-left-color:blue; padding:5px 5px 5px 10px; font-size:110%;}
.box {border-radius: 5px; box-shadow: 1px 2px 10px silver; padding:10px;}
.buttons{padding: 20px;}
.btn-marginTop{margin-top:5px;}
.container{margin:0 auto;}

.btn-pos-small{
    padding:5px 5px;
    font-size:1em;
    border-radius:0px;
    margin-right:1px;
	width:135px;
	font-weight:bold;
}

.btn-pos-lg{
    padding:5px 5px;
    font-size:1em;
    border-radius:0px;
    margin-right:1px;
	width:135px;
	font-weight:bold;
}

.tabs-pos{
    padding:10px 10px;
    font-size:20px;
    border-radius:0px;
    margin-right:1px;
	width:200px;
	font-weight:bold;
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	color: white;
    cursor: default;
    background-color: rgb(50,50,255);
    border: 1px solid #ddd;
    border-bottom-color: transparent;	
}

.btn-short-name{
    font-size:14px;
}

.btn-long-name{
    font-size:10px;
}

btn-summary{
    margin-right:5px;
}

btn-marginTop{
    margin-top:5px;
}

.badge-left{
    float:none
}
.list-group-item > .badge{
    float:none;
}
.pos-tabs-main{
	padding:1px;
	margin:1px;
}
.pos-tabs-main a{
	padding:1px !important;
	margin:1px !important;
}
*/
