@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:#c63c3c !important;margin:5px !important;display:block;text-transform:none !important;font-weight:400 !important;text-align:left;}
/**Input text field**/
input[type="text"],input[type="password"],input[type="file"]{font-family: 'Open Sans', sans-serif;color:#232323 !important;font-size:14px !important;border-radius:5px;border:1px solid #e5e3e3;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;}
input[type="text"].usernameIcon{background-image:url("../images/login-username.svg");background-position:right center;background-size:30px;background-repeat:no-repeat;padding-right:30px !important;padding-right:25px;}
input[type="password"].pwdIcon{background-image:url("../images/login-pwd.svg");background-position:right center;background-size:30px;background-repeat:no-repeat;padding-right:30px !important;padding-right:25px;}
input[type="text"].calendar{background-image:url(../images/calendar-icon.svg);background-position:right center;background-size:30px;background-repeat:no-repeat;padding-right:30px;}
input[type="text"].price{background-image:url(../images/price-icon.svg);background-position:10px center;background-size:16px;background-repeat:no-repeat;padding-left:30px;}
input[type="text"]:disabled{background:#e5e3e3;border:1px solid #e5e3e3;-webkit-text-fill-color:#232323;opacity: 1;/* required on iOS */}
input[type="text"].calendar:disabled{background:#e5e3e3 url(../images/calendar-icon.svg);background-position:right center;background-size:30px;background-repeat:no-repeat;-webkit-text-fill-color:#232323;opacity: 1;/* required on iOS */}
input[type="text"].price:disabled{background:#e5e3e3 url(../images/price-icon.svg);background-position:10px center;background-size:16px;background-repeat:no-repeat;-webkit-text-fill-color:#232323;opacity: 1;/* required on iOS */}
::-webkit-input-placeholder{color:#bbbbbb;opacity:1.0;}
:-ms-input-placeholder{color:#bbbbbb;opacity:1.0;}
::placeholder {color:#bbbbbb;opacity:1.0;}
/**TextArea**/
textarea{font-family: 'Open Sans', sans-serif;color:#232323;font-size:14px;border-radius:5px;border:none;padding:6.5px 10px;background:#fffff;border:1px solid #e5e3e3;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{background:#e5e3e3;border:1px solid #e5e3e3;-webkit-text-fill-color:#232323;opacity: 1;/* required on iOS */}
/**Input select field**/
select{font-family: 'Open Sans', sans-serif;color:#232323;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) 100% 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 #e5e3e3;width:100%;}
@-moz-document url-prefix() {
	select{padding: 5.5px 25px 5.5px 10px;}
}
select::-ms-expand{display: none; /* remove default arrow on ie10 and ie11 */}
select option{background:#ffffff;border:none;color:#232323;font-family: 'Open Sans', sans-serif;padding:7.5px 0;font-size:14px;}
select option:disabled{background:#f5f7fa;color:#7e7e7e;}
select:disabled{background:url(../images/drop-down.svg) 98100% no-repeat #e5e3e3;background-size:25px;-webkit-text-fill-color:#232323;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:14px;color:#232323;-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 #e5e3e3;}
.checkBoxStyle:hover input ~ .checkmark {background-color:#ffffff;border:1px solid #e5e3e3;}
.checkBoxStyle input:checked ~ .checkmark {background-color:#1d4567;border:1px solid #1d4567;}
.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:#232323;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 #e5e3e3;border-radius: 100%;background: #ffffff;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after{content: '';width:5px;height:5px;border:5px solid #1d4567;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;}
/**Note msg**/
.note{font-size:10px;line-height:12px !important;color:#ffffff;margin:0 5px 5px 5px;display:block;}
/**Buttons style**/
.loginBtn, .commonBtn, .addBtn{background:#1d4567;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;}
.addBtn{background:#fcc201;}
.cancelBtn,.searchBtn,.backBtn{background:#555555;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, .addBtn{padding:10px 20px;margin-bottom:0;width:auto !important;display:inline-block;}
.searchBtn{background:#fcc201;color:#1d4567;}
.commonBtn.edit, .backBtn{padding:10px 40px;}
.backBtn.add{margin-top:10px;}
.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;background:#fcc201;color:#1d4567;}
.upload label{display:inline-block;font-size:14px;line-height:18px;color:#000000;vertical-align:middle;width:calc(100% - 129px);}
/**Toggle Switch**/
.switch{position:relative;display:inline-block;width:40px;height:15px;}
.switch input{opacity:0;width:0;height:0;}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fdf0d8;border:1px solid #fdf0d8;-webkit-transition:.4s;transition:.4s;}
.slider:before{position:absolute;content:"";height:20px;width:20px;left:-3px;bottom:-3px;background-color:#cccccc;-webkit-transition:.4s;transition:.4s;}
.slideBtn input:checked + .slider{background-color: #ffffff;border:1px solid #f7b035;}
.slideBtn input:focus + .slider{box-shadow: 0 0 1px #f7b035;}
.slideBtn input:checked + .slider:before {-webkit-transform: translateX(23px);-ms-transform: translateX(23px);transform: translateX(23px);background-color:#f7b035;}
/* Rounded sliders */
.slider.round {border-radius:34px;}
.slider.round:before {border-radius:50%;}
/**Popup**/
@-webkit-keyframes popupAnim{
from{opacity:0;}
to{opacity:1;}
}
@-moz-keyframes popupAnim{
from{opacity:0;}
to{opacity:1;}
}
@keyframes popupAnim{
from{opacity:0;}
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.fade .modal-dialog {
/*
	-webkit-transition: -webkit-transform .2s ease-out;
     -moz-transition:    -moz-transform .2s ease-out;
       -o-transition:      -o-transform .2s ease-out;
          transition:         transform .2s ease-out;
	*/
}
.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:20px;right:20px;}
.closePopUpBtn img{display:block;width:25px;}
.modal-body .modal-header{width:100%;border-bottom:1px solid #e5e3e3;padding-bottom:14px;margin-bottom:14px;}
.modal-body h1{color:#1d4567;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:14px;line-height:18px;}
.modal-body .container .fieldName{color:#1d4567;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:#232323;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;}
/**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: #1d4567;}
/*----------------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:295px;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:19px 20px;position:relative;}
.sidebar-wrapper .sidebar-account p{color:#fcc201;font-size:14px;line-height:20px;width:calc(100% - 25px);}
.sidebar-wrapper .sidebar-account p strong{color:#ffffff;font-size:16px;font-weight:600;}
.sidebar-wrapper .sidebar-account .editAcct{position:absolute;top:28px;right:20px;}
.sidebar-wrapper .sidebar-account .editAcct img{width:25px;display:block;}
/*----------------------sidebar-menu-------------------------*/
.sidebar-wrapper .sidebar-menu{padding:10px 20px;}
.sidebar-wrapper .sidebar-menu ul{width:100%;}
.sidebar-wrapper .sidebar-menu ul li{display:block;width:100%;}
.sidebar-wrapper .sidebar-menu ul li a{display:block;font-size:16px;line-height:20px;padding:15px 0;color:#fcc201;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-products.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-products-mo.svg")no-repeat left center;
    }


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

    .sidebar-wrapper .sidebar-menu ul li.iconMarketlist:hover a::before,
    .sidebar-wrapper .sidebar-menu ul li.iconMarketlist.active a::before,
    .MARKETLIST .sidebar-wrapper .sidebar-menu ul li.iconMarketlist a::before {
        background: url("../images/icon-products-mo.svg")no-repeat left center;
    }

    .sidebar-wrapper .sidebar-menu ul li.iconQuotations a::before {
        background: url("../images/icon-quotations.svg")no-repeat left center;
    }
    .sidebar-wrapper .sidebar-menu ul li.iconQuotations:hover a::before,
    .sidebar-wrapper .sidebar-menu ul li.iconQuotations.active a::before,
    .QUOTATIONS .sidebar-wrapper .sidebar-menu ul li.iconQuotations a::before {
        background: url("../images/icon-quotations-mo.svg")no-repeat left center;
    }
    .sidebar-wrapper .sidebar-menu ul li.iconCMS a::before {
        background: url("../images/icon-cms.svg")no-repeat left center;
    }
    .sidebar-wrapper .sidebar-menu ul li.iconCMS:hover a::before,
    .sidebar-wrapper .sidebar-menu ul li.iconCMS.active a::before,
    .CMS .sidebar-wrapper .sidebar-menu ul li.iconCMS a::before {
        background: url("../images/icon-cms-mo.svg")no-repeat left center;
    }
    .sidebar-wrapper .sidebar-menu ul li.iconUsers a::before {
        background: url("../images/icon-user.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-user-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:25px;
    }
    .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:25px;
    }
.sidebar-wrapper .sidebar-menu ul li .subMenu{display:none;}
.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:#fcc201 !important;font-weight:400 !important;}
.sidebar-wrapper .sidebar-menu ul li .subMenu ul li a:hover{color:#ffffff !important;font-weight:600 !important;}
.PRODUCTS #relProducts{display:block;}
.MARKETLIST #relMarketlist {
    display: block;
}
.QUOTATIONS #relQuotations{display:block;}
.CMS #relCMS{display:block;}
.USERS #relUsers{display:block;}
/*--------------------------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:#e5e3e3;border:0px none #ffffff;border-radius:0px;}
::-webkit-scrollbar-thumb:hover{background: #e5e3e3;}
::-webkit-scrollbar-thumb:active{background: #e5e3e3;}
::-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: #1d4567;}
.chiller-theme .sidebar-wrapper .sidebar-header,
.chiller-theme .sidebar-wrapper .sidebar-search,
.chiller-theme .sidebar-wrapper .sidebar-menu{border-top: 1px solid #f0f0f0;}
.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:#fcc201;}
    .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,
    .MARKETLIST .chiller-theme .sidebar-wrapper .sidebar-menu ul li.iconMarketlist a,
    .QUOTATIONS .chiller-theme .sidebar-wrapper .sidebar-menu ul li.iconQuotations a,
    .CMS .chiller-theme .sidebar-wrapper .sidebar-menu ul li.iconCMS a,
    .USERS .chiller-theme .sidebar-wrapper .sidebar-menu ul li.iconUsers a {
        color: #ffffff;
        font-weight: 600;
    }
.page-wrapper.chiller-theme.toggled #close-sidebar{color:#000000;}
.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 #f0f0f0;}
.chiller-theme .sidebar-footer>a:first-child{border-left:none;}
.chiller-theme .sidebar-footer>a:last-child{border-right:none;}
/**Tooltip**/
#tooltip{text-align:left;color:#232323;background:#f7b035;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 #f7b035;content: '';position: absolute;left: 50%; bottom: -10px;margin-left: -10px;}
#tooltip.top:after{border-top-color: transparent;border-bottom: 10px solid #f7b035;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;}
/**Sortable**/
#sortable {list-style-type:none;margin:0;padding:0;width:100%;}
#sortable li{margin:5px 0;padding:10px;font-size:14px;height:18px;font-weight:700;background:#fcc201;border-radius:5px;cursor:move;color:#1d4567;}
#sortable li span{position: absolute;margin-left:0;background:url(../images/drag-cursor.svg)no-repeat 10px center;background-size:18px;padding-left:35px;}
/**UPDATES - 30/05/2022**/
.sidebar-wrapper .sidebar-menu ul li.iconCustomers a::before{background:url("../images/icon-customers.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconCustomers:hover a::before, 
.sidebar-wrapper .sidebar-menu ul li.iconCustomers.active a::before,
.CUSTOMERS .sidebar-wrapper .sidebar-menu ul li.iconCustomers a::before{background:url("../images/icon-customers-mo.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconRFQs a::before{background:url("../images/icon-rfqs.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconRFQs:hover a::before, 
.sidebar-wrapper .sidebar-menu ul li.iconRFQs.active a::before,
.RFQ .sidebar-wrapper .sidebar-menu ul li.iconRFQs a::before{background:url("../images/icon-rfqs-mo.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconOrders a::before{background:url("../images/icon-order.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconOrders:hover a::before, 
.sidebar-wrapper .sidebar-menu ul li.iconOrders.active a::before,
.ORDERS .sidebar-wrapper .sidebar-menu ul li.iconOrders a::before{background:url("../images/icon-order-mo.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconDelivery a::before{background:url("../images/icon-delivery.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconDelivery:hover a::before, 
.sidebar-wrapper .sidebar-menu ul li.iconDelivery.active a::before,
.DELIVERY .sidebar-wrapper .sidebar-menu ul li.iconDelivery a::before{background:url("../images/icon-delivery-mo.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconInventory a::before{background:url("../images/icon-inventory.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconInventory:hover a::before, 
.sidebar-wrapper .sidebar-menu ul li.iconInventory.active a::before,
.INVENTORY .sidebar-wrapper .sidebar-menu ul li.iconInventory a::before{background:url("../images/icon-inventory-mo.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconAccounting a::before{background:url("../images/icon-accounting.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconAccounting:hover a::before, 
.sidebar-wrapper .sidebar-menu ul li.iconAccounting.active a::before{background:url("../images/icon-accounting-mo.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconSettings a::before{background:url("../images/icon-settings.svg")no-repeat left center;}
.sidebar-wrapper .sidebar-menu ul li.iconSettings:hover a::before, 
.sidebar-wrapper .sidebar-menu ul li.iconSettings.active a::before,
.SETTINGS .sidebar-wrapper .sidebar-menu ul li.iconSettings a::before{background:url("../images/icon-settings-mo.svg")no-repeat left center;}
.ORDERS #relOrders,.INVENTORY #relInventory,.SETTINGS #relSettings,.CUSTOMERS #relCustomers{display:block;}
.ORDERS .chiller-theme .sidebar-wrapper .sidebar-menu ul li.iconOrders a,
.INVENTORY .chiller-theme .sidebar-wrapper .sidebar-menu ul li.iconInventory a,
.SETTINGS .chiller-theme .sidebar-wrapper .sidebar-menu ul li.iconSettings a,
.CUSTOMERS .chiller-theme .sidebar-wrapper .sidebar-menu ul li.iconCustomers a,
.RFQ .chiller-theme .sidebar-wrapper .sidebar-menu ul li.iconRFQs a{color:#ffffff;font-weight:600;}
.sidebar-wrapper .sidebar-menu ul li .subMenu ul li a{color:#ffffff !important;}
.meunText{margin-left:35px;width:calc(100% - 35px) !important;}
.meunText strong{display:block;text-transform:uppercase;padding:5px 0;color:#000000;}
.meunText.moreMargin strong{padding-top:15px;}
.commonPage .status.in{background:#00abc9;}
.commonPage .status.out{background:#555555;}
.outlet .modal-dialog,.brand .modal-dialog{margin:2.5% 0;}
.cartBtn{display:inline-block;background:#fcc201;color:#1d4567;text-align:center;font-size:14px;line-height:14px;border-radius:5px;text-decoration:none;font-weight:600;padding:10px 0;width:120px !important;}
.sidebar-wrapper .sidebar-menu ul li .subMenu ul li.dd a{background:url("../images/menu-dd.svg")no-repeat right center !important;background-size:25px;padding:5px 0;font-size:14px;color:#fcc201 !important;font-weight:600 !important;}
.sidebar-wrapper .sidebar-menu ul li .subMenu ul li.dd a:hover{background:url("../images/menu-dd-mo.svg")no-repeat right center !important;background-size:25px;color:#fcc201 !important;font-weight:600 !important;}
.sidebar-wrapper .sidebar-menu ul li .subMenu ul li.dd .subsubMenu{display:none;}
.sidebar-wrapper .sidebar-menu ul li .subMenu ul li.dd .subsubMenu ul li a::before{background:none !important;}
.sidebar-wrapper .sidebar-menu ul li .subMenu ul li.dd .subsubMenu ul li a{background:none !important;padding:5px 0;font-size:14px;color:#ffffff !important;font-weight:400 !important;}
.sidebar-wrapper .sidebar-menu ul li .subMenu ul li.dd .subsubMenu ul li a:hover{background:none !important;color:#ffffff !important;font-weight:600 !important;}
.addBtn{color:#1d4567;}

input[type="text"].percentage {
    background-image: url(../images/precent-icon.svg);
    background-position: 97.5% center;
    background-repeat: no-repeat;
    padding-right: 30px;
}

    input[type="text"].percentage:disabled {
        background: #e5e3e3 url(../images/precent-icon.svg);
        background-position: 97.5% center;
        background-repeat: no-repeat;
        -webkit-text-fill-color: #232323;
        opacity: 1; /* required on iOS */
    }

.tradingTerms{width:100%;font-size:0;}
.tradingTerms .field01{display:inline-block;vertical-align:top;width:50px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;}
.tradingTerms .field02{display:inline-block;vertical-align:top;width:calc(100% - 50px);border-top-left-radius:0;border-bottom-left-radius:0;}
select{height:34px;padding: 0 25px 0 10px;}
@-moz-document url-prefix() {
        select{padding: 0 25px 0 10px;}
}