@font-face {
    font-family: 'text-security-disc';
    src: url('../css/Font/text-security-disc.eot');
    src: url('../css/Font/text-security-disc.eot?#iefix') format('embedded-opentype'),
        url('../css/Font/text-security-disc.woff2') format('woff2'),
        url('../css/Font/text-security-disc.woff') format('woff'),
        url('../css/Font/text-security-disc.ttf') format('truetype'),
        url('../css/Font/text-security-disc.svg#text-security') format('svg');
}

.keypinput {
	font-family: text-security-disc;
    -webkit-text-security: disc;
    -moz-text-security: disc;
}

.content{
	padding-top: 0 !important;
	padding-right: 0;
	margin-top: 0 !important;
	margin-right: 0 !important;
	padding-left: 0;
}
#_order_area{
	padding-right: 0;
}
#_details_area{
	padding-left: 0;
}

.np{
    padding: 0 !important;
}
/* for time box */


/* service chargebutton */

/* service chargebutton */

.timeBox{
    padding: 2px 0;
    border-radius: 30px;
    text-align: center;
    margin: 0 auto;
	font-size: 18px;
    font-weight: 600;
	position:absolute;
	bottom:10px;
	max-width:80%;
	left:0;
	right:0;
	margin:auto;
}
.timeSpent{
	color:#363636;
	background:white;
	display:inline-block;
	border-radius: 30px;
	max-width: 177px;
	font-size: 14px;;
	width: 100%;
	text-align: center;
	padding: 3.5px 0;
}
.timeSpent .secs{
	display:none;
}

ul.nav-tabs {
	padding-bottom:15px;
	border-bottom:1px solid #fff;
	margin-bottom:15px;
	
}

#n_area.nav-tabs > li {
	margin-bottom:30px;
	border-radius: 10px;
	overflow:hidden;
	border:0 !important;
	border-radius: 5px;
	margin-right: 40px;
	overflow: hidden;
}
ul.nav.nav-tabs > li > a{
	display: block;
    width: 125px !important;
    text-align: center;
	border-radius: 5px;
	background: #fff !important;
    font-size: 20px;
	border:0 !important;
    color: #363636 !important;
	font-weight: 600;
	box-shadow: none !important;
	height:55px;
} 
.nav-tabs > li > a::after{
	display:none;
}
.content ul.nav-tabs > li.active > a{
	background: transparent !important;
    margin: 0px;
	color: #fff !important;
    border-radius: 5px;
	background: #FFB012 !important;
}
.content ul.nav.nav-tabs > li.active > a{
	border: 0 !important;
}



.box.breadcrum-container{
	display:none;
}
/* for time box */


/* for table  */
.table-number > ul > li{
	min-width: 206px;
	max-width: 206px;
	margin: 40px 50px 0 0;
}
.table-number > ul > li > button{
	width: 100%;
	position:relative;
	background:white;
	color: #363636;
	border-radius:6px;
	font-size: 22px;
	margin-left: 0;
	padding: 30px 0 70px;
}
.table-number > ul > li button.active,.table-number > ul > li button.active-table{
	background:#FFB012 !important;
}
.table-number > ul > li button.active-table.timeOut{
	background:#B50000 !important;
	color: white;
}
.peepsCount{
	position:absolute;
	padding:1px 10px;
	top:7px;
	right:7px;
	border-radius:50%;
	font-size: 18px;
	color:#363636;
	text-align:center;
	background:#fff;
	/* width: 30px;
	height: 30px; */
	width: max-content;
    height: max-content;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Segoe UI Bold';
	padding: 5px;
}
.peepsCount i{
	margin-right: 5px;
}
.order-details .box{
	box-shadow:none;
	background:transparent;
	padding-top: 0;
}

/* for table  */

/* MAIN CATEGORIES */
.newPax{
	display:none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 9999;
	top: 0;
	left: 0;	
}
.newPaxBox{
	position: relative;
	padding: 15px;
	background: #CCCCCC;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 180px auto 0;
	border-radius: 5px;
	z-index: 100000;
	border:10px solid #009AF9;
	max-width: 280px;
}
.newPaxBox h4{
	margin:0;
	text-align:center;
}
.numPax input{
	width: 100%;
	outline: none;
	height: 50px;
	border-radius: 5px;
	margin: 15px 0;
	border: 1px solid #ddd;
	font-size:18px;
	text-align:center;
	padding: 0 15px;
}
.buttons a{
	display: inline-block;
	width: 100%;
	text-align: center;
	line-height: 40px;
	height: 40px;
	text-decoration: none;
	color: white;
	background:#FFB012;
	font-size: 18px;
	font-weight: 600;
	color:#282828;
}
.buttons a:hover{
	background:#FFB012;
	color:#282828;
}


/* MAIN CATETORIES */
#forCategory{
	margin: 0;
}
#forCategory [class*="col-"]{
	padding: 0;
}

.sec-all > .box{
	background:transparent;
	box-shadow:unset;
	padding-top:0;
	margin-bottom: 0;
}
#forCategory ul li .catBtn{
	position: relative;
	padding: 0 10px 10px 10px;
	text-align:center;
	background:#fff !important;
	color:#363636;
	width:auto;
	margin:0;
	border-radius:0 !important;
	width: 234px;
	height: 195px;
	font-size: 16px;
	margin-right: 8px;
	margin-bottom: 8px;
	text-transform: uppercase;
}

#forCategory ul li .catBtn .imgHolder{
	width: 100%;
	height: 141px;
	top: 0;
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	
}
#forCategory ul li .catBtn .price{
position: absolute;
    bottom: 5px;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
#forCategory ul li .catBtn .txtTitle{
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 16px;
}
#forCategory ul li .catBtn img{
	width:auto;
	/* max-width: 65%; */
	max-width: 100%;
	height: 141px;
	display:block;
	position: relative;
	margin-bottom:10px;
	height: 117px;
	top:0;
	left:0;
	right: 0;
	margin: auto;
	margin-top: 20px;
}
#forCategory h3{
	font-size: 22px;
	color: #363636;
	margin: 15px 0 15px;
	text-transform:capitalize;
	font-weight:800;
	font-family: 'Helvetica', sans-serif;
}
/* MAIN CATETORIES */

/* ORDER LIST */
.oper-row td{
    background:white;
    border-bottom: 1px solid #707070;
}
.orderList{
	border-radius: 0;
	flex: 0 0 600px;
	position: relative;
	z-index: 15;
	background: transparent;
	box-shadow: unset;
	max-width: 625px;
}
#_order_area .box-header{
	padding: 0;
	margin-bottom: 20px;
}
#_order_area .detailBox, .detailBox{
	display: flex;
    align-items: center;
    justify-content: space-between;
    /* padding: 15px; */
	padding: 20px;
	background: #eaeaea;
	border-radius: 10px;
}
#_order_area .detailBox .takeaway, .detailBox .takeaway{
	padding-right: 10%;
    border-right: 1px solid #363636;
}
#_order_area  .detailBox span,.detailBox span{
	display: block;
	font-size: 22px;
    font-weight: 600;
	color: #363636;
}
#_order_area  .detailBox #order_id,.detailBox #order_id{
	display: inline-block;
	font-size: 16px;
	font-weight: 600;;
}
#_order_area  .detailBox span.pax,.detailBox span.pax{
	display: inline-block;
}
#_order_area  .detailBox span.pax,.detailBox span.pax #show_pax{
	background: transparent !important;
	font-size: 16px;
	color: #363636;
	opacity: 1 !important;
	padding: 0;
}
#_order_area  .detailBox .type,  .detailBox .type{
	font-size: 34px;
    text-transform: capitalize;
    font-weight: 800;
}
#_order_area  .detailBox .list, .detailBox .list{
	text-align: right;
}
#_order_area  .detailBox .customer, .detailBox .customer{
	text-align:right;
	padding-left: 10%;
    border-left: 1px solid #363636;
}
#_order_area .detailBox .btnCustomer, .detailBox .btnCustomer{
    padding: 3px 18px;
    border-radius: 5px;
    background: white;
    font-size: 22px;
    color: #282828;
    text-transform: capitalize;
	cursor: pointer;
	text-align:center;
}

.tblOrders{
	background: #282828;
	height: 552px;
	overflow: auto;
}

.tblOrders.home{
	height: auto;
	overflow: hidden;
}
.tblOrders.home tbody{
	height: 400px;
	overflow: auto;
	display: block;
	width: 100%;
	background: white;

}
.tblOrders.home thead,.tblOrders.home tbody tr {
	display:table;
    width:100%;
    table-layout:fixed;
	background: white;
}
/* .tblOrders.home tbody tr:nth-child(even) td{
	background: #e9e8e8 !important;
} */
.tblOrders table{
	width: 100%;
    background: white;
}
.tblOrders th{
	color:white;
	padding: 15px 15px;
	text-align: center;
	background: #282828;
	font-size: 20px;
	font-weight: 600;
}
.tblOrders th:first-of-type{
	text-align:left;
}
.tblOrders .body{
	text-align: center;
}
#_order_area .tblOrders tbody tr{
	height: 70px;
}
.tblOrders tbody tr td, .oper-row td{
	color: #282828;
    background: white;
	padding:12px;
	vertical-align: top;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 500;
    border-bottom: 1px solid #707070;
	text-align: center;
}
.tblOrders tbody tr td:first-of-type, .tblOrders.home tbody tr td:nth-of-type(2){
	width: 50%;
	text-align: left;
}
.tblOrders tbody tr td:nth-of-type(2),.tblOrders.home tbody tr td:nth-of-type(3) {
	width: 10%;
}
.tblOrders tbody tr td:nth-of-type(3),.tblOrders.home tbody tr td:nth-of-type(4){
	width: 20%;
}
.tblOrders tbody tr td:nth-of-type(4),.tblOrders.home tbody tr td:nth-of-type(5){
	width: 20%;
	text-align: center;
	padding-left: 0;
    padding-right: 0;
}
/* .tblOrders tbody tr img.remove{
	display: none;
} */
.tblOrders tbody tr td span{
	font-size: 16px;
}
tr td .qty{
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
}
.tblOrders tbody tr td a, .tblOrders tbody tr td div{
	display: inline-block;
	vertical-align: top;
}
#_order_area .tblOrders tbody tr td a.btn-cancel span,
#_order_area .tblOrders tbody tr td a.remove span,
#_order_area .tblOrders tbody tr td a.discount_per_item span{
	padding: 5px;
}
/* .tblOrders tbody tr td .qtyBox{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
} */
.tblOrders tbody tr td .btnEdit{
	vertical-align: top;
	margin-right: 10px;
}
.tblOrders tbody tr td img{
	/* width: 25px; */
	width: auto;
}
.block .orderName{
    display: block;
    text-align: left;
    margin: 0;
	padding-left: 30px;
}
.tblOrders tbody tr td .orderName,tr td .orderName {
    display: inline-block;
    font-size: 20px !important;
    font-family: sans-serif;
    font-weight: 600;
    vertical-align: middle;
    margin-left: 5px;
}
tr td .notes{
	display: block;
	font-style: italic;
	font-weight: 300;
	font-size: 14px;
	color: #969696;
	padding-left: 45px;
	text-align: left;
}
tr td .note-cont .notes{
	padding-top: 10px;
	padding-left:40px;
}
.tblOrders tbody tr td .btnDelete{
	margin-left:15px;
}
.tblOrders tbody tr td .btnDelete img{
	width: 20px;;
} 
tr td  .tPrice{
	display: inline-block;
	vertical-align: middle;
	font-weight: 600;
}
.tblOrders tbody tr td:first-of-type{
	text-align:left;
	width: 40%;
}

