@color-base: "";
@label-color: "";
@alert-color: "";
/**color theme**/

/* Base Color */
.filterSec [type="radio"]:checked + label:after,
.side-nav .collapsible .card .card-header a:hover,
.side-nav .collapsible .card.active .card-header a,
.background-primary,
.btn.btn-primary,
.btn-primary,
.btn-primary:hover,
.dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover,
.dropdown .dropdown-menu.dropdown-primary .dropdown-item:active,
.btn-primary.dropdown-toggle:hover,
.btn-primary.dropdown-toggle:focus,
.progress .progress-bar,
.pagination.pg-blue .active .page-link,
.navbarTwo,
.modal-header,
.bg-primary,
.navbar,
[type="checkbox"][class*="filled-in"]:checked + label:after,
.dropdown-item.active,
.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown .dropdown-menu .dropdown-item:active,
.logOut:hover,
.join-order:hover,
.dynamicIcon:hover,
.order-claims h1,
.centered_chart .round-circle i.green-col,
.btn.btn-primary:hover,
.btn-primary:hover,
.handcostLabel,
p.yourcartTitle span,
.shoppingAccordion .card-header {
  background-color: @color-base !important;
}

.ng-select.ng-select-opened .ng-select-container,
.ng-select.ng-select-focused .ng-select-container,
.ng-select.focused:not(.opened) > .ng-control,
.advanplaceholder.ng-select-focused .ng-select-container,
.advanplaceholder.ng-select-opened .ng-select-container {
  border-color: @color-base !important;
}

#filterPrice .irs-bar {
  background: @color-base !important;
}

.dropdown-item:hover svg#svgImg path,
.dropdown-item:hover svg#svgImg rect,
.dropdown-item:hover svg#svgImg .cls-1,
.dropdown-item:hover svg#svgImg path,
.dropdown-item:hover svg#svgImg polygon,
#joincustomImg:hover svg#joinImg path,
.category-list .category-item > a:hover #svgImg rect,
.category-list .category-item > a:hover #svgImg .cls-1,
.category-list .category-item > a:hover #svgImg path,
.category-list .category-item > a:hover #svgImg polygon {
  fill: @color-base !important;
}
.dropdown-item svg#svgImg path,
.dropdown-item svg#svgImg rect,
.dropdown-item svg#svgImg .cls-1,
.dropdown-item svg#svgImg path,
.dropdown-item svg#svgImg polygon {
  fill: @label-color;
}

.preloader-wrapper svg path {
  stroke: @color-base !important;
}

.list-group-item.active {
  background-color: @color-base !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.sign-up .ng-select-opened .ng-select-container,
.sign-up .ng-select-focused .ng-select-container,
.priceFilterSec input[type="text"]:focus,
.payment_add [type="radio"]:checked + label:after,
.quantity_frm i.prefix.active,
.filterSec [type="radio"]:checked + label:after,
.filterSec [type="radio"].with-gap:checked + label:before,
.list-group-item.active,
[type="checkbox"][class*="filled-in"]:checked + label:after {
  border-color: @color-base !important;
}

.progress {
  background-color: @label-color !important;
}

body,
h4,
h5,
h6,
.card .card-text,
.col-grey,
.md-form input,
.progress .progress-bar,
.pagination.pg-blue .active .page-link,
.bg-gray a,
.header-one,
.categoryMenuList a:hover,
.navbar .dropdown-menu a:hover,
.col-black,
.col-black * mdb-select > div > div.single > div.toggle,
.navbar .dropdown-menu a,
mdb-select mdb-select-dropdown .dropdown-content li.active.selected > a,
mdb-select mdb-select-dropdown .dropdown-content li.active.selected > span,
mdb-select mdb-select-dropdown .dropdown-content li.selected > span,
mdb-select mdb-select-dropdown .dropdown-content li.selected:hover > span,
.side-nav .collapsible .card-body li a, .side-nav .collapsible .card .card-header a h5,
.side-nav .collapsible .card.active .card-header a h5, input::placeholder, .placeholder
.md-form mdb-select .below, .md-form mdb-select .below .placeholder, .md-form mdb-select .below .value,
.advanceSearchField .dropdown-toggle, .actionIcons a.btn-floating.btn-small, .actionIcons a.btn-floating.btn-small i,
footer.page-footer a, .quantity_delivery_time ul li h3, .shipping_address .checkout_tlt, .quantity_delivery_time .waves-light label, h2.ex_new_user, span.advanceSeaheading, .productSizesec i.prefix.active, .quantity_frm i.prefix.active, #filterPrice span.irs-from, #filterPrice span.irs-to, a.sub-category-list, .orderNo label, .tipsLabel, .checkoutProdata label, .checkoutProdata span, .checkOutcolor label, .dynamicColor, .customBoxshadow .ng-select b, .logoposComment, .new_user span, .shoppingcartTab li a.nav-link, .logoFname, .confirmation h2.checkout_tlt, .checkoutHeading .checkout_tlt, .checkoutBox .checkOuttitle label, .lognPopup label, .inquiry a, small.text-muted, .countryDropDown span, #advSearch input {
    color: @label-color !important;
}

