@charset "utf-8";
/* CSS Document */

.accounts_title{  border-bottom:2px solid #FFF; cursor:pointer; color:#060;}
.accounts_title span{ float:right;}
.accounts_title .sign{ float:right;}
.accounts_title_total{ color: #000; font-size:13px; text-align:right; font-weight:600; color:#060;}
.clickable{}
.little_price{ padding-right:25px !important;}
.number{ text-align:right;}
table { border-collapse:collapse;}
td, th {
	vertical-align:top;
	padding:3px;
}
th { background:; color:#000;}


sub{ color: #009933;}
select, textarea {
		 font-size:12px;
		 background: #B8FBB7 !important;
		 border:1px solid #333;
		 padding:6px;
}

select option:nth-child(odd) {
	background: #D9ECFF;
	margin:2px 0;
}

input{
         border:1px solid #333;
		 font-size:13px;
		 background: #F4F4FF;
		 padding:5px;
}
input[type="radio"]{ background:none; border:none;}
/*input[type="submit"], input[type="reset"], input[type="button"]  {
		 background: #0E9B08;
		 cursor:pointer;
		 border:1px solid #000;
		 padding:6px;
		 border-bottom-width:2px;
		 border-right-width:2px;
}*/
input[type="file"]{
	border:1px solid #666 !important;
	padding: 2px !important;
	height:auto !important;
}
input[type="text"]{
	background: #E2E2E2;
}
/*input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, loginBtn:hover {
		 background: #0ABE2F;
		 border-color:#000;
		 text-decoration:underline;
}*/
input[type="text"]:focus, input[type="password"]:focus{
		 background: #B8FBB7;
		 border:1px solid #000;
}
input[type="file"]{ height:24px; border:1px solid #666;}

input[type="checkbox"] {
		width:20px;
	    border: none;
}

.in_box, .inbox{ background:none; border:1px solid transparent;}
.tableau{
	border-collapse:collapse;
}
.tableau a:visited{ color:#06F;}
.tableau th{
    padding: 8px;
	background: #B8FBB7;
	vertical-align:middle;
	cursor:pointer;
}
.tableau td{
    padding: 4px;
}
.tableau tr:nth-child(even){
	background:#F3F3F3;
}
.tableau_row{ background:#1A8CFF;}
.tableau_row2{ background:#FFF;}

.no_border table{
    border: none !important;
}
.no_border td{
    border: none !important;
}

fieldset{border:1px solid #666; padding:3px;}
#label1, #label2{ visibility:hidden;}



.border_box{
  border:2px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}
.border_box_sharp{
  border:2px solid rgba(0,0,0,0);
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}
.trasnp{
	opacity:0.85 !important;
	-moz-opacity:0.85;
    -khtml-opacity: 0.85;
	filter:alpha(opacity=85);
}
.padd{
	opacity:0.75 !important;
	-moz-opacity:0.75;
    -khtml-opacity: 0.75;
	filter:alpha(opacity=75);
	padding:4px;
	color:#000 !important;
}
.inpt, .inpt2{ border:1px solid #fff; background:none;}
.inpt:hover, .inpt2:hover{ border-color:}

.searchbar-inner{ position:fixed; right:40px; display:none;}
.m_aligned td{vertical-align:middle;}
.m_aligned th{vertical-align:middle;}
.posit{ display:none;}
.datepicker select{ padding:1px !important;}

.treeview-menu li a{ font-size:11px !important;}
.right{ text-align:right !important;}

.controls{
  padding: 2px;
  background: #CCC;
  color: #000;
position:relative;
}
/*
.bstimeslider {

width:99%;
height:40px;
background:#ccc;
position:relative;
}

.bktibx {

float:left;
margin:0 3px ;
font-size:16px;
display:block;
background:#000;
color:#fff;
z-index:300;

}

#tslshow {
position:absolute;
left:0;

}

#leftArrow {
width:40px;
height:40px;
background:#ff0000;
position:absolute;
right:45px;
}

#rightArrow {
width:40px;
height:40px;
background:#ff0000;
position:absolute;
right:0px;
}

#viewContainer {
width:100%;
background:#00ff00;
position:absolute;
left:5px;
z-index:300;
overflow:hidden;
border:1px solid red;
height:40px;
} */

label{
  font-weight: 300;
  margin: 0 .4em 0 0;
}
.mybutton{
  display: inline-block;
  padding: 5px;
  background: #999 ;
  border: 0;
  color: #000;
  font-size: 13px;
  font-weight: 200;
  border-radius: 2px;
  cursor: pointer;
  margin:1px 2px;
}
button{
  display: inline-block;
  padding: 5px;
  background: #999 ;
  border: 0;
  color: #000;
  font-size: 13px;
  font-weight: 200;
  border-radius: 2px;
  cursor: pointer;
  margin:1px 2px;
}

button.active{
  background: #333;
  color:#fff;
}

button:focus{
  outline: 0 none;
}

button + label{
  margin-left: 1em;
}
.sort{ cursor:pointer; padding:4px; border:1px solid #ccc;}
.x_content{ padding:2px; border:10px solid #CCC; }
.x_panel{ /*border-left:1px solid #000; */}
.search_box{ padding:4px; background: #FFF !important;}

.my_container{
  padding:2px 0;
  text-align: justify;
  font-size: 0.1px;
  background: ;
  -webkit-backface-visibility: hidden;
  max-height:528px !important;
  overflow:scroll;
}

.my_container:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.my_container .mix{ position:relative;}
.my_container .mix,
.my_container .gap{
  display: inline-block;
}

.my_container .mix{
  text-align: left;
  background: #03899c;
  margin: 2px 0;
  display: none;
  position:relative;
  border:1px solid #333;
  border-radius: 2px;
  height:110px;
  overflow:hidden;

}
.mix div{ color:#000 !important; background:#B9F7B7; bottom:1px; opacity:0.9; position:absolute; bottom:0; width:100%; height:20px;}
input{
  border-radius: 2px;}


.my_container .mix div{
content: attr(data-myorder);
  font-size: 14px;
  text-align:center;
  font-weight: 700;
  color:#000;  cursor:pointer;
}

.my_container .mix:before{
  content: '';
  display: inline-block;
  padding-top: 40%;
}
.order_table{ width:100%;}
.order_table td,.order_table th{ font-size:14px !important;}

@media all and (min-width: 420px){
  .my_container .mix,
  .my_container .gap{
    width: 32%;
  }
}

@media all and (min-width: 640px){
  .my_container .mix,
  .my_container .gap{
    width: 23.5%;
  }
}
.order_part{
	padding:1px; position:relative;
} .order_part2{
	padding:2px; position:relative;
}
.myicon{ display:none;}
.order{ border:0px solid #333; height:600px !important; background:#fff; }
.order2{ border:0px solid #333; height:350px !important; background:#fff; }
.products{ background:#fff; min-height:620px;}

h3{padding:10px; margin:0;}
.dish_name{ position:relative;}
.dish_name span { position: absolute; top:30%; right:1px; cursor:pointer;}
.dish_name span img{ border:1px solid #000; padding:2px; width:15px !important; z-index:999; background:#fff; }
#payup{ background:#3C3; color:#000; font-size:16px; font-weight:600; margin:1px; cursor:pointer; padding:4px; width:99%}
#total{ text-align:right !important;}

#pos_bot{ position:absolute; bottom:6px;  width:100%;}
#pos_bot2{ position:absolute; bottom:3px;  width:100%;}
#pos_bot table{  width:99.2% !important;}
#pos_bot2 table{  width:99.2% !important;}
#pos_bot th{ text-align:right !important;}
#pos_bot2 th{ text-align:right !important;}
#paydetails{
	z-index:990;
	position:absolute;top:1px;
	font-size:16px; width:100%; height:0;
	overflow:hidden;
	color:#000 !important;
	background:#F0F0F0;
}
#paydetails input, #paydetails select{ border:1px solid #666; padding:2px 0; font-size:14px !important;}
#paydetails input{ padding:5px;}

.now{border:1px solid #333; padding:5px; background:#B9F7B7;}
#order_total{ font-weight:600;}
#cancel, #confirm_pay{ float:right;}
#clear{ padding:5px; background:#333; color:#CCC;}
.row tableau{ color:#000 !important;}
.order_px_table{ height:370px; overflow: scroll;}
.order_px_table2{ height:300px; overflow: scroll;}
#orderbx { color:#000; font-size:12px !important; width:100% !important;}
#orderbx img{ width:20px;}
.col-xs-12{ padding:1px;}
.main_b{ background:#06F;}
.total_foot td, .total_foot th{ border-bottom:1px solid #999;}
.disc{ cursor:pointer;}
.nbxed{ cursor:none !important;}