/*=============================================================*/
/*=======        Start SmartPan Layout Styles           =======*/
/*=============================================================*/
/*======= Top Menu =======*/

.page-header .header-top .btn-branches:hover {
    color: var(--theme-color);
}

.page-header .header-top .btn-branches i:last-child {
    color: var(--theme-color);
}

.page-header .header-top .btn-branches:hover i:last-child {
    background-color: var(--theme-color);
}

.top-menu .nav li a:hover, .top-menu .nav li a:focus {
   /* color: var(--theme-color);*/
}
/*======= Dropdown  =======*/
.top-menu .nav li.dropdown .dropdown-menu li a:hover,
.top-menu .nav li.dropdown .dropdown-menu li a:focus,
.top-menu .nav li.dropdown.open a {
    color: var(--theme-color) !important;
}
/*======= User Dropdown  =======*/
.top-menu .nav li.dropdown-user .dropdown-menu li a .badge {
    background-color: var(--theme-color);
}
/*=======        End SmartPan Top Menu         =======*/
/*=======        Start SmartPan Section Bar           =======*/
.section-bar .section-toolbar ul li .btn {
    color: var(--theme-color);
}
/*=======        End SmartPan Section Bar           =======*/
/*=======        Start SmartPan Page Fotter         =======*/
/*=======  General Styles  =======*/
.page-footer .page-footer-inner ul li a:hover,
.page-footer .page-footer-inner ul li a:focus {
    color: var(--theme-color);
}
/*=======  Newslatter Form   =======*/
.page-footer .page-footer-inner .form-group .input-group .input-group-text .btn {
    background-color: var(--theme-color);
}
/*=======  Footer Copyright  =======*/
.page-footer-copyright .page-footer-copyright-inner a:hover,
.page-footer-copyright .page-footer-copyright-inner a:focus {
    color: var(--theme-color);
}
/*=======  Scroll To Top  =======*/
.page-footer .scroll-to-top {
    background-color: var(--theme-color);
}
/*=======        End SmartPan Page Fotter          =======*/
/*=============================================================*/
/*=======         End SmartPan Layout Styles            =======*/
/*=============================================================*/

/*==========================================================*/
/*=======           Start SmartPan Buttons           =======*/
/*==========================================================*/
.btn-sp-default {
    background-color: var(--theme-color);
}
/*=======  System Buttons  =======*/
/*.btn-add-to-cart {
    background-color: var(--theme-color) !important;
}*/

.btn-add-wishlist {
    color: var(--theme-color) !important;
}
/*======================================================*/
/*=======          End SmartPan Buttons          =======*/
/*======================================================*/

/*=======================================================*/
/*=======           Start SmartPan Tabs           =======*/
/*=======================================================*/
.sp-tabs .tab-content .tab-pane .section-tabs-action .btn {
    background-color: var(--theme-color);
}

    .sp-tabs .tab-content .tab-pane .section-tabs-action .btn:hover {
        background-color: var(--theme-color);
    }
/*=======================================================*/
/*=======            End SmartPan Tabs            =======*/
/*=======================================================*/

/*==========================================================*/
/*=======           Start SmartPan Tooltip           =======*/
/*==========================================================*/
.tooltip .tooltip-inner {
    background-color: var(--theme-color);
}
/*==========================================================*/
/*=======            End SmartPan Tooltip            =======*/
/*==========================================================*/

/*========================================================*/
/*=======            Start SmartPan Box            =======*/
/*========================================================*/
/*=======  Box Map  =======*/
.sp-box.box-map .portlet-body:hover {
    border-color: var(--theme-color);
    color: var(--theme-color);
}
/*========================================================*/
/*=======             End SmartPan Box             =======*/
/*========================================================*/

/*=============================================================*/
/*=============      Start SmartPan Item Style      ===========*/
/*=============================================================*/
/*======================= Item Breadcrumb =======================*/
.item-container .item-details-container .item-content .page-breadcrumb li:hover a {
    color: var(--theme-color);
}

.item-container:hover .item-details-container .item-content a.item-name {
    color: var(--theme-color);
}

.item-container:hover .item-details-container .item-action {
    background-color: var(--theme-color);
}

    .item-container:hover .item-details-container .item-action:after {
        background-color: var(--theme-color);
    }

.item-container .item-details-container .item-action .item-count a {
    background-color: var(--theme-color);
}

    .item-container .item-details-container .item-action .item-count a:hover,
    .item-container .item-details-container .item-action .item-count a:focus,
    .item-container .item-details-container .item-action .item-count.open a {
        color: var(--theme-color) !important;
    }