#joincustomImg svg#joinImg path,
.category-list .category-item > a #svgImg rect,
.category-list .category-item > a #svgImg .cls-1,
.category-list .category-item > a #svgImg path {
  fill: @label-color;
}

.ng-select.ng-select-opened span.ng-arrow-wrapper .ng-arrow,
.ng-select.ng-select-focused span.ng-arrow-wrapper .ng-arrow,
.header-one .navbar-nav li a:hover,
.first,
.md-form .prefix.active,
input[type="text"]:focus:not([readonly]) + label,
input[type="password"]:focus:not([readonly]) + label,
input[type="email"]:focus:not([readonly]) + label,
input[type="url"]:focus:not([readonly]) + label,
input[type="time"]:focus:not([readonly]) + label,
input[type="date"]:focus:not([readonly]) + label,
input[type="datetime-local"]:focus:not([readonly]) + label,
input[type="tel"]:focus:not([readonly]) + label,
input[type="number"]:focus:not([readonly]) + label,
input[type="search-md"]:focus:not([readonly]) + label,
input[type="search"]:focus:not([readonly]) + label,
textarea.md-textarea:focus:not([readonly]) + label,
.actionIcons a.btn-floating.btn-small i.text-primary-clr,
.advanceSearchField .dropdown-toggle.advanced_search:hover,
.fil_upload i.fa-plus-circle,
.prod_brief h2,
.closeButton i:before,
.showLogobank:hover,
.themeCol i::before,
.handcostLabeltext,
.imgcloseButton:hover,
.bottomchatIcon:hover,
.customLabel.clicked,
.breadCrums:hover,
.reviewOrderTitle,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.accordion-toggle::after {
  color: @color-base !important;
}

.logoposComment::-webkit-input-placeholder {
  color: @color-base !important;
}
.logoposComment::-moz-placeholder {
  color: @color-base !important;
}
.logoposComment:-ms-input-placeholder {
  color: @color-base !important;
}
.logoposComment:-moz-placeholder {
  color: @color-base !important;
}

input[type="text"]:focus:not([readonly]),
input[type="password"]:focus:not([readonly]),
input[type="email"]:focus:not([readonly]),
input[type="url"]:focus:not([readonly]),
input[type="time"]:focus:not([readonly]),
input[type="date"]:focus:not([readonly]),
input[type="datetime-local"]:focus:not([readonly]),
input[type="tel"]:focus:not([readonly]),
input[type="number"]:focus:not([readonly]),
input[type="search-md"]:focus:not([readonly]),
input[type="search"]:focus:not([readonly]),
textarea.md-textarea:focus:not([readonly]),
select.form-control:focus,
.productName:focus {
  border-bottom: 1px solid @color-base !important;
  box-shadow: 0 1px 0 0 @color-base !important;
}