.withPlus img{
	visibility: hidden ;
}
.tblOrders.home .withPlus img{
	visibility: visible;
}

.tallyBox table{
	width: 100%;
}
.tallyBox table td{
	border-bottom: 1px solid #707070;
	border-right: 1px solid #707070;
}
.tallyBox table td span{
	display:inline-block;
	font-size: 16px;
	position:relative;
}
.tallyBox table td span a{
	width: 15px;
    height: 15px;
    left: 180px;
    top: -1px;
    right: unset;
    bottom: 0;
    margin: auto;
}
.tallyBox table td span a img{
	width: 15px;;
}
.tallyBox table td .wd70{
	width: 50%;
	padding: 5px 10px;
	font-weight: 500;
}
.tallyBox table td .wd71{
	width: 50%;
	padding: 5px 10px;
	font-weight: 500;
}
.tallyBox table td .value{
	width: 45%;
	text-align:right;
	padding: 5px 15px;
}
.tallyBox table td .dn-note{
	width: 100%;
	text-align:left;
	padding: 5px 15px;
}
.tallyBox table td.bgGreen{
	background-color:#D9FFD9;
	padding:0 15px;
	position: relative;
	height: 75px;
	background: #FFB012;
}
.tallyBox table td .total{
	display: block;
	font-size: 18px;
	font-weight: 600;
	font-family:sans-serif;
	position: absolute;
    top: 5px;
	width: 65%;
	z-index: 111;
}
.tallyBox table #add_discount{
	color:#FFB012;
}
.tallyBox table #add_discount .discount{
	cursor: pointer;
}
table td strong{
    position: relative;
    z-index: 5;
}
table tr td .mainPrice{
	font-weight: 600;
    font-size: 41px;
    font-family: sans-serif;
    float: right;
    width: 100%;
    text-align: right;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    height: 100%;
    padding-right: 5px;
    background-color: #D9FFD9;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 1;
}
.tallyBox table td .cur{
	font-size: 40px;
    font-weight: 600;
    font-family: sans-serif;
    float: left;
	width: 50%;
    padding-right: 15px;
}
.checkoutBox{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* .checkoutBox a{
	flex: 0 0 33.33%;
	text-align:center;
	padding:20px 0;
	text-decoration: none;
	color:white;
	text-transform: capitalize;
	font-size: 25px;
	font-weight: 600;
} */
.checkoutBox .payment{
	background: #CB0000;
	overflow: hi;
}
.checkoutBox .print{
	background: #009AF9;
}
.checkoutBox .order{
	background:#FFB012;
}
/* ORDER LIST */

/* modal customer */
.customerInfo{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
	background: rgba(0,0,0,0.5);
	overflow: auto;
	display: none;
    z-index: 100;
}
.customerInfo h3{
	margin-top:15px;
	font-size: 30px;
	color: #282828;
	margin-bottom: 30px;
}
.customerInfo .formHolder{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 120px auto 0;
    width: 90%;
    max-width: 550px;
    background: white;
    /* border: 10px solid #009AF9; */
    padding:20px 30px 35px;
    text-align: center;
	border-radius: 10px;
}
.customerInfo .formHolder .inputHolder{
	margin: 15px 0;
}
.customerInfo .formHolder .label{
	font-size: 16px;
	width: 70px;
	text-align: left;
	margin-right: 25px;
	display: inline-block;
	color: #282828;
}
.customerInfo .formHolder input{
	width: 100%;
	/* max-width: 350px; */
	outline: none;
	border: 0;
	height: 50px;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 0 15px;
	font-size: 22px;
	border: 1px solid #ddd;
	border-left: 0;
	border-right: 0;
	border-top: 0;
}
.customerInfo .btnHolder{
	padding-top: 15px;
	text-align: center;
}
.customerInfo .btnHolder a, .modalBox .btnHolder a, .modalBoxPayment .btnHolder a, .modalBoxPax .btnHolder a, .modalBoxDiscount .btnHolder a, .btnClose{
	padding: 12px 0;
    border-radius: 7px;
    text-align: center;
    margin: 10px 5px;
    max-width: 80%;
    display: inline-block;
    text-decoration: none;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
}
.customerInfo .btnHolder a{
	max-width: 100%;
}
.btnCancel{
	background: #9D9D9D;
	color: white;
}
.btnCancel:hover,.btnCancel:visited{
	color: white;
}
.customerInfo .btnHolder .btnConfirm,.modalBox .btnHolder a, .modalBoxPayment .btnHolder a, .modalBoxDiscount .btnHolder a, .modalBoxPax .btnHolder a, .btnClose{
	background: #3971D9;
	color: white;
}
/* modal customer */


/* for alert homepage */
.alert-success{
	background: #707070;
}
/* for alert homepage */


/* NEW LAYOUT FOR OLD */
#_details_area.active{
    width: 100%;
}
#_details_area.active .sec-all{
    /* width: 58%; */
	/* width: 800px; */
	width: 85%;
}
#_order_area{
    position: fixed;
}
#_details_area{
	width: calc(100% - 615px);
}
#_order_area.active{
    position: relative;
	z-index: 100;
	width: 615px  !important;
	padding: 0;
}
#_order_area.active .box{
	padding: 20px;
}
#t_order{
    /* border-bottom: 1px solid #707070; */
    margin-bottom: 0;
	overflow: hidden;
}
#t_order thead th{ 
    color: white;
    background: #282828;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 0;
    border-bottom: 0 !important;
}
#t_order thead th:first-of-type{
	padding-left: 15px;
}
/* #t_order tbody tr{
    background: #282828 !important;
    height: auto;
    min-height: unset;
} */
.orders-content tr.new-order tr{
	border: 1px solid #eaeaea;
	border-bottom: 0;
}
.orders-content tr.new-order td{
    color: #282828;
    background: white;
    vertical-align: top;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 500;
    border-bottom: 1px solid #707070;
    height: auto;
    min-height: unset;
}
/* 
.orders-content tr.new-order:nth-child(even) td{
	background: #EEEEEE;
} */

.addbeforeme td{
    border-bottom: 1px solid #707070;
    border-right: 1px solid #707070;
	background: white;
}
.addbeforeme td:first-of-type,.addbeforeme td:nth-child(3){
    border-bottom: 1px solid #707070;
    border-right: 0
}

.widHidden .new-order{
    display: none;
}



.box-footer {
    padding: 0;
}
.checkoutBox{
    padding: 0;
	margin-top: 20px;
}
.checkoutBox [class*=col]{
    padding: 0;
}
.checkoutBox a{
    display: flex;
	align-items: center;
	justify-content: center;
    text-align:center;
	text-decoration: none;
	color:white;
	text-transform: capitalize;
	font-size: 20px;
    width: 100%;;
	font-weight: 600;
    height: 55px;
    line-height: 55px;
    padding: 0;
	border-radius: 0;
}

.checkoutBox .btnRed {
    background: #EAEAEA;
	color: #363636 !important;
}

.checkoutBox .btnYellow{
    background: #3971D9;
	color:#FFFFFF;
}
.checkoutBox .btnBlue{
    background: #EAEAEA;
	color: #363636 !important;
}
.checkoutBox .btnBlue:hover,.checkoutBox .btnRed :hover{
	color: #363636 !important;
}
.btnGreen{
	background: green !important;
}
.btnGreen span{
	color: white !important;
}
.btnBlack{
	background: #282828;
}

.checkoutBox [class^="btn"],.checkoutBox [class^="btn"]:hover{
	color: white;
	border-radius: 5px;
}
.checkoutBox div{
	max-width: 150px;
}
.payment{
	display: block;
	/* flex-basis: 0 0 60%; */
	overflow: hidden;
    width: calc(100% - 600px);
}
.payment h4, .headingTitle{
	padding: 15px 0;
	font-weight: 800;
	font-size: 32px;
}
.payment .col-sm-2{
	min-width: 290px;
}
.payment .col-sm-10{
	max-width: 710px;
}

.bgGray{
	background: #CCCCCC;
}
.paymentBox{
	/* max-width: 300px; */
	height: 231px;;
	background: #444444;
	overflow: auto;
	border: 1px solid #444444;
}

.totalBox .selected{
	/* max-width: 350px; */
	width: 100%;
	background:#FFFFFF;
}
.totalBox table tbody tr td{
	height: 54px;
	font-size: 20px;
	text-transform: capitalize;
	color: #282828;
	border-bottom: 1px solid #707070;
	vertical-align: middle;
}
.totalBox tr td:first-of-type{
	padding-left: 24px;
}
table.bgGray tbody tr td{
	padding-left: 15px;
	font-weight: 600;
}
.bgGray tr td:first-of-type{
	border-right: 1px solid #444444;
	font-weight: 400;;
}
.totalBox .selected .amount{
	width: 80px;
	text-align: right;
	padding:8px;
}
.totalBox .selected .btnRemove{
	border-left: 1p solid #707070;
	padding: 8px;
	background:#B80000 ;
	width: 50px;
	cursor: pointer;
	text-align: center;	
}

.typeHolder{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}
.typeHolder .paymentType{
	text-align: center;
	/* width: 159px;? */
	width: 32%;
	margin-bottom: 5px;
	background:#009AF9;
	margin-right: 5px;
	border: 1px solid #707070;
	cursor: pointer;
}
.typeHolder .paymentType .currency{
	font-size: 48px;
	color: #282828;
	display: block;
	text-align: center;
	margin: 30px 0x;
	font-weight: 800;
}
.typeHolder .paymentType .type{
	font-size: 18px;
	color: #282828;
	display: block;
	text-align: center;
	margin-bottom: 15px;
	font-weight: 800;
}
.calulator{
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	z-index: 10;
	padding: 15px 0;
	display: none;
}
.calulator::before{
	position: absolute;
	content: '';
	top: 0;
	width: 200%;
	height: 134px;
	background: #FFB012;
	top: 0;
	z-index: 1;
	left: -50px;
}

