﻿.card-header .accordion-toggle, .card-header .accordion-toggle.collapsed {
    text-decoration: none !important;
}

    .card-header .accordion-toggle:before {
        /* symbol for "opening" panels */
        font-family: 'FontAwesome';
        content: "\f078"; /* adjust as needed, taken from bootstrap.css */
        float: left; /* adjust as needed */
        /* adjust as needed */
        position: relative;
        margin-right: 10px;
        display: inline-block;
        color: #999;
        font-style: normal;
        font-weight: normal;
        line-height: 2;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 15px;
        text-decoration: none !important;
        margin-top: -5px;
        min-width: 15px;
    }

    .card-header .accordion-toggle.collapsed:before {
        /* symbol for "collapsed" panels */
        content: "\f054" !important; /* adjust as needed, taken from bootstrap.css */
        position: relative;
        margin-right: 10px;
        display: inline-block;
        color: #999;
        font-style: normal;
        font-weight: normal;
        line-height: 2;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 15px;
        text-decoration: none !important;
        margin-top: -5px;
    }

.wait {
    width: 56px;
    height: 56px;
    background-image: url(img/wait.gif);
    /* EVE trick to center wait spinner in the screen */
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%); /* Firefox */
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari and Chrome*/
    -o-transform: translate(-50%, -50%); /* Opera */
    transform: translate(-50%, -50%);
}

.fix-dialog {
    border-top: 2px outset #7F7F7F;
    border-left: 2px outset #7F7F7F;
    border-right: 3px outset #9F9F9F;
    border-bottom: 3px outset #9F9F9F;
    padding: 6px;
}

    .fix-dialog a.close {
        top: 5px;
        right: 5px;
        width: 18px;
        height: 18px;
        background: url("img/close.png") no-repeat transparent;
    }

        .fix-dialog a.close:hover {
            background-position: 0 -18px;
        }


input[type=button].help {
    width: 18px;
    height: 18px;
    background: url('img/info.png') no-repeat transparent;
}

    input[type=button].help:hover:disabled {
        width: 18px;
        height: 18px;
        background: url('img/info.png') no-repeat transparent;
    }

    input[type=button].help:hover {
        background-position: 0 -18px;
    }

input[type=submit].check {
    width: 18px;
    height: 18px;
    background: url('img/right-arrow.png') no-repeat transparent;
}

    input[type=submit].check:hover:disabled {
        width: 18px;
        height: 18px;
        background: url('img/right-arrow.png') no-repeat transparent;
    }

    input[type=submit].check:hover {
        background-position: 0 -18px;
    }

h2.communicative {
    line-height: 25px;
}

.vin-help-dialog {
    margin-top: 65px;
}

    .vin-help-dialog img {
        width: 214px;
    }

.vehicle-selector p {
    margin: 4px 0 4px 0;
}

.vehicle-selector .wait {
    background-image: url('img/ajax-loader.gif');
    width: 16px;
    height: 16px;
}

.dealer-locator .search-form {
    margin: 4px;
    width: 230px;
    height: 600px;
}

    .dealer-locator .search-form .field input[type=text] {
        width: 200px;
    }

    .dealer-locator .search-form .actions {
        margin: 12px 0px 0px 0px;
    }

        .dealer-locator .search-form .actions .wait {
            background-image: url('img/ajax-loader.gif');
            width: 16px;
            height: 16px;
        }

.dealer-locator #map-view {
    position: relative;
    margin: 5px 0 15px 0;
    /*
    top: 5px;
    left: 240px;
    right: 4px;
   
    */
    height: 600px;
}

.vehicle-summary .wait {
    width: 16px;
    height: 16px;
    background-image: url('img/ajax-loader.gif');
    margin-top: 4px;
}

.packages .header {
    margin-bottom: 4px;
}

.packages .title {
    margin-right: 24px;
}

.packages a.details {
    width: 18px;
    height: 18px;
    background: url("img/info.png") no-repeat transparent;
}

    .packages a.details:hover {
        background-position: 0 -18px;
    }

.packages .price-line a {
    width: 18px;
    height: 18px;
    background: url('img/plus.png') no-repeat 0 0;
}

.package-details .description h3 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.package-details .description li {
    line-height: 18px;
}

.package-details .footnote {
    font-size: 11px;
}

.package-details .price-line.selected {
    color: #34728a;
}

.shopping-cart .items .item .remove {
    width: 18px;
    height: 18px;
    background: url("img/close.png") no-repeat transparent;
}

    .shopping-cart .items .item .remove:hover {
        background-position: 0 -18px;
    }

.shopping-cart .info {
    width: 18px;
    height: 18px;
    background: url("img/info.png") no-repeat transparent;
}

    .shopping-cart .info:hover {
        background-position-y: -18px;
    }

.customer-form .form-container span.load {
    width: 16px;
    height: 16px;
    background: url("img/ajax-loader.gif") no-repeat transparent;
}

.appointment-form .form-container a.ui-state-active {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(../themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    color: #555555;
}

.appointment-form .form-container ul.dates li {
    border: 1px solid black;
}

.appointment-form footer .actions .wait {
    background-image: url('img/ajax-loader.gif');
    width: 16px;
    height: 16px;
    margin-top: 4px;
}

.btn-primary {
    color: #fff;
    background-color: #3072d3;
}

.banner {
    padding-left: 0px;
    padding-right: 0px;
}

.dealerLocatorSubTitle {
    font-size: 19px;
    font-family: "BMWMotorradType-Web-Bold", Arial, sans-serif !important;
}

.modelLabel {
    font-family: "BMWMotorradType-Web-Bold", Arial, sans-serif !important;
}

.button-section {
    background: none;
    border: none;
    text-transform: uppercase;
    margin: 0.2rem;
}

    .button-section:focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .button-section:focus-visible {
        outline: none;
    }

#inputGeography:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

#inputGeography:focus-visible {
    outline: none;
}

.btn-primary:focus {
    color: #000 !important;
}
