/*------COMMON------*/
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700&display=swap');
*{box-sizing:border-box!important}
/*html,body{height:100%;min-height:100%;/*font-family: 'Rubik', sans-serif;font-family: "Montserrat", sans-serif;font-weight:400;color:#000;font-size:1rem}
/*body{background-color:#f5f6f8}*/
.bg-green{background:#387100}
.border-0{border:0px !important}
.rounded-0{border-radius:0px}
.rounded-50{border-radius:50%!important}
.rounded-25{border-radius:25px!important}
.p0{padding:0}
.pl0{padding-left:0}
.pt0{padding-top:0}
.m10{margin:10px}
.mb0{margin-bottom:0px}
.mb10{margin-bottom:10px}
.mt0{margin-top:0px}
.mt10{margin-top:10px}
.form-control{box-shadow: 0px 0px 0px 35px #ffffff inset}
.form-control:focus{box-shadow:none}
.d-inline-block{display:inline-block;}



/*.btn{border:0px;border-radius:0px;}*/
.btn:active, .btn:focus{outline:none;box-shadow:none}
.custom-modal{width:100%;max-width:667px;margin:0 auto;display:inline-block}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus{outline:none}
::-webkit-scrollbar{width:7px;height:5px}
::-webkit-scrollbar-track{background:#ededed}
::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:25px}
.modal-backdrop.in{opacity:0.55}
.radio, .checkbox{margin:0px;position:relative}
.modal-body .form-wrap{box-shadow:none!important}
/*------LOGIN------*/
.loginInner .input-group-text{background:none;border-radius:0;padding-left:0;padding-right:0;border-top:0;border-left:0}
.container-wrap{height:100%;width:100%;max-width:100%}
.login-wrap .form-control, .login-wrap .input-group-addon{border:0;border-radius:0;border-bottom:1px solid #ccc;box-shadow:none;background:#fff;color:#555;box-shadow: 0px 0px 0px 35px #ffffff inset}
.login-wrap{padding:0;/*box-shadow:0 1rem 3rem rgba(0,0,0,.25);color:#ffffff;border-radius:0px;margin:0 auto;float:none;*/max-width: 100%;overflow:hidden}
.login-wrap label{color:#555555;margin-bottom:0px;font-weight:normal}
.loginInner{padding:40px 15px 15px;display:table-cell;float:none;vertical-align:middle}

.btn-login{background:#387100;padding:10px 15px;color:#ffffff;margin-top:25px;border:0px}
.btn-login:hover,.btn-login:focus{background:#387100;color:#ffffff;box-shadow:none;border:0px;outline:none}
.error{width:100%;max-width:100%;display:inline-block;height:1px;background:#ff0000;position:absolute;bottom:0;left:0;right:0;width:0;margin:0 auto}
/*.loginValidationMsg{height:100%;padding:10px;color:#666;font-size:13px;padding-top:76px;padding-bottom:49px}*/
.loginValidationMsg{overflow:auto;height:150px;padding:10px;color:#666666;font-size:13px;text-align:left}
.modal-login{width:420px;max-width:100%}
/*------Side MENU ------*/
.side-menu .dropdown-toggle:after{transition:all 0.4s ease}
.side-menu .dropdown.show .dropdown-toggle:after{transform:rotate(180deg)}
.side-menu .navbar-brand{padding:0 7.5px;margin:0;height:30px}
.side-menu.side-menu-hide .navbar-brand{padding:0}
.logoWrap{background:#2a5400}
.logo{max-width:75px;transition:all 0.25s ease-in-out}
.logo-hide{max-width:0}
.side-menu{position:fixed;left:0;height:100%;top:0;width:260px;z-index:2;overflow:hidden;overflow-y:auto;background:#fff;
           -webkit-transform:translateX(-100%);transform:translateX(-100%);/*box-shadow:0px 6px 8px -1px #d6d6d6*/}
.side-menu ul li{padding:0 10px;}
.side-menu ul li a{padding:10px 0px;display:flex;color:#000;font-weight:500;text-decoration:none;font-size:0.875rem;position:relative;transition:none;border-bottom:1px solid #ebebeb;}
/*.sideNav li a.active:before{text-decoration:none;width:0px;height:0px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:11px solid #f1f1f1;position:absolute;right:0;content:"";top:0;bottom:0;margin:auto}*/
.reportsUl.sideNav li a:before{background:none;border:none}
.side-menu ul li a:hover{text-decoration:none;background:#f5f6f8!important;color:#000;}
.side-menu ul li a:hover i{color:#000}
.side-menu ul li a.active{color:#5cb85c;font-weight:500}

.side-menu ul li a .side-menu-icon{width:22px;display:inline-block;opacity:1;position:relative;left:0;text-align:center}
.side-menu ul li a .side-menu-icon i{font-size:1.3rem}

.side-menu ul li a .side-menu-value{padding-left:10px}


.side-menu.side-menu-show{-webkit-transform:translateX(0);transform:translateX(0)}
.side-menu-hide{-webkit-transform:translateX(0);transform:translateX(0)}
/*.side-menu-hide{width:49px}
.side-menu-hide .side-menu-value{display:none}
.menu-caret{position:absolute;top:-5px;right:-6px;font-size:12px;color:#fff}
.side-menu.side-menu-hide .menu-caret{right:-5px}






.inner-header{position:fixed;top:0;width:100%;z-index:999}
.toggleWidth{width:calc(100% - 200px);width:-moz-calc(100% - 200px);width:-webkit-calc(100% - 200px)}
.toggleWidth-active{width:calc(100% - 50px);width:-moz-calc(100% - 50px);width:-webkit-calc(100% - 50px)}
/*.toggle-icon{width:20px;height:12px;overflow:hidden;position:relative;margin:auto;display:inline-block;z-index:2}*/
.toggle-row{background:#fff;width:100%;height:2px;display:block;position:absolute}
.toggle-top{top:0}
.toggle-middle{top:5px}
.toggle-bottom{bottom:0}
.toggle-icon-close .toggle-middle{width:50%}
.toggle-icon-close .toggle-top{width:80%}
.toggle-icon-close .toggle-bottom{width:80%}
.user{overflow:hidden;width:30px;height:30px;border-radius:50%;float:left;background:#ffffff;margin-right:5px;border:1px solid #cccccc;line-height:25px;text-align:center}
.user img{width:100%;max-width:100%}
button.user-dropdown, button.user-dropdown:focus{outline:none}
/*.user-dropdown .dropdown-toggle{color:#666;line-height:28px}*/
.user-dropdown .dropdown-toggle:focus{box-shadow:none;outline:none}
.user-dropdown-lg .dropdown-toggle{padding:5px 15px;background:#f8f9fa;border-bottom:1px solid #f0f0f0!important}
.user-dropdown + .dropdown-menu .fa{margin-right:5px}
.user-dropdown + .dropdown-menu{border:0;padding:0;position:relative!important;transform:translateY(0%)!important;background:#f9f9f9;margin:0;transition-delay:0s, 0s, 0.1s/*box-shadow:0px 6px 8px #fff*/}
.user-dropdown + .dropdown-menu a{padding:7px 15px;border-bottom:1px solid #ebedef;text-align:left;display:block;color:#666;display:block;cursor:pointer;text-decoration:none;font-size:0.875rem;transition:none}
.user-dropdown + .dropdown-menu a:hover,.user-dropdown-lg .dropdown-toggle:hover{background:#e9eef3}
/*.user-dropdown + .dropdown-menu a:active, .user-dropdown + .dropdown-menu a:hover{background:#f8f9fa}*/
.user-dropdown-lg{width:200px}
.footer-wrap{position:fixed;bottom:0;text-align:center;background:#fff;color:#000;font-size:12px;z-index:1;border-top:1px solid #e7e9ea}
.side-menu , .side-menu *,.toggle-row,.mask, button.btn-close, .inner-header, .footer-wrap, .error,.form-heading{transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out}
/*Mobile Logout Button*/
.mobileLogout .dropdown{position:absolute;right:0}
/*Body Content*/
/*.body-content{padding:0px;padding-left:260px;height:100%;padding-top:0}
.body-content-slide{padding-left:50px}*/
.inner-header{border-bottom:1px solid #f0f0f0;background:#fff}
.mainImg{margin:0 auto;/*box-shadow:0px 10px 20px 0px #cccccc;*/}
.attachmentHolder{width:35px;height:29.19px;overflow:hidden;display:inline-block;text-align:center;position:absolute;background:#fff;top:29px;right:15px;padding:2px;border:1px solid #ccc}
.custom-modal-heading{padding:10px;background: #f0f0f0;border:0;position:fixed;top:0;z-index:1;box-shadow:0 1px 6px 0 rgba(32,33,36,0.28);width:100%}
/* Forms*/
.form-wrap{padding:15px 0;/*box-shadow:0px 10px 20px #d0d0d0;*/margin-bottom:0}
.form-label{font-size:0.75rem;font-weight:400;margin-bottom:0}
.form-feed{box-shadow:0px 0px 0px 35px #ffffff inset;border-radius:0px}
.form-heading{z-index:8;position:fixed;top:0;background:linear-gradient(to bottom,#dde3e6,#cfd8dc);color:#718894;font-weight:500;box-shadow:inset 0 -1px 0 0 #cfd8dc/*box-shadow:0 1px 6px 0 rgba(32,33,36,0.28)*/}
.form-heading h4{margin:0;padding:8px 15px;background:#dde6d4;color:#387100;font-weight:600}
.form-heading h6{margin:0;padding:0 15px;background:#fff;color:#56848e;font-weight:400;box-shadow:0 0.125rem 0.625rem rgba(90,97,105,.12);height:30px;line-height:30px}
.form-heading a:hover,.form-heading a:focus{color:#a52725;transform:scale(1.25);-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-o-transform:scale(1.25); -ms-transform: scale(1.25)}
.custom-file-input {color:transparent}
.custom-file-input::-webkit-file-upload-button{visibility:hidden}
.custom-file-input{display:inline-block;position:absolute;top:35px;right:8px;width:90px}
.custom-file-input:before{content:'\f093 Browse..';color:#fff;display:inline-block;background:#428bca;border:0px solid #999;border-radius:0px;
padding:3px 10px;outline:none;white-space:nowrap;font-size:12px;-webkit-user-select:none;cursor:pointer;font-family:Font Awesome\ 5 Free;font-weight:900;border-radius: 25px}
.btn-edit:before{content:'\f093';color:#fff;display:inline-block;padding:3px 10px;white-space:nowrap;font-size:12px;-webkit-user-select:none;cursor:pointer;font-family:Font Awesome\ 5 Free;font-weight:900;border-radius:25px}
.custom-file-input:hover:before{border-color:black}
.custom-file-input:active{outline:0}
.custom-form{box-sizing:border-box!important;height:31px!important;line-height:normal!important}
.custom-form div{box-sizing:border-box}
.btn-action{width:25px;height:25px;padding:0;text-align:center;line-height:27px;box-shadow:0px 6px 8px -6px #000}
#FrmManageBranches_Grid{z-index:1}
/*checkbox*/
/*input[type=checkbox]{display:none!important}
.checkWrap{width:20px;height:20px;display:inline-block;border:1px solid #517f91;position:absolute;left:10px;top:0;text-align:center}
.checkWrap .fa-check{display:none;color:#517f91;margin-top:2px}
input[type=checkbox]:checked+.checkWrap{border:1px solid #517f91}
input[type=checkbox]:checked+.checkWrap .fa-check{display:block}*/
.checkValue{margin-left:0}
.fmbForm{height: calc(100% - 94px)}
.custom-modal-footer{background:#fff;width:100%;box-shadow:0 1px 6px 0 rgba(32,33,36,0.28)}
.sf-centerScroll{height: calc(100% - 64px);overflow:auto;position:relative}
.suOrderScroll{height: calc(100% - 141px);overflow:auto;position:relative}
.itemSearchScroll{height: calc(100% - 31px)}
.itemSearchBorderScroll{height: calc(100% - 2px)}
.setColumnScroll{height: calc(100% - 64px);overflow:auto}
.reportScroll{height: calc(100% - 132.63px);overflow:auto}
.fmbdTable.table thead th{font-weight:400;white-space:nowrap}
.modal-body label{margin-bottom:0}
.custom-control-input:checked~.custom-control-label::before{background-color:#495057;border-color:#495057}
/*.custom-control-label::before,.custom-control-label::after{width:1.25rem;height:1.25rem}*/
.user-dropdown{text-align:left}
.moTableDiv{height:calc(100% - 89.5px);overflow:auto}
.odScroll{height:calc(100% - 48px);overflow:auto}
.moScrollDiv{height:calc(100% - 131px);overflow:auto}
.moModalScroll{height:calc(100% - 99px);overflow:auto}
@supports (-webkit-overflow-scrolling:touch){
.moModalScroll,.moScrollDiv,.odScroll,.moTableDiv,.reportScroll,.setColumnScroll,.itemSearchBorderScroll,.itemSearchScroll,.suOrderScroll,.sf-centerScroll,.soContentScroll{overflow-y:scroll;-webkit-overflow-scrolling:touch}  /* CSS specific to iOS devices */ 
}
.nteForm .input-group-text{background:none;border-left:0;padding:0}
.modal-body{height:100%!important}
.custom-modal tbody{height:100%}
.accordion .card-header .btn{cursor:pointer}
.earModal .custom-control{padding-left:0}
.earModal label{font-size:15px}
ul.reportMenu,ul.profileUl{background:#fbfbfb}
.odScroll h6,.rdPage h6{color:#000}
.rdPage .merchantMainHeading h6{color:#56848e}
ul.reportsUl>li>a{color:#000;font-weight:400;padding-bottom:5px}
ul.reportsUl>li>a:hover{box-shadow:none;color:inherit}
ul.reportsUl>li>a:hover i{color:inherit}
ul.reportsUl>li>a,.side-menu .sideDropdownMenu>li>a{border:none}
.login-wrap .rememberCb .custom-checkbox label{color:#000}
.login-wrap .rememberCb .custom-checkbox label:hover{cursor:pointer}
.login-wrap .rememberCb .custom-control-input:checked+label{font-size:13px;color:#000}
.login-wrap .rememberCb .custom-control-label:after,.login-wrap .rememberCb .custom-control-label:before{top:1px;border-color:#000;border-radius:0}
.lamCb .custom-checkbox .custom-control-label:before,.lamCb .custom-checkbox .custom-control-label:after{border-radius:0;top:2px}




/*Slide Forms*/
.modal.left .modal-dialog,.modal.right .modal-dialog{position:fixed;margin:auto;max-width:640px;width:100%;height:100%;-webkit-transform:translate3d(0%, 0, 0);-ms-transform:translate3d(0%, 0, 0);
-o-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0)}
.modal.left .modal-content,.modal.right .modal-content{height:100%;overflow-y:auto;border:0;border-radius:0;box-shadow:0 1px 6px 0 rgba(32,33,36,0.28)}
.modal.left .modal-body,.modal.right .modal-body{padding:0}
/*Left*/
.modal.left.fade .modal-dialog{left:-640px;-webkit-transition:opacity 0.50ms linear, right 0.50ms ease-out;-moz-transition:opacity 0.50ms linear, right 0.50ms ease-out;-o-transition:opacity 0.50ms linear, right 0.50ms ease-out;transition:opacity 0.50ms linear, right 0.50ms ease-out}
.modal.left.fade.show .modal-dialog{left:0}
/*Right*/
.modal.right.fade .modal-dialog{right:-640px;-webkit-transition:opacity 0.50ms linear, right 0.50ms ease-out;-moz-transition:opacity 0.50ms linear, right 0.50ms ease-out;-o-transition:opacity 0.50ms linear, right 0.50ms ease-out;transition:opacity 0.50ms linear, right 0.50ms ease-out}
.modal.right.fade.show .modal-dialog{right:0}
.modal-fullscreen.force-fullscreen.modal.left .modal-dialog, .modal-fullscreen.force-fullscreen.modal.right .modal-dialog{max-width:100%;}
.modal-fullscreen.force-fullscreen + .modal{background:rgba(0, 0, 0, 0.6)}
.ftBtns{position:fixed;bottom:0;background:#fff;padding-top:8px;padding-bottom:8px;text-align:left;z-index:1;box-shadow:0 1px 6px 0 rgba(32,33,36,0.28)}
.fromCtScroll{padding-top:44px;padding-bottom:52px}
.fmbdTable tbody tr td a:not([href]):not([tabindex]),.fmbdTable tbody tr td a{color:#007bff;text-decoration:none;white-space:nowrap;font-size:0.875rem}
.fmbdTable tbody tr td a:not([href]):not([tabindex]):hover{text-decoration:underline}
.soFormModal.input-group>.input-group-prepend>.input-group-text{background:none;border-radius:0;border:none;padding-top:0;padding-bottom:0}
.btnsFixed{position:fixed;box-shadow:0 1px 6px 0 rgba(32,33,36,0.28);bottom:0;width:100%;background:#fff}
.errorModal .custom-modal-heading{position:relative}
.custom-shadow{box-shadow:0 1px 6px 0 rgba(32,33,36,0.28)}
.greenBgHeading{margin:0px;padding:8px 15px;background:#dde6d4;color:#387100;font-weight:600;box-shadow:0 1px 6px 0 rgba(32,33,36,0.28)}
.ihnText{vertical-align:middle!important;width:1%;white-space:nowrap}
.merchantMainHeading{position:relative;top:0!important;width:100%}
.slideFormHeading{box-shadow:0 0.125rem 0.625rem rgba(90,97,105,.12);background:linear-gradient(to bottom,#fff,#fff);color:#56848e;position:relative;z-index:1}
.slideFormHeading a:hover,.slideFormHeading a:focus{color: #a52725;/*transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); -ms-transform: scale(1.25);*/}
.slideFormHeading .toast-header{border-bottom:0}
.slideFormHeading .toast-header strong{font-weight:400;color:#56848e}
.toast-header button.close>span{position:relative;bottom:0;font-weight:300;color:#ff1c15}
.toast-header button.close{-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-property:transform;transition-property:transform}
.toast-header button.close:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}


.toast-header button.close{display:block!important;outline:none;opacity:1}
.signUpDiv{color:#adadad;font-size:14px}
.signUpDiv>ul{list-style:none;margin:0;padding:0;display:table;margin:0 auto}
.signUpDiv>ul>li{display:table-cell;vertical-align:middle}
.signUpDiv>ul>li>button{background:none;margin:0;padding:0;border:0;color:#387100;font-weight:500;outline:none;}
.signUpDiv>ul>li>button:hover{color:#193300}
.signUpDiv>ul>li:last-child{padding-left:4px}
.login-wrap .custom-checkbox label{font-size:13px;color:#ccc;transition:.35s ease-in-out;}
.login-wrap .custom-control-input:checked+label{color:#495057;font-size:13.1px}
.registerForm .custom-form{font-size:13px;padding-left:0;color:#909090}
.saveCloseBtns{background:#fff;box-shadow:0 1px 6px 0 rgba(32,33,36,0.28)}
.customCard, .customCard .card-footer{border:none}
.customCard{box-shadow:0 2px 0 rgba(90,97,105,.11), 0 4px 8px rgba(90,97,105,.12), 0 10px 10px rgba(90,97,105,.06), 0 7px 70px rgba(90,97,105,.1);
transform:perspective(1px) translateZ(0);position:relative;overflow:hidden;}
.customCard:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#51dafb;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration: 0.1s;transition-duration:0.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.customCard h6,.customCard label{cursor:pointer}
.customCard:hover:before{right:0}
.FrmOrderDashboard_lblPending:before{background:#fb8874}
.FrmOrderDashboard_lblProcessing:before{background:#5fa1ff}
.FrmOrderDashboard_lblDispatched:before{background:#ffa92e}
.FrmOrderDashboard_lblDelivered:before{background:#83cc36}
.FrmOrderDashboard_lblCancelled:before{background:#f35151}

/*icon transition css start*/
/* Float Shadow */
.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);position:relative;
-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-property:transform;transition-property:transform}
.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';bottom:0;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);/*W3C*/-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-property: transform, opacity;transition-property:transform, opacity}
.customCard:hover .hvr-float-shadow, .customCard:focus .hvr-float-shadow, .customCard:active .hvr-float-shadow{-webkit-transform:translateY(-5px);transform:translateY(-5px);/*move the element up by 5px*/}
.customCard:hover .hvr-float-shadow:before, .customCard:focus .hvr-float-shadow:before, .customCard:active .hvr-float-shadow:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px)*/}
/*icon transition css end*/
/*.customCard .card-title label{color:#3d5170}
.customCard .card-footer{font-size:20px}*/
.customCard>a{color:rgba(0,0,0,0.09);border-radius:.25rem}
.customCard>a:hover{text-decoration:none;color:#fff}
.customCard>a:hover label{color:#fff}
.customCard .form-label{color:#818ea3;letter-spacing:.0225rem;font-weight:500}
.eprModal .customCard .form-label{font-weight:400}
.cardSa>a{background:#e6fcf5}
.cardSa>a:hover{background:#20c997}
.cardSa	h5{color:#b5dace}
.cardSa .card-footer{color:#6d8e83}
.cardMa>a{background:#fff5f5}
.cardMa>a:hover{background:#ff6b6b}
.cardRem>a{background:#fff4e6}
.cardRem>a:hover{background:#ff922b}
.cardDate>a{background:#f8f0fc}
.cardDate>a:hover{background:#cc5de8}
.cardPt>a{background:#fff9db}
.cardPt>a:hover{background:#fcc419}
.customCard>a:hover h5,.customCard>a:hover .card-footer{color:#fff}
.customCard .card-body>.card-title{}
.customCard .card-footer label:hover{color:#fff;cursor:pointer}
.h-90px{min-height:90px;}
.cmBtn{font-size:60%}
.dateDiv input{outline:none}
/*Custom checkbox and radion buttons css Start*/
.funkyradio div{clear:both;/*overflow:hidden*/}
.funkyradio label{width:100%;border-radius:3px;border:1px solid #d1d3d4;color:#616161;letter-spacing:0;text-align:left;font-size:.83em}
.funkyradio label:before{font-family:'Font Awesome 5 Free';font-weight:900}
.funkyradio input[type="radio"]:empty,.funkyradio input[type="checkbox"]:empty{display:none!important}
.funkyradio input[type="radio"]:empty ~ label,.funkyradio input[type="checkbox"]:empty ~ label{position:relative;line-height:1.99em;
text-indent:2.9em;margin-top:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.funkyradio input[type="radio"]:empty ~ label:before,.funkyradio input[type="checkbox"]:empty ~ label:before{position:absolute;display: block;top:0;bottom:0;left:0;content:'';width:2.5em;background:#D1D3D4;border-radius:3px 0 0 3px}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label,.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label{color:#888}
.funkyradio input[type="radio"]:not(:checked) ~ label:before,.funkyradio input[type="checkbox"]:not(:checked) ~ label:before{
content:'\f00c';text-indent:.9em;color:#a0a0a0}
.funkyradio .funkyradio-danger input[type="radio"]:not(:checked) ~ label:before,.funkyradio .funkyradio-danger input[type="checkbox"]:not(:checked) ~ label:before{content:'\f057';text-indent:.9em;color:#a0a0a0}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before{
border-color:#5bc0de;color:#fff;background-color:#5bc0de}
.funkyradio .funkyradio-danger input[type="radio"]:hover:not(:checked) ~ label:before,.funkyradio .funkyradio-danger input[type="checkbox"]:hover:not(:checked) ~ label:before{border-color:#d9534f;color:#fff;background-color:#d9534f}
/*.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before{
content:'\f00c';text-indent:.9em;color:#a0a0a0}*/
.funkyradio input[type="radio"]:checked ~ label,.funkyradio input[type="checkbox"]:checked ~ label{color:#777}
.funkyradio input[type="radio"]:checked ~ label:before,.funkyradio input[type="checkbox"]:checked ~ label:before{content:'\f00c';text-indent:.9em;color:#333;background-color:#ccc}
.funkyradio input[type="radio"]:focus ~ label:before,.funkyradio input[type="checkbox"]:focus ~ label:before{box-shadow:0 0 0 3px #999}
.funkyradio-success input[type="radio"]:hover:not(:checked) ~ label:before,.funkyradio-success input[type="checkbox"]:hover:not(:checked) ~ label:before{content:'\f00c';text-indent:.8em;color:#8a8a8a}
.funkyradio-success input[type="radio"]:hover:not(:checked) ~ label:before,.funkyradio-success input[type="checkbox"]:hover:not(:checked) ~ label:before{border-color:#5cb85c;color:#fff;background-color:#5cb85c}
.funkyradio-success input[type="radio"]:checked ~ label,.funkyradio-success input[type="checkbox"]:checked ~ label{color:#5cb85c;border-color:#5cb85c;font-weight:500}
.funkyradio-success input[type="radio"]:checked ~ label:before,.funkyradio-success input[type="checkbox"]:checked ~ label:before{content:'\f00c';text-indent:.8em;color:#333;background-color:#ccc}
.funkyradio input[type="radio"]:focus ~ label:before,.funkyradio input[type="checkbox"]:focus ~ label:before{box-shadow:0 0 0 3px #999}
.funkyradio-danger input[type="radio"]:checked ~ label,.funkyradio-danger input[type="checkbox"]:checked ~ label{color:#d9534f;border-color:#d9534f;font-weight:500}
.funkyradio-danger input[type="radio"]:hover:not(:checked) ~ label:before,.funkyradio-danger input[type="checkbox"]:hover:not(:checked) ~ label:before{
  content:'\f057';text-indent:.8em;color:#8a8a8a}
.funkyradio-danger input[type="radio"]:checked ~ label:before,.funkyradio-danger input[type="checkbox"]:checked ~ label:before{content:'\f057';text-indent:.8em;
  color:#333;background-color:#ccc}
.funkyradio-success input[type="radio"]:checked ~ label:before,.funkyradio-success input[type="checkbox"]:checked ~ label:before{color:#fff;background-color:#5cb85c}
.funkyradio-danger input[type="radio"]:checked ~ label:before,.funkyradio-danger input[type="checkbox"]:checked ~ label:before{color:#fff;background-color:#d9534f}
.funkyradio-danger input[type="radio"]:hover:not(:checked) ~ label:before,.funkyradio-success input[type="checkbox"]:hover:not(:checked) ~ label:before{
border-color:#d9534f;color:#fff;background-color:#d9534f}
.funkyradio-info input[type="radio"]:checked ~ label:before,.funkyradio-info input[type="checkbox"]:checked ~ label:before{color:#fff;background-color:#5bc0de}
.funkyradio-info input[type="radio"]:checked ~ label,.funkyradio-info input[type="checkbox"]:checked ~ label{color:#777;border-color:#5bc0de;color:#5bc0de}
/*Custom checkbox and radion buttons css end*/
.fw-500{font-weight:500!important}
.setOrderFormUl ul{list-style:none;margin:0 auto;padding:0;display:table;text-align:left}
.setOrderFormUl ul>li{display:table-cell;vertical-align:top}
.setOrderFormUl ul>li:first-child{font-style:italic;padding-right:6px}
.setOrderFormUl ul.branchUl>li:first-child label{margin-bottom:0}
.setOrderFormUl ul>li:first-child label{color:#949494}
.setOrderFormUl ul.branchUl{display:block;text-align:center;padding:0;background:#f9f9f9}
.modal .setOrderFormUl ul.branchUl{padding:0;border:0;background:none}
.setOrderFormUl ul.branchUl>li{display:block;line-height:1}
.setOrderFormUl ul.branchUl>li:first-child{padding-right:0;position:relative}
.setOrderFormUl ul.branchUl>li:first-child:before{content:'';width:auto;height:2px;background:#07a1b9;position:absolute;bottom:-6px;left:0;right:0;margin:auto}
.setOrderFormUl ul.branchUl>li:last-child{padding-top:10px}
.setOrderFormUl ul.branchUl>li:last-child input[type="text"]{border:none;padding:0;text-align:center;text-transform:uppercase!important;font-weight:700;font-size:12px;height:auto;outline:none;background:none;box-shadow:none}
.setOrderFormUl ul.branchUl>li:last-child input[type="text"]:focus{background:none}
/*.cmBtn:before{font-family:'Font Awesome 5 Free';font-weight:900;content:"\f54f";padding-right:5px}*/
label.cmBtn{color:#ababab;cursor:pointer}
.esoiUl ul.list-group{display:flex;flex-wrap:wrap;flex-direction:initial;padding:0;margin:0 -7.5px}
.esoiUl ul.list-group>li.list-group-item{border:none;padding:0 7.5px;font-size:.7rem;text-align:left;margin-top:0.9375rem!important;flex:0 0 50%;max-width:50%}
.esoiUl ul.list-group>li.list-group-item table.fmbdTable{font-size:.75rem}
.esoiUl ul.list-group>li.list-group-item .fmbdTable tbody tr th{background:#f5f5f5;width:40%}
.esoiUl ul.list-group>li.list-group-item .fmbdTable{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}
.esoiModalBn{top:0;left:0;right:0;text-align:center}
.odAllBg{background:#e7f5ff}
.odPenBg{background:#e3fafc}
.odProBg{background:#e6fcf5}
.odDisBg{background:#ebfbee}
.odDelBg{background:#f4fce3}
.odCanBg{background:#fff9db}
.odAllBg .card-footer label:hover,.odPenBg .card-footer label:hover,.odProBg .card-footer label:hover,.odDisBg .card-footer label:hover,.odDelBg .card-footer label:hover,.odCanBg .card-footer label:hover{color:inherit;cursor:default}
.mmTitle h6{color:#696969;font-weight:normal;border-top:.5rem solid transparent;position:relative;border-top-left-radius:.25rem;border-top-right-radius:.25rem}
table.fmbdTable{font-size:0.9rem}
.shadowContent{box-shadow:0 11px 12px 0 rgba(36,50,66,.12)!important}
.mmTitle h6:before{background:gray;background-color:hsla(0,0%,100%,.8);border-top-left-radius:.25rem;border-top-right-radius:.25rem;content:"";height:.5rem;left:0;position:absolute;right:0;top:-.5rem}
.jqx-fill-state-normal{border-color:#ced4da!important}
.orderBox{box-shadow:0 3px 3px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1)}
table.osTable td,table.osTable th{padding:0;border-top:0}
table.osTable td label.h6{white-space:nowrap;}
.appddcDiv .h6{font-weight:normal!important;font-size:0.75rem;color:#828282!important}
.appddcDiv label+label{padding-left:.25rem}
.appddcDiv>div{line-height:0.9375rem}
.btn-danger{background-color:#ff6d7b}
.btn-danger:hover{background-color:#ff4d5e}
.btn-primary{background-color:#68affb}
.btn-primary:hover{background-color:#49a1ff}
.osMouse .card-footer label{cursor:pointer!important}
.osMouse .card-footer:hover{background:rgba(0,0,0,.07)}
.cursor-pointer{cursor:pointer!important}
.bg-selected{background:#f5f5f5}
.font-weight-500{font-weight:500!important}
ul.tableBtnsUl{display:table;padding:0;margin:0}
ul.tableBtnsUl>li{display:table-cell;vertical-align:top;width:100%}
ul.tableBtnsUl>li:last-child{width:1%;padding-left:8px}
.txtLink{color:#007bff;text-decoration:underline;white-space:nowrap;line-height:1.2}
.text-decoration-underline{text-decoration:underline!important}
.fontSize15{font-size:0.9375rem!important}
.fontSize14{font-size:0.875rem!important}
.fontSize13{font-size:0.8125rem!important}
.fontSize12{font-size:0.75rem!important}
.settingIcon{position:absolute;top:0;right:15px;padding:.25rem;left:15px;text-align:right}
.settingIcon span:hover{color:#17a2b8}
.earIconHover .d-inline-block:hover span .fa-circle,.earIconHover .d-inline-block:hover h6>label{color:#5bc0de}
#windowModalError h5.media-heading{font-size:1rem}
.side-menu ul.sideDropdownMenu>li>a{color:#000;font-size:0.8125rem;padding:6px 15px} 
.side-menu ul.sideDropdownMenu>li>div ul.sideNav>li>a,ul.profileUl>li>a{font-size:0.8125rem;border-bottom:1px solid #ebedef;padding:7px 15px}
/*.side-menu ul.sideDropdownMenu>li>div ul.sideNav>li>a:hover,ul.profileUl>li>a:hover{background:#e9eef3}
.side-menu ul.sideDropdownMenu>li>div ul.sideNav>li>a.active,.side-menu ul.sideDropdownMenu>li>div ul.sideNav>li>a:before{background:#d1d9e2}*/
.side-menu ul.sideDropdownMenu>li>a .fa-angle-right{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);transition:all 0.5s}
.side-menu ul.sideDropdownMenu>li>a.collapsed .fa-angle-right{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);transition:all 0.5s}
.detailsArrow span.collapsed .fas.fa-chevron-right{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);transition:all 0.5s}
.detailsArrow span .fas.fa-chevron-right{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);transition:all 0.5s}
.topArrow .dropdown.show .dropdown-toggle:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);transition:all 0.5s}
.topArrow .dropdown .dropdown-toggle:after{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);transition:all 0.5s}
.side-menu ul.sideDropdownMenu>li>div ul.sideNav>li>a .side-menu-icon{}
.sideDropdownMenu>li>a,a.dropdown-toggle.user-dropdown{background:#ecedef}
a.dropdown-toggle.user-dropdown.collapsed{background:#fff}
.sideDropdownMenu>li .collapse.show ul{}
.sideDropdownMenu>li>a.collapsed{background:none}
.side-menu.side-menu-hide ul.sideDropdownMenu{display:none}
.side-menu.side-menu-hide .reportsUl>li>a:hover{background:#ebedef;cursor:pointer}
.side-menu .sideNav.reportsUl>li>a,.side-menu .sideNav.reportsUl>li>a:hover{background:none!important}
.side-menu .sideNav>li>a:after{width:0px;height:0px;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid green}
/*.userLoginDiv{background:#eff3f7}
.userLoginDiv a{border-top:1px solid #e4ebf3;font-size:0.875rem;font-weight:normal;color:#555;padding:7px 15px}
.userLoginDiv a:hover{background:#e9eef3}*/
.userLoginDiv .user-dropdown.collapsed:after{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);transition:all 0.5s}
.userLoginDiv .user-dropdown:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);transition:all 0.5s}
.side-menu.side-menu-hide .userLoginDiv .collapse,.side-menu.side-menu-hide .userLoginDiv .user-dropdown:after{display:none}
.userLoginDiv button.dropdown-toggle:hover{background:#e9eef3!important}
/*.userLoginDiv .dropdown-toggle.collapsed{background:#fff!important}*/
.invoicesDwnBtns .btn{border-width:1px;border-style:solid;border-radius:.25rem;min-width:inherit}
.allShadow{box-shadow:0 2px 0 rgba(90,97,105,.11), 0 4px 8px rgba(90,97,105,.12), 0 10px 10px rgba(90,97,105,.06), 0 7px 70px rgba(90,97,105,.1);display:block}
.topArrow .dropdown .dropdown-menu a{font-weight:300}
.osMouse .customCard .form-label{color:#000}
.table{color:#000}
/*UnAuthorized page css start*/
#notfound{position:relative;height:100vh}
#notfound .notfound{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.notfound{max-width:520px;width:100%;text-align:center;line-height:1.4}
.notfound .notfound-404{height:190px}
.notfound .notfound-404 h1{font-family:'Montserrat', sans-serif;font-size:146px;font-weight:700;margin:0px;color:#232323}
.notfound .notfound-404 h1 > span{display:inline-block;width:120px;height:120px;background-image:url('Images/emoji.png');background-size:cover;-webkit-transform: scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);z-index:-1}
.notfound h2{font-family:'Montserrat', sans-serif;font-size:22px;font-weight:700;margin:0;text-transform:uppercase;color:#232323}
.notfound p{font-family:'Montserrat', sans-serif;color:#787878;font-weight:300}
.notfound .btlpBtn{font-family:'Montserrat', sans-serif;display:inline-block;padding:12px 30px;font-weight:700;background-color:#f99827;color:#fff;text-decoration:none;-webkit-transition:0.2s all;transition:0.2s all;border:none;outline:none}
.notfound .btlpBtn:hover{opacity:0.8}
.packQtyWrap a{width:25px;height:25px;line-height:2.5;font-size:0.6rem!important}
.packQtyWrap input[type="number"]{width:50px;height:25px;text-align:center}
.mouse-pointer{cursor:pointer}
.tableListView tr th{padding:0.2rem 0.3rem;background-color:#e9ecef!important;border-color:#dee2e6;font-weight:normal;color:#495057}
.tableListView tr td{padding:0.2rem 0.3rem}
.moTableDiv h6{font-weight:400}

.earModalCbox-xs .custom-control-label:before,.earModalCbox-xs .custom-control-label::after{width:1.7rem;height:1.7rem;top:10px;left:10px;border-color:#000}
/*.earModalCbox-xs .custom-control-label{display:flex!important;height:1.7rem;align-items:center;padding-left:2.1rem}*/
.earModalCbox-xs .custom-control .custom-control-input:checked~.custom-control-label:before{background:#008000;border-color:#008000}
/*.earModalCbox-xs .black-custom-control .custom-control-input:checked~.custom-control-label:before{background:#000;border-color:#000}*/
.earModalCbox-xs .red-custom-control .custom-control-input:checked~.custom-control-label:before{background:#ff2439;border-color:#ff2439}
.earModalCbox-xs .custom-control .custom-control-input{outline:none}

.eprModal .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before{background-color:inherit;border-color:inherit}
.eprModal .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after{background:#fff}

.earModalCbox-xs .custom-checkbox input[type="checkbox"] + label,.earModalCbox-xs .custom-checkbox input[type="radio"] + label{border:1px solid #000;padding:10px 10px 10px 40px;border-radius:5px;display:block!important;cursor:pointer;text-align:left}
.eprModal .earModalCbox-xs .custom-control-label:before,.eprModal .earModalCbox-xs .custom-control-label:after{border:1px solid #abd4ab;border-radius:.25rem;}
.eprModal .earModalCbox-xs .red-custom-control .custom-control-label:before,.eprModal .earModalCbox-xs .red-custom-control .custom-control-label:after{border:1px solid #ffbaba;border-radius:.25rem}
.earModalCbox-xs .custom-checkbox.green-custom-control input[type="radio"] + label{font-size:16px;text-transform:uppercase;cursor:pointer;border-color:#abd4ab;color:#008000;background:#ebf7eb}
.earModalCbox-xs .custom-checkbox.red-custom-control input[type="radio"] + label{font-size:16px;text-transform:uppercase;cursor:pointer;background:#ffe4e4;border-color:#ffbaba;color:#dc4444}
.eprModal .earModalCbox-xs .custom-checkbox.green-custom-control input[type="radio"]:checked + label{border-color:#357f00;color:#008000;background:#dbecdb;}
.eprModal .earModalCbox-xs .custom-checkbox.green-custom-control input[type="radio"]:checked + label:after,.eprModal .earModalCbox-xs .custom-checkbox.green-custom-control input[type="radio"]:checked + label:before{border-color:#357f00}
.eprModal .earModalCbox-xs .custom-checkbox.red-custom-control input[type="radio"]:checked + label:after,.eprModal .earModalCbox-xs .custom-checkbox.red-custom-control input[type="radio"]:checked + label:before{border-color:#e92538}
.eprModal .earModalCbox-xs .custom-checkbox.red-custom-control input[type="radio"]:checked + label{border-color:#ff2439;color:#ff2439}
.eprModal .earModalCbox-xs .custom-control>label>span{display:flex!important;align-items:center;height:1.7rem}
/*.earModalCbox-xs .custom-checkbox input[type="checkbox"]:checked + label{border-color:#008000;color:#008000}
.earModalCbox-xs .black-custom-control input[type="checkbox"]:checked + label{border-color:#000;color:#000}
.earModalCbox-xs .red-custom-control input[type="checkbox"]:checked + label{border-color:#ff6d7b;color:#ff6d7b}*/
.font-weight-400{font-weight:400!important}
.font-weight-300{font-weight:300!important}
.suOrderScroll .soContentScroll{height:calc(100% - 215px);overflow:auto;position:relative}
.apiCustomCheckbox .custom-control-label:before,.apiCustomCheckbox .custom-control-label::after{width:1.3rem;height:1.3rem;top:0;left:0;border-radius:0}
.apiCustomCheckbox .custom-control label{padding-left:1.7rem;display:flex!important;align-items:center;height:1.3rem;cursor:pointer}
.apiCustomCheckbox .disableCb input[type="checkbox"]:checked + label.custom-control-label::after{background-color:#1eb371}
.apiCustomCheckbox .disableCb input[type="checkbox"]:checked + label.custom-control-label{color:#222222}
.apiCustomCheckbox .disableCb label.custom-control-label:hover{color:#1eb371}
.apiCustomCheckbox .allowCb input[type="checkbox"]:checked + label.custom-control-label::after{background-color:#28a745}
.apiCustomCheckbox .allowCb input[type="checkbox"]:checked + label.custom-control-label{color:#28a745}
.apiCustomCheckbox .allowCb label.custom-control-label:hover{color:#28a745}
/*.btn{display:inline-block;transition:all .7s;position:relative;overflow:hidden;z-index:1}
.btn:before{content:'';position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:rgba(0,0,0,0.09);transition:all .7s;z-index:-1}
.btn:hover:before{width:100%}*/
.outline-none{outline:0!important}
.otpContainer{width:100%;max-width:370px;padding:0 15px;margin:0 auto}
.mobileNoContainer,.passwordContainer{width:100%;max-width:342px;padding:0;margin:0 auto}

.montserrat{font-family:'Montserrat';}
.poppins{font-family:'Poppins';}
.rubik{font-family:'Rubik';}
.font-weight-300{font-weight:300}
.font-weight-400{font-weight:400}
.font-weight-500{font-weight:500}
.font-weight-600{font-weight:600}
.font-weight-700{font-weight:700}
.font-weight-800{font-weight:800}
.font-weight-900{font-weight:900}

.feedbackUl>li{display:inline-block;padding-right:0.5rem;margin-bottom:0.5rem}
.feedbackUl>li .btn{border:1px solid}
.feedbackUl>li:last-child{padding-right:0}
.customer-rating{unicode-bidi:bidi-override;direction:rtl;font-size:30px}
.customer-rating span.star{font-family:"Font Awesome 5 Free";font-weight:400;font-style:normal;display:inline-block;cursor:pointer}
.customer-rating span.star:before{content:"\f005";padding-right:5px;color:#777}
.customer-rating span.star:hover:before, .customer-rating span.star:hover~span.star:before{content:"\f005";color:#e3cf7a;font-weight:900}
.customer-rating span.star.active:before, .customer-rating span.star.active~span.star:before{content:"\f005";color:#e3cf7a;font-weight:900}

.rating-card .card-header{border-radius:0 0 100px 100px}


/*----manage-bill----*/
.manage-bill-heading{ font-size:0.9rem;}
.manage-bill-body{background: #f9f9f9;border: 1px solid #e0e5eb;}
.manage-bill-form .manage-bill-info{font-size:0.75rem;}
.manage-bill-terms{list-style: square;padding-left: 1.2rem;font-size: 0.8rem;color: #555555;margin-bottom: 0px;}
.manage-bill-terms li{ margin-bottom: 0.25rem;}
.fs-ebill-notes{font-size:0.78rem!important}
.line-height-normal{line-height:normal!important}
.icons-cont{width:100px}
.waOnly, .bothOnly, .smsOnly{display:none}
.disableOverlay:after{position:absolute;z-index:1;content:"";background:rgba(234,236,239,0.8);width:100%;height:100%;top:0;left:0;border-radius:.25rem!important}
.balanceDiv{border:1.5px dashed #a7c7c1;border-radius:0.25rem;padding:0.219rem 1.5rem;font-size:.875rem}
.card-balance{background:linear-gradient(96.44deg,#f1f4fd,#f7fff9 51.56%,#e8fdee);border:1px solid #b0d2cc}
.card-qr h6{font-size:.8rem;margin-bottom:.1rem}
.card-qr ul,.card-qr p{font-size:.74rem}
.card-qr i{font-size:.65rem}


/*----Define template----*/
.def-template-wrap{position: sticky;top: 0;background: #e9f0f1;z-index: 999;}
.def-template-lable{font-weight: 500;font-size: 1rem;color: #222628; padding:5px 0;padding-left: 10px;position:relative;}
.def-template-form{background: #e9f0f1; min-width:240px; margin-bottom: 10px !important;margin-top: 10px !important;}
.def-template-lable:before{content: '\f111';font-family: 'Font Awesome 5 Free';font-size: 0.4rem;color: #f96700;display: inline-block;font-weight: 900;margin-right: 3px;position: absolute;
    top: 41%;left: 0;}
.qr-div img,.qr-div canvas{width:110px!important;height:auto!important;}
.title-e-qr-code{margin-bottom:0;padding-bottom:.2rem;font-weight:500}
.shadow-top-only{box-shadow:0px -0.125rem 0.25rem #e3e3e3;}
@media only screen and (max-width: 767px) {
.notfound .notfound-404{height:115px}
.notfound .notfound-404 h1{font-size:86px}
.notfound .notfound-404 h1>span{width:86px;height:86px}
}
/*UnAuthorized page css end*/
/*-- Responsive --*/
@media (max-width: 767.98px){
.qr-div img,.qr-div canvas{width:75px!important;height:auto!important;}
.custom-modal {width:100%;max-width:100%}
.logoWrap {background:#387100}
.d-none-xs{display:none}
.login-wrap,.loginInner{display:block;padding:15px 0 0;overflow:hidden}

.form-wrap{padding:15px 0}
/*.mask{position:fixed;background:rgba(0, 0, 0, 0.65);display:inline-block;width:100%;height:100%;left:-100%;top:0;z-index:9999}
.mask-active{left:0;}*/
.toggle-row{background:#333}
.btn-green{width:100%;padding:10px}




.side-menu{-webkit-transform:translateX(-100%);transform:translateX(-100%);box-shadow:none}
.side-menu.side-menu-show{-webkit-transform:translateX(0);transform:translateX(0)}
/*.body-content{padding-left:0px;/*padding-top:29px}
.body-content-slide{padding-left:0px;height:100%}*/
.side-menu .navbar-brand{height:auto;padding:13px 15px;margin:0}
.side-menu-show{z-index:99999}
.side-menu ul li a{}


.freezScroll{overflow:hidden;padding-bottom:0px}




.portrait{/*filter:blur(2px);*/}
.toggleWidth, .toggleWidth-active{width:calc(100% - 0px);width:-moz-calc(100% - 0px);width:-webkit-calc(100% - 0px);left:0}
.user-dropdown .dropdown-menu{position:absolute;box-shadow:0px 6px 8px #ccc}
.toggle-icon{overflow:inherit}
.form-heading{top:41px}
.modal-dialog .form-heading{top:0}
.fa-rotate-sm-90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.toggle-icon{margin:0}
.xs-humburger>a{position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out}
.xs-humburger>a>span{left:0;position:absolute;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.75s ease-in-out;-moz-transition:.75s ease-in-out;-o-transition:.75s ease-in-out;transition:.75s ease-in-out}
.xs-humburger>a>span:nth-child(1){top:0px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.xs-humburger>a>span:nth-child(2){top:6px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.xs-humburger>a>span:nth-child(3){top:12px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.xs-humburger>a.toggle-icon-close>span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:0;left:8px}
.xs-humburger>a.toggle-icon-close span:nth-child(2){width:0%;opacity:0}
.xs-humburger>a.toggle-icon-close span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:12px;left:8px}
}

.btn-ps.btn-info:disabled{color:#939393;background-color:#e2e6ea;border-color:#dae0e5}
.card-branch{background:#fff;box-shadow:0 4px 10px #3564842e}

.ul-branch{margin:0;padding:0}
.ul-branch li{list-style:none;margin:0}
.ul-branch li a{padding:.5rem;display:flex;color:#1E2329;align-items:center;font-family:BinancePlex,Arial,sans-serif!important;font-size:1rem;text-decoration:none}
.branch-name-container div:nth-child(odd) .ul-branch li i{background:#16a398}
.branch-name-container div:nth-child(even) .ul-branch li i{background:#687ee3}
.ul-branch li i{width:32px;height:32px;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:20rem;font-size:.8rem}
.ul-branch li a:hover{background:#fafafa}
.icon-branch{width:32px}
.text-scan{background:#323232;display:inline-block;padding:.7rem 2rem;border-radius:20rem;color:#fff;font-size:1.75rem;margin-top:1rem}
.scan-code{width:220px;height:auto;margin:0 auto;padding:0}
.scan-code svg{width:100%;height:auto;margin:0 auto}
.btn-scan{display: inline-block;background: #ffffff;padding: 0.5rem;font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;}
.btn-scan:hover{background:#f0f5f5;}
.btn-change-branch{background:#2c8cf4;color:#fff;width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0}
.btn-change-branch svg{width:16px;fill:#fff}
.cb-head{box-shadow:0 4px 10px #3564842e;padding:.5rem;background:#fff;border-radius:6px;border:1px solid #3564842e}
.branch-name{color:#243238;font-size:1rem}
.form-control-sms-setting{height:34px!important}

/*.company-logo-sec{max-width:280px;width:100%;margin:0 auto}
.form-file-input{width:74px}
.form-file-input::-webkit-file-upload-button{visibility:hidden}
.form-file-input::before{content:'+ Add';display:inline-block;background:#17a2b8;border:1px solid transparent;border-radius:3px;padding:5px 8px;outline:none;white-space:nowrap;
-webkit-user-select:none;cursor:pointer;font-weight:500;font-size:10pt;width:74px;color:#fff;text-align:center}
.form-file-input:hover::before{background:#138496}
.form-file-input:active::before{background:#138496}
.company-logo-sec .img-cont{width:65px;height:65px;display:flex;align-items:center;padding:0.45rem;background-color:#fff;border:1px solid #dee2e6;border-radius:0.25rem!important}
.w-74{width:74px}*/
.upload-media-wrap{width: 150px; height: 130px;border: 1px dashed #cccccc;overflow: hidden;}
.upload-media-label{font-size: 0.9rem;font-weight: 500;color: #0c9558;background: rgb(255 255 255 / 90%);padding: 0.2rem;border-radius: 0.3rem;}
.upload-media-link {position: absolute;top: 0;width: 100%;height: 100%;left: 0;opacity: 0;cursor: pointer;font-size: 0px;}
.upload-media-reload{display: flex;background: rgb(68 68 68 / 67%);position: absolute;z-index: 3;bottom: 2px;width: 97%;left: 0;right: 0;margin: 0 auto;}
.upload-media-reload i{font-size: 0.75rem; color:#ffffff;}
.upload-media-reload .btn{font-size: 0.8rem;font-weight: 500;color: #ffffff;}
.btn-upload-edit, .btn-upload-edit:focus{ border-right:1px solid #ffffff;}
.btn-upload-edit:hover, .btn-upload-edit:hover i{background: #17a2b8;color: #ffffff;}
.btn-upload-delete:hover, .btn-upload-delete:hover i{ background:#d9534f; color:#ffffff;}
.btn-custom-light{color:#212529;background-color:#e3e3e3;border-color:#f8f9fa}
.nav-custom-tab .nav-pills .nav-link{background:transparent;border-radius:0;border:0; border-bottom:2px solid #cccccc; color:#000000; font-weight:500;font-size: 0.875rem;text-transform: uppercase;}
.nav-custom-tab .nav-pills .nav-link span{border-bottom:2px solid transparent}
.nav-custom-tab .nav-pills .nav-link.active{ border-bottom:2px solid #007bff; background-color:#F3F3F3;}
.nav-pills .nav-link.active span, .nav-pills .show > .nav-link span{border-color:#007bff;color:#007bff}
.nav-custom-tab .nav-pills .nav-link:focus{border:none;box-shadow:none;outline:none}
.d-grid{display:grid!important}
.row-grid-align-fr-auto{grid-template-rows:1fr auto}
.row-grid-align-auto-fr{grid-template-rows:auto 1fr}
.btn-attributes-help {font-weight: 500;font-size: 0.775rem;padding-right: 0.8rem;display: flex;align-items: center;justify-content: center;padding: 0;border-radius: 0px;color: #0676c9;}
.btn-attributes-help:hover, .btn-attributes-help:focus{ text-decoration:none !important;}
.tbc-total{background:#f9f9f9;border:1px solid #dee2e6;text-align:center;width:100%;border-bottom:0;padding:0 0.5rem}
.sticky-thead thead{position:sticky;top:-2px}
.form-label-size label{font-size:.95rem}
@media (min-width: 768px) {
    table .osTable td{width:25%}
}
@media (min-width:576px){
.collapse.dont-collapse-sm{display:block;height:auto!important;visibility:visible}
}
@media (max-width: 575.98px){
.btnsFixed .btn{width:100%;min-width:inherit}
.setOrderFormUl ul.branchUl>li:first-child label{top:0}
.setOrderFormUl ul.branchUl{padding:8px 0}
.reportScroll{height:calc(100% - 195px)}
.peIcons{position:absolute;top:4px;right:0}
}
@media (max-width: 400.98px){
.fs-xs .h5{font-size:.9rem}
.fourBtns .btn{min-width:inherit}
.earModalCbox-xs .col-cb-xs{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding-right:15px!important}
}
@media (max-width: 449.98px){
.osTable tbody tr td label.h6{font-size:.6rem}
.osTable tbody tr td label.h5{font-size:.9rem}
.suOrderScroll{height:calc(100% - 126px)}

}
@media (max-width: 479.98px){
.esoiUl ul.list-group>li.list-group-item{width:100%;max-width:100%;flex:auto}

}
@media (min-width:768px) and (max-width:924.98px){
.reportScroll{height:calc(100% - 149px)}
}
@media (min-width:576px) and (max-width:709.98px){
.reportScroll{height:calc(100% - 149px)}
}
@media screen and (orientation:landscape)
and (min-device-width: 319px) 
and (max-device-width: 812px){
/*.body-content{height:auto}
.branchrptpage .body-content{height:100%}*/
.footer-wrap{position:relative;width:100%}
.sf-centerScroll,.suOrderScroll,.setColumnScroll{height:auto}
}
@media (max-width: 359.98px){
.scawBtns-xs .btn{min-width:inherit}
}
    /* Rating Star Widgets Style */
.rating-stars ul{list-style-type:none;padding:0;-moz-user-select:none; -webkit-user-select:none;display:flex;justify-content:center;align-items:center}
/* Idle State of the stars */
.rating-stars ul > li.star > i {
  font-size:2.5em; /* Change the size of the stars */
  color:#ccc; /* Color on idle state */
}
/* Hover state of the stars */
.rating-stars ul > li.star.hover > i {
  color:#FFCC36;font-weight:900
}
/* Selected state of the stars */
.rating-stars ul > li.star.selected > i {
  color:#FF912C;font-weight:900
}