.inputHolder{
	position: relative;
	z-index: 15;
}
.inputHolder span{
	display: block;
	font-size: 32px;
	font-weight: 800;
	text-transform: capitalize;
}
.inputHolder input{
	width: 100%;
	height: 60px;
	padding: 0 15px;
	font-weight: 800;
	font-size: 32px;
	outline: none;
}
.calulator table{
	margin-top: 13px;
}
.calulator table tr td{
	border-right: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	background: #444444;
	font-size: 44px;
	color: white;
	text-align: center;
	width: 180px;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
}
.calulator table tr td:active{
	transform: scale(0.90);
	background: #181818;
}


.red{
    color: red !important;
}

/* service charge button */
table td.sc{
	position: relative;
}
table td.sc span{
	position: relative;
}
.orderSC{
	display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    width: 38px;
    height: 40px;
    position: absolute;
    top: -9px;
    right: -45px;
	border:1px solid #707070;
	/* display: none; */
}
/* .orderSC img{
	display: none;
} */
.orderSC.checked{
	background: green;
	/* display: none; */
}  
#input_sc{
	display: none;
}
.orderSC.disabled{
	pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 
	/* display: none; */
}
/* .orderSC.checked img{
	display: none;
} */
/* service charge button */


/* TAX CHECKBOX AT view/home */
table td.tax_td{
	position: relative;
}
table td.tax_td span{
	position: relative;
}
.orderTax{
	display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    width: 38px;
    height: 40px;
    position: absolute;
    top: -9px;
    right: -45px;
	border:1px solid #707070;
	left: 84px !important;
}
.orderTax.checked{
	background: green;
}
/*#input_tax{*/
.input_taxes{ 
	display: none;
}
.orderTax.disabled{
	pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 
}
/* DYNAMIC TAX CSS */
.taxes {
	margin: 0;
	display: inline;
	position: relative;
	left: 0 !important;
}
/* DYNAMIC TAX CSS */

/* END TAX CHECKBOX AT view/home */


/* PAYMENT AREA */
.newLayout{
	display: flex;
	justify-content: space-between;
	background: transparent;
	border:0;
	box-shadow: none;
}
.newLayout .checkoutBox{
	display: flex;
}
.newLayout .flexEnd{
	justify-content: flex-end;
}
.newLayout .orderLayout{
	box-shadow: -1px 3px 12px rgb(187 195 197 / 60%);
	background: white;
	border: 1px solid #707070;
}
.newLayout tr td .orderBox .notes{
	padding-left: 15px;;
}

.discountBox{
	/* max-width: 290px; */
	margin-bottom: 15px;
}
.discountBox input{
	width:100%;
	outline: none;
    border: 0;
    height: 40px;
    border-radius: 5px;
    padding: 0 15px;
    font-size: 20px;
	font-family: sans-serif;
	margin: 10px 0;
	border-radius: 0;
}
.discountBox select{
	height: 40px;
	font-size: 20px;
	font-family: sans-serif;
}
.card_receipt_number{
	font-size: 16px;
    display: block;
    color: black;
    margin-left: 15px;
    opacity: .6;
}

/* PAYMENT AREA */

/* remove red text color for new layout*/
/*.tblOrders.home td, 
.tblOrders.home th, 
.tblOrders.home span, 
.tallyBox.home span, 
.tallyBox.home td{
	color: red !important;
}*/


/* HEADER */
.navbar-center .active{
	background: #f39c12;
}
.navbar-center img.active{
	background: transparent;
}
/* HEADER */
.paymentstotal{
	width: 320px;
}
.paymentTypeHolder{
	width: calc(100% - 320px);
}

.content-header.clearfix{
	display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 15px;
	padding: 15px 0;
}
.content-header.clearfix h1{
	flex: 1;
}
.content-header.clearfix .pull-right{
    float: none !important;
    text-align: right;
    order: 2;
    display: flex;
    justify-content: end;
	align-items: center;
}
.content-header.clearfix .pull-right i{
	margin-right: 10px;
}

/* importants */

#__table-clicked.content-wrapper{
	margin-left: 105px !important;
	transition: all .25s  linear;
	padding:0 20px 0 35px;
}

table tr td span.pad15{
	padding-left:15px;
}
.price{
	display: block;
	text-align: center;
	font-size: 14px;
}

.currencytitle{
	font-weight: 600;
    font-size: 16px !important;
    font-family: sans-serif;
    float: right;
    width: 100%;
    text-align: right;
    text-align: right;
    position: absolute !important;
    left: 0;
    top: 0;
    margin: auto;
    height: 100%;
    padding-right: 5px;
    background-color: #D9FFD9;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: flex-start;
	z-index: 2;
    width: 30px;
    padding-left: 10px;
	display: flex !important;
}

#moneyval{
	margin-left: 30px;
}
.btnMob{
	display: none;
}
.box-body{
	width: 100%;
	overflow: hidden;
}

/* .boxHolder{
	padding: 0 50px;
} */
.boxed{
	padding: 50px 15px;
	background: white;
	text-align: center;
}

.outofstock{
	width: 90%;
    position: absolute;
    top: 35px;
    left: 0;
    background: gray;
    right: 0;
    margin: auto;
    padding: 10px 0;
	color: white;
	border-radius: 5px;
}

.limited_stock {
	width: 90%;
    position: absolute;
    top: 35px;
    left: 0;
    background: #3971D9;
    right: 0;
    margin: auto;
    padding: 10px 0;
	color: white;
	border-radius: 5px;
	display: none;
}
.limited_stock_count .limited_stock{
	display: block;
}
h3.titleBox{
	margin:40px 0 30px;
	font-size: 22px;
	color: #363636;
	font-weight: 700;
	font-family: 'Helvetica', sans-serif; 
}

.btn-danger, .btn-info, .btn-primary, .btn-success, .btn-warning, .btn-default{
	border-radius: 5px !important;
}
/* .skin-yellow .wrapper{
	padding-bottom: 85px;
} */

html body input.form-control,html body select.form-control{
	border-radius: 5px !important;
}
 .label-danger{
	border-radius: 5px !important;
}
.label-success{
	border-radius: 5px !important;
}

.label-info{
	border-radius: 5px !important;
}
.label-primary{
	border-radius: 5px !important;
}

#btn-cancel{
    background: red !important;
    border: 0;
}
.login-logo{
	padding-top: 15px;
}
.login-logo img{
	width: 70px;
	color: #181818;
}
/* .login-logo a{
	color:white;
	display: block;
} */
.login-box, .register-box,.login-box-body, .register-box-body{
	border-radius: 10px;
}
.login-box .kyepad-container > input{
    font-size: 22px;
	font-weight: 800;
}
.login-box .kyepad-container > input.btn-orange{
    background: #181818;
    color: #fff;
    font-weight: 800;
    border: 1px solid #181818;
    border-radius: 5px;
	border: 0;
	border: 1px solid transparent;
	transition:all .15s ease-in-out;
	transform: scale(1);
}
.login-box .kyepad-container > input.btn-orange:active{
	background: #FFB012;
	color: #181818;
	border-color: #181818;
}
.login-box .kyepad-container > input.btn-orange:active{
	transform: scale(0.9);
}
.form-group._pincode > .keypinput-container > input{
	font-size: 50px;
}
.fullScreenMode{
	position: fixed;
    bottom: -15px;
    right: 15px;
    z-index: 9999;
    background: transparent;
	display: none;
}
.fullScreenMode .fullsc{
	display: block;
    background: transparent;
    border: 0;
    font-size: 50px;
    color: #181818  !important;
}
.fullScreenMode .btn-default.fullsc:hover,.fullScreenMode .btn-default.fullsc:active,.fullScreenMode .btn-default.fullsc.hover{
	    background-color:transparent !important;
		color: #181818  !important;
}
/* importants */

/* BARCODE */
.barcodearea{
	padding: 7px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d5c2c2;
    padding-bottom: 20px;
}
.barcodearea h5{
	font-weight: 600;
	font-size: 18px;
	margin-top: 0;
}
.barcodearea input{
	width: 100%;
	padding: 10px;
	/* border-radius: 5px; */
}
.barcodearea span{
	display: block;
	font-weight:  600;
	font-size: 12px;
	margin-top: 7px;
}
/* BARCODE */


/* for modal pax */
#nmpd1{
	display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 5000;
}

#paxModal{
	/* border: 10px solid #009AF9; */
	background: #fff;
	border-radius: 10px !important;
	overflow: hidden;
}
#paxModal tbody tr td h3.nmpd-display{
    margin-bottom: 0 !important;
    margin-top: 10px !important;
}
#paxModal tr td input{
	height:50px;
	font-size: 20px;
}
#paxModal tr td button{
	width: 100%;
	background: #444444;
	color: white;
	border-radius: 0;
	border-radius: 5px;
}
/* for modal pax */



/* button pressed  */
#forCategory .row{
	margin: 0;
}
#forCategory ul li .catBtn:active{
	transform: scale(0.95);
	background: #FFB012 !important;
	color: black;
    font-weight: 800;
}
#forCategory ul li .catBtn.noclick:active{
	transform: scale(1);
	background: #181818 !important;
	color: white;
	font-weight: 400;
}
#forCategory ul li .catBtn.active{
	background: #FFB012 !important;
	color: black;
    font-weight: 800;
}
/* button pressed  */


/* global modal */
.modalHolder{
	position: fixed;
	background: rgba(0,0,0,0.7);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none;
	align-items: center;
}
.modalBox, .modalBoxPayment, .modalBoxPax, .modalBoxDiscount, .modalBoxItemDiscount{
	max-width: 380px;
	/* border: 10px solid #009AF9; */
	background: #fff;
	top: 35px;
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding:20px 0;
	border-radius: 10px;
}
#billModal .modalBoxPayment{
	top:100px;
}
.modalBox .messgeBox,
.modalBoxPayment .messgeBox,
.modalBoxPax .messgeBox,
.modalBoxDiscount .messageBox{
	text-align: center;
	padding: 10px;
}
.modalBox .message,
.modalBoxPayment .message,
.modalBoxPax .message,
.modalBoxDiscount .message,
.modalBoxItemDiscount .message{
	font-size: 18px;
	color: #181818;
	margin:0;
	margin: 30px 0;
	text-align: center;
}
.modalBox .btnHolder a,
.modalBoxPayment .btnHolder a,
.modalBoxPax .btnHolder a,
.modalBoxDiscount .btnHolder{
	display: none;
}
.modalBox .btnHolder a,
.modalBoxPayment .btnHolder a,
.modalBoxPax .btnHolder a,
.modalBoxDiscount .btnHolder a{
	display: block;
	margin: 10px auto;
}
.modalBox .pinbox,
.modalBoxPayment .pinbox,
.modalBoxPax .pinbox,
.modalBoxDiscount .pinbox {
	margin-top: 15px;
}
.modalBox .pinbox input,
.modalBoxPayment .pinbox input,
.modalBoxPax .pinbox input, 
.modalBoxDiscount .pinbox input {
	height: 40px;
	font-size: 20px;
	padding: 5px;
}
/* global modal */

