body,html{overflow:hidden; padding:0px; margin:0px; background:#e2e2e2;}
* .btn{
	box-shadow:none !important;
}

.hide{display:none !important;}

.cursor-pointer{
	cursor:pointer;
}

.text-end{
	text-align:right;
}

.baker-view-lo{
	background-color:#fff;
	height:100%;
	overflow-y:auto;
	padding-bottom:20px;
}


.notificationbtn{
	position:relative;
}

.bggrdpositive{
	background: #7BD155;
}

.bggrdcredit{
	background: #A83731;
	color: #fff;
}

.timerwrp{
	position:absolute;
	z-index:2;
	bottom: -8px;
    left: 20px;
}

#QBreader{
	width:100%;
}

#QBreader .infoicon{
	display:none !important;
}

#QBreader__scan_region video{
	max-width:100%;
}

body .oilists .oiractive{
	background-color: #98D2EB !important;
}

body .oilists .oiractive.orderexceed,
body .reqorder-items-wrp .orderexceed,
body .oilists .orderexceed{
	background-color: #f4adb3 !important;
}

.waiterList{
	display:flex;
	flex-wrap: wrap;
	align-items: stretch;
	flex-direction: row;
	gap:10px;
}

.waiterList > div{
	width:48%;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
}

.wrpOrdersList.active{
	display:flex !important;
	align-items: stretch;
	flex-wrap:wrap;
	gap:10px;
	flex-direction: row;
}

.histlistNav,
.processedviewer{
	margin-bottom: 20px;
}

.wrpOrdersList > div{
	min-width:300px;
	width:32%;
	padding:20px;
	padding-right:30px;
	border: 1px solid orange;
	border-radius:5px;
	cursor:pointer;
	position:relative;
	font-weight:bolder;
}

.wrpsidebardisplay.wrpOrdersList > div{
	width:100%;
}

.wrpsidebardisplay.wrpOrdersList > div.active{
	background-color:#17a2b8;
}

.wrpOrdersList > div > div{
	height:100%;
}

.wrpOrdersList > div a{
	position:absolute;
	right:0px;
	top:0px;
	padding:5px;
	background-color:red;
	border-radius:5px;
	color:#fff;
	height:100%;
}

.posCartHead{
	display:flex;
	justify-content:center;
	align-items: stretch;
	gap:10px;
	flex-direction: row;
}

#modalProcessedList .modal-body{
	display:flex !important;
	gap:20px;
}

.processedwrp{
	width:250px;
}

.posCartHead > *{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.posProdTblCWrpModal .tbl-item > div,
.posProdTblCWrp .tbl-item > div{
	background-color:#fff;
	color:red;
	border:2px solid red;
	font-weight:bolder;
	font-size:20px;
	cursor:pointer;
	height:90px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.posProdTblCWrpModal .tbl-item > div.tbltaken,
.posProdTblCWrp .tbl-item > div.tbltaken{
	background-color:red;
	color:#fff;
}

.posProdTblCWrpModal .tbl-item > div.tblmerged,
.posProdTblCWrp .tbl-item > div.tblmerged{
	background-color:#000;
	color:#fff;
}

.text-decoration-line-through{
	text-decoration:line-through;
}

.loaderwrp{
	background-color:rgba(255,255,255, 0.9);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
}

.pos-saved-order-item{
	position:relative;
}

.pos-saved-order-item .order-del-opt{
	position:absolute;
	top:0; right:10px;
}

#frmProductInfo{
	margin-bottom:150px;
}

.loaderwrp svg{
	margin-top:10% !important;
}

#modalPaymentSummary .lblps{
	font-size:1.3rem;
}

#modalPaymentSummary .valps{
	font-size:1.5rem;
	text-align:right;
}

#posPrnter{
	position:absolute;
	top:-99999999;
	left:-99999999;
	opacity:0;
	width:0px;
	height:0px;
}

textarea.form-control{
	min-height:40px;
}
.posProdCats{
	height:70px;
	overflow:hidden;
	padding-right:7px;
}
.posProdCats div.slick-slide{
	height:70px;
	padding:5px;
}

.posProdCats div.slick-slide > div{
	color:#fff;
	background-color:#17a2b8 !important;
	height:100%;
	border-radius:5px;
	padding:5px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1rem;
	text-align:center;
	cursor:pointer;
	overflow:hidden;
	border:1px solid #17a2b8;
	line-height:90%;
}

.posProdCats div.slick-slide > div.active{
	background-color:#fff !important;
	color:#17a2b8;
}

.posProdCats .slick-prev,
.posProdCats .slick-next{
	display:none !important;
}

.posProdSearchBS{
	padding:5px 10px;
}

.posProdSubOPtions > div,
.posSavedOrderItems > div,
.posProdCatsItems > div{
	float:left;
	color:#000;
	background-color:#fcaf3b !important;
	width:49%;
	min-height:60px;
	border-radius:5px;
	padding:5px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1rem;
	text-align:center;
	cursor:pointer;
	overflow:hidden;
	border:1px solid #fcaf3b;
	
	margin-top:5px;
	margin-left:5px;
	
	transition: all 0.5s;
}

