/*-----Common Style---------*/
a:hover {
    color: #c27ad3;
}

.pr-thumb-img tooltip tip {
    background: #c27ad3;
    color: rgba(255,255,255,0.8);
}

.pr-thumb-img tooltip._top:not(._left):not(._right) tip tip-arrow {
    border-top-color: #c27ad3;
}

@media (min-width: 992px) {
    #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a.nav-link {
        background: #947fee;
        background: -moz-linear-gradient(left, #947fee 0%, #c27ad3 50%, #f45ca1 100%);
        background: -webkit-linear-gradient(left, #947fee 0%,#c27ad3 50%,#f45ca1 100%);
        background: linear-gradient(to right, #947fee 0%,#c27ad3 50%,#f45ca1 100%);
        color: #ffffff;
        opacity: 1;
    }

        #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a.nav-link:hover, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a.nav-link:focus {
            background: #947fee;
            background: -moz-linear-gradient(left, #947fee 0%, #c27ad3 50%, #f45ca1 100%);
            background: -webkit-linear-gradient(left, #947fee 0%,#c27ad3 50%,#f45ca1 100%);
            background: linear-gradient(to right, #947fee 0%,#c27ad3 50%,#f45ca1 100%);
            color: #ffffff;
            opacity: 1;
        }

    #mainNav.navbar-light .navbar-collapse .navbar-sidenav li a.nav-link:hover, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li a.nav-link:focus {
        background: #495057;
        /*background: -moz-linear-gradient(left, #947fee 0%, #c27ad3 50%, #f45ca1 100%);
	background: -webkit-linear-gradient(left, #947fee 0%,#c27ad3 50%,#f45ca1 100%);
	background: linear-gradient(to right, #947fee 0%,#c27ad3 50%,#f45ca1 100%);*/
        color: #ffffff;
        opacity: .7;
    }
}

.theme-bg {
    background-color: #c27ad3;
}

.theme-cl {
    color: #c27ad3;
}

.br-theme {
    border-color: #c27ad3 !important;
}

.theme-btn, .theme-btn:hover, .theme-btn:focus {
    border: 1px solid #c27ad3 !important;
    background: #c27ad3;
    color: #ffffff !important;
}

.gredient-cl {
    background: #947fee;
    background: -moz-linear-gradient(left, #947fee 0%, #c27ad3 50%, #f45ca1 100%);
    background: -webkit-linear-gradient(left, #947fee 0%,#c27ad3 50%,#f45ca1 100%);
    background: linear-gradient(to right, #947fee 0%,#c27ad3 50%,#f45ca1 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

.gredient-bg {
    background: #947fee;
    background: -moz-linear-gradient(left, #947fee 0%, #c27ad3 50%, #f45ca1 100%);
    background: -webkit-linear-gradient(left, #947fee 0%,#c27ad3 50%,#f45ca1 100%);
    background: linear-gradient(to right, #947fee 0%,#c27ad3 50%,#f45ca1 100%);
}

.gredient-btn, .gredient-btn:hover, .gredient-btn:focus {
    color: #ffffff;
    border: none;
    background: #947fee !important;
    background: -moz-linear-gradient(left, #947fee 0%, #c27ad3 50%, #f45ca1 100%) !important;
    background: -webkit-linear-gradient(left, #947fee 0%,#c27ad3 50%,#f45ca1 100%) !important;
    background: linear-gradient(to right, #947fee 0%,#c27ad3 50%,#f45ca1 100%) !important;
}

/*=======================================
All Element Color
======================================*/
/*--------Team---------*/
.our-team:hover, .our-team:focus {
    border-color: #c27ad3;
}

/*-------- Pricing ---------*/
.pricingTable:hover {
    border: 2px solid #c27ad3;
}

.pricingTable .price-value i {
    color: #c27ad3;
}

.pricingTable .btn-block {
    background: #c27ad3;
}

.pricingTable:hover .btn-block {
    color: #c27ad3;
}

/*-------- Accordion ---------*/
.accordion-stylist .panel-title a:before, .accordion-stylist .panel-title a.collapsed:before {
    background: #c27ad3;
}

.accordion-stylist .panel-title a.collapsed:before {
    background: #f2f7fb;
    color: #b7cde4;
}

/*-------- Tab ---------*/
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a {
    background: #c27ad3;
}
/*-------- Ecommerce ---------*/
.uc_soft_product_box .uc_box_product .uc_product_col .uc_product_details .uc_view_cart a:hover {
    color: #c27ad3;
}
/*------ Checkbox & Radio Button --------*/
.custom-checkbox input[type="checkbox"]:checked + label:before {
    border-color: #c27ad3;
    background: #c27ad3;
}

.custom-radio [type="radio"]:checked + label:after,
.custom-radio [type="radio"]:not(:checked) + label:after {
    background:#4366b2;
}