/* MODAL WITH CALC */
.modalBoxHolder,
.modalBoxPaymentHolder,
.modalBoxPaxHolder,
.modalBoxDiscountHolder,
.modalBoxItemDiscountHolder{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	z-index: 99999999999 !important;
	display: none;
	overflow: auto;
}

#billModal{
	position: fixed;
}
.modalBoxHolder .modalBox,
.modalBoxPaxHolder .modalBoxPax,
.modalBoxItemDiscountHolder .modalBoxItemDiscount{
	max-width: 400px;
}
.modalBoxPaymentHolder .modalBoxPayment.cashPayment{
	max-width: 600px;
}
.modalBox_body .message,
.modalBoxPayment_body .message,
.modalBoxPax_body .message,
.modalBoxDiscount_body .message,
.modalBoxItemDiscount_body .message{
	font-size: 18px;
	display: block;
	margin: 15px 0;
	display: block !important;
}
.modalBox_body input,
.modalBoxPayment_body input,
.modalBoxPax_body input,
.modalBoxDiscount_body input,
.modalBoxItemDiscount_body input,
.modalBoxItemDiscount_body select{
	height: 40px;
	width: 90%;
	margin: 0 auto;
	font-size: 15px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 15px;
}
.modalBox_calcu .calcu,
.modalBoxPayment_calcu .calcu,
.modalBoxPax_calcu .calcu,
.modalBoxDiscount_calcu .calcu,
.modalBoxItemDiscount_calcu .calcu{
	padding: 0 10px;
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0 15px;;
}
.modalBoxPayment.cashPayment .modalBox_calcu .calcu,
.modalBoxPayment.cashPayment .modalBoxPayment_calcu .calcu,
.modalBoxPayment.cashPayment .modalBoxPax_calcu .calcu,
.modalBoxDiscount.cashPayment .modalBoxDiscount_calcu .calcu{
	justify-content: flex-start;
}
.modalBox_calcu .calcu div,
.modalBoxPayment_calcu .calcu div,
.modalBoxPax_calcu .calcu div,
.modalBoxDiscount_calcu .calcu div,
.modalBoxItemDiscount_calcu .calcu div{
	width: 30%;
	padding: 15px 0;
	text-align: center;
	background: #181818;
	color: white;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 800;
	cursor: pointer;
}
.modalBoxPayment.cashPayment .modalBoxPayment_calcu .calcu div{
	width: 25%;
	padding: 0 10px;
	background: transparent;
}
.modalBoxPayment.cashPayment .modalBoxPayment_calcu .calcu div > span{
	display: block;
	background: #181818;
	width: 100%;
	padding: 15px 0;
}
.modalBoxPayment_calcu .calcu div[data-val=5.00],
.modalBoxPayment_calcu .calcu div[data-val=1.00]{
	display: none;
}
.modalBox_calcu .calcu div:active,
.modalBoxPayment_calcu .calcu div:active,
.modalBoxPax_calcu .calcu div:active,
.modalBoxDiscount_calcu .calcu div:active,
.modalBoxItemDiscount_calcu .calcu div:active{
	transform: scale(0.95);
}
.modalBox_footer,
.modalBoxPayment_footer,
.modalBoxPax_footer,
.modalBoxDiscount_footer,
.modalBoxItemDiscount_footer{
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding:0 20px;
}
.modalBox_footer a,
.modalBoxPayment_footer a,
.modalBoxPax_footer a,
.modalBoxDiscount_footer a,
.modalBoxItemDiscount_footer a{
	padding: 10px 0;
	border-radius: 7px;
	text-align: center;
	margin: 5px 0;
	width: 100%;
	display: inline-block;
	text-decoration: none;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	color: white;
}

.modalBox_footer a.btnSubmit,
.modalBoxPayment_footer a.btnSubmit,
.modalBoxPax_footer a.btnSubmit,
.modalBoxDiscount_footer a.btnSubmit,
.modalBoxItemDiscount_footer a.btnSubmit{
	background: #3971D9;
}
.modalBox_footer a.btnCancel,
.modalBoxPayment_footer a.btnCancel,
.modalBoxPax_footer a.btnCancel,
.modalBoxDiscount_footer a.btnCancel,
.modalBoxItemDiscount_footer a.btnCancel{
	background: #9D9D9D;

}

/* MODAL WITH CALC */


a.sidebar-toggle.sidebar-new-btn{
	transition: all .15s linear;
}
a.sidebar-toggle.sidebar-new-btn:hover{
	background: transparent !important;
}
a.sidebar-toggle.sidebar-new-btn.active{
    transform: rotate(90deg);
	/* background: #f39c12 ; */
}
/* a.sidebar-toggle.sidebar-new-btn.active:hover{
	background: #f39c12 !important;
} */

/* popup_exchange */
#popup_info_exchange{
	background: white;
	/* border: 10px solid #009AF9; */
	height: auto;
	margin: 0 auto;
    z-index: 4999;
    text-align: center;
    width: 100%;
    background: #FFF;
    position: relative;
    top: 50px;
    font-size: 25px;
    font-weight: 700;
    padding: 35px 0 20px;
    max-width: 600px;
	border-radius: 10px;
}
#popup_info_exchange input{
	background: #3971D9;
	margin-top: 40px;
	font-size: 22px;
	padding: 22px 0;
}
#popup_info_exchange h2{
	font-size: 40px;
	color: #363636;
}
#popup_info_exchange .changeBox span{
	font-size: 24px;
	color: #969696;
	margin-top: 30px;
}
/* popup_exchange */


/* cancel note */
._cancelnote{
    height: 35px;
    vertical-align: top;
}
/* cancel note */




/* NAVBAR */
body .main-header{
	height: auto;
}
.sidebar-mini.sidebar-collapse .main-header .navbar{
	margin-left: 0;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
 .main-header .navbar .navbar-toggle-holder .sidebar-toggle{
	left: 0;
	padding: 15px 42px;
}
 .main-header .logoHolder .logo{
	float: none;
	width: 45px !important;
	right: 0;
	padding: 0;
	line-height: 1;
}
.main-header .logoHolder .logo img{
	float: none;
}
.logoHolder{
	position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    width: 45px;
    height: 45px;
    top: 0;
    bottom: 0;
}
.main-header .navbar .navbar-center-div{
    margin: 12px 0 8px;
	flex-basis: 50%;
}
.navbar-center-div .navbar-nav .user img{
	width: 27px;
	height: 24px;
	top: 0;
}
.main-header .navbar .navbar-center-div .navbar-nav >li{
	background:transparent;
}
.main-header .navbar .navbar-center-div .navbar-nav >li>a{
	height: 64px;
	line-height: 1;
	width: 64px;
	font-size: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #484848;
	border: 0;
	margin: 0;
	margin-right:30px;
	border-radius: 6px;
}
.main-header .navbar .navbar-center-div .navbar-nav >li.active>a{
	background: #FFB012;
}
.main-header .navbar .navbar-center-div .navbar-nav >li>a>img.active,
.main-header .navbar .navbar-center-div .navbar-nav >li.active>a>img
{
	display: none;
}
.main-header .navbar .navbar-center-div .navbar-nav >li.active>a>img.active{
	display: block;
}
.logoHolder a{
	display: flex;
    justify-content: center;
}
.logoHolder img{
	float: none;
    height: 45px;
    width: 45px;
    top: 0;
    left: 0;
}

.main-header .navbar-custom-menu{
	flex-basis: 50%;
    right: 0 !important;
}
.main-header .navbar .navbar-custom-menu .navbar-nav{
	float: right;
}
.main-header .navbar .navbar-custom-menu .navbar-nav >li{
	margin-right: 20px;
	margin-left: 0;
}
.main-header .navbar .navbar-custom-menu .navbar-nav >li>a{
	background: #484848;
	border: 0;
	font-size: 18px;
	border-radius: 6px;
	line-height: 1;
	padding: 0;
	text-align: center;
	padding: 13px 30px;
}
.main-header .navbar .navbar-custom-menu .navbar-nav >li>a img{
	margin-right: 12px;
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{
	background: transparent;
	border: 0;
	padding-top: 15px;
}
.main-header .navbar .navbar-nav >li>a:hover{
	background: #484848 !important;
}
.main-header .navbar .navbar-nav >li.active>a:hover{
	background: #FFB012 !important;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-footer{
	background: #484848 !important;
	border: 0;
	padding: 5px 0;
	border-radius: 10px;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-footer a{
	background: #484848 !important;
	border: 0;
}

.main-header .navbar .navbar-nav >li> .bgRed:hover{
	background: #FA2A00 !important;
}
/* NAVBAR */

/* SIDEBAR */

/* SIDEBAR */




/* out of stock page addModal */
#addModal .modal-content{
	background: #fff;
	border-radius: 10px;
}
#addModal .modal-header{
	text-align: center;
	font-weight: 700;;
}
#addModal .modal-footer button,#addModal .modal-footer a{
	padding: 15px 0;
    border-radius: 7px;
    text-align: center;
    margin: 10px 5px !important;
    max-width: 100%;
    display: inline-block;
    text-decoration: none;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: white;
    height: auto;
    background: #9d9d9d;
	border: 0;
}
#addModal .modal-footer button:hover{
	background:#9d9d9d !important
}
#addModal .modal-footer a{
	background: #3971D9 !important;
}
#addModal .modal-body label{
	font-size: 16px;
	padding-left: 0 !important;
}
#addModal .modal-content .form-control{
	height: 40px;
    font-size: 20px;
}
/* out of stock page addModal */