.item-container .item-details-container .item-action .item-count .dropdown-menu li a:hover,
.item-container .item-details-container .item-action .item-count .dropdown-menu li a:focus {
    color: var(--theme-color) !important;
}
/*=============================================================*/
/*=============      End SmartPan Item Style      =============*/
/*=============================================================*/

.SidebarBody .MenuGallary .btn-add-to-cart {
    background-color: var(--theme-color);
}

/*=================================================================*/
/*=============     Start SmartPan Category Style     =============*/
/*=================================================================*/
.sp-category {
    background-color: var(--theme-color);
}
/*=================================================================*/
/*=============      End SmartPan Category Style      =============*/
/*=================================================================*/

/*=================================================================*/
/*=============      Start SmartPan Page Details      =============*/
/*=================================================================*/
.page-details .item-container .item-details-container .item-content .item-price {
    color: var(--theme-color) !important;
}

.page-details .item-container .item-details-container .item-action .btn-add-to-cart {
    background-color: var(--theme-color) !important;
}
  
    /*=================================================================*/
    /*=============       End SmartPan Page Details       =============*/
    /*=================================================================*/
    .ContainerHeaderMenu .itemMenu .filters li.active, .ContainerHeaderMenu .itemMenu .filters li:hover {
        border-bottom-color: var(--theme-color) !important;
        color: var(--theme-color) !important;
    }

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option:hover, .select2-container--default .select2-results__option:focus {
    background-color: var(--theme-color) !important;
}

.containerHomeScreen .BodyHomeScreen .headerHomeScreenLocaton a.NewCustomerBtn {
    background-color: var(--theme-color) !important;
}



.AddPromoCode,
.form-group label.BgFirstColor,
.form-group label .BgFirstColor,
.radio label.BgFirstColor,
.radio label .BgFirstColor,
.sp-switch input:checked + .slider:before,
.datepicker table thead tr,
.datepicker td.day.active,
.ContainerModal a.BgFirstColor,
.dtp div.dtp-date, .dtp div.dtp-time,
.dtp-buttons button.BgFirstColor,
.ActionCart button.cancelOrder,
label.container-checkbox2.ordersWatching span.checkmark,
.card-header button.BgFirstColor,
.textNotFoundResult h4 a,
.SidebarContainer .FormStyle button.BgFirstColor,
.FinishPrice .SidebarBody a.BgFirstColor,

.container-checkbox2 input:checked ~ .checkmark {
    background-color: var(--theme-color) !important;
}
.AddChoice.Remove .container-checkbox2 input:checked ~ .checkmark {
    background-color: #f00 !important;
}

.sp-switch input:checked + .slider,
.TraceOrder .SecTrace.active span,
.AdressOrder .TraceOrder .Line {
    background-color: var(--bg-them-color) !important;
}

    .sp-switch input:checked + .slider:before {
        -webkit-box-shadow: 0px 1px 3px 2px var(--bg-them-color);
        box-shadow: 0px 1px 3px 2px var(--bg-them-color);
    }

.collapseContainer .collapseBtn, .collapseContainer .collapseBtn:focus {
    background-color: var(--theme-color) !important;
}
.MenuGallary .gallery .gallery__item .content .footerContent .Count button, .MenuGallary .gallery .gallery__item .content .footerContent .Count button:focus, .Count button, .Count button:focus {
    background-color: var(--theme-color) !important;
}
.SidebarContainer.OfferDetails .SidebarFooter .AddToCart, .SidebarContainer.OfferDetailsformReorder .SidebarFooter .AddToCart, .SidebarContainer.AddedItem .SidebarFooter .AddToCart, .SidebarContainer.withfooter .SidebarFooter .AddToCart.BgFirstColor {
    background-color: var(--theme-color) !important;
}
/*.SidebarContainer .FormStyle button, .SidebarContainer .FormStyle button:focus, .ActionForm, .ActionForm:focus {
    background-color: var(--theme-color) !important;
}*/
.page-details .item-container .item-details-container .item-action .page-details-action .btn-add-wishlist.active {
    background-color: #fff;
     color: var(--theme-color) !important;
}

.item-container:hover .item-details-container .item-action {
    /*back/ground-color: transparent !important;*/
 /*   background-color: var(--theme-color) !important;*/

}


.item-container:hover {
    border: 1px solid var(--theme-color) !important;
}
.item-container:hover .item-container .item-details-container .item-action{
    background-color: var(--theme-color) !important;
}
.page-details > .item-container:hover .item-container .item-details-container .item-action {
    background-color:transparent !important;
}
.page-details > .item-container:hover {
    border: none !important;
}