.posSavedOrderItems > div.waiting{
	background-color:red !important;
}

.posSavedOrderItems > div.readytoserve{
	background-color:#28a745 !important;
}

.posSavedOrderItems > div.done{
	background-color:#17a2b8 !important;
}

.posProdSubOPtions > div{
	width:98%;
}

.olooinfo{
	background-color:#fff;
}

.posProdSubOPtions > div:hover,
.posProdSubOPtions > div.active,
.posSavedOrderItems > div:hover,
.posProdCatsItems > div:hover{
	background-color:#fff !important;
	color:rgb(255, 153, 51);
}

.savedorder_paid_order{
	background-color:#218838!important;
	color:#fff !important;
	font-size:18px;
}

.savedorder_paid_order:hover{
	background-color:#218838 !important;
	color:#fff !important;
}

.view-kitchen .custreference, .view-customerview .custreference,
.view-kitchen .oiqty, .view-customerview .oiqty{
	pointer-events:none !important;
}

.view-kitchen .posSavedOrderItems div{
	font-size:18px; font-weight:bold;
}
.view-customerview .posSavedOrderItems div{
	font-size:45px; font-weight:bold;
}

.view-customerview .posCVHeader{
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#000;
}

.view-customerview .posCVHeader *{
	color:#fff;
	font-size:45px;
	text-align:center;
}

.delcolumn{
	width:70px;
	text-align:center;
}

.autosuggest-wrp{
	position:absolute;
	top:0;
	left:0;
	max-height:200px;
	overflow-x:hidden;
	overflow-y:auto;
	background-color:#fff;
	border:1px solid #ced4da;
	z-index:999999;
	display:none;
	
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}

.loginfrm{
	max-width:350px;
	width:96%;
	margin:0 auto;
}

.loginfrm-flds{
	background-color:#fff;
	padding:30px;
	border-radius:5px;
}

.autosuggest-wrp > a{
	text-decoration:none;
	display:block;
	padding:5px;
}

