@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
body{font-family: 'Open Sans', sans-serif;}
.clear{clear:both;display:block;width:100%;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding20{padding:20px;}
.padding30{padding:30px;}
sup{vertical-align:0;position:relative;top:-0.25em;}
/******Form Fields******/
/**Error msg**/
.error{font-size:12px !important;line-height:14px !important;color:#ff266b !important;margin:5px !important;display:block;text-transform:none !important;font-weight:400 !important;text-align:left;}
.rejected{color:#ff266b !important;font-weight:700;}
/**Input text field**/
input[type="text"],input[type="password"],input[type="file"]{font-family: 'Open Sans', sans-serif;color:#212330 !important;font-size:14px !important;border-radius:5px;border:1px solid #e8ebf0;padding:6.5px 10px 6.5px 10px;background:#ffffff;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width:100%;-webkit-appearance:none;margin:0 !important;font-weight:400;}
input[type="text"].rejected{color:#ff266b !important;background:rgba(255, 38, 107, 0.1);border:1px solid #ff266b;}
input[type="text"].usernameIcon{background-image:url("../images/login-username.svg");background-size:28px;background-position:right center;background-repeat:no-repeat;padding-right:30px !important;padding-right:25px;}
input[type="text"].emailIcon{background-image:url("../images/signup-email.svg");background-size:28px;background-position:right center;background-repeat:no-repeat;padding-right:30px !important;padding-right:25px;}
input[type="password"].pwdIcon{background-image:url("../images/login-pwd.svg");background-size:28px;background-position:right center;background-repeat:no-repeat;padding-right:30px !important;padding-right:25px;}
input[type="text"].calendar{background-image:url(../images/calendar-icon.svg);background-size:25px;background-position:right center;background-repeat:no-repeat;padding-right:30px;}
input[type="text"].clock{background-image:url(../images/clock-icon.svg);background-size:25px;background-position:right center;background-repeat:no-repeat;padding-right:30px;}
input[type="text"].cost{background-image:url(../images/price-icon.svg);background-size:20px;background-position:10px center;background-repeat:no-repeat;padding-left:30px;}
input[type="text"].disable,
input[type="text"]:disabled,
input[type="password"]:disabled{background:#e8ebf0;border:1px solid #eaeaea;-webkit-text-fill-color:#212330;opacity: 1;/* required on iOS */}
input[type="text"].calendar:disabled{background:#e8ebf0 url(../images/calendar-icon.svg);background-size:25px;background-position:right center;background-repeat:no-repeat;-webkit-text-fill-color:#212330;opacity: 1;/* required on iOS */}
input[type="text"].clock:disabled{background:#e8ebf0 url(../images/clock-icon.svg);background-size:25px;background-position:right center;background-repeat:no-repeat;-webkit-text-fill-color:#212330;opacity: 1;/* required on iOS */}
input[type="text"].cost:disabled{background:#e8ebf0 url(../images/price-icon.svg);background-size:20px;background-position:10px center;background-repeat:no-repeat;-webkit-text-fill-color:#212330;opacity: 1;/* required on iOS */}
::-webkit-input-placeholder{color:#869fb3;opacity:0.5;}
:-ms-input-placeholder{color:#869fb3;opacity:0.5;}
::placeholder {color:#869fb3;opacity:0.5;}
.searchFilter input[type="text"].disable{border:1px solid #4897d8; !important;pointer-events:none;}
/**TextArea**/
textarea{font-family: 'Open Sans', sans-serif;color:#212330;font-size:14px;border-radius:5px;border:none;padding:6.5px 10px;background:#fffff;border:1px solid #e8ebf0;height:100px;resize:none;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width:100%;-webkit-appearance:none;}
textarea:disabled,
textarea.disable{background:#eaeaea;border:1px solid #eaeaea;-webkit-text-fill-color:#212330;opacity: 1;/* required on iOS */}
/**Input select field**/
select{font-family: 'Open Sans', sans-serif;color:#212330;font-size:14px;border-radius:5px;border:none;padding: 6.5px 25px 6.5px 10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../images/drop-down.svg) right no-repeat #ffffff;background-size:25px;/*margin:5px 0;*/box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border:1px solid #e8ebf0;width:100%;}
@-moz-document url-prefix() {
	select{padding: 6.5px 25px 6.5px 10px;}
}
select::-ms-expand{display: none; /* remove default arrow on ie10 and ie11 */}
select option{background:#ffffff;border:none;color:#212330;font-family: 'Open Sans', sans-serif;padding:7.5px 0;font-size:14px;}
select option:disabled{background:#f5f7fa;color:#7e7e7e;}
select:disabled,
select.disable{background:url(../images/drop-down.svg) right no-repeat #eaeaea;background-size:25px;-webkit-text-fill-color:#212330;opacity: 1;/* required on iOS */}
@media screen and (min-width:0\0){select {background:none\9;padding: 5px\9;}}
/**Input checkbox**/
.checkBoxStyle{display:block;position:relative;padding-left:20px !important;cursor:pointer;font-size:14px;line-height:18px;color:#212330;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left !important;}
.checkBoxStyle input{position:absolute;opacity:0;cursor:pointer;height:0;width 0;}
.checkmark{position:absolute;top:0;left:0;height:13px;width:13px !important;border-radius:5px;background-color:#ffffff;border:1px solid #cccccc;}
.checkBoxStyle:hover input ~ .checkmark {background-color:#ffffff;border:1px solid #4897d8;}
.checkBoxStyle input:checked ~ .checkmark {background-color:#4897d8;border:1px solid #4897d8;}
.checkmark:after {content:"";position:absolute;display:none;}
.checkBoxStyle input:checked ~ .checkmark:after{display: block;}
.checkBoxStyle .checkmark:after{left:4px;top:2px;width:3px;height:6px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.formFields .checkBoxStyle{line-height:16px;}
/*Input radio*/
[type="radio"]:checked, [type="radio"]:not(:checked){position: absolute;left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{position:relative;padding-left:20px;cursor:pointer;line-height:15px;display:inline-block;color:#212330;font-size:14px;font-weight:400;}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before{content: '';position: absolute;left: 0;top: 0;width: 12px;height: 12px;border: 1px solid #cccccc;border-radius: 100%;background: #ffffff;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after{content: '';width:5px;height:5px;border:5px solid #4897d8;background #ffffff;position: absolute;top:0;left:0;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after{opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
[type="radio"]:checked + label:after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
/**Submit Button**/
input[type=submit],input[type=button],input[type=reset]{cursor:pointer;-webkit-appearance:none;border-radius:5px;width:auto;border:none !important;font-family: 'Open Sans', sans-serif;margin-bottom:5px;}
/**Note msg**/
.note{font-size:10px;line-height:12px !important;color:#ffffff;margin:0 5px 5px 5px;display:block;}
/**Buttons style**/
.loginBtn, .commonBtn, .searchBtn, .submitBtn{background:#4897d8;color:#ffffff;text-align:center;font-size:14px;line-height:14px;padding:10px 0;display:block;border-radius:5px;text-decoration:none;font-weight:600;margin-bottom:5px;width:100% !important;}
.commonBtn{background:#fbc40d;}
.cancelBtn,.backBtn{background:#869fb3;color:#ffffff;text-align:center;font-size:14px;line-height:14px;padding:10px 0;display:block;border-radius:5px;text-decoration:none;font-weight:600;margin-bottom:5px;width:100% !important;}
.commonBtn, .searchBtn, .backBtn, .submitBtn{padding:10px 20px;margin-bottom:0;width:auto !important;display:inline-block;}
.commonBtn.edit, .backBtn, .submitBtn{padding:10px 40px;}
.submitBtn.center{margin:0 auto;display:block;width:auto !important;}
.acceptBtn{background:#007edf;color:#ffffff;text-align:center;font-size:12px;line-height:12px;padding:5px 10px;display:block;border-radius:5px;text-decoration:none;font-weight:600;width:100% !important;}
.backBtn.add{margin-top:10px;}
.searchBtn.disable{pointer-events:none;}
.upload{width:100%;position:relative;overflow:hidden;font-size:0;}
.upload input[type=file]{width:128px;position:absolute;left:0;top:0;opacity:0;cursor:pointer;background:none !important;border:none !important;}
.upload input[type=text]{background:none !important;border:none !important;display:inline-block;}
.upload .backBtn{display:inline-block;vertical-align:middle;width:129px;}
.upload label{display:inline-block;font-size:14px;line-height:18px;color:#212330;vertical-align:middle;width:calc(100% - 129px);}
/**Toggle Switch**/
.switch{position:relative;display:inline-block;width:50px;height:25px;}
.switch input{opacity:0;width:0;height:0;}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e8ebf0;border:1px solid #e8ebf0;-webkit-transition:.4s;transition:.4s;}
.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#ffffff;-webkit-transition:.4s;transition:.4s;}
.slideBtn input:checked + .slider{background-color: #24ce7b;border:1px solid #24ce7b;}
.slideBtn input:focus + .slider{box-shadow: 0 0 1px #e8ebf0;}
.slideBtn input:checked + .slider:before {-webkit-transform: translateX(25px);-ms-transform: translateX(25px);transform: translateX(25px);background-color:#ffffff;}
.switch .switchStatus{position:absolute;left:60px;top:2px;color:#869fb3;font-size:14px;line-height:18px;}
/* Rounded sliders */
.slider.round {border-radius:34px;}
.slider.round:before {border-radius:50%;}
/**Popup**/
@-webkit-keyframes popupAnim{from{opacity:0;margin-top:-200px;}
to{opacity:1;}
}
@-moz-keyframes popupAnim{from{opacity:0;margin-top:-200px;}
to{opacity:1;}
}
@keyframes popupAnim{from{opacity:0;margin-top:-200px;}
to{opacity:1;}
}
.modal-open{overflow: hidden;}
.modal {position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display: none;overflow:auto;overflow-y: scroll;-webkit-overflow-scrolling: touch;outline: 0;-webkit-animation:popupAnim 2s;-moz-animation:popupAnim}
.modal-dialog:target{-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s;opacity:0;visibility:hidden;}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
     -moz-transition:    -moz-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-dialog{position:relative;width:auto;margin:7.5% 0;}
.modal-content{position:relative;background-color:#ffffff;background-clip:padding-box;width:95%;max-width:475px;height:auto;margin:0 auto;border-radius:5px;
outline: none;z-index:2998;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.modal-backdrop{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 2999;background-color: #000;}
.modal-backdrop.fade{filter: alpha(opacity=0);opacity: 0;}
.modal-backdrop.in{filter: alpha(opacity=80);opacity: .8;}
.modal-body{position: relative;width:100%;padding:20px 0;}
.closePopUpBtn{display:block;position:absolute;top:24px;right:20px;}
.closePopUpBtn img{width:22px;}
.modal-body .modal-header{width:100%;border-bottom:1px solid #e8ebf0;padding-bottom:14px;margin-bottom:14px;}
.modal-body h1{color:#212330;font-size:20px;line-height:24px;text-align:left;width:calc(100% - 40px);margin:0 20px;}
.modal-body h1.center{text-align:center;}
.modal-body .container{width:calc(100% - 40px);margin:0 20px;color:#212330;font-size:13px;line-height:18px;}
.modal-body .container .fieldName{color:#212330;font-weight:600;margin:5px 0;padding:0;font-size:14px;line-height:18px;display:block;text-align:left;}
.modal-body .container p{margin:0 0 10px 0;color:#212330;font-size:14px;line-height:18px;text-align:left;}
.modal-body .container p.center{text-align:center;}
.modal-body .submitBtn{margin-left:0;}
.modal-body .container .groupBtn{font-size:0;}
.modal-body .container .groupBtn .col{display:inline-block;width:49.5%;vertical-align:top;margin-bottom:10px;margin-right:0.5%;}
.modal-body .container .groupBtn .col:nth-of-type(even){margin-left:0.5%;margin-right:0;}
.modal-body .container table{width:100%;border-collapse:separate;}
.modal-body .container table thead tr th{color:#212330;font-size:12px;line-height:14px;font-weight:600;text-align:left;padding:7.5px 10px;vertical-align:top;border-bottom:1px solid #e8ebf0;}
.modal-body .container table tbody tr td{color:#869fb3;font-size:14px;line-height:18px;font-weight:400;text-align:left;padding:7.5px 10px;border-bottom:1px solid #e8ebf0;vertical-align:middle;}
.errorMsg .modal-content{background-color:#ffe9f0;border:1px solid #ff266b;}
.errorMsg .modal-body .modal-header{border-bottom:1px solid #ff266b;}
.errorMsg .modal-body h1{color:#ff266b;}
.errorMsg .modal-body p{color:#ff266b;}
.errorMsg .modal-body .cancelBtn{background:#ff266b;}
/**Main Menu**/
/****LEFT SLIDER MENU****/
@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(10deg);
  }
  30% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(5deg);
  }
  70% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes sonar {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand > a,
.sidebar-wrapper .sidebar-dropdown > a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.sidebar-wrapper ul li a i,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-search input.search-menu,
.sidebar-wrapper .sidebar-search .input-group-text,
.sidebar-wrapper .sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-wrapper #show-sidebar{display:block;}
.page-wrapper #close-sidebar{display:none;}
/*----------------page-wrapper----------------*/
.page-wrapper{height: 100vh;}
.page-wrapper .theme{ width:40px;height:40px;display:inline-block;border-radius:4px;margin:2px;}
.page-wrapper .theme.chiller-theme{background:#aaaaaa;}
/*----------------toggeled sidebar----------------*/
.page-wrapper.toggled .sidebar-wrapper{left:0px;}
.page-wrapper.toggled #show-sidebar{display:none;}
.page-wrapper.toggled #close-sidebar{display:block;}
@media screen and (min-width: 800px) {
  .page-wrapper.toggled .page-content{padding-left:295px;width:calc(100% - 295px);}
  .page-wrapper.toggled .page-content .header{width:calc(100% - 355px);}
}
@media screen and (max-width: 800px) {
  .page-wrapper.toggled .page-content{margin-left:294px;width:100%;}
  .page-wrapper.toggled .page-content .header{width:calc(100% - 60px);}
}
/*----------------show sidebar button----------------*/
/*#show-sidebar{position:absolute;left:10px;top:7px;width:32px;transition-delay:0.3s;}
.page-wrapper.toggled #show-sidebar{left:-40px;}*/
/*----------------sidebar-wrapper----------------*/
.sidebar-wrapper{ width:295px;height:100%;max-height:100%;position:fixed;top:0;left:-295px;z-index:999;}
.sidebar-wrapper a{text-decoration: none;}
/*----------------sidebar-content----------------*/
.sidebar-content{max-height: 100%;height: 100%;overflow-y: auto;position: relative;}
.sidebar-content.desktop{overflow-y: hidden;}
/*--------------------sidebar-brand----------------------*/
.sidebar-wrapper .sidebar-brand{padding:10px 20px;display:flex;align-items:center;}
.sidebar-wrapper .sidebar-brand > a {text-transform: uppercase;font-weight: bold;flex-grow: 1;}
.sidebar-wrapper .sidebar-brand #close-sidebar{cursor:pointer;font-size: 20px;}
.companyLogo{display:inline-block;width:calc(100% - 13.75px);}
/*--------------------sidebar-Account----------------------*/
.sidebar-wrapper .sidebar-account{padding:14px 20px;position:relative;}
.sidebar-wrapper .sidebar-account p{color:#869fb3;font-size:14px;line-height:20px;width:calc(100% - 25px);}
.sidebar-wrapper .sidebar-account p strong{color:#212330;font-size:16px;font-weight:600;}
.sidebar-wrapper .sidebar-account .editAcct{position:absolute;top:25px;right:20px;}
.sidebar-wrapper .sidebar-account .editAcct img{width:22px;}
.sidebar-wrapper .sidebar-account .companyName{cursor:pointer;}
.sidebar-wrapper .sidebar-account .companyName::after{content:url("../images/drop-down.svg");width:22px;display:inline-block;vertical-align:middle;padding-left:5px;}
.sidebar-wrapper .sidebar-account .userRole{font-size:12px;line-height:14px;color:#4897d8;}
.sidebar-wrapper .sidebar-account ul{background:#ffffff;width:220px;padding:20px;position:absolute;top:70px;left:15px;-webkit-box-shadow: 0px 0px 12px 0px rgba(83,88,90,0.3);-moz-box-shadow: 0px 0px 12px 0px rgba(83,88,90,0.3);box-shadow: 0px 0px 12px 0px rgba(83,88,90,0.3);display:none;}
.sidebar-wrapper .sidebar-account ul li{display:block;padding:5px 0;}
.sidebar-wrapper .sidebar-account ul li a{font-size:14px;line-height:18px;color:#869fb3;text-decoration: none;}
.sidebar-wrapper .sidebar-account ul li a:hover{color:#212330;}
/*----------------------sidebar-menu-------------------------*/
.sidebar-wrapper .sidebar-menu{/*padding:10px 20px;*/padding:10px 0;}
.sidebar-wrapper .sidebar-menu ul{width:100%;}
.sidebar-wrapper .sidebar-menu ul li{display:block;width:calc(100% - 40px);border-left:4px solid rgba(255,255,255,0);padding:0 20px 0 15px;margin-bottom:5px;}
.sidebar-wrapper .sidebar-menu ul li a{display:block;font-size:16px;line-height:20px;padding:12.5px 0;color:#aaaaaa;width:100%;}
.sidebar-wrapper .sidebar-menu ul li a::before{content:'';padding-left:35px;}
.sidebar-wrapper .sidebar-menu ul li.iconProducts a::before{background:url("../images/icon-product.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconProducts:hover a::before, 
.sidebar-wrapper .sidebar-menu ul li.iconProducts.active a::before,
.PRODUCTS .sidebar-wrapper .sidebar-menu ul li.iconProducts a::before{background:url("../images/icon-product-mo.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconBarcodes a::before{background:url("../images/icon-scanCode.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconBarcodes:hover a::before, 
.sidebar-wrapper .sidebar-menu ul li.iconBarcodes.active a::before,
.BARCODES .sidebar-wrapper .sidebar-menu ul li.iconBarcodes a::before{background:url("../images/icon-scanCode-mo.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconReports a::before{background:url("../images/icon-report.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconReports:hover a::before, 
.sidebar-wrapper .sidebar-menu ul li.iconReports.active a::before,
.REPORTS .sidebar-wrapper .sidebar-menu ul li.iconReports a::before{background:url("../images/icon-report-mo.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconUsers a::before{background:url("../images/icon-users.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconUsers:hover a::before, 
.sidebar-wrapper .sidebar-menu ul li.iconUsers.active a::before,
.USERS .sidebar-wrapper .sidebar-menu ul li.iconUsers a::before{background:url("../images/icon-users-mo.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.dd a{background:url("../images/menu-dd.svg")no-repeat right center;background-size:22px;}
.sidebar-wrapper .sidebar-menu ul li.dd:hover a,
.sidebar-wrapper .sidebar-menu ul li.dd.active a{background:url("../images/menu-dd-mo.svg")no-repeat right center;background-size:22px;}
.sidebar-wrapper .sidebar-menu ul li .subMenu{display:none;}
.sidebar-wrapper .sidebar-menu ul li .subMenu ul li{width:100%;border-left:none;padding:0;margin-bottom:0;}
.sidebar-wrapper .sidebar-menu ul li .subMenu ul li a::before{background:none !important;}
.sidebar-wrapper .sidebar-menu ul li .subMenu ul li a{background:none !important;padding:5px 0;font-size:14px;color:#869fb3 !important;font-weight:400 !important;}
.sidebar-wrapper .sidebar-menu ul li .subMenu ul li a:hover{color:#212330 !important;font-weight:600 !important;}

    .sidebar-wrapper .sidebar-menu ul li.iconFGCodes a::before {
        background: url("../images/icon-product.svg")no-repeat left center;
    }

    .sidebar-wrapper .sidebar-menu ul li.iconFGCodes:hover a::before,
    .sidebar-wrapper .sidebar-menu ul li.iconFGCodes.active a::before,
    .FGCodes .sidebar-wrapper .sidebar-menu ul li.iconFGCodes a::before {
        background: url("../images/icon-product-mo.svg")no-repeat left center;
    }
/*--------------------------side-footer------------------------------*/
.sidebar-footer{position:absolute;width:100%;bottom:0;display:flex;}
.sidebar-footer p{color:#ffffff;font-size:10px;line-height:14px;width:calc(100% - 20px);padding:10px;}
/*--------------------------page-content-----------------------------*/
.page-wrapper .page-content {display:inline-block;width:100%;padding-left:0px;padding-top:0;}
/*------scroll bar---------------------*/
/*
::-webkit-scrollbar{width:5px;height:7px;}
::-webkit-scrollbar-button{width:0px;height:0px;}
::-webkit-scrollbar-thumb{background:#869fb3;border:0px none #ffffff;border-radius:0px;}
::-webkit-scrollbar-thumb:hover{background: #869fb3;}
::-webkit-scrollbar-thumb:active{background: #869fb3;}
::-webkit-scrollbar-track{background:transparent;border:0px none #ffffff;border-radius:50px;}
::-webkit-scrollbar-track:hover{background:transparent;}
::-webkit-scrollbar-track:active{background:transparent;}
::-webkit-scrollbar-corner{background:transparent;}
*/
/*-----------------------------chiller-theme-------------------------------------------------*/
.chiller-theme .sidebar-wrapper{background:#ffffff url("../images/main-menu-bg.png")no-repeat bottom center;background-size:100%;border-right:1px solid #e8ebf0;}
.chiller-theme .sidebar-wrapper .sidebar-header,
.chiller-theme .sidebar-wrapper .sidebar-search,
.chiller-theme .sidebar-wrapper .sidebar-menu{border-top: 1px solid #ffffff;}
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text{border-color:transparent;box-shadow:none;}
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,
.chiller-theme .sidebar-wrapper .sidebar-brand>a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,
.chiller-theme .sidebar-footer>a{color:#869fb3;}
    .chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover > a,
    .chiller-theme .sidebar-wrapper .sidebar-menu ul li.active a,
    .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a,
    .chiller-theme .sidebar-wrapper .sidebar-header .user-info,
    .chiller-theme .sidebar-wrapper .sidebar-brand > a:hover,
    .chiller-theme .sidebar-footer > a:hover i,
    .PRODUCTS .chiller-theme .sidebar-wrapper .sidebar-menu ul li.iconProducts a,
    .BARCODES .chiller-theme .sidebar-wrapper .sidebar-menu ul li.iconBarcodes a,
    .REPORTS .chiller-theme .sidebar-wrapper .sidebar-menu ul li.iconReports a,
    .FGCodes .chiller-theme .sidebar-wrapper .sidebar-menu ul li.iconFGCodes a,
    .USERS .chiller-theme .sidebar-wrapper .sidebar-menu ul li.iconUsers a {
        color: #212330;
        font-weight: 600;
    }
.page-wrapper.chiller-theme.toggled #close-sidebar{color:#212330;}
.page-wrapper.chiller-theme.toggled #close-sidebar:hover{color:#009b98;}
.chiller-theme .sidebar-wrapper ul li:hover a i,
.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i{color:#ffffff;text-shadow:0px 0px 10px rgba(22, 199, 255, 0.5);}
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text{background:#3a3f48;}
.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span{color:#6c7b88;}
.chiller-theme .sidebar-footer{background:#3a3f48;border-top:1px solid #464a52;}
.chiller-theme .sidebar-footer>a:first-child{border-left:none;}
.chiller-theme .sidebar-footer>a:last-child{border-right:none;}
/*FOR DROP DOWN to stay*/
.PRODUCTS #relProducts,.BARCODES #relBarcodes,.USERS #relUsers{display:block;}
/**Tooltip**/
#tooltip{text-align:left;color:#212330;background:#fbc40d;position:absolute;z-index:3001;padding:15px;font-size:12px;line-height:14px;font-weight:400;border-radius:5px;width:150px;}
#tooltip:after /* triangle decoration */
{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fbc40d;content: '';position: absolute;left: 50%; bottom: -10px;margin-left: -10px;}
#tooltip.top:after{border-top-color: transparent;border-bottom: 10px solid #fbc40d;top: -20px;bottom: auto;}
#tooltip.left:after{left: 10px;margin: 0;}
#tooltip.right:after{right: 10px;left: auto;margin: 0;}
/**Star rating**/
.rate{float: left;}
.rate:not(:checked) > input {position:absolute;top:-9999px;}
.rate:not(:checked) > label {float:right;width:0.9em;overflow:hidden;white-space:nowrap;cursor:pointer;font-size:24px;color:#e7ebef;margin: 0 15px 0 0;padding:5px 0;}
.rate:not(:checked) > label:before {/*content: '★ ';*/font-family: FontAwesome;content: "\f005";}
.rate > input:checked ~ label {color: #f0ba00;}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {color: #f0ba00;}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {color: #f0ba00;}
.rate [type="radio"]:checked + label:before,
.rate [type="radio"]:not(:checked) + label:before{font-family: FontAwesome;content: "\f005";position:relative;left:0;top:0;width:auto;height:auto;border:none;border-radius:none;background:none;}
.rate [type="radio"]:checked + label:after,
.rate [type="radio"]:not(:checked) + label:after{font-family: FontAwesome;content: "\f005";position:relative;left:0;top:0;width:auto;height:auto;border:none;border-radius:none;background:none;}