@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, .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{
    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,.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;
}

.mrpText {
	color: @color-base;
}
.cls-2{color: @color-base;}

.carousel-control-next, .carousel-control-prev{
    opacity: 1 !important;
}

.carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon{
    background-color: rgba(0,0,0,0.6);
    border-radius: 50% 50%;
}

.carousel .carousel-indicators li{
    border-color: #fff !important;
}