.oitemsContainer{min-height:200px; margin-top:5px; overflow-y:auto; overflow-x:hidden;}
.fldCodeReader{opacity:0; position:absolute; margin-left:-999999px;}
.posTopBarProducts{padding-top:10px; padding-bottom:10px; background: #ffdc51;}
.ui-widget-overlay{background:black;opacity:0.7;}
.col-form-label{font-size:0.9em;}
.form-check-label{font-size:0.9em;}
.input-group-text{font-size:0.9em !important; padding: 0px 5px;}
.form-check-input{margin-top:.4rem;}
.form-check{margin-top:3px;}
.hideRow{display:none;}
.nav-item a{cursor:pointer;}
.table td, .table th{padding:10px;}
.posProdList td, .posProdList th{
	padding:0.45rem 0.75rem; font-size:1rem;
}
.thead-gray td, .thead-lgray th{background:#f2f2f2;}
.bootstrap-tagsinput{width:100%;}
.bootstrap-tagsinput .tag{background:gray; padding-left:3px; padding-right:3px;}
.text-pre{white-space: pre-line;}


.d__ajax_popup_rs_wrapper{display:none;}
.base-container{width:100%; float:left; overflow:hidden;}
.base-left-container{float:left; width:150px; height:100%; background:#f4f5f7; overflow-y:auto; overflow-x:hidden;}
.logo-wrap{float:left; width:70%; padding:20px; background:#f4f5f7;}
.logo-wrap img{width:100%;}

.base-right-container{float:left; height:100%; overflow:auto;}

.base-top-nav{width:100%; background-color:#f4f5f7; float:left;
	box-shadow: 0px 4px 21px -5px rgba(0,0,0,0.58);
-webkit-box-shadow: 0px 4px 21px -5px rgba(0,0,0,0.58);
-moz-box-shadow: 0px 4px 21px -5px rgba(0,0,0,0.58);
}
.base-top-nav-wrap{padding:5px; color:#000; height:41px;}

.base-body-container{width:100%;float:left; background:#fff; overflow:auto;}
.leftNavContainer{width:100%;display:block; clear:both; padding:5px;}
.leftNav{list-style:none;margin:0px; padding:0px;}
.leftNav li{list-style:none; display:block; margin-bottom:5px;}
.leftNav li a{display:block; font-size:10px; padding: .3rem 1rem; 
	color:#000; font-weight:bolder;
}

.product-tabs-container{padding-top:10px;}
.nav-tabs .nav-item{margin-left:5px;}

.productvar-btn-wrap{margin-top:3px;}
.product-photo{width:150px; height:150px; background:gray; cursor:pointer; text-align:center; float:left; margin:2px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.product-photo img{max-width:100%; max-height:100%;}

.pv-container{list-style:none; margin:0px; padding:0px;}
.pv-container li.pv-line{list-style:none; margin:0px; padding:0px;}
.product_tab_content_container{width:100%; padding:5px; background:#fff; overflow:auto;}
.pageBtnsHandler{margin-bottom:5px;}
.pageBtnsHandlerRight{float:right; margin-top:5px;}
.innerTitle{
	font-size: 16px;
	margin-top:10px;
}

.viewFinalTotalContaner{float:right; margin-right:70px;}
.viewFinalTotalContaner .finalTotalLabel{font-size:18px;}
.viewFinalTotalContaner .finalTotalValue{font-size:45px;}

.iconHLinks{
	background:#fff;
	margin:5px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	overflow: hidden;
	border: 1px solid #000;
	cursor:pointer; width:200px;
}

.iconHLinks i{font-size:100px;}
.iconHLinks span{clear:both;}

.posBaseContainer{float:left; width:100%; opacity:0;
	transition: all 2s;
}
.posOrderListContainer{width:100%; max-width:45%; padding:7px; background:#fff; float:left; position:relative;}

.posOrderListContainer.noneditable input[type=text]{
	pointer-events: none;
}

.posProductListContainer{
	background-color:#f4f5f7; float:left; position:relative;
	overflow-y:auto;
	width:100%;
}
.posOrderFloatingBottomContainer{position:absolute; bottom:0; width:100%; margin-left:-7px; background:#eaeaea;}
.posOrderTotal{float:right;}
.posOrderTotalLbl{
	font-size: 1.2rem;
    float: left;
    font-weight: bolder;
    margin-right: 10px;
    padding-top: 12px;
	color:gray;
}
.posOrderTotalAmount{font-size:1.8rem; float:left; font-weight:bolder; color:green;}
.input-qty-trans{background:transparent; border:0px; line-height:150%; padding:0px;}

.form-control.fld-big-text{
	font-size:2rem !important;
}

.posSaveOrdersBtnWrp{
	float:left;
	display:none;
}

.posSaveOrdersBtnWrp .btn{
	margin-top:10px;
}


.pos-charges-wrp{
	background-color:#fff;
	display:none;
}

.pos-discount-wrp{
	background-color:#fff;
	display:none;
}

.pos-charges-grp-label,
.pos-discount-grp-label{
	margin-bottom:0px;
	text-align:right;
	font-size:0.9rem;
}

.pos-charges-item,
.pos-discount-item{
	text-align:right;
	font-size:0.8rem;
	font-style:italic;
}

.pos-charges-list i,
.pos-discount-item i{
	color:red;
	cursor:pointer;
}

.pos-charges-item .pdi-amount,
.pos-discount-item .pdi-amount{
	font-weight:bolder;
}

.oilists tr.item td:first-of-type{
	width:45%;
}

.btnmobclosenav,
.mobile-navbutton{
	display:none;
}

@media (max-width: 900px) {
	.posProdSubOPtions > div, .posSavedOrderItems > div, .posProdCatsItems > div{
		width:98%;
	}
}

@media (max-width: 800px) {
	
	.base-left-container{
		display:none;
		position:fixed;
		z-index:5;
	}
	
	.base-left-container.active{
		display:block;
	}
	
	.btnmobclosenav{
		display: inline-block;
        color: #000;
	}
	.mobile-navbutton{
		display: inline-block;
        color: #000;
        padding-top: 0;
        font-size: 1.2rem;
	}

	
	.base-right-container{
		width:100% !important;
	}
	
	.btn,
	table thead tr th{
		white-space: nowrap;
	}
	
	.modal-body{
		overflow-x:auto;
	}
	
	.base-body-container .row{
		display:block;
		clear: both;
	}
	
	.base-body-container .row > div{
		max-width:100%;
		margin-bottom:20px;
	}
	
	.base-body-container .form-group.row > label{
		max-width:100%;
	}
	
	canvas{
		max-width:100%;
	}
	
	.form-control{
		min-width:150px;
	}
	
	.base-body-container .input-group{
		min-width:150px;
	}
	
	.posOrderListContainer{
		width:100%;
		max-width:100%;
	}
	
	.posProductListContainer{
		display:none;
	}
	
	.productSearchLstWrp thead{
		display: none;
	} 
 
	.productSearchLstWrp .posProdList td{
		display: block;
		width:100%;
		text-align: left !important;
	}

	.productSearchLstWrp .posProdList td.psiname{
		font-size:16px;
		font-weight: bold;
	}

	.productSearchLstWrp .posProdList td.psicode::before{
		content:'Code:';
		display:inline-block;
		margin-right: 10px;
	}

	.productSearchLstWrp .posProdList td.psiprice::before{
		content:'Price:';
		display:inline-block;
		margin-right: 10px;
	}

	.productSearchLstWrp .posProdList td.psicat::before{
		content:'Category:';
		display:inline-block;
		margin-right: 10px;
	}

	.productSearchLstWrp .posProdList td.psiadded{
		text-align: center !important;
		font-size: 25px;
	}
}