/*
 *   Forms
 */

p label,
.labelCopy {
    font-family: 'MINISansSerif-Bold', sans-serif;
}

.stdForm p a {
    font-family: 'MINISerif-Regular', sans-serif;
    color: #0085AC;
}

.checkRadioHolder {
    font-family: 'MINISerif-Regular', serif;
}

    .checkRadioHolder.promoPrice .labelLineBreak {
        font-family: 'MINISerif-Bold', serif;
        color: #0085AC;
    }

    .checkRadioHolder .originalPrice {
        font-family: 'MINISerif-Regular', serif;
    }

    .checkRadioHolder:hover input ~ .checkmark,
    .checkRadioHolder input:checked ~ .checkmark,
    .checkRadioHolder:hover input ~ .radioMark,
    .checkRadioHolder input:checked ~ .radioMark {
        /* border: 1px solid #0085AC; */
    }

    .checkRadioHolder .checkmark:after {
        border: solid #0085AC;
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border-width: 0 1px 1px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .checkRadioHolder .radioMark:after {
        background-color: #0085AC;
    }

.toolTip {
    background: url("../../images/v2/icons/iconMiniStack.svg#InfoTip") no-repeat 0 0 transparent;
}

select {
    background-image: url('../../images/v2/icons/iconStackSmall.svg#ArrowDownBlue');
    background-repeat: no-repeat;
    font-size: 0.875rem;
    background-position: 110% 4%;
}

.filterType .opener:after {
    background: url('../../images/v2/icons/iconStackSmall.svg#ArrowDownBlue') 0 0 no-repeat transparent;
}

.filtersSection .filtersOpen {
    background: url('../../images/v2/icons/iconMiniStack_v2.svg#Filter') 100% 0 no-repeat transparent;
}

@media only screen and (min-width: 768px) {
    select {
        background-position: 110% 40%;
    }
}

.appointmentHead {
    background: url("../../images/v2/icons/iconStackSmall.svg#ArrowDownBlue") 100% -5px no-repeat transparent;
    width: 50%;
    margin-left: 10%;
    float: left;
    text-decoration: none;
}

    .appointmentHead.closed {
        background: url("../../images/v2/icons/iconStackSmall.svg#ArrowUpBlue") 100% -5px no-repeat transparent;
    }

.tipContent a {
    color: #0085AC;
}

.selectSize {
    font-family: 'MINISerif-Bold';
}

.use-address-entered em {
    color: #0085AC;
}


/*
 *   mandatory checkbox
 */
.mandatory-checkbox {
    border: 1px solid #262626;
}

    .mandatory-checkbox:checked {
        border: 1px solid #0085AC;
    }

        .mandatory-checkbox:checked:after {
            /*border: 1px solid #0085AC;*/
        }


/*
 *   Colours & fonts
 */

.progressBar li.active span:before {
    border: 1px solid #0085AC;
    background-color: #0085AC;
}

.progressBar li.active span:after {
    background-color: #0085AC;
}

.progressBar p {
    font-family: 'MINISansSerif-Regular', sans-serif;
    color: #949494;
}

.progressBar li.active p {
    font-family: 'MINISansSerif-Bold', sans-serif;
    color: #0085AC;
}

.alertArea {
    background-color: #0085AC;
}

.pageWrap .bmw-eprivacy .bmw-eprivacy-banner__container h2,
.pageWrap .bmw-eprivacy .bmw-eprivacy-banner__container h3,
.pageWrap .bmw-eprivacy .bmw-eprivacy-banner__container h4 {
    font-family: 'MINISerif-Bold', serif;
}

.pageWrap .bmw-eprivacy .bmw-eprivacy-banner__container a {
    font-family: 'MINISansSerif-Bold', sans-serif;
    color: #0085AC;
}

.title h2 {
    font-family: 'MINISerif-Bold', serif;
}

.defaultTabs li.current {
    border-bottom: 1px solid #0085AC;
}

.defaultTabs li a {
    font-family: 'MINISansSerif-Regular', sans-serif;
}

.defaultTabs li.current a:after {
    background-color: #0085AC;
}

#recommendedTabs #recommendedContentTab a.recommended-link {
    background: url("../../images/v2/icons/iconStackSmall.svg#ArrowDownBlue") 100% -5px no-repeat transparent;
    width: 100%;
    color: #0085AC;
}

    #recommendedTabs #recommendedContentTab a.recommended-link.closed {
        background: url("../../images/v2/icons/iconStackSmall.svg#ArrowUpBlue") 100% -5px no-repeat transparent;
        width: 100%;
        color: #0085AC;
    }

