html { height: 100%; zoom:80% }
body { font-family:arial; background-attachment: fixed; line-height: 20px; zoom:99%;  background: url(../image/h-bg.jpg);}
.mlr-0 { margin-left: 0rem; margin-right: 0rem;  }
.plr-0 { padding-left:0rem; padding-right: 0rem; }
.ptb-1 { padding-top:1rem; padding-bottom: 1rem; }
.plr-1 { padding-top:1rem; padding-bottom: 1rem; }
.mt-2  { margin-top:2rem;  }
.mb-2  { margin-bottom:2rem;  }
.buttonHide { display:none;   margin-left: 1rem; }
.buttonShow { display:inline; margin-left: 1rem; }
.displayNone  { display:none; }
.displayBlock { display:block; }
.field-error{ border-color:#f5b6b6!important; background-color:#ffd9d9!important; }

/******************** 
*** Blinker Code  ***
*********************/
@-webkit-keyframes blinker { from {opacity: 1.0;} to {opacity: 0.0;} }
.blink{ text-decoration: blink; -webkit-animation-name: blinker; -webkit-animation-duration: 0.6s;-webkit-animation-iteration-count:infinite;
		-webkit-animation-timing-function:ease-in-out; -webkit-animation-direction: alternate;
 }

/******************** 
*** Loader Start ***
*********************/
.loader { position: fixed;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: rgba(255, 255, 255, 0.85);  z-index: 1002; }
.posHide { display:none;} 
.spinner { width: 50px; height: 40px; text-align: center; font-size: 10px; position: absolute; top: 47%;  left: 50%;  bottom: 0; margin-top: -20px;  margin-left: -25px; }
.spinner > div { background-color: #ff9800; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
				 animation: sk-stretchdelay 1.2s infinite ease-in-out; }
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
@-webkit-keyframes sk-stretchdelay {0%, 40%, 100% { -webkit-transform: scaleY(0.4);  } 20% {  -webkit-transform: scaleY(1); } }
@keyframes sk-stretchdelay {0%, 40%, 100% {transform: scaleY(0.4); -webkit-transform: scaleY(0.4);}20%{ transform: scaleY(1); -webkit-transform: scaleY(1);}}

.tableSpinner 	   { height: 40px;  text-align: center; position: absolute;  top: 50%;  left: 40%;  bottom: 0; margin-left: -25px; font-size: 1.5rem; width: 35rem; }
.spinner.spinnerMsg{ top: 50%;  left: 42%; font-size: 1.5rem; width: 35rem; }
.spinnerMsg h3 {font-size: 20px;}

.spinner.spinnerWait {  top: 40%;  left: 42.5%; font-size: 1.5rem; width: 35rem; }
.spinnerWait h3 {font-size: 20px;}

/******************** 
*** Top Header Manu ***
*********************/
ul#horizontal-list li {position: relative;display: inline-flex;padding: .3rem;}
header {position: relative;z-index: 100;}
.bigmenu   { display: block; }
.menusmall { display: none; } 

.menu-toggle {float: left; height: 40px;margin-left: 20px;margin-top: 13px;display: block;position: relative;}
.menu-toggle span {display: block;background-color: #FF0077;width: 24px;height: 3px;margin-top: -1.5px;font: 0/0 a;text-shadow: none;color: transparent;
					position: absolute;right: 8px;top: 50%;bottom: auto;left: auto;-moz-transition: background 0.2s ease-in-out;
					-o-transition: background 0.2s ease-in-out;-webkit-transition: background 0.2s ease-in-out;-ms-transition: background 0.2s ease-in-out;
					transition: background 0.2s ease-in-out;
}
.menu-toggle span::before, .menu-toggle span::after { content: '';width: 100%;height: 100%;background-color: inherit;position: absolute;
	-moz-transition-duration: 0.2s, 0.2s;-o-transition-duration: 0.2s, 0.2s;-webkit-transition-duration: 0.2s, 0.2s;-ms-transition-duration: 0.2s, 0.2s;
	transition-duration: 0.2s, 0.2s;-moz-transition-delay: 0.2s, 0s;-o-transition-delay: 0.2s, 0s;-webkit-transition-delay: 0.2s, 0s;
	-ms-transition-delay: 0.2s, 0s;transition-delay: 0.2s, 0s;}

.menu-toggle span::before {top: -8px;-moz-transition-property: top, transform;-o-transition-property: top, transform; 
							-webkit-transition-property: top, transform;-ms-transition-property: top, transform;transition-property: top, transform;}

.menu-toggle span::after {bottom: -8px;-moz-transition-property: bottom, transform;-o-transition-property: bottom, transform;
					-webkit-transition-property: bottom, transform;-ms-transition-property: bottom, transform;transition-property: bottom, transform;}

/* is clicked */
.menu-toggle.is-clicked span {background-color: rgba(255, 0, 119, 0);}
.menu-toggle.is-clicked span::before, .menu-toggle.is-clicked span::after {background-color: #ff0077;-moz-transition-delay: 0s, 0.2s;
				-o-transition-delay: 0s, 0.2s;-webkit-transition-delay: 0s, 0.2s;-ms-transition-delay: 0s, 0.2s;transition-delay: 0s, 0.2s;}

.menu-toggle.is-clicked span::before {top: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.menu-toggle.is-clicked span::after {bottom: 0;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}

#main-nav-wrap { display: block;font-family: "poppins-medium", sans-serif;font-size: 1.5rem;position: absolute;top: 5rem;right: 0rem;}
.main-navigation { background: #fff; padding: 15px 11px 10px; width: 100%; height: auto; clear: both; display: none; width: 20rem;}
.main-navigation > li { display: block; text-align: left;}
.main-navigation li a { display: block; color: #000; padding: 15px 0; font-weight: 600;}
.main-navigation li a i { color: #428bca;}
.main-navigation li a:hover {color: #428bca; padding-left: 1rem; }

.full-navigation {	list-style: none; float: right; margin-top:3px; font-size:1.45rem;}
.full-navigation > li { float: left; margin-left: 25px; position: relative; }
.full-navigation li a { line-height: 18px; color: #fff; text-decoration: none; }
.full-navigation li a i { margin-left: -2px;}
.full-navigation li a:hover {color: #428bca;}
/* Top Header Manu css End */

/******************** 
*** Radio Box and Checkbox  ***
*********************/
input[type="radio"], input[type="checkbox"] { margin: 0; line-height: normal;  display: none; }
input[type="radio"].badgebox + .badge{ border-radius:50%; width:24px; height:23px; font:bold 15px/12px tahoma }
input[type="radio"].badgebox:checked + .badge { text-indent: -1px; }
.badgebox { opacity: 0; }
.badgebox + .badge {  text-indent: -999999px; width: 21px; border-radius: 0px; background: #fff none repeat scroll 0% 0%; border: 1px solid #bbb; color:#aaa;border-radius: 5px; }
.badgebox:focus + .badge { box-shadow: inset 0px 0px 2px; }
.badgebox:checked + .badge { text-indent: -2px; }

							
/******************** 
*** Page CSS  ***
*********************/
.headerDivContent    { height: 5%;  width:100%; margin: 0 auto; } 
.containerDivContent { height: 95%; width:100%; margin: 0 auto; }

/******************* Icon Keypad Style **********************/
.bottomButtonIcon ul 	  { margin:0rem; text-align:center; padding-inline-start: 0rem; display: flex !important; }
.bottomButtonIcon ul li   { display: inline-block; margin: 0.5rem 0.5rem; }
.bottomButtonIcon ul li a { background: #efefef none repeat scroll 0 0; border:3px solid #e4e4e4; border-radius:10px; color:#0381b3; display:block; font-size:2rem; font-weight:bold; }
.bottomButtonIcon ul li a i 	{  font-size: 2rem; }	
.bottomButtonIcon ul li a span  {  font-size: 1.6rem; }							
.bottomButtonIcon ul li a:hover { background: #0381b3; color: #fff; text-decoration: none; }
.bottomButtonIcon ul li .buttonActive  { background: #0381b3; color: #fff; text-decoration: none; }

.bottomButtonIcon .key-btn-1   { min-width:15rem; height: 4.5rem; font-size:1.2rem; padding-top:0.7rem; background-color:#efefef; color:#0381b3;  }
.bottomButtonIcon .btnActive   { color: #0381b3; }
.bottomButtonIcon .btnDeactive { color: #c1c1c1; }
.bottomButtonIcon::-webkit-scrollbar { width:1rem; height: 1.5rem; }
.bottomButtonIcon::-webkit-scrollbar-track { background: #c1c1c1;  border: 1px solid transparent;  background-clip: content-box; }

/******************** 
*** Date Picker Calendar ****
*********************/
.datepicker.dropdown-menu { width: 36rem; height:34rem; font-size: 2rem; padding: 0.5rem 2.5rem; }
.datepicker.dropdown-menu thead tr{ height: 5rem    }
.datepicker.dropdown-menu tbody tr{ height: 3.5rem; }
.datepicker.dropdown-menu th, .datepicker.dropdown-menu td { padding: 4px 10px;}
.datepicker .datepicker-months .table-condensed { width: 100%; }
.datepicker .datepicker-months .table-condensed tbody tr td span { width: 30%; }
.datepicker .datepicker-years  .table-condensed { width: 100%; }
.datepicker .datepicker-years  .table-condensed tbody tr td span { width: 30%; }

/* ScrollBar */
::-webkit-scrollbar 	  { width: 15px; }
::-webkit-scrollbar-track {  background: #f1f1f1; border-radius: 10px; }
::-webkit-scrollbar-thumb {  background: #888; 	border-radius: 10px; }
::-webkit-scrollbar-thumb:hover {  background: #555;   }

/****************** Modal CSS  ********************/
.modal-backdrop, .modal { width:100%; margin-top:5rem; }
.modal-dialog { width:90% }		
.modal-dialog .modal-footer   { border-top: 0px;}
.modal-dialog .modal-content  { width: 98% !important; overflow-x: auto;  overflow-y: auto;  }
.modal-dialog .modal-header .close { font-size: 4rem; }
.modal-dialog .modal-title { font-size: 3rem; }
.modal-dialog .modalText, .modal-dialog table  { font-size: 1.8rem; }
.modal-dialog .modalTextTopping { font-size: 1.5rem;}
.modal-dialog .divSpanText { font-size: 2.5rem; line-height: 3rem;}
.modal-dialog input , .modal-dialog select , .modal-dialog textarea { height: 5rem; font-size:2rem; }

.modal-dialog .btn-primary, .modal-dialog .btn-default { font-size: 1.7rem; padding: 1rem 1.3rem; }
.modal-dialog .btn-success, .modal-dialog .btn-warning , .modal-dialog .btn-danger { font-size: 1.7rem; padding: 1rem 1.3rem; }
.modal-dialog .moreButton  { padding: 1rem; font-size: 1.8rem; min-width: 25rem; }
.modal-dialog .showHideDiv { margin-bottom: 0.5rem; margin-top: 0.5rem;}
.modal-dialog .showHide { font-size: 3rem; padding: 1.5rem 3rem; }
.modal-dialog .radioLabel  { background-color: #428bca; color:#ffffff; margin-right:5px; font-size: 2rem; padding: 1rem 2rem; }
.modal-dialog .badgeLable  { margin-right:5px; font-size: 1.8rem; }
.modal-dialog .badge { font-size: 2rem; padding: 0.4rem 2rem 0.5rem 1.6rem; } 
.modal-dialog .printButton { font-size: 2.5rem; padding: 1rem 1.3rem; } 
.modal-dialog .imgQRCode { height:294px; }
.modal-dialog .imgScan { height:294px; padding-left:60pt; } 

.posAboutUsModal,  .dbSyncModal { width:50%  }
.CustomerCreditAmountModal, .returnOrderFormModal, .customerInfoFormModal , .holdCustInfoFormModal { width:50%  }
.addPaymentFormModal , .addRefundFormModal , , .moreOptionModal { width:70%  }        
.itemPrepareRecipeModal, .CustomizeProModal, .comboProductModal, .InvoiceDetailModal, .LedgerReportListModal, .MultipleInventoryProModal { width:80%  }
.StockReceiveInvoiceModal, .StockReturnInvoiceModal, .AddVenderPaymentModal, .HsnCodeListModal , .EstimatedOrderModal{ width:80%  }
.codOrderListModal , .codOrderPaymentModal, .addProductFormModal, .editProductFormModal ,  StoreCouponListModal, .custOrderInfoModal , .StoreHoldSaleModal { width:80%  }
.LiveOrderDetailModal , .codOrderDetailModal { width:95% }


@media screen and (max-width: 768px){ .modal-dialog { width:98% }}

/******************** 
*** Kitchen Sortable  ***
*********************/
#sortable1, #sortable2, #sortable3,#sortable4,#sortable5 
{ 
	list-style-type: none; float: left; margin-right: 0.5%; padding: 5px; height:100%; min-height:100%; width:19.5%; 
}
.headingStyle { padding: 5px; text-align:center; font-size:18pt; color:white; background:#17202A; }


/* CART ROUND ONLINE ORDER DEV 06 AUG
/* Cart-box */
.cart-box { border:5px solid #e36e55; background:#C5D9F7; width:100px; height:100px; padding:15px 10px; text-align:center; font-size:13px; 
			color:#000; box-shadow:rgba(0, 0, 0, 0.10) 0px 5px 0px; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%;
			-o-border-radius:100%; border-radius:100%; behavior:url(PIE.htc); position:fixed; right:5px; bottom:50px; z-index:99999; cursor:pointer; display:none; }
.cart-box span {display:block;}
.cart-box .title {padding-bottom:8px;font-size:15px;color:#0381b3;font-weight:700;}
.cart-box .price {padding-top:8px;font-size:13px;color:#333;font-weight:700;}