.ng-select input[type="text"]:focus:not([readonly]) {
  border: none !important;
}
.advanceSearchField .ng-select.focused:not(.opened) > .ng-control {
  border-bottom: 2px solid @color-base !important;
}

[type="checkbox"]:checked + label:before {
  border-color: transparent @color-base @color-base transparent !important;
}
.category-list .category-item:hover {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.category-list .dropdown .dropdown-menu .dropdown-item:hover,
.category-list .dropdown .dropdown-menu .dropdown-item:active {
  background: transparent;
  color: @color-base !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
/* Handle */
body *::-webkit-scrollbar-thumb {
  background: @color-base !important;
  border-radius: 5px;
}

.payment-type [id*="payment-type"]:before {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.payment-type-checkout.payment-type [id*="payment-type"]:before {
  display: none;
}
.payment-type [id*="payment-type"]:after {
  content: "";
  width: 31px;
  height: 19px;
  background-size: contain;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 10px;
}
.btn.btn-primary:hover,
.btn-sm.btn-primary,
.btn.btn-primary,
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn-sm.btn-primary:hover,
.btn-sm.btn-primary:active,
.btn-sm.btn-primary:focus {
  background: @color-base !important;
  color: #fff !important;
}
.pills-secondary .nav-item .nav-link.active,
.subcategoryActive,
.categoryActive .panel-title,
.categoryActive .panel-title:hover {
  background: @color-base !important;
}
.chooseBrand a {
  color: @label-color !important;
}
.chooseBrand a:hover,
.chooseBrand a:focus {
  color: @color-base !important;
  text-shadow: none !important;
}
.text-primary-highlight,
.quantity_delivery_time .classic-tabs.tabs-orange li a.active h3,
.quantity_delivery_time .classic-tabs.tabs-orange li a.active label,
.categoryActive {
  color: @color-base !important;
  border-color: @color-base !important;
}

.brand_show-all,
.product-detailjar .white li .nav-link:hover,
.product-detailjar .nav-item .nav-link.active,
.product-detailjar .subcategoryActive,
.quantity_delivery_time .classic-tabs.tabs-orange li a.active,
.product-checkout .tooltipcustom .classic-tabs.tabs-orange li a.active h3,
.product-checkout .tooltipcustom .classic-tabs.tabs-orange li a h3.check- {
  color: @color-base !important;
}

.cartScroll .cart-content {
  -ms-scrollbar-face-color: @color-base !important;
}
.card-body.sign-up .ng-select.focused:not(.opened) > .ng-control {
  border-bottom: 2px solid @color-base !important;
}
.signUpform .ng-select:focus .ng-select-container,
.signUpform .ng-select-opened .ng-select-container,
.signUpform .ng-select-focused .ng-select-container {
  border-bottom: 2px solid @color-base !important;
}
.customBoxshadow input[type="text"]:focus,
.advanplaceholder input[type="text"]:focus,
.deliveryCountry input[type="text"]:focus:not([readonly]) {
  box-shadow: none !important;
}

.ratingSection {
  i {
    color: @color-base;
  }
}

.join_order_button_color {
  color: @alert-color;
}

.join_order_button_bkgcolor {
  background: var(--alertColor) !important;
}
.join-order-section {
  .text-primary-highlight {
    color: @alert-color !important;
  }
  .progress {
    .progress-bar {
      background-color: @alert-color !important;
    }
  }
}
.stockProsec .text-primary-highlight,
.joinOrder .join_order_button_color,
.joinOrder .your_price_color {
  color: @alert-color !important;
}
.product-card .progress-bar,
.stockProsec .progress-bar,
.joinOrder .join_order_button_bkgcolor {
  background-color: @alert-color !important;
}
.quantity_delivery_time .classic-tabs.tabs-orange li a.active {
  border-color: @alert-color !important;
}
.flex-column .nav-item a {
  color: @label-color !important;
}

.advanplaceholder .ng-value span{
  color: @label-color !important;
}
.filtertag .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-label{
  color: red;
}