﻿/*White Label Color Customizing Changes automexico_wl*/

.automexico_wl .progress-bar .is-active * {
    color: #f7941d !important;
    border-color: #f7941d !important;
}

.automexico_wl .select_box {
    border-radius: 10px;
}

.automexico_wl .progress-bar__circle {
    border-radius: 20px 20px 0px 20px;
}

.automexico_wl .progress-bar__indicator {
    background-color: #f7941d !important;
}

.automexico_wl .select_box:hover, .automexico_wl .select_box.active {
    background-color: #f7941d !important;
    border-color: #f7941d !important;
}

.automexico_wl .icon-info:before, .automexico_wl .icon-car2:before, .automexico_wl .icon-phone:before, .automexico_wl .icon-female:before, .automexico_wl .icon-pickup:before, .automexico_wl .icon-bike:before, .automexico_wl .icon-male:before, .automexico_wl .icon-man:before, .automexico_wl .icon-openmails:before {
    color: #f7941d !important;
}

.automexico_wl .PartnerLogos div label:hover, .automexico_wl .PartnerLogos div label.active {
    border-color: #f7941d !important;
}

.automexico_wl .SelectedLabel__list--year label:hover, .automexico_wl .SelectedLabel__list--year label.active {
    border-color: #f7941d !important;
    color: #f7941d !important;
}

.automexico_wl .SelectedLabel__list div > label:hover, .automexico_wl .SelectedLabel__list div > label.active {
    background-color: #ffe8e5 !important;
    cursor: pointer !important;
}

.automexico_wl .SelectedLabel__list__row:hover, .automexico_wl SelectedLabel__list__row.active, .automexico_wl .SelectedVehical__row:hover, .automexico_wl .SelectedVehical__row.active {
    cursor: pointer;
    background-color: #ffe8e5 !important;
}

.automexico_wl .checkboxes a {
    color: #f7941d !important;
}

.automexico_wl input[type=checkbox]:not(old):checked + label span:after, .automexico_wl input[type=radio]:not(old):checked + label span:after {
    background: #f7941d !important;
}

.automexico_wl .select_box:hover.pickup i::before, .automexico_wl .select_box.active.pickup i::before, .automexico_wl .select_box:hover.moto i::before, .automexico_wl .select_box.active.moto i::before {
    color: #fff !important;
}

.automexico_wl .select_box:hover.autosysuv i::before, .automexico_wl .select_box.active.autosysuv i::before {
    color: #fff !important;
}

.automexico_wl .select_box:hover.conductor i, .automexico_wl.select_box.active.conductor i, .automexico_wl .select_box.active.conductor i:before {
    color: #fff !important;
}

.automexico_wl .select_box:hover.conductora i, .automexico_wl .select_box.active.conductora i, .automexico_wl .select_box.active.conductora i:before {
    color: #fff !important;
}

.automexico_wl .select_box.selectPrivateLogo:hover, .automexico_wl .select_box.selectPrivateLogo.active {
    background-color: #fff !important;
    border-color: none !important;
}

.automexico_wl .select_box .private-logo {
    background: url('../../images/whitelabel/automexico/private-driver-icon-wl.png') center 0px no-repeat;
}

.automexico_wl .select_box:hover .private-logo, .automexico_wl .select_box.active .private-logo {
    background-position: center -122px;
}

.automexico_wl .scroll-top {
    border: 1px solid #f7941d !important;
    bottom: 85px !important;
}

.automexico_wl .icon-scroll-top-arrow:before {
    color: #f7941d !important;
}

.automexico_wl .section-wise h2 {
    color: #f7941d;
}

.automexico_wl .icon-call_me_back:before {
    color: #f7941d;
}

.automexico_wl .mainHeader__callmeback .button__blue {
    background-color: #f7941d;
}

.automexico_wl .otraslist .row .alphabet label a:visited, .automexico_wl .otraslist .row .alphabet label a:link, .automexico_wl .otraslist .row .alphabet label a:active {
    color: #f7941d;
}

.automexico_wl .ContactForm h1 {
    color: #f7941d;
}

.automexico_wl .card-box .skip, .aseguromiauto_wl .contactFormHeader .skip {
    background: #f7941d;
}

.automexico_wl .loader-bg .loader-box .loader {
    border-top: 5px solid #f7941d;
}

@media (max-width: 767px) {
    .automexico_wl .mainHeader__callmeback .button__blue.conbut {
        background-color: transparent;
        color: #f7941d;
    }

    .automexico_wl .scroll-top {        
        opacity:1;
    }

}

.automexico_wl .otraslist .alp_dets label:hover, .automexico_wl .otraslist .alp_dets label.active {
    background-color: #ffe8e5;
    border: 1px solid #ffe8e5;
}

.automexico_wl .otraslist .alp_dets .alpha-search:hover {
    background-color: #fff;
    border: none;
}

.automexico_wl .dialog {
    position: absolute;
}

.automexico_wl .mainHeader.partnerHeader {
    min-height: 100px;
    display: flex;
    padding: 20px 0px;
    margin-bottom: 20px;
}

.automexico_wl .mainHeader.partnerHeader .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.automexico_wl .mainHeader.partnerHeader .row .partnerHeader__logo img {
    max-width: 160px;
    width: 100%;
}

.automexico_wl .mainHeader.partnerHeader .row .rastreator__Logo img {
    max-width: 240px;
    width: 100%
}

.automexico_wl .partnerHeader .row:after {
    display: none !important;
}

@media (max-width: 767px) {
    .automexico_wl .mainHeader.partnerHeader {
        min-height: initial;
        display: flex;
        padding: 10px 0px;
        flex-wrap: wrap;
    }

    .automexico_wl .mainHeader.partnerHeader .row .partnerHeader__logo img {
        max-width: 120px;
    }

    .automexico_wl .mainHeader.partnerHeader .row .rastreator__Logo img {
        max-width: 190px;
    }
}

.automexico_wl .section-wise .postalCode__details {
    width: 330px;
}

.automexico_wl .section-wise .mainCj__Question h2 {
    color: #545454 !important;
}

.automexico_wl .section-wise h3 {
    color: #F7941D !important;
}