/* for sidebar */
body .main-sidebar .sidebar .sidebar-menu>li>.treeview-menu{
	padding-right: 15px;;
	top: 70px;
	background: #262626;
	left: 120px !important;
	border: 0 !important;
	padding-top: 40px;
	padding-left: 10px;
	width: 290px !important;
}
body .main-sidebar .sidebar .sidebar-menu>li>.treeview-menu .sub_side_div{
	padding: 0;
	margin-bottom: 25px;
	right: 0;
}
body .main-sidebar .sidebar .sidebar-menu>li>.treeview-menu .sub_side_div p{
	text-transform: uppercase;
}
.main-sidebar .sidebar-menu .treeview-menu>li{
	width: 100%;
	padding: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 0;
	margin-bottom: 20px;
	background:transparent;
	width: 255px;
}
.main-sidebar .sidebar-menu .treeview-menu>li a{
	padding: 19px 25px;
	width: 100%;
	border-radius: 10px;
	background: #484848;
}
.main-sidebar .sidebar-menu .treeview-menu>li a div{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	left: 0 !important;
}
.main-sidebar .sidebar-menu .treeview-menu>li a .iconHolder{
	flex-basis: 45px;
	margin-right: 15px;
}
.main-sidebar .sidebar-menu .treeview-menu>li a img{
	left: 0;
	top: 0;
	width: auto;
	max-width: 35px;
}
.main-sidebar .sidebar-menu .treeview-menu>li a p{
	left: 0;
	top: 0;
	width: 100%;
	text-align: left;
}
.main-sidebar, .left-side{
	padding-top: 70px;
}
.sidebar-mini.sidebar-collapse aside.main-sidebar{
	width: auto !important;
	background: #262626;
}
aside.main-sidebar .sidebar .sidebar-menu{
	padding-top: 12px;
}
aside.main-sidebar .sidebar .sidebar-menu>li{
	padding:5px 16px;
}
aside.main-sidebar .sidebar .sidebar-menu > li > a{
	padding: 0;
    border: 0;
    width: 88px;
    height: 88px;
    position: relative;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
	border-radius: 10px;
    /* padding: 5px; */
}
aside.main-sidebar .sidebar .sidebar-menu li.active > a{
	background: #FFB012 !important;
}
aside.main-sidebar .sidebar .sidebar-menu > li > a img{
	position: relative;
    top: 0;
    left: 0;
    margin-bottom: 4px;
	filter: none !important;
}
aside.main-sidebar .sidebar .sidebar-menu li.active > a img{
	filter: invert(100%) !important;
}
aside.main-sidebar .sidebar .sidebar-menu li > a p{
	margin: 0;
	font-size: 13px;
	margin-top: 4px;
	color: #FFFFFF;
}
aside.main-sidebar .sidebar .sidebar-menu li.active> a > p{
	color: #363636;
}
aside.main-sidebar .sidebar .sidebar-menu li .treeview-menu li a  p{
	font-size: 18px;
	font-weight: 500;
}
aside.main-sidebar .sidebar .sidebar-menu li .treeview-menu li.active a  p{
	color: #363636;
}
/* for sidebar */





/* OPENSELL PAGE V2 */
.paymentBoxHolder{
	display: flex;
    justify-content: space-between;
}
.tableHolder{
	flex-basis: 562px;
    background: white;
    padding: 20px 18px;
	flex: 0 0 600px;
}
.optionsHolder{
	flex-basis: calc(100% - 562px);
	padding: 20px 60px;
	position: relative;
}
.optionsHolder .amountBox{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: white;
	padding: 15px 30px;
	border: 1px solid #eaeaea;
	border-radius: 10px;
	margin-bottom: 20px;
	position: relative;
}
.optionsHolder .amountBox > span{
	font-size: 20px;
}
.optionsHolder .amountBox .amountHolder{
	display: flex;
	align-items: center;
}
.optionsHolder .amountBox .amountcurrency{
	font-size: 28px;
	text-transform:uppercase;
	margin-right: 35px;
	font-weight: 700;
}
.optionsHolder .amountBox .totalAmount{
	font-size: 40px;
	font-weight: 700;
}
.optionsHolder .amountBox .btnEdit{
	margin-left: 30px;
	cursor: pointer;
}
.optionsHolder .paymentHolder .payment_type{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
}
.optionsHolder .paymentHolder .payment_type .typeBox{
	flex-basis: 30%;
	min-width: 240px;
	text-align: center;
	margin-bottom: 15px;
	background:white;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	height: 90px;
	background-position: center center !important;
	/* background-size: cover !important; */
	background-repeat: no-repeat!important;
	align-items: center;
	cursor: pointer
}
.optionsHolder .paymentHolder .payment_type .typeBox:nth-child(3n+2):last-child{
	margin-right: auto;
	margin-left: 5%;
}
.optionsHolder .paymentHolder .payment_type .typeBox.foodpanda{
	background:#d50564;
}
.optionsHolder .paymentHolder .payment_type .typeBox.bdopay{
	background: #004ea8;
}
.optionsHolder .paymentHolder .payment_type .typeBox.gcash{
	background: #007cff;
}
.optionsHolder .paymentHolder .payment_type .typeBox.grabpay{
	background: #00af41;
}
.optionsHolder .paymentHolder .payment_type .typeBox.grapexpress{
	background: #01B141;
}
.optionsHolder .paymentHolder .payment_type .typeBox.boost{
	background: #EE3124;
}
.optionsHolder .paymentHolder .payment_type .typeBox.touchngo{
	background: #0B55AD;
}
/* .optionsHolder .paymentHolder .payment_type .typeBox.withImage span{
	display: none;
} */
.optionsHolder .paymentHolder .payment_type div img{
	margin: 0 auto;
	display: inline-block;
	max-height: 90px;
}

.optionsHolder .amountAdded{
	background: white;
	margin-top: 5px;
	padding: 0 30px;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	margin-bottom: 30px;
}
.optionsHolder .amountBox.amountBoxPayment{
	padding:20px 0;
	border:0;
	margin: 0;
}
.optionsHolder .amountBox.amountBoxPayment:not(:last-of-type):before{
	position: absolute;
	content: "";
	width: 100%;
	left: 0;
	bottom: 0;
	background: #eaeaea;
	height: 1px;
	right: 0;
	margin: auto;
}
.optionsHolder .removeBox{
	cursor: pointer;
}
.optionsHolder .amountBox .typeBox{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.optionsHolder .amountBox .typeBox .amountHolder{
	font-size: 22px;
	color: #363636;
	text-transform: uppercase;
	margin-right: 30px;
}
.optionsHolder .amountBox .typeBox .selectedPayment{
	font-size: 18px;
	color: #B1B1B1;
	text-transform: capitalize;
}
.optionsHolder .completeBox{
	position: relative;
	bottom: 0;
	width: 100%;
	border-radius: 10px;
	margin-bottom: 20px;
	width:100%;
	/* margin-top: 100px; */
}
.optionsHolder .completeBox span,
.optionsHolder .completeBox label{
	display: block;
	text-align: center;
	text-transform: capitalize;
	font-size: 22px;
	color: white;
	background: #3971D9;
	border-radius: 10px;
	padding: 22px 0;
	cursor: pointer;
}
.optionsHolder .completeBox label{
	margin-bottom: 15px;
	padding: 22px 0 !important;
	border-radius: 10px !important;
	/* box-shadow: 0 9px rgba(255, 127, 80, 0.627); */
}
..completeBox label:active {
	background-color: #3e8e41;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
  }
.optionsHolder .completeBox span.btnDiscount{
	margin-bottom: 15px;
	background: #FFB012;
}
.tableHolder .detailBox{
	background: #EAEAEA;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
}
.tableHolder .detailBox .type,#_order_area .detailBox .type{
	font-size: 22px;
	color: #363636;
	font-weight: 800;
}
.tableHolder  .detailBox span,#_order_area .detailBox span,#_order_area .detailBox .btnCustomer{
	font-size: 16px;
	color: #363636;
	font-weight: 600;
}
.tableHolder .detailBox .list,#_order_area .detailBox .list{
	position: relative;
	text-align: left;
}
.tableHolder .detailBox .list .paxNum, #_order_area .detailBox .list .paxNum{
	display: flex;
	justify-content: space-between;
	margin-top: 7px;
	font-size: 16px;
}
.tableHolder .detailBox .list .text, #_order_area .detailBox .text{
	width: 46px;
	display: inline-block;
	margin-right: 5px;
}
.tableHolder .detailBox span.pax, #_order_area .detailBox span.pax{
	text-align: right;
}
.tableHolder .detailBox .list:before,.tableHolder .detailBox .list:after
#_order_area .detailBox .list:before,#_order_area .detailBox .list:after
{
	width: 1px;
	height: 100%;
	position: absolute;
	content: '';
	background: #363636;
	top: 0;
}
.tableHolder .detailBox .list:before,
#_order_area .detailBox .list:before{
	left: -50px;
}
.tableHolder .detailBox .list:after,
#_order_area .detailBox .list:after{
	right: -50px;
}
.tableHolder .detailBox .btnCustomer{
	background: white;
}
.tableHolder  .detailBox span.staff, #_order_area .detailBox span.staff{
	margin-top: 5px;
}
.tableHolder  .detailBox span.waitress, #_order_area .detailBox span.waitress{
    padding-left: 20px;
    display: inline-block;
}
.tableHolder .tblOrders{
	overflow: hidden;
}
.tableHolder .tblOrders thead{
    overflow: auto;
    display: block;
    width: 100%;
    /* background: #282828; */
    margin-top: 20px;
}
.tableHolder .tblOrders tbody{
	height: 440px;
    overflow: auto;
    display: block;
    width: 100%;
    /* background: #282828; */
    margin: 20px 0;
	scrollbar-width: thin;
}


/* scrollbar */
/* width */
#_order_area .tblOrders tbody,#forCategory .products ul, #forCategory .categories ul, #forCategory #category li{
	scrollbar-width: 5px;
}
.tableHolder .tblOrders tbody::-webkit-scrollbar,
#_order_area .tblOrders tbody::-webkit-scrollbar, 
#forCategory #category li::-webkit-scrollbar
{
  width: 5px;
  position: relative;
  right:15px;
}

/* Track */
.tableHolder .tblOrders tbody::-webkit-scrollbar-track,
#_order_area .tblOrders tbody::-webkit-scrollbar-track,
#forCategory #category li::-webkit-scrollbar-track
{
  background: transparent; 
  border-radius: 10px;
  width: 5px;
  position: relative;
  right:15px;
}
 
/* Handle */
.tableHolder .tblOrders tbody::-webkit-scrollbar-thumb,
#_order_area .tblOrders tbody::-webkit-scrollbar-thumb,
#forCategory #category li::-webkit-scrollbar-thumb
{
  background: #BABABA; 
  border-radius: 5px;
  width: 5px;
  position: relative;
  right:15px;
}

/* Handle on hover */
/* .tableHolder .tblOrders tbody::-webkit-scrollbar-thumb:hover{
  background: #181818; 
} */


#forCategory .products ul::-webkit-scrollbar, #forCategory .categories ul::-webkit-scrollbar, 
#forCategory #category li::-webkit-scrollbar
{
  width: 25px;
  position: relative;
  right:15px;
}

