@import url(materials.css?v=1.3);
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');


:root {
	--primarycolor: #000;
	--borderradius:8px;
	--lightgrey:#E5E5E5;
	--lightgrey2:#efefef;
	--grey:#333;
	--red:#DB4437;
	--green:#0F9D58;
	/* --corecolor:#000; */
	--lightorange:#ffc581;
	--red0:#d85858;
	--red1:#a74040;
	--lightblue0:#9fc4f6;
	--purple0:#bc86e1;
	--yellow0:#f0eda8;
	--orange0:#eaccb9;
	--orange:#ffa300;
	--grey0:#f7f7f7;
	--grey3:#e6e6e6;
	--green3:#69cd9c;
	--green0:#adefcf;
	--trs:all .3s ease-in;
	
}

.mso {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

html,body{font-size:14px!important;}
body{font-size:14px!important;font-family: 'Ubuntu', sans-serif!important;}

h2,.h2{font-size:2.5rem;}
.system-provider,.system-provider:hover{font-size:1rem;color:var(--primarycolor);}

.col-md-24 {width:20%;float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px;}

@media (max-width:600px){
	.col-md-24 {float:none;width:100%;}
}


::-webkit-scrollbar {width: 5px;height:5px;}
::-webkit-scrollbar-track {background-color: #f1f1f1;}
::-webkit-scrollbar-thumb {background-color: #888; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover {background-color: #555; }

ol,ul{margin-bottom:0;}
#content{padding-bottom:50px;}
.footer-actions{text-transform:uppercase;position:fixed;bottom:0;background-color:rgba(255,255,255,.7);z-index:99;width:100%;color:var(--grey);font-size:18px;padding:10px 20px;border-top:1px solid #e1e1e1;}
.footer-actions ul{margin:0;}
input[disabled]{background-color:#efefef;}
input[readonly]{background-color:var(--lightgrey2);}
/* input[type="text"]:read-only{border:0!important; background-color:transparent;} */
#footer{position:fixed;bottom:0;width:100%;}
.panel-heading,.panel-group .panel{border-radius:0;}
.box{background-color:#fff;}
.box h4,.modal-title{color:#000;}

.label{display:inline-block;padding:3px 5px;}
.label.orange{background-color:var(--orange);color:#fff;}

.mb-20{margin:0 0 20px 0;}
.mb-50{margin:0 0 50px 0;}
.modal-title{font-size:1.5rem;font-weight:bold;}
.module-add-field{margin:20px 0 0 0;}
.btn,.swal2-confirm,div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm,div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel,.dt-button,button.dt-button{border-radius:var(--borderradius)!important;text-transform:unset!important;font-weight:100;padding:5px 30px!important;}
.btn.btn-global, .btn.btn-primary,.swal2-confirm,.dt-button,button{background-color:var(--primarycolor);border-radius:0;border:0!important;}
button.dt-button{color:#fff;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{background-color:#000;padding:5px 30px;}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus{box-shadow:none;}
.dt-buttons{margin:0;}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm,div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel,button.dt-button{background-color:var(--primarycolor)!important;}
.btn-new {background-color:#e9f072;color:#333;}
.btn-link,.btn-link:hover{display:flex;text-decoration:none;color:var(--primarycolor);align-items:center;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{border:0!important;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline:unset;}
.btn.active, .btn:active{box-shadow:none;}

.btn.dropdown-toggle {padding:10px 25px!important;border-radius:var(--borderradius)!important;background-color:#fff!important;color:#333!important;border:1px solid #e1e1e1!important;}
.btn.dropdown-toggle:focus{outline:0!important;}
.dropdown-menu{border-radius:var(--borderradius);}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background-color:#e1e1e1;color:#333;}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{background-color:var(--primarycolor);}
.action-listing a{width:100%;}
.cms-image-preview{width:80px;height:80px;padding:10px;border:1px solid #e1e1e1;margin:0 0 10px 0;}
.cms-image-preview img{width:100%;height:100%;}
.image-upload-btn{margin:0 0 10px 0;}
.sort-option{display:flex;align-items:center;font-size:18px;font-weight:bold;}
.table-data td{border-bottom:1px solid #e1e1e1;padding:10px;vertical-align:middle;}
.background-outlet{font-size:600px;position:absolute;top:50%;left:50%;}
.back-holder{margin:0 0 40px 0;}
/* .back-holder a{font-size:16px;color:#333;text-transform:uppercase;} */
.outlet-details-holder{background-color:var(--grey3);padding:20px;margin:0 0 20px 0; font-size:1.5rem;text-transform:uppercase;font-weight:bold;}
.table-pagination {width:100%;}
.table-pagination th{border-bottom:2px solid #333;}
.table-pagination td{border-bottom:1px solid #e1e1e1;}
.btn.btn-line{color:#000;}
.btn.btn-line:hover, .btn.btn-line.current{background-color:#000;color:#fff;}
.btn-material{display:inline-flex;align-items:center;color:var(--primarycolor);padding:5px 15px;border-radius:0;transition:all .3s ease-in;}

.btn-material span{margin-right:10px;}
.btn-material:hover{background-color:var(--lightgrey);color:var(--primarycolor);transition:all .3s ease-in;border-radius:var(--borderradius);}

.btn-material.white:hover{background-color:rgba(255,255,255,.3);}
a .material-symbols-outlined,a .mso{color:var(--primarycolor);}
.btn-material-icons,.bmi {width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:100%;transition:var(--trs);}
.bmi .material-symbols-outlined,.bmi .mso,.btn-material-icons .material-symbols-outlined,.btn-material-icons .material-symbols-rounded,.bmi .material-symbols-rounded{font-size:1.5rem;}

.bmi,button.bmi{transition:var(--trs);background-color:unset;}
.bmi.green {background-color:unset;}
.bmi.green span{color:var(--green);font-size:2rem;}
.bmi.orange span{color:var(--orange0);}
.bmi.red span{color:var(--red);font-size:2rem;}
.bmi.grey {background-color:var(--grey);}
.bmi.grey span{color:#fff;}
.bmi.grey:hover span{color:var(--grey);}
.bmi:hover,.btn-material-icons:hover,.btn-material-icons.solid,.bmi.solid,button.bmi:hover{background-color:var(--lightgrey);transition:all .5s ease-in;}

.bmi.filled{background-color:var(--lightgrey);color:var(--grey);}
.bmi.filled.red{background-color:var(--red);}
.bmi.filled.red:hover{background-color:var(--red1);}
.bmi.filled.red .mso{color:#fff!important;font-size:1rem!important;}

.bmi-text{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:10px 25px 10px 10px;border-radius:36px;color:#333;}
.bmi-text.small {padding:5px 15px 5px 5px;border-radius:24px;}
.bmi-text.grey{background-color:var(--grey3);transition:var(--trs);}
.bmi-text.green{background-color:var(--green3);transition:var(--trs);color:#fff;}
.bmi-text.green .mso{color:#fff;}
.bmi-text.red{background-color:var(--red1);transition:var(--trs);color:#fff;}
.bmi-text.red .mso{color:#fff;}
.bmi-text.black{background-color:#000;transition:var(--trs);color:#fff;}
.bmi-text.black .mso{color:#fff;}

button.bmi-text{background-color:unset;}
.bmi-text.darkgrey{background-color:var(--grey);transition:var(--trs);color:#fff;}
.bmi-text.darkgrey:hover{background-color:var(--lightgrey);color:var(--grey);}
.bmi-text.darkgrey .mso,.bmi-text.darkgrey .material-symbols-outlined,.bmi-text.green .material-symbols-outlined,.bmi-text.green .mso{color:#fff;}
.bmi-text.darkgrey:hover .mso,.bmi-text.green:hover .mso,.bmi-text.green:hover .material-symbols-outlined,.bmi-text.black:hover .mso{color:var(--grey);transition:var(--trs);}

.bmi-text.grey:hover{background-color:var(--grey0);transition:var(--trs);}
.bmi-text.green:hover{background-color:var(--green0);transition:var(--trs);}



.bmi-text.center{transform:translate(-50%,0);margin-left:50%;}
.bmi-text .material-symbols-outlined,.bmi-text .mso{margin-right:10px;}
.bmi-text:hover,.bmi-text.active{background-color:var(--lightgrey);transition:var(--trs);color:#333;}
.bmi-btn {display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:10px 25px;border-radius:36px;color:#333;transition:all .5s ease-in;}
.bmi-btn:hover{background-color:var(--lightgrey);transition:all .5s ease-in;}



.btn-status.green span{color:var(--green);}
.btn-status.red span{color:var(--red);}
.btn-status.grey span{color:var(--grey);}


.red-label{background-color:var(--red)!important;color:#fff;}
.sales-alert-label{background-color:var(--orange0)!important;}

.warehouse-slots th{border-bottom:2px solid #333;}
.warehouse-slots td{border-bottom:1px solid #e1e1e1;}

.filter-table{background-color:var(--lightgrey);padding:20px;border-radius:var(--borderradius);}
.filter-table-form td:first-child,.table-form td:first-child{padding-left:0;}
.table-form td{vertical-align:top;}
.location-listing li{margin:0 0 10px 0;}
.table-label{text-align:right;}

.modal-dialog.modal-xl {width:calc(100vw - 100px);}
.modal-dialog.modal-m {width:calc(100vw/2);}
.modal-data-col{max-height:60vh;overflow-y:scroll;}
.input-unit-quantity{width:80px!important;text-align:center;}
.input-unit-price,.datepicker{width:150px!important;}
.input-unit-price{text-align:center;}
.product-listing-td tbody td{border-bottom:1px solid #e1e1e1;}
.result-holder{margin:20px 0 0 0;}

.dynamic-table td{border-bottom:1px solid #e1e1e1;}

.analytics-table td{border-bottom:1px solid #e1e1e1;}
.status-green{display:inline-block;padding:3px 10px;background-color:#076a1b;color:#fff;}
.status-darkred{display:inline-block;padding:3px 10px;background-color:#920b0b;color:#fff;}
.status-orange{display:inline-block;padding:3px 10px;background-color:#ffa300;color:#fff;}
.status-grey{display:inline-block;padding:3px 10px;background-color:#e1e1e1;color:#333;}

.filter-holder{margin:0 0 20px 0;}
.filter-holder select{max-width:200px;}
.filter-holder > ul{margin-left:-20px!important;}
.filter-holder > ul > li {margin:0 0 0 20px;}
.filter-holder > ul {display:flex;align-items:center;margin:0;padding:0;}
.filter-holder > ul.top{align-items:start;}
.filter-holder > ul > li{padding:0;}
.filter-holder input{margin:0;}



.data-overview{margin:20px 0 0 -20px; display:flex;flex-wrap:wrap;}
.data-overview li{border:1px solid #e1e1e1;margin:0 0 0 20px;padding:10px;flex:0 0 calc(100%/6);border-radius:var(--borderradius);}
.data-overview .data-label{font-size:1rem;font-weight:bold;text-transform:uppercase;}
.data-overview .data-value{font-size:3rem;margin:20px 0 0 0;}

select{border-radius:var(--borderradius);}
input[type="tel"],input[type="tel"]:active,input[type="email"],input[type="email"]:active,input[type="search"],input[type="search"]:active,input[type="text"],input[type="password"],input[type="text"]:active,input[type="password"]:active,input[type="password"]:focus{padding:13px 15px;text-shadow:none;box-shadow:none;border-radius:var(--borderradius)!important;border:1px solid #e1e1e1!important}
input:focus{box-shadow:unset!important;}
input.quantity-field{width:80px;text-align:center;}
.box-rounded{padding:20px;border:1px solid #e1e1e1;border-radius:var(--borderradius);}
.box-actions{margin:0 0 20px 0;}
.box-rounded.white{background-color:#fff;}
.box-rounded.lightgrey{background-color:var(--lightgrey);}
.box-rounded .box-header,.box-rounded .box-title,.box .box-title{font-weight:bold;text-transform:uppercase;letter-spacing:0;color:#000;}
.box-header-actions {margin:0 0 40px 0;}
.box-header-actions h4{text-transform:uppercase;font-weight:bold;}
.box .box-title{margin:0 0 20px 0;}
.box-rounded .box-header a{font-weight:400;}
.box-rounded .box-header{margin:0 0 40px 0;}
.box-rounded .box-data{margin:20px 0 0 0;font-weight:bold;font-size:2rem}
.box-rounded .box-data-holder{margin:20px 0 0 0;}
.box-rounded .dashboard-percentage{font-size:0.875rem;font-weight:400;}
.box-rounded .dashboard-amount{font-size:1rem;font-weight:400;}
.box-rounded .box-content,.box-rounded .box-form {}
.box-filter{margin:20px 0;}

.mb{margin:0 0 20px 0;}

.box-title-row {display:flex;align-items:center;width:100%;justify-content:space-between;}


.dashboard-col ul {display:flex;flex-wrap:wrap;margin-left:-10px;}
.dashboard-col li {flex:0 0 calc(20% - 5px);margin:0 0 10px 5px;}
.dashboard-row{margin:10px 0 5px 0;}



.table-pagination{margin:30px 0 0 0;}
table.no-border td{border:0;}
table.data-display td{padding:10px 0;}
.table-row > li,.table-column > li {padding:10px;border:1px solid #e1e1e1;}
a .page-back {color:#000;}
.page-back{margin:20px 0 40px 0;}

/* .page-title h2{float:left;} */
/* .page-title .action-links{float:right;} */

.page-title-list{display:flex;align-items:center;}
.page-title-list h2{margin:0 20px 0 0;padding:0;}
#content {min-height:calc(100vh - 100px);}
/*header */
#header{border-bottom:1px solid var(--lightgrey);background-color:#fff;}
#button-menu{border-right:0;}
#header .nav > li > a{border:0}
.nav.pull-right{position:absolute;top:5px;right:10px;}
#menu li a{border-bottom:1px solid #e1e1e1;}
#menu li a i{font-size:16px!important;}


#menu > li.active > a i,#menu > li:hover > a i {color:#e1e1e1;}
#menu > li > a{padding-left:0;padding:10px 0 10px 15px;}
#menu > li.active > a,#menu > li.active > a i{color:#e1e1e1!important;}
#menu > li.active > a:hover, #menu > li:hover > a i{color:var(--grey)!important;}

#menu > li > a > span:first-child{display:block;margin:0;}
#menu > li > a > span:first-child
#menu > li > a > span:nth-child(2){display:none;}

#column-left{background-color:#fff;border-right:1px solid var(--lightgrey);padding:55px 5px 0 5px;}
#menu > li > a{color:var(--grey)!important;border-bottom:1px solid var(--lightgrey);display:flex;align-items:center;justify-content:left;}
#menu > li > a:hover{background-color:var(--lightgrey);}
#menu > li > ul{background-color:var(--lightgrey);border-bottom:1px solid var(--lightgrey);}
.nav>li>a:focus, .nav>li>a:hover{background-color:unset;}
#menu li li a{color:var(--grey)!important;}
.navbar-header .fa, .nav a{color:var(--grey)!important;}
#menu li li.active > a:last-child{color:var(--grey);}
#menu li li a:hover{background-color:var(--grey);color:#fff!important;}
#menu li li a.parent:after, #column-left.active #menu > li a.parent:after{margin-left:10px;}

#menu a.bmi-text{display:flex;justify-content:center;padding:0;transition:all .3s ease-in}
#column-left.active.sh  a.bmi-text{justify-content:left!important;padding-left:20px!important;transition:all .3s ease-in}

#menu li#menu-dashboard > a:hover,#menu li#menu-dashboard a:hover i,#menu li a.parent:hover,#menu li a.parent:hover i{color:var(--lightgrey)!important;}

#menu li#menu-dashboard > a.bmi-text:hover,.sh #menu a.parent:hover {color:var(--grey)!important;}
.sh #menu .active.open > a.parent{background-color:var(--grey)!important;color:#fff!important;}


.sh #menu .active.open a.parent .mso,.sh #menu .active.open a .mso, .sh #menu .active .mso {color:#fff;}
.sh #menu > li{margin:0 0 5px 0;}
.sh #menu > li > ul,.sh #menu li li a:hover{background-color:#fff!important;color:var(--grey)!important;}
.sh #menu > li > ul{left:35px;border:1px solid #e1e1e1;border-radius:var(--borderradius);top:10px;}
.sh.active #menu > li > ul{left:35px;border:0!important;border-radius:var(--borderradius);top:10px;}
.sh #menu > li > ul li a{border:0;}
ul.list-unstyled li{margin-bottom:5px;}
/* system login */

.login-logo{text-align:center;margin:0 0 40px 0;}
.login-logo img{max-width:80px;}
.action-links{display:flex;align-items:center;margin:0;}
.action-links li{margin-bottom:0!important;}
.action-links h2{margin:0;}
.action-links .material-symbols-outlined{display:block;}
.bottom{margin:0 0 20px 0;}

.action-links.right{justify-content:right;}
.action-links.center{justify-content:center;}
.action-links.between{justify-content:space-between;}
.action-links h4{margin:0;}

.action-filter {display:flex;align-items:center;gap:10px;}


/*product */

.outlet-details-holder{border-radius:var(--borderradius);}


/*pagination */
.pagination-holder .btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:100%!important;padding:unset!important;font-size:0.875rem;border:1px solid var(--lightgrey);color:var(--primarycolor);transition:all .3s ease-in;}
.pagination-holder .btn:hover{background-color:var(--primarycolor);color:#fff;transition:all .3s ease-in}

#drop_file_zone{border:1px solid var(--lightgrey);border-radius:var(--borderradius);background-color:unset;width:200px;}
#drag_upload_file{width:unset;font-size:1.25rem;}

.datatables{margin:20px 0 0 0!important;}
.datatables th {background-color:#000!important;border:1px solid #e1e1e1;color:#fff!important;}
.dataTables_length{margin:0 10px 0 0;}
thead th{background-color:#000;color:#fff;}
.dataTables_length label,.dataTables_filter label,.dt-search,.dt-length{display:inline-flex;align-items:center;gap:10px;}
.datatables.compact td,.compact td{font-size:0.875rem;padding:3px 5px;}
.datatables.compact.large td,.compact.large td{font-size:1.125rem;}
.datatables.compact.normal td,.compact.normal td{font-size:1rem;}
.dt-container{position:relative;}
.dt-search{position:absolute;right:0;top:0;}
.dt-length label{display:none;}

.form-table td:first-child{width:150px;}
.form-table textarea{height:100px;min-height:unset;}
.form-table td{vertical-align:top;}
.form-actions{border-top:1px solid var(--lightgrey);}

.upload-image-holder{width:120px;height:120px;padding:10px;border-radius:var(--borderradius);border:1px solid #e1e1e1;position:relative;}
.upload-image-holder .upload-image-actions {position:absolute;top: calc(50% - 12px); left:calc(50% - 12px);}
.upload-image-holder .upload-image-inner{width:100px;height:100px;display:flex;align-items:center;justify-content:center;}
.upload-image-holder img{max-width:100%;max-height:100%;}

#profile h4{color:var(--grey);}
#profile{margin:0 0 20px 0;}
.loading img{width:100px;}
.loading{display:none;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.4);z-index:99999;width:100%;height:100%;}
.loading .loading-content{color:#fff;top:50%;position:relative;text-align:center;width:100%;}

.loading-holder{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:99999;display:none;}
.loading-icons img{width:100px;}
.loading-icons{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);margin:0!important;}
.system-reload{display:none;position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%);}
.system-reload .bmi{background-color:#fff;}


.order-col .box-title-row{border-bottom:1px solid #e1e1e1;padding-bottom:10px;margin-bottom:10px;}
.order-data-summary td{padding:5px;font-size:0.875rem;}
.order-data-summary > ul {display:flex;}
.order-data-summary > ul > li {flex:0 0 50%;}
.order-data-summary .order-data-details{font-size:0.875rem;}
.order-data-summary .order-data-details > li{margin:0 0 5px 0;}
.order-data-summary .order-data-details .order-item-label{font-weight:bold;}
.order-data{max-height:calc(100vh - 360px);overflow-y:auto;}
.order-data > ul > li {border:1px solid #e1e1e1;padding:20px;margin:0 0 10px 0;}
.order-data-item-holder li{padding:10px;border:1px solid #e1e1e1;font-size:0.875rem;border-radius:8px;margin:0 0 5px 0;}
.order-data-item-holder li:last-child{margin:0;}
.order-actions{text-align:right;}
.data-loading{text-align:center;display:none;}
.data-loading .data-loading-image img{max-height:20px;}

.product-image-inner img{max-width:120px;}

/* ui overwrite */
.ui-widget{font-family:var(--fontfamily);}
.ui-widget-header{background-color:unset;border:0;display:flex;align-items:center;justify-content:space-between;}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: unset;
	background: unset;
}
.ui-datepicker .ui-datepicker-prev{left:unset;top:unset;}
.ui-datepicker .ui-datepicker-next{left:unset;top:unset;right:5px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border:0;background-color:unset;}
.ui-datepicker td span, .ui-datepicker td a{text-align:center;}
.ui-datepicker td{padding:5px;}
.ui-state-default{width:30px;height:30px;display:flex!important;align-items:center;justify-content:center;border-radius:100%;transition:all .5s ease-in;}
.ui-datepicker{width:unset;}
.ui-state-default:hover{background-color:#e1e1e1;width:30px;height:30px;transition:all .5s ease-in;}
.ui-state-default.ui-state-active{background-color:var(--grey);color:#fff;}
.ui-widget.ui-widget-content{border:1px solid #e1e1e1; border-radius:8px;padding:20px;font-weight:700}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{margin:unset;height:unset;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:100%;transition:all .5s ease-in;}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{background-color:var(--lightgrey);}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{position:unset;left:unset;top:unset;margin:unset;}


input[type="tel"],input[type="email"],input[type="text"],input[type="password"],input[type="number"],select,textarea,.swal2-input{padding:13px 15px;border-radius:var(--borderradius);border:1px solid #e1e1e1;height:unset;outline:none!important;box-shadow:unset!important;margin:0;}
input[type="text"].short-input{width:60px;text-align:center;}
input[type="checkbox"]{border:1px solid #e1e1e1!important;border-radius:4px;padding:5px;}
.swal2-input:focus{border:1px solid #000;}
.swal2-popup input[type="text"] {width:calc(100% - 60px);margin:auto;}
select{padding:13px 15px;}
input[type="number"]{text-align:center;}

.ui-datepicker-prev,.ui-datepicker-next{margin:5px 0 0 0;cursor:pointer;}

.datatables-report tbody:nth-of-type(2) td, tfoot td{font-size:1.25rem;font-weight:bold;}
.datatables.border td{border:1px solid #e1e1e1;}
.datatables.zebra tr.even,.data-table.zebra tr:nth-child(even),.datatables.zebra tr:nth-child(even),.modal-datatables.zebra tr.even,.modal-datatables.zebra tr:nth-child(even),.zebra tr.even,.zebra tr:nth-child(even){background-color:var(--lightgrey);}

.modal-datatables,.dynamic-table{margin:20px 0 0 0!important;}
.data-table.border td{border:1px solid #e1e1e1;}
.data-table td{border-bottom:1px solid #e1e1e1;}

.data-table th{border-bottom:2px solid #e1e1e1;}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{border:0!important;}
.dataTables_paginate.paging_simple_numbers{display:inline-flex;align-items:center;width:100%;justify-content:center;}
/* .dataTables_wrapper .dataTables_paginate .paginate_button{box-shadow:none;background:unset;width:40px;height:40px;display:flex;align-items:center;justify-content:center;} */
.dt-paging{display:flex;justify-content:center;}
.dataTables_paginate.paging_simple_numbers .paginate_button, .dt-paging-button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:unset!important;margin:0 0 0 10px;border-radius:100%;border:0;transition:all .5s ease-in;}
.dt-paging-button.current{background-color:var(--primarycolor)!important;color:#fff;}
.dt-paging-button:hover{background-color:var(--lightgrey)!important;transition:all .5s ease-in;}
.dataTables_paginate.paging_simple_numbers span a:hover {width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--grey)!important;margin:0 0 0 10px;border:0!important;border-radius:100%;}
.dataTables_paginate.paging_simple_numbers .paginate_button.previous,.dataTables_paginate.paging_simple_numbers .paginate_button.next{width:unset!important; height:unset!important;}
.dataTables_paginate.paging_simple_numbers .paginate_button.current{border-radius:100%;box-shadow:none;border:0!important;min-width:unset!important;margin:0!important;padding:unset!important;background-color:#e1e1e1!important;}
.dataTables_paginate.paging_simple_numbers .paginate_button.previous:hover, .dataTables_paginate.paging_simple_numbers .paginate_button.next:hover{background-color:unset!important;border:0;border-radius:var(--borderradius);color:#fff!important;cursor:pointer;}
.data-listing {margin:20px 0 0 0;}
.dataTables_paginate.paging_simple_numbers span{display:flex;}
.fixedHeader-floating th{background-color:#fff;}
.note-btn-group .btn-default{background-color:unset;border:1px solid #e1e1e1;width:40px;height:40px;padding:0!important;display:flex!important;justify-content:center;align-items:center;}
.option-item-data table td{border-bottom:1px solid #e1e1e1;}
.option-item-data table td table td{border:0;}
.centered-input{text-align:center;}
.nav-right {position:relative;top:5px;}
.timesheet-table td{border:1px solid #e1e1e1;}
.timesheet-entry-data{position:relative;}
.timesheet-entry-data select{width:70px;}
.timesheet-entry-data:hover .time-actions{display:block;transition:all .5s ease-in;}
.time-actions{display:none;position:absolute;top:-50%;background-color:#fff;padding:5px;border-radius:var(--borderradius);transition:all .5s ease-in;border:1px solid #e1e1e1;}
.time-actions select{min-width:80px;}
#header .nav > li > a.bmi{display:flex;}
#header .nav > li > a.bmi:hover{background-color:var(--lightgrey);}
.rounded-label{width:35px;height:35px;display:inline-flex;background-color:#000;color:#fff;justify-content:center;align-items:center;border-radius:100%;}
.timesheet-entry-data.time-alert ,.time-alert {background-color:var(--lightorange);}
.timesheet-entry-data.time-over,.time-over {background-color:var(--red0);color:#fff;}
.timesheet-entry-data.thumbless, .thumbless{background-color:var(--purple0);}
.overtime{background-color:var(--lightblue0);}
table.dataTable tbody tr.publicholiday,.publicholiday{background-color:var(--yellow0);}
table.dataTable tbody tr.annualleave,.annualleave{background-color:var(--orange0);}
table.dataTable tbody tr.medicalleave,.medicalleave{background-color:var(--red1);color:#fff;}
table.table-data tr{transition:var(--trs);}
table.table-data tr:hover{background-color:var(--grey0);transition:var(--trs);}
.timesheet-indicator{margin:0 0 20px 0;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:90px;}

.foldable{margin:0 0 20px 0;}
#drop_file_zone{display:flex;align-items:center;}
.media-holder{display:flex;flex-wrap:wrap;}
.media-holder .media-holder-uploader {flex:0 0 200px;margin-right:20px;}
.media-holder .media-holder-uploaded{flex:0 0 calc(100% - 220px);}
.post-images li{position:relative;}
.post-images li .post-actions{position:absolute;top:0;left:100%;transform:translate(-20px,-20px);margin:0;}
.post-images li:hover .post-actions {display:block;}
.backoffice-body{background-color:var(--grey0);}
.backoffice-body #footer{position:relative;width:calc(100% - 50px);}

#column-left.active + #content + #footer{width:calc(100% - 235px)!important;}


.outlet-listing tr{cursor:pointer;}
.filter-list{margin:20px 0 0 0;}
.filter-list .filter-submit{margin:20px 0 0 0;}
.filter-list .filter-label{font-size:0.875rem;margin:0 0 5px 0;}
.filter-group{display:flex;margin-left:-20px;}
.filter-group > li{padding:20px;background-color:#fff;border-radius:var(--borderradius);border:1px solid #e1e1e1;margin:0 0 0 20px;}
.filter-label{font-weight:bold;}
.filter-selection{max-height:calc(100vh - 300px);overflow-y:scroll;}
tr.odd td{background-color:unset;}
.dashboard-stats{margin:0 0 20px 0;}
.dashboard-stats h4{text-align:left;}
.dashboard-stats .stats-data{font-size:3rem;font-weight:bold;}
.dashboard-summary ul {display:flex;margin-left:-20px;flex-wrap:wrap;}
.dashboard-summary li{background-color:var(--grey0);padding:10px;border-radius:var(--borderradius);margin:0 0 20px 20px;flex:0 0 calc((100%/5) - 20px );}
.dashboard-summary .dashboard-item-title{margin:0 0 10px 0;font-size:0.875rem;}
.dashboard-summary .dashboard-item-data.single{font-weight:bold;color:#000;}
.dashboard-summary-title{margin:0 0 20px 0;font-weight:bold;color:#000;}
.dashboard-summary-linechart{height:200px;}
.dashboard-stats > ul{display:flex;flex-wrap:wrap;margin-left:-20px;}
.dashboard-stats > ul > li{border:1px solid #e1e1e1; padding:20px;border-radius:var(--borderradius);}
.dashboard-stats > ul > li{flex:0 0 calc((100%/5) - 20px );margin:0 0 20px 20px;}
/* .foldable-content{display:none;} */
.upload{width:100px;height:100px;}
.upload img{max-width:100%;}
#payment-entry-remarks{min-height:unset;max-height:150px;}
.office-use-holder{padding:20px;border-radius:var(--borderradius);border:1px solid #e1e1e1;}
.office-use-holder textarea{min-height:unset;max-height:100px;}
.management-details {position:relative;}
table .negative-row td{background-color:var(--red0);color:#fff;}
.import-holder{}
.mini-label{font-size:0.75rem;}
.nav-tabs > li > a:hover{border:1px solid transparent;}
.nav-tabs > li > a{padding:10px 15px;}
.table-responsive{padding-bottom:20px;}
.checked-in-outlet{font-size:0.65rem;line-height:1;display:inline-block;}

.intel-holder ul{display:flex;margin-left:-20px;}
.intel-holder > ul > li{padding:20px;border:1px solid #e1e1e1;border-radius:var(--borderradius);margin:0 0 0 20px;background-color:#fff;}

.intel-holder{margin:0 0 20px 0;}
.intel-text{font-size:1.5rem;}
.intel-data{font-size:2.5rem;font-weight:bold;}
.intel-box-title {margin:0 0 10px 0;}
.intel-filter-items li{margin:0 0 5px 0;}

.side-panel-items.panel-child a{font-weight:300;}

.stocktake-scan-holder{margin:20px 0 0 0;border-top:1px solid #e1e1e1;padding:20px 0 0 0;}

.error-class{display:inline-block;padding:5px 10px;border-radius:4px;}
.error-class.red{background-color:var(--red);}
.error-class.green,.error-class.red{color:#fff!important;}

.graph-items{max-height:500px;}
.mini-filter-items{font-weight:400;font-size:1rem;}
.mini-filter{font-size:0.75rem;}
.campaign-status{margin:20px 0 0 0;}

.shortcut-listing {display:flex;flex-wrap:wrap;gap:20px;}
.shortcut-listing li {transition:all .3s ease-in;cursor:pointer;flex:0 0 calc((100%/6) - 20px );flex-wrap:wrap;border:1px solid #e1e1e1;padding:20px;border:1px solid #e1e1e1;background-color:#fff;border-radius:var(--borderradius);display:flex;align-items:center;justify-content:center;}
.shortcut-listing li:hover {transition:all .3s ease-in;background-color:#e1e1e1; color:#333;}
.shortcut-listing li div{flex:0 0 100%;text-align:center;}
.shortcut-listing .shortcut-logo .mso{font-size:3rem;}
.panel-default {border-radius:var(--borderradius);border-top:0;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border-top-left-radius:var(--borderradius);border-top-right-radius:var(--borderradius);}
.panel-group .panel-default {border:0;}
.panel-group .panel-default .panel-heading{border-radius:var(--borderradius);background-color:var(--lightgrey);}
.panel-group .panel {box-shadow:none;}
.stock-manage-product-sku{font-size:0.75rem;font-style:italic;color:#b6b6b6;}

.pos-common .sales-products{padding:0;}
.pos-common .item-listing td{padding:3px 5px;}
.pos-common .pos-column-item{flex:0 0 calc(50% );padding:10px;}
.pos-common .pos-column-item.sales-items{display:flex;flex-direction:column;}
.pos-column-item.sales-products{}
.pos-common .sales-product-category{height:calc((40px*4 ) + 34px);overflow-y:auto;}
.sales-product-category > ul {display:flex;flex-wrap:wrap;margin:0;}
.sales-product-category > ul > li{flex:0 0 calc(100%/8);padding:0;margin:0;text-align:center;}
.sales-product-category .category-label{cursor:pointer;padding:10px;border:1px solid #e1e1e1;border-radius:var(--borderradius);position:relative;height:40px;display:flex;align-items:center;justify-content:center;font-size:0.75rem;}
.sales-product-category .category-label.current{background-color:#000;color:#fff;}
.sales-product-category .category-label.current .category-child{color:#000;}
.sales-product-category .category-label .category-child{min-width:120px;position:absolute;z-index:1;background-color:#fff;left:50%;bottom:0;transform:translate(-50%,100%);}
.sales-product-category .category-label .category-child-indicator{position:absolute;bottom:2px;height:2px;width:calc(30%);background-color:#000;left:50%;transform:translate(-50%,0);}
.sales-product-category .category-label .category-child.hide{display:none;}
.category-child li{cursor:pointer;padding:10px;border:1px solid #000;border-radius:var(--borderradius);margin:0 0 5px 0;background-color:#fff;overflow:hidden;box-shadow:rgba(0, 0, 0, 0.1) 0px 4px 8px;}
.category-child li:last-child{margin:0;}
.pos-common .product-details .product-name{font-size:1rem;}
.pos-common .pos-column-holder{width:100%;}
.pos-common .item-listing{/*height:calc(100vh - 330px);*/overflow:auto;border-bottom:3px solid #e1e1e1;flex-grow:1;}
.pos-common .sales-product-listing{margin:20px 0 0 0;border-top:1px solid #e1e1e1;padding-top:20px;height:calc(100vh - 340px);overflow-y:auto;}
.pos-common .sales-product-listing ul{display:flex;flex-wrap:wrap;margin:0;margin-left:-10px;}
.pos-common .sales-product-listing li{flex:0 0 calc( (100%/5) - 10px);padding:10px;border-radius:var(--borderradius);border:1px solid #e1e1e1;display:flex;align-items:center;margin:0 0 10px 10px;}
.pos-common .sales-product-holder{display:flex;align-items:center;width:100%;}
.pos-common .sales-product-listing .sales-product-image {display:none;flex:0 0 0%;padding:10px;}
.pos-common .sales-product-listing .sales-product-image img{max-width:100%;max-height:100%;}
.pos-common .sales-product-listing .sales-product-data{flex:0 0 calc(100%);position:relative;}
.pos-common .sales-product-listing .sales-product-price{font-weight:bold;font-size:0.875rem;margin:10px 0 0 0;}
.pos-common .sales-product-listing .sales-product-quantity{font-weight:bold;position:absolute;right:-5px;bottom:-5px;font-size:0.875rem;background-color:#e1e1e1;padding:3px 5px;border-radius:var(--borderradius);}
.pos-common .sales-product-listing .sales-product-quantity.empty{background-color:var(--red);color:#fff;}
.pos-common .sales-product-listing .sales-product-quantity.low{background-color:var(--orange);color:#fff;}
.pos-common .sales-product-listing .sales-product-quantity.instock{background-color:var(--green);color:#fff;}
.pos-common .sales-product-search{margin:0 0 10px 0;}
.pos-common .sales-product-search input{background-color:#e1e1e1;color:#000;}
.pos-common .sales-product-search input::placeholder{color:#000;}
.pos-common .sales-product-search ul{margin:0;}
.pos-common .sales-product-search li{padding:0;flex-grow:1;}
.pos-common .sales-product-search li:last-child{padding-left:10px;}
.pos-common ::-webkit-scrollbar {display: none;}
.tab-content{overflow-x:unset;}
.note-editable{height:200px!important;}

..sales-checkout{margin-top:auto;}
.sales-checkout-others .box-rounded,.sales-checkout .sales-checkout-items .box-rounded{margin:0;}
.sales-checkout-others ul{margin:0;}
.sales-checkout-others > ul >  li{margin:0 0 20px 0!important;}
.sales-checkout-others li:last-child{margin:0;}
.sales-checkout {display:flex;padding:20px 0 0 0;font-size:0.875rem;}
.sales-checkout .sales-checkout-items{flex:0 0 50%;}

.sales-checkout .sales-checkout-items td{padding:3px 5px;}
.sales-checkout .sales-checkout-items li{padding:0;margin:0;}
.sales-checkout .sales-checkout-items .btn-pay{font-size:1.5rem;}
.checkout-icons{padding:0 5px 0 0!important;}

.page-not-found{margin:40px 0 0 0 ;font-size:2rem;}

.pos-display{padding:10px!important;}
.pos-display-content{padding:10px!important;position:relative!important;width:100%;height:100%;margin:0!important;}
.pos-display-total{position:fixed;bottom:0;display:flex;justify-content:center;width:100%;}
.nav-actions{margin:5px 0 0 0;}
.nav-actions li{margin-bottom:0!important;}
.cash-counts td{padding:5px 15px;}
.payment-create .table-label{width:200px;}
.btn-voided{width:100%;}

.pos-number-pad{z-index:1060;position:absolute;display:none;width:205px;border:1px solid #e1e1e1;border-radius:var(--borderradius);padding:20px 15px 15px 20px;margin-left:50px;background-color:#fff;box-shadow:rgba(0, 0, 0, 0.1) 0px 4px 8px}
.pos-number-inner ul {display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:0;}
.pos-number-inner li{flex:0 0 calc(100%/3);padding:0!important;margin:0!important;margin-bottom:5px!important;cursor:pointer;}

.pos-number-pad .pos-number-items{width:50px;height:50px;border-radius:100%;border:1px solid #e1e1e1;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in;}
.pos-number-inner .pos-number-items:active{background-color:#000;color:#fff;transition:all .1s ease-in;}

.transaction-list{padding:20px;position:fixed;width:300px;right:0;top:0;height:100%;background-color:#fff;z-index:9999;box-shadow:rgba(0, 0, 0, 0.1) 0px 4px 8px;border:1px solid #e1e1e1;}
.transaction-list{}
.transaction-table td{border-bottom:1px solid #e1e1e1;}
.transaction-list-inner {height:calc(100vh - 100px);overflow-y:auto;}
.checkout-result ul li{flex:0 0 50%;}
.sales-product-name{font-weight:bold;}
.label-search li:last-child{flex: 0 0 45px;}
.label-search li:first-child{flex: 0 0 calc(100% - 45px);}
.label-print-quantity{width:100px!important;text-align:center;}

.label-product-search-result{max-height:calc(100vh - 200px);overflow-y:auto;}
.label-product-listing,.product-listing-holder {max-height:calc(100vh - 300px);overflow-y:auto;}
.product-search-category-nav{max-height:calc(100vh - 400px );overflow-y:auto;}
.menu-burger li{margin-bottom:0!important;}
.modal-max-height{max-height:calc(100vh - 200px);overflow-y:auto;}
.pos-item-return-quantity{width:80px!important;text-align:center;}
#sales-return li{padding-right:10px;}
.total-due-text{font-size:4rem;}
.payment-method-shorcuts{padding:10px 0;}
.payment-method-shortcuts-list{display:flex;flex-wrap:wrap;margin-left:0;}
.payment-method-shortcuts-list li{cursor:pointer;flex:0 0 calc((100%/5) - 1px);border:1px solid #e1e1e1;padding:10px;border-radius:var(--borderradius);font-size:1.125rem;display:flex;justify-content:center;align-items:center;text-transform:uppercase;}
.payment-method-shortcuts-list li.selected{background-color:var(--yellow0);color:#000;font-weight:bold;font-size:1.125rem;border-color:var(--yellow0);}

#update-text{background-color:rgba(0,0,0,0.7); color:#fff;padding:5px 10px;position:fixed;right:5px;bottom:5px;border-radius:var(--borderradius);}

.option-title-actions{margin:0 0 20px 0;}
.dynamic-options{margin:20px 0 0 0;}
.dynamic-options > ul > li {border:1px solid #e1e1e1;border-radius:var(--borderradius);padding:20px;}
.dynamic-option-name{font-weight:bold;}
.dynamic-rules{margin:20px 0 0 0;}

.dynamic-option-title{font-weight:bold;margin:0 0 10px 0;}
.dynamic-option-selector > ul > li{margin:0 0 20px 0;}
.dynamic-option-selector-data ul {display:flex;flex-wrap:wrap;}
.dynamic-option-selector-data ul li {cursor:pointer;flex:calc(100%/6);padding:10px 10px 30px 10px;border-radius:var(--borderradius);border:1px solid #e1e1e1;margin:0;position:relative;}
.dynamic-option-selector-data .dynamic-item-quantity{font-size:0.875rem;position:absolute;bottom:5px;left:5px;}
.dynamic-item-quantity{font-size:0.875rem;padding:2px 5px;border-radius:4px;background-color:#e1e1e1;}
.dynamic-item-quantity.empty{background-color:var(--red);color:#fff;}
.dynamic-item-quantity.low{background-color:var(--orange);color:#fff;}
.dynamic-item-quantity.instock{background-color:var(--green);color:#fff;}
.dynamic-product-items{transition:all .3s ease-in;}
.dynamic-product-items.selected{background-color:var(--lightblue0);font-weight:bold;font-size:0.93rem;color:#fff;border-color:var(--lightblue0);transition:all .3s ease-in;}
.dynamic-item-selected-quantity{position:absolute;background-color:#e1e1e1;padding:3px 5px;border-radius:4px;right:0;bottom:0;display:none;color:#333;}
#dynamic-total-price{font-size:1.25rem;font-weight:bold;}
.dynamic-options-display{margin:5px 0 0 0;font-size:0.875rem;}


table tr.row-red{background-color:var(--red)!important;color:#fff!important;}

.load-pos-sales{font-size:1rem;font-weight:normal;}
.stock-manage-row input[type="text"]:read-only{border:0!important;}
.stock-management-table td{border-bottom:1px solid #e1e1e1;}
.table-total-footer td{font-size:1rem;}
.scroll-top{position:fixed;bottom:5px;right:5px;}
.delete-acc{margin:30px 0;}

.table-border tr > td{border:1px solid #e1e1e1;}
.table-header td{background-color:#000;color:#fff;}
.new-record input{text-align:right;}
.pos-product-category{overflow-y:auto;}

.stock-manage-row.red{background-color:var(--red0);color:#fff;}

.language-selector a{color:#000;}

.order-table th,.order-table td,.table th{padding:5px 10px;}
.table td{border-bottom:1px solid #e1e1e1;vertical-align:middle!important;}
.table tr:last-child td{}
.order-summary-list{margin:0 0 20px 0;border-bottom:1px solid #e1e1e1;padding:10px 0 ;}
.order-summary-list .summary-label{text-transform:uppercase;font-weight:bold;}
.order-summary-list li{margin-left:-5px;}

@media (max-width: 1600px ){
	.sales-product-category > ul > li{flex:0 0 calc(100%/7);}
	.pos-common .pos-column-item{flex:0 0 calc( (100vw - 50px)/2 );}
	
	.sales-product-category > ul > li{flex: 0 0 calc(100% / 4);}
	.pos-common .sales-product-listing > ul{margin-left:-10px;}
	.pos-common .sales-product-listing li{flex:0 0 calc( (100%/3) - 10px);margin:0 0 10px 10px ; }
}

@media (max-width:600px){
	.dashboard-summary ul{flex-wrap:wrap;}
	.dashboard-summary li{flex:0 0 calc(100% - 20px);margin:0 0 10px 20px;}
	.dashboard-summary-linechart{height:400px;}
	.search-filter ul{flex-wrap:wrap;}
	.search-filter li{flex:0 0 100%;}
	.table-data td{padding:5px;font-size:0.875rem;}
	.dataTables_paginate.paging_simple_numbers{justify-content:center;}
	h2{font-size:2rem;}
	.filter-holder > ul{flex-wrap:wrap;}
}