#recommendedTabs #moreContentTab a.more-link {
    background: url("../../images/v2/icons/iconStackSmall.svg#ArrowDownBlue") 100% -5px no-repeat transparent;
    width: 100%;
    color: #0085AC;
}

    #recommendedTabs #moreContentTab a.more-link.closed {
        background: url("../../images/v2/icons/iconStackSmall.svg#ArrowUpBlue") 100% -5px no-repeat transparent;
        width: 100%;
        color: #0085AC;
    }

.recommendedTabs p {
    text-align: center;
}

.recommendedTabs a {
    font-family: 'MINISansSerif-Bold', sans-serif;
    color: #0085AC;
}

.recommendedTabs .current a {
    color: #0085AC;
}

.pillTabs a {
    padding: 5px 10px;
}

.pillTabs .current a {
    border: 1px solid #0085AC;
    background-color: rgba(0, 133, 172, 0.05);
}

.vehicleSelect h3 {
    font-family: 'MINISerif-Bold', serif;
}

.vehicleSelectBox.selectedCar {
    border: 1px solid #0085AC;
}

.vehicleSelectBox h4 {
    font-family: 'MINISerif-Bold', serif;
}

.vehicleSelectBox li {
    font-family: 'MINISansSerif-Bold', sans-serif;
}

.vehicleSelectBox a {
    font-family: 'MINISansSerif-Regular', sans-serif;
    color: #0085AC;
    text-transform: uppercase;
}

.optionSelectBox h4 {
    font-family: 'MINISerif-Bold', serif;
}

.optionSelectBox h5 {
    font-family: 'MINISerif-Regular', serif;
}

.savedCarSwitch a.selected {
    border: 1px solid #0085AC;
    background-color: rgba(0, 133, 172, 0.05);
}

.bookingBox.titleBox.serviceItem.selected {
    border: 1px solid #0085AC;
    background-color: rgba(0, 133, 172, 0.05);
}

.recommendedModule .bookingBox.titleBox.serviceItem {
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
    border-top: 4px solid #0085AC;
}

.moreModule .bookingBox.titleBox.serviceItem {
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
}

    .moreModule .bookingBox.titleBox.serviceItem.serviceAll {
        background-color: #f3f6fb;
        text-align: center;
    }

        .moreModule .bookingBox.titleBox.serviceItem.serviceAll p {
            text-align: center;
        }

        .moreModule .bookingBox.titleBox.serviceItem.serviceAll a {
            text-decoration: none;
            font-weight: bold;
            color: #0085AC;
            font-size: 0.75em;
        }

#ServiceList .serviceListWrapper .minimise a {
    color: #0085AC;
}

.bookingBox.titleBox {
    border-top: 4px solid #0085AC;
}

.bookingBox.recall {
    border-top: 1px solid #0085AC;
    order: 1;
}

#seasonalCampaign.bookingBox {
    display: block !important;
    order: 2;
}

.bookingBox.unsureAboutYourNeedsTop {
    border-top: 1px solid #0085AC;
    order: 3;
}

.bookingBox.unsureAboutYourNeedsBottom {
    border-top: 1px solid #0085AC;
    order: 3;
}
.bookingBox h3,
.bookingBox p.appointmentDetails {
    font-family: 'MINISerif-Regular', serif;
}

.bookingBox.withCarousel h4,
.bookingBox.selectionSummaryBox h4 {
    font-family: 'MINISansSerif-Bold', sans-serif;
}

.selectionSummaryBox.selectedState {
    border: 1px solid #0085AC;
    background-color: rgba(0, 133, 172, 0.05);
}

.campaignActive p {
    font-size: 0.875rem;
}

.altNav p {
    font-size: 0.875rem;
}

.altNav a,
.navArrow,
.altNav label {
    font-family: 'MINISansSerif-Bold', sans-serif;
    font-size: 0.875rem;
    color: #0085AC;
}

.slotCarousel .dateChoose.promo {
    background-color: rgba(0, 133, 172, 0.05);
    border: 1px solid #0085AC;
}

.slotCarousel .dateChoose.selected,
.slotCarousel .dateChoose:hover {
    border: 1px solid #0085AC;
    background-color: #0085AC;
}

@media only screen and (min-width: 550px) {
    .slotCarousel .flickity-button.next {
        background: url("../../images/v2/icons/iconMiniStack.svg#ArrowRightBlue") 0 0 no-repeat transparent;
    }

    .slotCarousel .flickity-button.previous {
        background: url("../../images/v2/icons/iconMiniStack.svg#ArrowLeftBlue") 0 0 no-repeat transparent;
    }
}

.timeList .timeChoose.selected .appointment-time,
.timeList .timeChoose:hover .appointment-time {
    background-color: #0085AC;
}

.previousSection {
    background: url("../../images/v2/icons/iconMiniStack.svg#CircleArrowLeftBlue") 0 0 no-repeat transparent;
}