#forCategory .products ul::-webkit-scrollbar-track, #forCategory .categories ul::-webkit-scrollbar-track,
#forCategory #category li::-webkit-scrollbar-track
{
  background: transparent; 
  border-radius: 10px;
  width: 25px;
  position: relative;
  right:15px;
}
#forCategory .products ul::-webkit-scrollbar-thumb, #forCategory .categories ul::-webkit-scrollbar-thumb,
#forCategory #category li::-webkit-scrollbar-thumb
{
  background: #BABABA; 
  border-radius: 5px;
  width: 25px;
  position: relative;
  right:15px;
}




/* scrollbar */


.tableHolder .tblOrders thead tr, .tableHolder .tblOrders tbody tr,
#_order_area .tblOrders thead tr, #_order_area .tblOrders tbody tr{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.tableHolder .tblOrders tbody,
#_order_area .tblOrders tbody{
	margin:0;
}
/* .tableHolder .tblOrders tbody tr
#_order_area .tblOrders tbody tr{
	border: 1px solid #EAEAEA;
	height: 70px;
} */
.tableHolder .tblOrders tbody tr td .orderName, .tableHolder tr td .orderName,
#_order_area .tblOrders tbody tr td .orderName, #_order_area tr td .orderName{
	margin-left: 0;
	margin-left: 0;
    white-space: pre-wrap;
    width: 215px;
}

.tableHolder .tblOrders tbody tr td span,
#_order_area .tblOrders tbody tr td span{
	padding-left: 0;
	font-size: 16px !important;
}
#_order_area .tblOrders tbody tr td span.notes{
	color: #969696;
	font-size: 14px;
	width: 215px;
}
.tableHolder  .tblOrders th,
#_order_area  .tblOrders th{
	background: #484848;
	font-size: 16px;
}
.tableHolder  .tblOrders th:first-child,
#_order_area .tblOrders th:first-child{
	border-radius: 10px 0px 0px 0px;
}
.tableHolder  .tblOrders th:last-child,
#_order_area .tblOrders th:last-child{
	border-radius: 0px 10px 0px 0px;
}

.tableHolder .tblOrders tbody tr,
#_order_area .tblOrders tbody tr{
	border: 1px solid #eaeaea;
	height: 70px;
}
.tableHolder .tblOrders tbody tr td,
#_order_area .tblOrders tbody tr td{
	border-bottom: 1px solid #EAEAEA;
}
#_order_area .tblOrders tbody tr td .btnQty{
    height: 22px;
    border: 1px solid #000;
    font-size: 15px;
    border-radius: 3px;
    width: 22px;
    color: #000;
}	
.tableHolder .tallyBox, #_order_area .tallyBox{
	border-top: 1px solid #EAEAEA;
	border-right: 0;;
	background: white;
}
.tableHolder .tallyBox table td:first-of-type,
#_order_area .tallyBox table td:first-of-type{
	border: 0 !important;
	padding-left: 30px;	
}
.tableHolder .tallyBox table td:last-of-type,
#_order_area .tallyBox table td:last-of-type{
	border: 0 !important;
	padding-right: 30px;	
}
.tableHolder .tallyBox table tr,
#_order_area .tallyBox table tr{
	border-bottom: 1px solid #EAEAEA;
	height: 50px;
}

.tableHolder .tblOrders tbody tr td:nth-of-type(1),.tableHolder .tblOrders thead tr th:nth-of-type(1){
	width: 50%;
}
.tableHolder .tblOrders tbody tr td:nth-of-type(2),.tableHolder .tblOrders thead tr th:nth-of-type(2){
	width: 10%;
	padding-left: 0;
	padding-right: 0;
}
.tableHolder .tblOrders tbody tr td:nth-of-type(3),.tableHolder .tblOrders thead tr th:nth-of-type(3){
	width: 20%;
}
.tableHolder .tblOrders tbody tr td:nth-of-type(4),.tableHolder .tblOrders thead tr th:nth-of-type(4){
	width: 20%;
}
.tableHolder .tallyBox table td .wd70{
	padding-left: 0;
}
.tableHolder .tallyBox table td .value{
	padding-right: 0;
}
.tableHolder .tallyBox table td .totalCount{
	padding: 0;
	text-align: left;
}
.tableHolder .tallyBox table td .wd70.sum,
#_order_area .tallyBox table td .wd70.sum{
	font-size: 18px;
	font-weight: 700;
	width: 30%;
}
.tableHolder .tallyBox table td .value.total_box{
	width: 65%;
}
#_order_area .tallyBox table td .value.total_box{
	width: 65%;
}
#_order_area .tallyBox table td .value.total_box span{
	vertical-align: middle;
}
/* .tableHolder .tallyBox table td .value.total_box span{
	vertical-align: middle;
} */
.tableHolder .tallyBox table td .value ._currency,
#_order_area .tallyBox table td .value ._currency{
	font-size: 28px;
	margin-right: 35px;
	font-weight: 700;
}
.tableHolder .tallyBox table td .value .total_amount,
#_order_area .tallyBox table td .value .total_amount{
	font-size: 40px;
	font-weight: 700;
}
/* OPENSELL PAGE V2 */







/* SYNC MENU */
i.syncing, i.syncing-done, i.syncing-error, i.syncing-has-error {
	font-size: 80px;
	color: #f39c12;
}
/*tbody.checker > .order-li {*/
tbody.checker {
	height: 400px;
	overflow: auto;
	display: block;
	width: 100%;
	background: #282828;
}


/* PAYMENT PAGE MODAL DISCOUTNS */
.modalDiscountHolder{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background: rgba(0,0,0,0.5);
	z-index: 9999;
	display: none;
}
.modalDiscount{
	width: 100%;
	max-width: 300px;
	background: white;
	position: relative;
	padding: 15px;
	border-radius: 5px;
	position: relative;
	top:150px;
}
.modalDiscount .discountBox{
	margin-bottom: 0;;
}
.modalDiscount input,.modalDiscount select{
	width: 100% !important;
	border-radius: 5px;
	border: 1px solid #181818;
}
.modalDiscount .notesHolder input{
	float: none;
	margin-top: 10px;
}
.modalDiscount .discountBox > span{
	display: block;
	font-size: 18px;
	padding: 15px 0;
	text-align: center;
	border-radius: 10px;
	color: white;
	cursor: pointer;
}
.modalDiscount .discountBox .btnSaveDiscount{
	background: #3971D9;
	margin-top: 15px;
}
.modalDiscount .discountBox .btnCancel{
	margin-top: 30px;;
	background: #CB0000;
}
/* PAYMENT PAGE MODAL DISCOUTNS */




/* bill modal */

/* bill modal */

/* for mob icons mobile and tablet */

/* for mob icons mobile and tablet */



/* responsive */
@media only screen and (max-width: 1650px){
	.optionsHolder .paymentHolder .payment_type .typeBox{
		min-width: unset;
		flex-basis: 28%;
	}
}
@media only screen and (max-width: 1550px){
	.optionsHolder{
		padding: 20px 30px;
	}

}
@media only screen and (max-width: 1515px){
	.optionsHolder .paymentHolder .payment_type .typeBox{
		min-width: unset;
		flex-basis: 48%;
	}
	.optionsHolder .paymentHolder .payment_type .typeBox:nth-child(3n+2):last-child{
		margin-left: unset;
		margin-right: unset;
	}
	#forCategory ul li .catBtn{
		width: 48%;
	}
}
@media only screen and (max-width: 1500px){
	#_details_area{
		width: calc(100% - 590px);
	}
	#_order_area.active{
		width: 590px !important;
	}
	/* for sidebar */
	body .main-sidebar .sidebar .sidebar-menu>li#data-tree>.treeview-menu,
	body .main-sidebar .sidebar .sidebar-menu>li#data-tree:hover>.treeview-menu{
		height: 100%!important;
		overflow-y: auto !important;
		padding-bottom: 50px !important;
	}
	/* for sidebar */
}

@media only screen and (max-width: 1450px){
	.paymentTypeHolder .typeHolder{
		flex-flow: row wrap;
		overflow: auto;
		max-height: 491px;
	}
	.typeHolder .paymentType{
		padding: 0;
		width: 100%;
	}
	.responsiveBox{
		display: flex;
		flex-wrap: wrap;
	}

	.orderList{
		flex-basis: 580px;
	}
	.payment{
		width: calc(100% - 580px);
	}
}
@media only screen and (max-width:1370px){
	.categories > #category, .main_categories > #category{
		margin-bottom: 0;
	}
	.fullScreenMode{
		bottom: 0;
		right: 15px;
	}
	.fullScreenMode .fullsc{
		padding: 0;
	}
	.peepsCount{
		font-size: 12px;
		width: max-content;
		height: max-content;
	}
	.timeSpent{
		font-size: 12px;
	}
	#forCategory ul#Item li .catBtn {
		width: 48%;
	}
	#forCategory ul#category li{
		max-width:620px;
		overflow-y:hidden;
		overflow:auto;
		flex-wrap:nowrap;
	}
	#forCategory ul#category li .catBtn{
		flex-shrink:0;
	}
	#forCategory ul li .catBtn .txtTitle{
		font-size: 12px;
	}
	#forCategory .products ul,#forCategory .categories ul{
		height: 385px;
		overflow: hidden;
		overflow-y: scroll;
	}
	.table-number > ul > li > button{
		font-size: 15px;
		/* padding: 15px 0 45px; */
	}
	.outofstock{
		top: 20px;
	}
	h3.titleBox{
		margin: 20px 0 10px;
		font-size: 18px;
	}
	#forCategory  h3{
		font-size: 16px;
	}
	#forCategory .categories h3#forCategory .products  h3,{
		margin-top: 0;
	}
	ul.nav-tabs{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	ul.nav.nav-tabs > li > a{
		height: 40px;
		font-size: 15px;
		width: 80px !important;
	}
	.tableHolder .tblOrders tbody tr td span, #_order_area .tblOrders tbody tr td span{
	/*.tblOrders tbody tr td span.orderName, tr td span.orderName*/
		font-size: 12px !important;
	}
	.tableHolder .tblOrders tbody tr, #_order_area .tblOrders tbody tr{
		height: 50px;
	}
	table tr td .mainPrice{
		font-size: 35px;
	}
	.table-number > ul > li{
		margin: 0px 15px 15px 0;
		width: 100%;
		max-width: 150px;
		min-width: 0;
	}
	#n_area.nav-tabs > li{
		margin-right: 15px;
		margin-bottom: 15px;
	}
