﻿.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: #000;
        font-style: normal;
        font-weight: normal;
        line-height: 2;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 9px;
        text-decoration: none !important;
        min-width: 10px;
    }

    .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: #000;
        font-style: normal;
        font-weight: normal;
        line-height: 2;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 9px;
        text-decoration: none !important;
    }

.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 a.close {
    width: 19px;
    height: 18px;
    background: url("img/close.png") no-repeat transparent;
}

    .fix-dialog a.close:hover {
        background-position: 0 -18px;
    }

input[type=button].help {
    width: 19px;
    height: 18px;
    background: url('img/info.png') no-repeat transparent;
}

    input[type=button].help:hover:disabled {
        width: 19px;
        height: 18px;
        background: url('img/info.png') no-repeat transparent;
    }

    input[type=button].help:hover {
        background-position: 0 -18px;
    }

input[type=submit].check {
    width: 19px;
    height: 18px;
    background: url('img/right-arrow.png') no-repeat transparent;
}

    input[type=submit].check:hover:disabled {
        width: 19px;
        height: 18px;
        background: url('img/right-arrow.png') no-repeat transparent;
    }

    input[type=submit].check:hover {
        background-position: 0 -18px;
    }

.vin-help-dialog {
    margin-top: 85px;
    border: 10px solid #ff6600;
}

    .vin-help-dialog img {
        margin: 0 10px 0 10px;
        width: 192px;
    }

    .vin-help-dialog h4 {
        color: #ff6600;
    }

.vehicle-selector .actions {
    margin: 8px 0 8px 0;
}

.vehicle-selector .wait {
    background-image: url('img/ajax-loader.gif');
    width: 16px;
    height: 16px;
}

.dealer-locator .search-form {
    margin: 4px;
    width: 210px;
    height: 580px;
}

    .dealer-locator .search-form .field label {
        margin-bottom: 0;
        margin-top: 0;
    }

    .dealer-locator .search-form .field input[type=text] {
        width: 186px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .dealer-locator .search-form input[type=submit] {
        margin: 12px 0px 0px 10px;
    }

        .dealer-locator .search-form input[type=submit]:hover {
            background-position: 0px -24px;
        }

    .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;
}

.dealer-popup .content .wait {
    background-color: #000000;
}

.dealer-popup .content .dealer .actions a {
    margin: 0;
}

.vehicle-summary .wait {
    width: 16px;
    height: 16px;
    background: url("img/ajax-loader.gif") no-repeat transparent;
}

.packages a.details {
    width: 19px;
    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;
    margin: 0;
}

.package-details .price-line.selected {
    color: #ffffff;
}

.shopping-cart .items .item .remove {
    width: 19px;
    height: 18px;
    background: url("img/close.png") no-repeat transparent;
    margin: 0;
}

    .shopping-cart .items .item .remove:hover {
        background-position: 0 -18px;
    }

.shopping-cart .info {
    width: 19px;
    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 ul.dates li {
    border: 1px solid #a9a9a9;
}

.appointment-form footer .actions input[type=submit]:hover {
    background-position: 0px -24px;
}

.appointment-form footer .actions .wait {
    background-image: url('img/ajax-loader.gif');
    width: 16px;
    height: 16px;
    margin-top: 2px;
}

.confirmation footer button {
    font-size: 11px;
}

.btn-primary {
    color: #fff;
    background-color: #3072d3;
}

.banner {
    padding-left: 0px;
    padding-right: 0px;
}

.dealerLocatorSubTitle {
    font-size: 17px !important;
    font-family: "MINISerifBold", serif !important;
}

.button-section {
    background: none;
    border: none;
    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;
}