.nextSection {
    background: url("../../images/v2/icons/iconMiniStack.svg#CircleArrowRightBlue") 100% 0 no-repeat transparent;
}


/*
 *  basket values
 */

.basketItem .itemTitle a {
    color: #0085AC;
    font-family: 'MINISansSerif-Bold', sans-serif;
}

.termsAndSubmit .aprNote p a {
    color: #0085AC;
    font-family: 'MINISansSerif-Bold', sans-serif;
}

/*
 *   Confirmation Message - MINI
 */

/ .confirmationMessageContent .title {
    background: url(../../../images/union.png) 50% 62px no-repeat;
}

.confirmationMessageBox p {
    color: #262626;
    font-family: 'MINISansSerif-light', sans-serif;
}


.confirmationMessageBox li {
    color: #262626;
    font-family: 'MINISansSerif-Regular', sans-serif;
}

    .confirmationMessageBox li:before {
        background-color: #262626;
    }

.confirmationMessageBox a {
    color: #1C69D4;
    font-family: 'MINISansSerif-Bold', sans-serif;
}


@media only screen and (min-width: 768px) {

    .confirmationMessageBox p {
        color: #262626;
    }
}


/**Accordian MINI*/

.accordianItem h4.accordionToggle {
    font-family: 'MINISansSerif-Bold', sans-serif;
    font-size: 12px;
}

    /**
    card pricePanel
*/

    .pricePanel {
    color: #0085AC;
    font-family: 'MINISerif-Regular', sans-serif;
}

    .pricePanel span.listPrice {
        color: #0085AC;
        font-size: 1.625rem;
        line-height: 1.875rem;
    }

    .pricePanel span.originalPrice:after {
        top: 8px;
    }


.arrow {
    border: solid #0085AC;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

}


/*
 *   Tabs
 */

.defaultTabs li.current a:after {
    background-color: #0085AC;
}

.recommendedTabs a {
    font-family: 'MINISansSerif-Bold', sans-serif;
    color: #0085AC;
}

/**
    Core file updates 
*/

.vehicleSelectBox a {
    font-family: 'MINISansSerif-Bold', sans-serif;
    color: #0085AC;
}

.vehicleSelectionBox a {
    font-family: 'MINISansSerif-Bold', sans-serif;
    color: #0085AC;
}

/**
    Core file updates 
*/

.vehicleSelectBox a {
    font-family: 'MINISansSerif-Bold', sans-serif;
    color: #0085AC;
}

.vehicleSelectionBox a {
    font-family: 'MINISansSerif-Bold', sans-serif;
    color: #0085AC;
}

/**
*   Modal themes
*/

.modalInner h2,
.modalInner h3,
.modalInner h4,
.modalInner h5 {
    font-family: 'MINISerif-Bold', sans-serif;
}

.modalInner p {
    font-family: 'MINISerif-Regular', sans-serif;
}

.modalInner .modelActions a {
    color: #0085AC;
    font-family: 'MINISansSerif-Bold', sans-serif;
}

.modalClose {
    background: url("../../images/v2/icons/iconStack.svg#IconClose") 0 0 no-repeat #0085AC;
}

/** 
    Modal Form - Retail contact booking 
*
*/

.sent-callback-request {
    color: #0085AC;
}

/** 
    Jquery UI model override 
**/

.ui-dialog .ui-dialog-title {
    font-family: 'MINISansSerif-Light', sans-serif;
}

.ui-dialog .ui-dialog-title {
    font-family: 'MINISansSerif-Light', sans-serif;
}

.retailer-contact-info p {
    font-family: 'MINISansSerif-Regular', sans-serif;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: #0085AC;
    background: url("../../images/v2/icons/iconStack.svg#IconClose") 0 0 no-repeat #0085AC;
}

#sendCustomerDetailsToRetailer {
    background-color: #0085AC;
    font-family: 'MINISansSerif-Bold', sans-serif;
}

.ui-widget-content a {
    color: #0085AC;
}

/**
    yourSelection
*/

.yourSelection h4 {
    font-family: 'MINISanSerif-Regular', sans-serif;
    font-size: 12px;
    line-height: 14px;
}

.yourSelection p {
    font-family: 'MINISerif-Regular', sans-serif;
    font-size: 18px;
    line-height: 24px;
}

.yourSelection a {
    font-family: 'MINISanSerif-Regular', sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #0085AC;
}

.car-image-container {
    width: 90%;
}

.car-image-container img {
    display: block;
    width: 100%;
    height: auto;
}

.noPromotions {
    padding: 2em;
}

@media only screen and (max-width: 428px) {
    .progressBar {
        margin-top: 20px !important;
    }
}