/* }

@media only screen and (max-width:1365px){ */

	.content{
		padding-bottom: 0;
	}
	#_details_area{
		width: calc(100% - 590px);
	}
	#_order_area.active{
		width: 590px;
	}
	#__table-clicked.content-wrapper{
		padding-left: 10px;
	}
	#_order_area.active .box{
		padding: 10px 20px;
		margin-bottom: 0;
	}
	#_order_area .box-header{
		margin-bottom: 10px;
	}
	#_order_area .detailBox, .detailBox, .tableHolder .detailBox{
		padding: 10px;
		margin-bottom: 0;
	}
	 #_order_area .detailBox .type{
		font-size: 16px;
	}
 	#_order_area .detailBox span, #_order_area .detailBox .btnCustomer{
		font-size: 14px;
	}
	#_order_area .tblOrders th{
		/* padding: 8px; */
		padding: 0;
		font-size: 14px;
	}
	#_order_area .tblOrders.home tbody{
		height: 173px;
	}
	/* #_order_area .tblOrders tbody tr td span{
		display: inline-block;
	} */
	#_order_area .tallyBox table td .value{
		padding: 0 15px;
	}
	#_order_area .tallyBox table td .wd70.sum{
		vertical-align: middle;
		font-size: 15px;
	}
	#_order_area .tallyBox table td .value ._currency{
		font-size: 18px;
	}
 	#_order_area .tallyBox table td .value .total_amount{
		font-size: 30px;
	}
	.tableHolder{
		padding-bottom: 0;
	}
	.tableHolder .box{
		padding-bottom: 0;
	}
	.tableHolder .tblOrders tbody{
		height: 190px;
	}
	.tableHolder .tblOrders{
		height: 300px;
	}
	.tableHolder .tallyBox table tr, #_order_area .tallyBox table tr{
		height: 25px;
	}
	.optionsHolder{
		padding: 10px 15px;
	}
	.optionsHolder .amountBox{
		padding: 10px 15px;
		margin-bottom: 10px;
	}
	.optionsHolder .amountBox > span{
		font-size: 16px;
	}
	.optionsHolder .amountBox .amountcurrency{
		font-size: 20px;
	}
	.tallyBox table td.bgGreen{
		height: 40px;
	}
	.optionsHolder .amountBox .totalAmount{
		font-size: 30px;
	}
	/* .optionsHolder .amountBox.amountBoxPayment:last-child{
		margin-bottom: 25px;
	} */
	.optionsHolder .completeBox{
		margin-bottom: 0;
	}
	.tallyBox table td span{
		font-size: 13px;
	}
	#_order_area .checkoutBox{
		margin-top: 10px;
	}
	#_order_area .checkoutBox a{
		height: 45px;
		font-size: 15px;
	}
	#forCategory ul li .catBtn{
		width: 160px;
    	/* height: 160px; */
    	height: 120px;
		font-size: 14px;
	}
	#forCategory ul#subCategory li .catBtn {
		width: 48%;
	}
	#forCategory ul li .catBtn .imgHolder{
		/* height: 100px; */
		height: 73px;
	}
	#forCategory ul li .catBtn img{
		height: 60px;
		top: -7px;
	}
	#forCategory #category li .catBtn .txtTitle{
		bottom: 0;
		top: 80px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12p;
	}
	#forCategory ul li .catBtn .price .txtTitle{
		font-size: 12px;
		/* width: 130px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis; */
	}
	#forCategory ul li .catBtn .price{
		font-size: 12px;
	}
	/* aside.main-sidebar .sidebar .sidebar-menu{
		padding: 0 10px;
	} */
	aside.main-sidebar .sidebar .sidebar-menu>li{
		padding:5px 10px;
	}
	aside.main-sidebar .sidebar .sidebar-menu > li > a{
		width: 79px;
		height: 65px;
	}
	aside.main-sidebar .sidebar .sidebar-menu > li > a img{
		width: 25px;
	}
	body .main-sidebar .sidebar .sidebar-menu>li>.treeview-menu .sub_side_div{
		width: 100%;
	}
	body .main-sidebar .sidebar .sidebar-menu>li>.treeview-menu{
		left: 97px !important;
		width: 250px !important;
	}
	.main-sidebar .sidebar-menu .treeview-menu>li{
		width: 100%;
	}
	.main-sidebar .sidebar-menu .treeview-menu>li a{
		padding: 12px 25px !important;
		width: 100%;
	}
	.main-sidebar .sidebar-menu .treeview-menu>li a img{
		max-width: 25px !important;
	}
	aside.main-sidebar .sidebar .sidebar-menu li .treeview-menu li a p{
		font-size: 14px;
	}

	/* for other pages */
	.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
		font-size: 16px;
	}
	/* for other pages */
	.paymentHolder{
		height: 200px;
		overflow: hidden;
		overflow-y: scroll;
	}	
	.amountAdded{
		max-height: 215px;
		overflow: hidden;
		overflow-y: scroll;
	}
}
@media only screen and (max-width:1220px) {

	#forCategory ul#Item li .catBtn {
		width: 100%;
	}
	#forCategory ul li .catBtn .price .txtTitle {
		font-size: 14px;
	}
}

@media only screen and (max-width:1175px){
	.paymentTypeHolder .typeHolder{
		flex-flow: row nowrap;
		overflow: auto;
	}
	.typeHolder .paymentType{
		padding: 0 45px;
		width: 100%;
	}
	.payment{
		padding-right: 15px;
	}
	.paymentstotal{
		order: 2;
		width: 100%;
		padding: 0;
	}
	.paymentTypeHolder{
		order: 1;
		width: 100%;
		padding: 0;
		margin-bottom: 15px;
	}
	#discount-container{
		padding: 0;
	}
	.discountBox{
		max-width: 100%;
	}
}
@media only screen and (max-width:1150px){
	#forCategory ul#subCategory li .catBtn {
			width: 100%;
		}
	.paymentBoxHolder{
		flex-direction: column;
	}
	.orderList{
		max-width: 100%;
	}
	.tableHolder .detailBox .list:before,	.tableHolder .detailBox .list:after{
		display: none;
	}
	.tableHolder .detailBox .list {
		padding: 0 5%;
		border: 1px solid #363636;
		border-top: 0;
		border-bottom: 0;
	}
	.optionsHolder{
		padding: 30px 0;
	}
	.optionsHolder .paymentHolder .payment_type .typeBox{
		flex-basis: 30%;
	}
	.optionsHolder .completeBox{
		width: 100%;
		position: relative;
		margin-top: 50px;
	}
}
@media only screen and (max-width:1060px){
	#_details_area.active .sec-all{
		width: 100%;
	}
}
@media only screen and (max-width:1050px){
	/* #forCategory ul li .catBtn{
		width: 145px;
	} */
	.modalBoxHolder .modalBox,
	.modalBoxPaymentHolder .modalBoxPayment,
	.modalBoxPaxHolder .modalBoxPax,
	.modalBoxDiscountHolder .modalBoxDiscount,
	.modalBoxItemDiscountHolder .modalBoxItemDiscount{
		top: 115px;
	}
}

@media only screen and (max-width:1024px){
	.table-number > ul > li{
		margin: 15px 15px 0 0;
		max-width: unset;
		width: 30%;
	}
	.table-number>ul>li button{
		padding-top: 20px;
		padding-bottom: 70px;
	}
}
@media only screen and (max-width:1018px){
	.main_categories > #category{
		max-height: 128px;
		overflow: hidden;
		overflow-y:auto;
	}
	.sw-mobile{
		right: 70px !important;
	}
	.topnav.responsive .mobIcons,.topnav.responsive .smallDevice
	{
		display: none !important;
	}

	.topnav .mobIcons{
		display: block !important;
		padding: 0;
		top:10px;
		position: relative;
		padding: 5px 10px;
		border-radius: 5px;
	}
	.topnav .mobIcons div{
		left: 0;
		margin: 0;
	}
	.topnav .mobIcons div{
		margin: 0;
	}
	.topnav .mobIcons div img{
		margin: 0;
	}
	.topnav .mobIcons.cartIcon{
		margin-left: 70px;
		margin-right: 20px;
	}
	.topnav .mobIcons.active{
		background:#FFB012;
	}
}
@media only screen and (max-width:1001px){
	/* SIDEBAR */
	.main-sidebar, .left-side {
		padding-top: 62px !important;
	}
	/* SIDEBAR */
	/* .swleft.sw-mobile{
		display: block !important;
	} */
}
@media only screen and (max-width:991px){
	#forCategory ul#category li{
		max-width: 100%;
	}
	#_details_area{
		width: 100%;
	}
	#_order_area.active{
		width: 100% !important;
	}
	tr td .orderName{
		font-size: 17px;
	}
	.newLayout{
		flex-wrap: wrap;
	}
	.payment{
		order: 2;
		width: 100%;
	}
	.orderList{
		order: 1;
		flex-basis: 100%;
		max-width: 100%;
	}
	.btnMob{
		display: inline-block;
		margin-bottom: 15px;
	}
	.btnDesk{
		display: none;
	}
	#tbList > div{
		flex-basis: 50%;
	}
}
@media only screen and (max-width:960px){
	#_order_area {
		position: relative;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		float: unset;
	}
	#forCategory ul li .catBtn{
		width: 135px;
	}
	#forCategory ul#subCategory li .catBtn {
		width: 32%;
	}
	#forCategory ul#Item li .catBtn {
		width: 48%;
	}

	#addModal .modal-content{
		top: 90px;
		position: relative;
	}
}
@media only screen and (max-width:800px){
	#_details_area.active .sec-all{
		width: 100%;
	}
}
@media only screen and (max-width:767px){
	#__table-clicked.content-wrapper{
		margin-left: 0 !important;
		padding: 0 15px;
	}
}
@media only screen and (max-width:700px){
	body .main-sidebar .sidebar .sidebar-menu>li.treeview.active>.treeview-menu{
		display: none;
	}
	body .main-sidebar .sidebar .sidebar-menu>li.treeview:hover>.treeview-menu{
		display: block;
		/* left: 119px !important; */
	}
}
@media only screen and (max-width:675px){
	.content{
		margin: 0 !important;
		/* padding: 0 10px; */
	}
	#n_area > li{
		margin-right: 20px !important;
	}
	.box-body{
		width: 100%;
		/* overflow: auto; */
	}

	.optionsHolder .paymentHolder .payment_type .typeBox{
		flex-basis: 48%;
	}
	#forCategory ul#subCategory li .catBtn {
		width: 48%;
	}
}
@media only screen and (max-width:650px){
	.customerInfo .formHolder{
		width: 90%;
	}
	#n_area.nav-tabs > li{
		margin-right: 25px;
	}
	
	.content-header.clearfix.mobBlock{
		flex-direction: column;
		align-items: flex-start;
	}
	.content-header.clearfix.mobBlock .pull-right{
		justify-content: space-between;
		margin-top: 15px;
		width: 100%;
	}
	.content-header.clearfix.mobBlock .pull-right a{
		float: none;
		margin: 0;
	}
	#forCategory ul#Item li .catBtn{
		height: 145px;
	}
}
@media only screen and (max-width:587px){
	.customerInfo .btnHolder{
		text-align: center;
	}
	#tbList > div{
		flex-basis: 100%;
	}
	#forCategory ul li .catBtn .price .txtTitle{
		font-size: 12px;
	}
}
@media only screen and (max-width:550px){
	.content-header.clearfix.mobBlock .pull-right{
		flex-direction: column
	}
	.content-header.clearfix.mobBlock .pull-right a{
		width: 100%;
		margin: 5px 0;
	}

	.table-number > ul > li{
		width: 100%;		
		margin: 7px 18px 18px 0px !important;
		width: calc(90% / 2) !important;
		max-width: unset;
	}
}

@media only screen and (max-width:455px){
	#forCategory ul#subCategory li .catBtn{
		width: 100%;
	}
	#forCategory ul#Item li .catBtn{
		width: 100%;
	}
	.table-number>ul>li>button{
		/* padding-bottom: 55px; */
		padding-top:25px;
	}
	
}

@media only screen and (max-width:450px){
	.topnav .mobIcons{
		display: none;
	}
	.topnav .mobIcons{
		display: none !important;
	}
	.topnav.responsive .smallDevice{
		display: block !important;
	}
	.sw-mobile{
		right: 30%;
	}
	.topnav .mobIcons.show_total{
		margin-left:50px !important;
	}
}

@media only screen and (max-width:414px){
	#n_area > li{		
		margin: 7px 18px 18px 0px !important;		
	}

	.table-number > ul > li{
		/* width: calc(107% / 4) !important; */
		max-width: 150px;
	}

	#__table-clicked.content-wrapper{
		padding: 0;
	}
	.content ul.nav.nav-tabs > li > a{
		width: 100% !important;
		height: 75px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#n_area.nav-tabs > li{
		margin: 0;
		margin-bottom: 30px;
		width: calc(110% / 4);
		/* width: 100%; */
	}
	.table-number > ul > li{
		width: 100%;
		/* margin:0 0 30px; */
		margin: 7px 18px 18px 0px;
	}
	.content  #_details_area.active{
		overflow: hidden;
		padding: 0 20px;
	}
	.tab-pane.active .row, .tab-pane.active .col-md-12{
		padding: 0;
		margin: 0;
	}



	.table-number > ul > li > button{
		left: 0 !important;
	}
	.table-number > ul{
		padding: 0 !important;
	}
	
}


@media only screen and (max-width:382px){
	.customerInfo .btnHolder a{
		max-width: 100%;
	}
	.table-number>ul>li {
		/* width: calc(107% / 4) !important; */
		width: 100% !important;
		max-width: unset;
	}
}
@media only screen and (max-width:320px){
	.sw-mobile{
		right: 22%;
	}
}

/* responsive */

.search-product-actions a.btn {
	height: 30px !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    width: 50%;
}

.search-product-input input#input-search-product {
    height: 30px !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.search-customer-actions a.btn {
	height: 30px !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    width: 50%;
}

.search-customer-input input#input-search-customer {
    height: 30px !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

#search_product_by_keyword_btn{	
    z-index: 1;
    display: block;
    position: relative;	
}


/* HELP */
.help_modal {
	display: none !important;
	z-index: 1000;
	position: fixed;
	bottom: 15px;
	left: 30px;
	text-align: center;
	background: white;
	display: flex;
	align-items: center;
	height: 63px;
	border-radius: 50%;
	cursor: pointer;
}

.help_modal .fa {
	font-size: 75px;
	color: #FFB012;
}

.help_list {
	bottom: 110px;
	left: 20px;
	border-radius: 15px;
	border-bottom-right-radius: 0 !important;
	background: #FFB012;
	position: fixed;
	/* transition: opacity .85s ease-in-out; */
	padding: 15px 0;
	display: none;
	z-index: 1000;
	min-width: 250px;
	max-width: 300px;
}

.help_list::before {
	position: absolute;
	content: '';
	border-top: 10px solid #FFB012;
	border-bottom: 12px solid transparent;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	bottom: -22px;
	left: 14px;
	display: block;
	/* transition: opacity .85s ease-in-out; */
	/* opacity: 0; */
}

/* .help_list.active{
  height: 300px;
  width: 300px;
  opacity: 1;
  z-index: 99;
}
.help_list.active::before{
  opacity: 1;
}
*/
.help_list h3 {
	margin-top: 0;
	color: white;
	padding: 0 15px;
}

.help_list .actions_list span,
.download_span {
	display: block;
	padding: 10px 15px;
	color: white;
	cursor: pointer;
	font-size: 14px;
	font-weight: 800;
}

.help_list .actions_list span:hover {
	background: rgba(255, 255, 255, 0.6);
	color: black;
}
.login-page .help_modal{
	display: none;
}




/* RESPONSIVE HELP */
@media only screen and (max-width:1370px) {
	.help_modal {
		left: 15px;
	}
}
/* RESPONSIVE HELP */


.mobIcons.show_total{
	margin-left: 15px;
	width: 52px;
	height: 55px;
	font-size: 30px;
	display: flex !important;
	align-items: center;
	justify-content: center;
}
/* HELP */

/* ALL ORDERS CSS */
#all_orders_modal{
	width: 100%;
	height: 100%;
	position: absolute;
	background:rgba(0,0,0,0.8);
	top:0;
	left: 0;
	z-index: 999;
	align-items: center;
	justify-content: center;
	display: none;
}
#all_orders_modal .modal_holder{
	width: 100%;
	max-width: 800px;
	background: white;
	margin: 150px auto 0;
	z-index: 99999;
}
#all_orders_modal .modal_header {
	padding: 15px;
}
#all_orders_modal .modal_header .title{
	margin: 0;
}
#all_orders_modal .modal_body{
	padding:20px 15px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
} 
#all_orders_modal .modal_footer{
	padding: 15px;
}
#all_orders_modal .tblOrders th{
	padding: 15px 0;
}
#all_orders_modal .tblOrders tbody tr td .orderName,
tr td .orderName {
	font-size: 14px !important;
}
#all_orders_modal .tblOrders tbody tr td span{
	font-size: 13px !important;
}
#all_orders_modal .tblOrders.home tbody{
	height: 500;
}
#all_orders_modal .tblOrders tbody tr td img,#all_orders_modal  .tblOrders tbody tr td a.btn-cancel
{
	display: none;
}
#all_orders_modal #t_order thead th{
	font-size: 15px;
}
#all_orders_modal .tblOrders tbody tr td .qtyBox a{
	display: none;
}
#all_orders_modal span._notes{
	display: none;
}
#all_orders_modal .tblOrders th:first-child {
	width: 47% !important;
}
#all_orders_modal .tblOrders th:nth-child(2) {
	width: 13% !important;
}
#all_orders_modal .tblOrders th:nth-child(3) {
	width: 15% !important;
}
#all_orders_modal .tblOrders th:last-child {
	width: 25% !important;
	text-align: left;
}

#all_orders_modal .tblOrders tbody tr td {
	padding: 12px 0;
	text-align: left;
}
#all_orders_modal .ordersTab td:nth-child(2),
#all_orders_modal .tblOrders.noBar .ordersTab td:nth-child(2){
	width: 47% !important;
	padding-left: 15px !important;
}
#all_orders_modal .ordersTab td:nth-child(3) {
	width: 13% !important;
	padding-left: 3%;;
}
#all_orders_modal .ordersTab td:nth-child(4) {
	width: 15% !important;
	padding-left: 3%;
	text-align: center;
}
#all_orders_modal .ordersTab td:last-child {
	width: 25% !important;
	padding-left: 10px;
}
#all_orders_modal .tblOrders.noBar .ordersTab tr td {
	padding-left: 0 !important;
}
@media only screen and (max-height:650px){
	#all_orders_modal .tblOrders.home tbody{
		height: 300px;
	}
}
@media only screen and (max-width:991px){
	#all_orders_modal .tblOrders th:last-child {
		text-align: center;
	}
	#all_orders_modal .ordersTab td:nth-child(3) {
			width: 13% !important;
			padding-left: 0;
		}
	
		#all_orders_modal .ordersTab td:nth-child(4) {
			width: 15% !important;
			padding-left: 0;
			text-align: center;
		}
	
		#all_orders_modal .ordersTab td:last-child {
			width: 25% !important;
			padding-left: 0;
			text-align: center;
		}
		#all_orders_modal .tblOrders.noBar .ordersTab tr td {
			padding-left: 0 !important;
		}
}

@media only screen and (min-width: 66px) and (max-width: 1070px) {		
	.z-report-desktop{
		display: none;
	}

	.z-report-mobile{
		display: block !important;
	}

}
/* .user.user-menu .show_total{
	display: none !important	;
} */
/* ALL ORDERS CSS */

/* ANIMATIONS */
.shadow-drop-2-center{-webkit-animation:shadow-drop-2-center .4s cubic-bezier(.25,.46,.45,.94) both;animation:shadow-drop-2-center .4s cubic-bezier(.25,.46,.45,.94) both}
 @-webkit-keyframes shadow-drop-2-center{0%{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}100%{-webkit-transform:translateZ(50px);transform:translateZ(50px);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.35);box-shadow:0 0 20px 0 rgba(0,0,0,.35)}}@keyframes shadow-drop-2-center{0%{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}100%{-webkit-transform:translateZ(50px);transform:translateZ(50px);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.35);box-shadow:0 0 20px 0 rgba(0,0,0,.35)}}


  
  #wastagesinput[type=checkbox] {
	height: 0;
	width: 0;
	visibility: hidden;
  }
  #wastagesinput[type=checkbox]:checked + label:after {
	transform: scale(4.2);
  }
  
.optionsHolder .completeBox label {
	outline: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	color: white;
	font-family: "Lato", sans-serif;
	font-size: 2.5rem;
	letter-spacing: 0.04rem;
	padding: 1.5rem 3rem;
	cursor: pointer;
	/* border-radius: 0.4rem;
	border: 0.3rem solid #000; */
	background: rgb(248, 24, 24);
	position: relative;
	overflow: hidden;
	box-shadow: 0 3px 0 0 rgba(255, 127, 80, 0.9);;
  }
.optionsHolder .completeBox label::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: scale(0);
	transition: transform 0.3s ease-in;
	mix-blend-mode: difference;
	background: radial-gradient(circle at center, red 24%, red 25%, red 100%);
  }
.optionsHolder .completeBox label:active {
	top: 3px;
	box-shadow: none;
  }
.optionsHolder .completeBox label.active{
	top: 3px;
	box-shadow: none;
}


 /* ANIMATIONS */


/* START PER PRODUCT DISCOUNT  */
span.selected_discount {
	font-style: italic;
	color: #969696;
}
/* END PER PRODUCT DISCOUNT  */