:root {
    --blue: #0047BB;
    --green: #64A520;
    --orange: #DC4300;
    --gray: #414648;
    --white: #ffffff;
    --black: 000000;
}

html, body {
    height: calc(100vh - 104px);
    min-height: calc(100vh - 104px);
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
}

body {
    /* display: flex;*/
    flex-direction: column;
}

.grecaptcha-badge {
    visibility: hidden;
}

.quote-rate-logo img {
    max-width: 200px;
    max-height: 70px;
}

#tbAddDriverFirstName::first-letter {
    text-transform: capitalize;
}

#tbAddDriverLastName::first-letter {
    text-transform: capitalize;
}

.clickable {
    cursor: pointer;
}

.thank-you-details, #thank-you-other-btn-text {
    font-size: 14px;
}

.questions-btn-container {
    padding-bottom: 10px;
}

textarea.form-control {
    font-size: 14px;
    border: 1px var(--green) solid;
}

/*.body-content {
    flex: 1 0 auto;
    margin-top: 100px;
    padding-bottom: 104px;
}*/
/*@media only screen and (min-device-width : 768px) and (max-device-width: 991) {
    .body-content {
        margin-top: 0px;
    }
}*/
.fa-chevron-circle-down {
    color: var(--green) !important;
    height: 15px;
}

.btn-v251 button,
.btn-v251 button {
    width: 100%;
    font-weight: 500;
    height: 58px;
    background-color: #f5fcff;
    border-color: var(--blue);
    border-radius: 10px !important;
}

.btn-v251:active button,
.btn-v251.active button {
    border-color: var(--green);
}

.btn-v251 button svg {
    fill: var(--blue);
}

.btn-v251:active button svg,
.btn-v251:focus button svg,
.btn-v251.active button svg {
    fill: var(--green);
}


input[type=checkbox] {
    transform: scale(1.5);
}

.description-14px span {
    font-size: 14px;
}

.doc-border {
    box-shadow: 0px 0px 2px #666;
    -webkit-box-shadow: 0px 0px 2px #666;
    -moz-box-shadow: 0px 0px 2px #666;
    border: 10px solid var(--white);
    margin-bottom: 5px;
}

.btnNext {
    background-color: var(--blue) !important;
    font-weight: normal !important;
    height: auto !important;
    border-radius: 8px !important;
    width: auto;
    color: white;
}

    .btnNext:hover {
        color: white;
    }

.btnSignaturePad {
    font-weight: normal !important;
    height: auto !important;
    border-radius: 8px !important;
    width: auto;
    color: white;
}
#to-questions-details {
    font-size: 24px;
    color: #2323ba;
    font-weight: bold; 
}

@media only screen and (min-width: 1200px) {
    .btnNext {
        margin-left: auto !important;
    }

    .btnSignaturePad {
        margin-left: auto !important;
    }

    .reqSign {
        text-align: center;
    }
}

@media only screen and (max-width: 1199px) {
    .btnNext {
        margin-left: auto;
        margin-right: auto;
    }

    .btnSignaturePad {
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 420px) {
    .totalSign, .reqSign {
        font-size: 11px;
    }

    .btnNext {
        font-size: 11px;
    }
}

.event-header {
    border: 1px solid rgba(0,0,0,.125);
    /*margin-bottom: 5px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: var(--white);
}

.card-header {
    border: 1px solid rgba(0,0,0,.125);
    margin-bottom: 10px;
}

.loading-text-1 {
    font-size: 18px;
    color: var(--green)
}

.footer {
    flex-shrink: 0;
}

@media only screen and (max-width: 992px) {
    /*.footer {
        display: none !important;
    }*/
}

.greenLine {
    margin-top: 99px;
}

.site-buttons {
    background-color: var(--blue);
    height: 50px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}

tr:hover {
    background-color: var(--blue);
    color: var(--white);
}

.container {
    max-width: 800px;
}

table {
    border-spacing: 0 !important;
    border-collapse: collapse !important;
}

.site-buttons:active, .site-buttons:hover, .site-buttons:focus {
    background-color: var(--blue) !important;
}

.dropdown-toggle, .checkbox-container {
    border: 1px var(--gray) solid;
}

.form-check {
    color: var(--blue);
}

.padding-left-10px {
    padding-left: 10px;
}

#carrierName {
    font-size: 14px;
}

.coverage-description, #liability-desc, #fullcoverage-desc {
    text-align: left !important;
    font-size: 14px !important;
}

.fun-facts-text1, .fun-facts-text {
    color: var(--blue);
}

.selectcoveragetext {
    /* font-size: 20px !important;*/
    text-align: center;
    font-weight: bold;
}

.rater-disclaimer, #rater-disclaimer {
    font-size: 9px !important;
    text-align: left;
}

.payment-plan-footer, #payment-plan-footer {
    font-size: 12px !important;
    text-align: left;
}

.loader {
    margin: 50px auto;
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@keyframes load5 {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #2670d2, 1.8em -1.8em 0 0em rgba(100,165,32, 0.2), 2.5em 0em 0 0em rgba(100,165,32, 0.2), 1.75em 1.75em 0 0em rgba(100,165,32, 0.2), 0em 2.5em 0 0em rgba(100,165,32, 0.2), -1.8em 1.8em 0 0em rgba(100,165,32, 0.2), -2.6em 0em 0 0em rgba(100,165,32, 0.5), -1.8em -1.8em 0 0em rgba(100,165,32, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(100,165,32, 0.7), 1.8em -1.8em 0 0em #2670d2, 2.5em 0em 0 0em rgba(100,165,32, 0.2), 1.75em 1.75em 0 0em rgba(100,165,32, 0.2), 0em 2.5em 0 0em rgba(100,165,32, 0.2), -1.8em 1.8em 0 0em rgba(100,165,32, 0.2), -2.6em 0em 0 0em rgba(100,165,32, 0.2), -1.8em -1.8em 0 0em rgba(100,165,32, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(100,165,32, 0.5), 1.8em -1.8em 0 0em rgba(100,165,32, 0.7), 2.5em 0em 0 0em #2670d2, 1.75em 1.75em 0 0em rgba(100,165,32, 0.2), 0em 2.5em 0 0em rgba(100,165,32, 0.2), -1.8em 1.8em 0 0em rgba(100,165,32, 0.2), -2.6em 0em 0 0em rgba(100,165,32, 0.2), -1.8em -1.8em 0 0em rgba(100,165,32, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(100,165,32, 0.2), 1.8em -1.8em 0 0em rgba(100,165,32, 0.5), 2.5em 0em 0 0em rgba(100,165,32, 0.7), 1.75em 1.75em 0 0em #2670d2, 0em 2.5em 0 0em rgba(100,165,32, 0.2), -1.8em 1.8em 0 0em rgba(100,165,32, 0.2), -2.6em 0em 0 0em rgba(100,165,32, 0.2), -1.8em -1.8em 0 0em rgba(100,165,32, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(100,165,32, 0.2), 1.8em -1.8em 0 0em rgba(100,165,32, 0.2), 2.5em 0em 0 0em rgba(100,165,32, 0.5), 1.75em 1.75em 0 0em rgba(100,165,32, 0.7), 0em 2.5em 0 0em #2670d2, -1.8em 1.8em 0 0em rgba(100,165,32, 0.2), -2.6em 0em 0 0em rgba(100,165,32, 0.2), -1.8em -1.8em 0 0em rgba(100,165,32, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(100,165,32, 0.2), 1.8em -1.8em 0 0em rgba(100,165,32, 0.2), 2.5em 0em 0 0em rgba(100,165,32, 0.2), 1.75em 1.75em 0 0em rgba(100,165,32, 0.5), 0em 2.5em 0 0em rgba(100,165,32, 0.7), -1.8em 1.8em 0 0em #2670d2, -2.6em 0em 0 0em rgba(100,165,32, 0.2), -1.8em -1.8em 0 0em rgba(100,165,32, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(100,165,32, 0.2), 1.8em -1.8em 0 0em rgba(100,165,32, 0.2), 2.5em 0em 0 0em rgba(100,165,32, 0.2), 1.75em 1.75em 0 0em rgba(100,165,32, 0.2), 0em 2.5em 0 0em rgba(100,165,32, 0.5), -1.8em 1.8em 0 0em rgba(100,165,32, 0.7), -2.6em 0em 0 0em #2670d2, -1.8em -1.8em 0 0em rgba(100,165,32, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(100,165,32, 0.2), 1.8em -1.8em 0 0em rgba(100,165,32, 0.2), 2.5em 0em 0 0em rgba(100,165,32, 0.2), 1.75em 1.75em 0 0em rgba(100,165,32, 0.2), 0em 2.5em 0 0em rgba(100,165,32, 0.2), -1.8em 1.8em 0 0em rgba(100,165,32, 0.5), -2.6em 0em 0 0em rgba(100,165,32, 0.7), -1.8em -1.8em 0 0em #2670d2;
    }
}

.freeway-logo {
    width: 240px;
}

.site-green {
    color: var(--green);
}

.site-blue {
    color: var(--blue);
}

.yes-qa-button,
.yes-qa-button-active,
.no-qa-button,
.no-qa-button-active {
    width: 34px !important;
    height: 34px !important;
}

.yes-qa-button {
    background-color: #ebebeb;
}

    .yes-qa-button:hover,
    .yes-qa-button:focus,
    .yes-qa-button:active,
    .yes-qa-button:active:focus,
    .yes-qa-button-active {
        color: var(--white) !important;
        background-color: var(--green) !important;
    }

.no-qa-button {
    background-color: #ebebeb;
}

    .no-qa-button:hover,
    .no-qa-button:focus,
    .no-qa-button:active,
    .no-qa-button:active:focus,
    .no-qa-button-active {
        color: var(--white) !important;
        background-color: var(--blue) !important;
    }


.home-section-header {
    font-weight: bold;
    font-size: 48px;
    max-width: 626px;
}

@media only screen and (max-width: 576px) {
    .home-section-header {
        font-size: 35px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1256px) {


    .quote-rate {
        font-size: 20px !important;
    }

    .quote-rate-logo img {
        max-width: 95% !important;
        height: 70% !important;
    }

    .quote-rate-logo-text {
        font-size: 18px !important;
    }
}

@media only screen and (max-width: 520px) {
    .quote-rate {
        font-size: 17px !important;
    }

    .quote-rate-logo img {
        width: 70% !important;
    }

    .quote-rate-logo-text {
        font-size: 18px !important;
    }
}

@media only screen and (max-width: 350px) {


    .quote-rate {
        font-size: 11px !important;
    }

    .quote-rate-logo img {
        width: 70% !important;
    }

    .quote-rate-logo-text {
        font-size: 18px !important;
    }
}

@media only screen and (min-width: 1488px) {
    .btnChk-details-container {
        width: auto;
    }

    .coverage-details-text {
        width: 100% !important;
    }
}

@media only screen and (min-width: 1255px) and (max-width: 1487px) {
    .btnChk-details-container {
        width: 290px;
    }
}

@media only screen and (min-width: 1150px) and (max-width: 1254px) {
    .btnChk-details-container {
        width: 250px;
    }

    #um-button-text {
        font-size: 15px !important;
        line-height: normal !important;
    }

    .foundDriver-buttons .btnAdd, .foundDriver-buttons .btnExclude, .foundDriver-buttons .btnDK {
        font-size: 13px !important;
    }

    .foundVehicle-buttons .vbtnAdd, .foundVehicle-buttons .vbtnExclude {
        font-size: 13px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1565px) {
    .quote-rate {
        font-size: 20px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1149px) {
    .btnChk-details-container {
        width: 218px;
    }

    #um-button-text {
        font-size: 13px !important;
        line-height: normal !important;
    }

    .foundDriver-buttons .btnAdd, .foundDriver-buttons .btnExclude, .foundDriver-buttons .btnDK {
        font-size: 10px !important;
    }

    .foundVehicle-buttons .vbtnAdd, .foundVehicle-buttons .vbtnExclude {
        font-size: 10px !important;
    }
}

@media only screen and (min-width: 500px) and (max-width: 991px) {
    .btnChk-details-container {
        width: auto;
    }

    .coverage-details-text {
        width: 100% !important;
    }
}

@media only screen and (min-width: 368px) and (max-width: 499px) {
    .btnChk-details-container {
        width: 290px;
    }

    #um-button-text {
        font-size: 15px !important;
        line-height: normal !important;
    }

    .foundDriver-buttons .btnAdd, .foundDriver-buttons .btnExclude, .foundDriver-buttons .btnDK {
        font-size: 12px !important;
    }

    .foundVehicle-buttons .vbtnAdd, .foundVehicle-buttons .vbtnExclude {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 367px) {
    .btnChk-details-container {
        width: 190px;
    }
}

@media only screen and (min-width: 2000px) {
    .buy-now-button-agent, .buy-now-button {
        font-size: 16px !important;
    }
}




.remove-padding-lr {
    padding-left: 0px;
    padding-right: 0px;
}

.rounded-corners-4 {
    border-radius: 4px !important;
    border: solid 2px var(--blue);
}

.rounded-corners-2 {
    border-radius: .50rem !important;
    border: solid 1px var(--blue);
}

.rounded-corners-1 {
    border-radius: .50rem .0rem .0rem .50rem !important;
    border: solid 0px var(--white);
}

#go-back-link, #go-back-to-quotes-link {
    color: var(--blue) !important;
    cursor: pointer;
    font-size: small;
}

.go-back-link a, .go-back-link {
    text-decoration: none !important;
    color: var(--blue) !important;
    font-size: small;
    cursor: pointer;
}

#reset, #prereset {
    cursor: pointer;
}

.custom-container-978 {
    max-width: 978px;
    height: auto; /*539px !important;*/
}

#coveragedropdownMenuButton {
    width: 50vw;
    max-width: 50vw; /* Set max-width to 50% of the viewport width */
}


@media screen and (max-width: 425px) {
    #spCoverageTitle {
        font-size: 2.5vw;
    }

    .selected-coverage .custom-button img {
        width: 10vw;
        height: 10vw;
    }
}

@media screen and (max-width: 425px) {
    .main-section {
        margin-top: 0px;
    }

    .custom-container-978 {
        padding-top: 0px !important;
    }

    #customer-information {
        padding-top: 0px !important;
        margin-top: 0px;
    }

    .your-quote-text-col {
        display: none;
    }

    .event-header {
        font-size: smaller;
    }
}

@media screen and (max-width: 991px) {
    .footer-legal {
        text-align: center;
    }

    a#bbblink {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.disclosure span {
    font-size: 10px;
}

hr {
    border: 1px solid #d6d6d6;
}

.custom-checkbox input {
    height: 100px;
    width: 30px;
    border: 1px solid var(--blue);
}

.update-section-icon-off {
    font-size: 24px;
    color: #e6e6e6;
}

.update-section-icon-on {
    font-size: 18px;
    color: var(--green);
    white-space: nowrap;
    margin-top: 6px;
}

.start-over-container {
    margin-left: 10px;
    flex-wrap: nowrap;
}

.update-section-title {
    font-size: 17px;
    color: var(--gray);
    font-weight: bold;
    text-wrap: none;
}

input::placeholder {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #c0c0c0 !important;
}

input {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #171d44 !important;
}

    input:not(:placeholder-shown) {
        border-color: var(--green);
    }

.form-field-check {
    position: absolute;
    right: 30px;
    top: calc(50% - 0.5em);
    color: var(--green);
}

.checkbox {
    width: 38px;
    height: 38px;
    background: transparent url(../../assets/img/form-elements/checkbox-unchecked.png) no-repeat 25% 55%;
    border: 0;
}

.checked {
    background: transparent url(../../assets/img/form-elements/checkbox-checked.png) no-repeat 25% 55%;
    border: none;
}


p {
    font-size: 14px;
}

.yes-buttons {
    font-size: 20px;
    font-weight: bolder !important;
    color: var(--blue);
    border-radius: 8px;
    width: 100%;
    height: 44px;
}

.add-additional-vehicle-text {
    font-size: 16px;
    font-weight: bolder !important;
    color: var(--blue);
    border-radius: 8px;
    width: 100%;
    height: 44px;
    margin-right: 14px;
}


.prefill-buttons {
    font-size: 16px;
    font-weight: bolder !important;
    color: var(--blue);
    border-radius: 8px;
    width: 130px;
    height: 44px;
    border-style: solid;
    border-color: #bdbdbd;
    transition-duration: 0.4s;
}

    .prefill-buttons:focus {
        background-color: var(--blue);
        color: white
    }

    .prefill-buttons:hover {
        background-color: var(--blue);
        color: white
    }



.cancel-buttons {
    font-size: 16px;
    font-weight: bolder !important;
    color: var(--blue);
    border: 1px solid var(--blue);
    border-radius: 10px;
    width: 25%;
    height: 44px;
}

.error-msg {
    font-size: 14px;
}

.error-msg-red {
    font-size: 14px;
    color: red;
}

.edit-icon {
    color: #000;
    height: 18px;
    width: 18px;
}

.edit-icon-new {
    height: 18px;
    width: 18px;
}

.info-section-text {
    font-weight: 400;
}

.gender-buttons, .marital-buttons, .incidents-buttons, .coverage-buttons {
    width: 100%;
}

    .gender-buttons button, .marital-buttons button, .incidents-buttons button {
        font-weight: 500;
        height: 58px;
        background-color: #f5fcff;
        border-color: var(--blue);
        border-radius: 10px !important;
    }

    .gender-buttons .prior-insurance-button {
        font-weight: 500;
        height: auto !important;
        background-color: #f5fcff;
        border-color: var(--blue);
        border-radius: 10px !important;
    }

    .coverage-buttons button {
        font-weight: 500;
        height: 75px;
        background-color: #f5fcff;
        border-color: var(--blue);
        border-radius: 10px !important;
    }

    .gender-buttons button span, .marital-buttons button span {
        font-weight: 500;
        font-size: 16px;
        color: var(--blue);
    }

    .gender-buttons button:focus, .marital-buttons button:focus, .incidents-buttons button:focus, .coverage-buttons button:focus {
        border: 1px solid var(--green);
        color: var(--green);
    }

.custom-checkboxes {
    background-color: var(--blue);
    width: 50px;
    height: 58px;
    margin-right: -14px;
    margin-top: -19px;
    margin-bottom: -19px;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
}

.custom-checkboxes-coverage {
    background-color: var(--blue);
    width: 50px;
    height: 90px;
    margin-right: -14px;
    margin-top: -18px;
    margin-bottom: -19px;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
}

.coverage-buttons button {
    font-weight: 800;
    height: 90px;
    border: 1px solid var(--blue);
}

    .coverage-buttons button span {
        font-weight: 500;
        font-size: 16px;
        color: var(--blue);
        z-index: 1;
    }

/*.coverage-buttons button:focus {
        border: 1px solid var(--green);
        color: var(--green);
    }*/

.custom-checkboxes-dec {
    background-color: var(--blue);
    width: 50px;
    height: 58px;
    margin-top: -19px;
    margin-bottom: -19px;
}

/*@media (min-width: 300px) {
    .custom-checkboxes-dec {
        margin-right: -90px;
    }
}

@media (min-width: 576px) {
    .custom-checkboxes-dec {
        margin-right: -275px;
    }
}

@media (min-width: 768px) {
    .custom-checkboxes-dec {
        margin-right: -275px;
    }
}

@media (min-width: 992px) {
    .custom-checkboxes-dec {
        margin-right: -289px;
    }
}

@media (min-width: 1200px) {
    .custom-checkboxes-dec {
        margin-right: 0px;
    }
}*/

#callagent-desktop {
    display: block;
}

#callagent-mobile {
    display: none;
}

.showEdit {
    display: block;
}

.dontshowEdit {
    display: none;
}

.best-rate-text-col {
    padding-left: 0px;
    padding-bottom: 20px;
}

.your-quote-text-col {
    padding: 0px;
}

@media only screen and (max-width: 450px) {
    /*#callagent-mobile {
        display: block;
    }*/

    #footer-road {
        display: none !important;
    }

    #discounts {
        height: 120% !important;
    }

    .best-rate-text-col {
        padding: 5px;
    }

        .best-rate-text-col h1 {
            font-size: 16px !important;
        }

    .your-quote-text-col {
        padding: 5px;
    }
}

@media only screen and (max-width: 425px) {
    /*#callagent-desktop {
        display: none;
    }*/
}

.yes-no-innertext-button {
    margin-left: 35px;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
    text-transform: none;
}

@media only screen and (max-width: 400px) {
    .incidents-button-on {
        font-size: 14px !important;
        text-transform: uppercase;
    }
}

.incidents-button {
    font-size: 20px;
}

.incidents-button-off {
    color: var(--blue) !important;
    background-color: var(--white);
}

.incidents-button-on {
    color: var(--white) !important;
    background-color: #f5fcff !important;
}

.major-minor-incidents-number {
    font-size: 27px;
}

#major-incidents-button {
    margin-bottom: 13px;
    padding-bottom: 0px;
    padding-top: 0px;
}

@media only screen and (max-width: 425px) {
    #office-locations-left {
        display: none !important;
    }
}

#office-locations-left {
    display: none !important;
}

.sidebar-item-offices {
    position: fixed;
    width: 300px;
    height: 100%;
    left: 5px;
}

.sidebar-item {
    position: fixed;
    top: 30%;
    width: 300px;
    height: 100%;
    right: 0px;
}

.side-bar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.drivers-summary-section-labels {
    font-weight: normal;
    color: var(--gray);
}

.vehicle-make-text {
    font-weight: 500;
    font-size: 18px;
}

.vehicle-prefill-buttons {
    font-size: 16px;
    border-radius: 8px;
    border-color: #d8d8d8;
    width: 100%;
}

.liability-only-text {
    font-weight: normal;
    color: var(--gray);
}

.drivers-summary-section-values {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.drivers-summary-section-incidents {
    background-color: #d4ecf8;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    padding: 8px;
    border-radius: 10px;
    width: fit-content;
    width: -moz-fit-content;
    margin-top: 10px;
}

.driver-icon img {
    height: 35px !important;
    margin: 6px;
}

.add-driver-vehicle {
    font-size: 18px;
}

.driver-name, .section-step {
    color: var(--gray);
    font-weight: bold;
    font-size: 18px;
    overflow: hidden;
}

.section-step {
    font-size: 18px !important;
}


.remove-driver-name {
    overflow: hidden;
}

.driver-birthday {
    color: var(--gray);
    font-size: 14px;
    font-weight: normal;
}



.house-drivers-summary-section {
    border: 1px solid var(--green);
    font-size: 14px;
    font-weight: 500;
    padding: 8px;
    border-radius: 10px;
    width: 100%;
}

.vehicle-summary-section {
    border: 1px solid var(--green);
    font-size: 14px;
    font-weight: 500;
    padding: 8px;
    border-radius: 10px;
}

.gender-icons {
    font-size: 28px;
    font-weight: 600;
    color: var(--blue);
}

.car-icons {
    font-size: 28px;
    font-weight: 600;
    color: var(--blue);
}

.help-icon {
    font-size: 17px;
    color: #009fc6;
    font-weight: normal;
}

.buy-call-to-action-button {
    color: var(--blue);
    margin-bottom: 13px;
}

.liability-coverage-minimum {
    background-color: #f0f4fc;
    border: solid 1px var(--green);
}

.liability-coverage-better {
    background-color: var(--blue);
    color: var(--white);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    height: 22px;
}

.liability-coverage-best {
    background-color: var(--green);
    color: var(--white);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    height: 22px;
}

.understanding-coverage-item-title {
    color: #171d44;
    font-size: 16px;
    font-weight: 700;
}

.understanding-coverage-section-title {
    color: var(--blue);
    font-size: 18px;
    font-weight: 700;
}

.address-icon {
    width: 60px;
    text-align: center;
}

.edit-link {
    font-size: 12px;
    color: var(--blue);
    width: 70px;
}

.update-license-number-container .back-link,
.household-driver-verification-container .edit-link,
.pre-fill-driver-summary-container .edit-link,
.household-driver-verification-container .remove-link,
.excluded-driver-add-verification-container .remove-link,
.vehicle-information-review .edit-link,
a.back-link, a.back-link:hover,
.back-link {
    color: var(--blue);
    font-size: 12px;
    cursor: pointer;
}

#HouseHoldDriverVerificationScreen .edit-link {
    padding-left: 5px;
}

.update-license-number-container #ddlDLState.form-control.is-valid,
.update-license-number-container #ddlDLState.form-control.is-invalid,
.update-vehicle-vin-number-container #txtLeinHolderState.form-control.is-valid,
.update-vehicle-vin-number-container #txtLeinHolderState.form-control.is-invalid,
.excluded-driver-verification-container #excluded_relationshipAdd.form-control.is-invalid,
.excluded-driver-verification-container #excluded_gender.form-control.is-invalid,
.excluded-driver-verification-container #excluded_relationshipAdd.form-control.is-valid,
.excluded-driver-verification-container #excluded_gender.form-control.is-valid,
.found-Vehicle-add-exclude-container .vUsage.form-control.is-valid,
.found-Vehicle-add-exclude-container .vUsage.form-control.is-invalid,
.found-Vehicle-add-exclude-container .vAnnualMiles.form-control.is-valid,
.found-Vehicle-add-exclude-container .vAnnualMiles.form-control.is-invalid,
.pre-fill-add-driver-container .dlState.form-control.is-valid,
.pre-fill-add-driver-container .dlState.form-control.is-invalid,
.pre-fill-add-driver-container .dGender.form-control.is-valid,
.pre-fill-add-driver-container .dGender.form-control.is-invalid,
.pre-fill-add-driver-container .dGenderExc.form-control.is-valid,
.pre-fill-add-driver-container .dGenderExc.form-control.is-invalid,
.pre-fill-add-driver-container .dMaritalStatus.form-control.is-valid,
.pre-fill-add-driver-container .dMaritalStatus.form-control.is-invalid,
.pre-fill-add-driver-container .dReApplicant.form-control.is-valid,
.pre-fill-add-driver-container .dReApplicant.form-control.is-invalid,
.pre-fill-exclude-driver-container .dReApplicantExc.form-control.is-valid,
.pre-fill-exclude-driver-container .dReApplicantExc.form-control.is-invalid,
.pre-fill-exclude-driver-container .dGenderExc.form-control.is-valid,
.pre-fill-exclude-driver-container .dGenderExc.form-control.is-invalid,
.potential-vehicle-container #vUsage.form-control.is-valid,
.potential-vehicle-container #vUsage.form-control.is-invalid,
.potential-vehicle-container #vAnnualMiles.form-control.is-valid,
.potential-vehicle-container #vAnnualMiles.form-control.is-invalid,
.mailing-address-container #ddlMailingState.form-control.is-valid,
.mailing-address-container #ddlMailingState.form-control.is-invalid {
    background-position: right 20px center !important;
}

.info-line {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

#vin-error-emssage, #license-permit-error-emssage {
    padding-left: 10px;
}

.edit-link-mobile {
    font-size: 12px;
    color: var(--blue);
    width: 70px;
}


#driverVerification #frmContractDetails,
#vehicleVerification #frmContractDetails {
    width: 604px;
    padding: 0 15px;
}

#driverVerification .desktop-form-contacts,
#vehicleVerification .desktop-form-contacts {
    max-width: 100%;
}

.select2 {
    width: 100% !important;
}

.select2-selection {
    overflow: hidden;
}

.select2-selection__rendered {
    white-space: normal;
    word-break: break-all;
}

.contact-labels {
    font-size: 14px;
    margin-left: 8px;
    position: absolute;
    margin-top: -10px;
    background-color: var(--white);
    padding-left: 5px;
    padding-right: 5px;
}

.contact-labels-2 {
    margin-left: -100px;
    margin-top: -10px;
    background-color: var(--white);
    padding-left: 5px;
    padding-right: 5px;
}

.contact-labels-3 {
    margin-left: -223px;
    margin-top: -10px;
    background-color: var(--white);
    padding-left: 5px;
    padding-right: 5px;
}

.continue-button {
    font-size: 16px;
    font-weight: bold;
    color: var(--white) !important;
    background-color: var(--orange);
    width: 120px;
    border-radius: 8px;
    margin-left: auto;
    float: right !important;
}

.continue-on-drivers-on-policy .continue-button {
    font-size: 16px;
    font-weight: bold;
    color: var(--white) !important;
    background-color: var(--orange);
    width: 130px;
    border-radius: 8px;
    margin-left: auto;
    margin-right: 10px;
    float: right !important;
}

.close-on-vehicle {
    background-color: var(--blue) !important;
    font-size: 16px;
    font-weight: bold;
    color: var(--white) !important;
    width: 120px;
    border-radius: 8px;
}

.close-on-driver {
    background-color: var(--blue) !important;
    font-size: 16px;
    font-weight: bold;
    color: var(--white) !important;
}

.continue-on-drivers-on-policy {
    font-size: 16px;
    font-weight: bold;
    color: var(--white) !important;
    background-color: var(--orange);
    width: 130px;
    border-radius: 8px;
    margin-left: auto;
    margin-right: 15px;
    float: right !important;
}

.cancel-button {
    font-size: 16px;
    font-weight: bold;
    border-color: var(--blue) !important;
    background-color: var(--white);
    width: 120px;
    border-radius: 8px;
    margin-left: auto;
    float: left !important;
}

.customer-login-button {
    font-size: 16px;
    font-weight: bold;
    color: var(--white) !important;
    background-color: var(--orange);
    width: 140px;
    border-radius: 8px;
    margin-left: auto;
    float: right !important;
}

.show-quotes-button {
    font-size: 16px;
    font-weight: bold;
    color: var(--white) !important;
    background-color: var(--orange);
    width: 170px;
    border-radius: 8px;
    margin-left: auto;
    float: right !important;
    margin-right: 14px;
}

.buy-now-button, .buy-now-button-agent {
    font-size: 16px;
    font-weight: bolder;
    color: var(--white) !important;
    background-color: var(--green);
    max-width: 190px;
    width: 170px;
    height: 44px;
    border-radius: 5px;
    white-space: nowrap;
}

#broker-call-now, #call-now {
    font-size: 16px;
    font-weight: bolder;
    color: var(--white) !important;
    background-color: var(--blue);
    max-width: 190px;
    width: 170px;
    height: 44px;
    border-radius: 5px;
    border-color: var(--blue);
    white-space: nowrap;
}

.rerate-buy-now-button {
    font-size: 16px;
    font-weight: bolder;
    color: var(--white) !important;
    background-color: var(--orange);
    max-width: 190px;
    width: 170px;
    height: 44px;
    border-radius: 5px;
    border-color: var(--blue);
    white-space: nowrap;
}



.call-agent-button {
    font-size: 16px;
    font-weight: bolder;
    color: white;
    background-color: var(--orange);
    max-width: 190px;
    width: 170px;
    height: 44px;
    border-radius: 5px;
}

.btn-call-buy {
    border: 1px solid var(--green);
    border-radius: 10px;
}

.call-agent-button img {
    margin-right: 10px;
}

.quote-rate-logo img {
    max-width: 200px;
    max-height: 70px;
}

.quote-rate-logo-text {
    font-size: 20px;
}

.quote-rate-logo-rerate img {
    max-width: 150px;
}

.quote-rate-logo-text-rerate {
    font-size: 16px;
}

.rerate_view_more {
    color: var(--blue);
    font-size: 15px;
}

.rerate-quotes-message {
    color: var(--blue);
    font-size: 14px;
}

.quote-rate {
    font-size: 32px;
    font-weight: 800;
}

.section-main-header {
    font-size: 20px;
    color: var(--blue);
    font-weight: 700;
}

.unable-to-rate {
    font-size: 20px;
    font-weight: 700;
}

.prefill-text {
    font-size: 15px;
}

.section-main-title2 {
    font-size: 20px;
    font-weight: 700;
    color: var(--blue);
}

#your-quote, #summary-of-coverage {
    /*display: none;*/
}

.go-back {
    color: var(--blue) !important;
    font-size: 14px;
}

[data-aos^=fade][data-aos^=fade] {
    opacity: .00;
    transition-property: opacity,transform;
}



.side-panel-section {
    padding: 0px !important;
}

.nav-tabs-extended {
    width: 100%;
    border-bottom: 1px solid #44be00;
}

.nav-link-extended {
    width: 225px;
    height: 110px;
}

.tab-content-extended {
    width: 100%;
    border: 1px solid #004AB8;
    border-radius: 10px;
}

.section-main-title {
    font-size: 28px;
    font-family: 'Oswald';
    letter-spacing: 2px;
    color: var(--green);
}

span.spinner-border.custom-spinner.text-primary.end-0.top-50.translate-middle-y {
    color: blue !important;
}

/* Adjust the position of the loading spinner */
.loading-spinnner-on-side {
    position: relative;
}

.custom-spinner {
    width: 1.5rem; /* Adjust the width as needed */
    height: 1.5rem; /* Adjust the height as needed */
}

.loading-z-index {
    z-index: 3;
}

.loading-section {
    z-index: 4;
    left: 15px;
    background: white;
    top: 6px;
    font-weight: 500;
    width: 60%;
}
/* Adjust the padding of the dropdown button to make space for the spinner */
.form-select1 {
    padding-right: 2.5rem; /* Adjust as needed */
}

.footer {
    display: block;
    margin-top: 30px;
    background-color: var(--blue);
    color: var(--white);
}

.footer-terms {
    display: block;
}

@media only screen and (min-width: 1000px) {
    .footer-year, .footer-disclosure {
        text-align: left;
    }

    a#bbblink.ruhzbus {
        float: right
    }
}

@media only screen and (min-width: 992px) {
    .footer-terms {
        text-align: right;
    }

    a#bbblink.ruhzbus {
        float: right;
    }
}

.footer-container {
    max-width: 1040px !important;
    display: block;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

.footer-text {
    font-size: 13px;
    font-family: 'Open Sans';
}

    .footer-text span {
        font-size: 13px !important;
    }

.footer-legal {
    font-size: 13px;
    font-family: 'Open Sans' !important;
}

.footerImg img {
    height: 45px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.internal-page__content {
    line-height: 1.38;
    margin-top: 70px;
    padding-bottom: 50px;
}

.affiliated-table {
    margin-top: 30px;
    border-collapse: collapse;
    width: 100%;
}

table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    border-spacing: 2px;
    border-color: grey;
}

.affiliated-table tbody td:first-of-type {
    color: #00aa1d;
}

.affiliated-table thead th {
    border: 1px solid #ced4da;
    background-color: #0047b8;
    font-size: 14px;
    color: var(--white);
    text-align: left;
    padding: 10px 15px;
}
/*BootStrap validation color correction*/
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: var(--green);
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");*/
    box-shadow: none;
}

.nav-bg {
    background-color: white !important;
    padding: 0px;
    position: static;
    box-shadow: 0 0.225rem 0.25rem rgba(0,0,0,.065) !important;
}

.site-footer-links {
    margin-top: 37px;
}

@media (max-width: 991px) {
    .site-footer-links {
        margin-top: 0px;
    }
}

@media (max-width: 575px) {
    .btn-option-position {
        text-align: center;
    }
}

@media (min-width: 576px) {
    .btn-option-position {
        text-align: right;
    }

    .btn-yes-size, .btn-no-size {
        width: 35px;
        text-align: center;
        float: right;
    }
}

.btn-yes-size, .btn-no-size {
    width: 35px;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 0.5 !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.navbar-container {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

    .navbar-container.container {
        max-width: 1040px !important;
    }

@media only screen and (min-width: 1000px) {
    .navbar-container {
        padding: 18px 20px;
        background-color: white;
        box-shadow: calc((1000px - 100vw)/ 2) 0 0 0 white,calc((100vw - 1000px)/ 2) 0 0 0 white;
    }

    .freeway-logo {
        width: 240px !important;
    }
}


.freeway-logo {
    width: 140px;
}


.phone-icon {
    height: 35px;
    margin-top: 3px;
}

.service-phone {
    display: flex;
    margin-left: 10px;
}

.service-phone_label {
    margin-bottom: 0px;
    font-size: 12px;
    color: white;
}

.service-phone_number {
    font-size: 24px;
    margin: 0;
    line-height: .8;
    font-weight: 600 !important;
}

.office-location {
    display: flex;
    margin-left: 10px;
}

.office-location_label {
    margin-bottom: 0px;
    font-size: 12px;
    color: white;
}

.office-location_number {
    font-size: 24px;
    margin: 0;
    line-height: .8;
    font-weight: 600 !important;
}


.navbar-brand-logo {
    padding: 0px;
}

.service-phone_group {
    margin-left: 10px;
}

.search-widget-desktop {
    width: 190px;
    margin-left: 30px;
}

.search-widget-mobile {
    width: 100%;
    padding: 15px;
}

.search-widget-desktop__form, .search-widget-mobile__form {
    position: relative;
}

.search-widget-desktop__label, .search-widget-mobile__label {
    display: block;
    width: 100%;
}

.search-widget-desktop__input, .search-widget-mobile__input {
    background-color: transparent;
    border: solid 1px var(--white);
    border-radius: 10px;
    color: var(--white);
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 45px;
    padding: 8px 50px 8px 18px;
    outline: none;
}

.search-widget-mobile__input {
    border: solid 1px #878787 !important;
    color: #878787 !important;
}

.search-widget-desktop__label ::placeholder {
    color: white !important;
    font-weight: lighter !important;
}

.search-widget-mobile__label ::placeholder {
    color: #878787 !important;
    font-weight: lighter !important;
}

.search-widget-desktop__submit, .search-widget-mobile__submit {
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    color: var(--white);
    border: none;
    position: absolute;
    top: 3px;
    right: 10px;
    font-size: 25px;
    padding: 5px;
    cursor: pointer;
    outline: none !important;
}

.icon {
    display: inline-block;
}

.search-logo {
    height: 22px;
    margin-bottom: 2px;
    vertical-align: unset;
}

.language-selector-icon {
    height: 25px;
}

.language-selector-text {
    font-size: 15px;
    text-transform: uppercase;
    vertical-align: middle;
    margin-left: 6px;
    display: inline-block;
    font-weight: lighter;
}

.language-selector-desktop {
    height: 26px;
    margin-left: 30px;
    color: var(--white);
    padding-left: 20px;
    border-left: 1px solid #bdbdbd;
}

.office-location-desktop {
    height: 26px;
    margin-left: 30px;
    color: var(--white);
    padding-left: 20px;
    border-left: 1px solid #bdbdbd;
}

.office-location-icon {
    height: 25px;
}

.office-location-text {
    font-size: 15px;
    text-transform: uppercase;
    vertical-align: middle;
    margin-left: 6px;
    display: inline-block;
    font-weight: lighter;
}

@media only screen and (min-width: 1000px) {
    /*.header-mobile {
        display: none;
    }*/

    .header-desktop {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .drivers-mobile-menu, .vehicles-mobile-menu, .coverage-mobile-menu {
        display: none !important;
    }

    .mobile-menu-hr {
        display: none;
    }

    /*  .main-section {
        margin-top: 30px !important;
    }*/
}

@media only screen and (max-width: 991px) {
    .desktop-form-offices, .desktop-form-contacts {
        display: none !important;
    }

    .footer-terms {
        margin-top: 15px;
    }

    .customer-birth-container {
        width: 100%;
    }

    .coverage-mobile-menu {
        display: block;
        margin-left: auto;
    }

    /*.main-section {
        margin-top: 30px;
    }*/
}

.button-remove-container {
    padding: 0px;
    float: right;
    margin-top: -18px;
}

.remove-button, .remove-button-vehicle {
    position: sticky;
    color: red !important;
    color: rgb(255, 255, 255);
    background-color: white;
    border-radius: 20px;
    padding: 0px;
    height: 37px;
    margin-left: -6px;
}

    .remove-button i, .remove-button-vehicle i {
        font-size: 24px;
        color: red;
        background-color: var(--white)
    }


.header-desktop {
    display: none;
}

.header-mobile {
    display: flex;
    line-height: 22px;
}

.header-mobile-logo img, .header-office-logo img, .header-menu-logo img, .header-language-logo img {
    height: 20px;
}

.header-mobile-label, .header-office-label, .header-menu-label, .header-language-label {
    text-align: center;
    display: block;
    font-size: 12px;
}

.header-mobile .nav-link {
    padding: .6rem .6rem;
    text-align: center;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    background-color: black;
    transition: 0.5s;
    opacity: 0.5;
    z-index: 1;
}

.sidenav a {
    text-decoration: none;
    font-size: 15px;
    color: #818181;
    display: inline-block;
    transition: 0.3s;
    padding-top: 10px;
}


.sidenav .closebtn {
    height: 67px;
    padding-top: 20px;
    padding-left: 20px;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

.sidenav-header {
    background-color: var(--blue);
}

.sidenav-list {
    padding-left: 10px;
    padding-right: 10px;
}

.greenProgress, .progress-bar {
    background-color: var(--green);
}

.customer-info-container {
    display: none;
}

    .excluded-driver-info-container input, .customer-info-container input, .excluded-driver-info-container select, .customer-info-container select, .customer-birth-container input, .address-verification-container input, .address-verification-container select, .mailing-address-container input, .mailing-address-container select {
        background-color: #f5fcff;
        border-color: var(--blue);
        border-radius: 10px;
        margin-top: 15px;
        height: 50px;
    }

.eft-info-container input {
    margin-top: 0px;
}

.eft-labels {
    font-size: 14px;
}

.mailing-address-container #yes-no-btns .btn-primary:not(:disabled):not(.disabled).active, .mailing-address-container #yes-no-btns .btn-primary:not(:disabled):not(.disabled):active, .mailing-address-container #yes-no-btns .show > .mailing-address-container #yes-no-btns .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--blue);
    border-color: var(--blue);
    box-shadow: none;
    border-radius: 0;
}

.mailing-address-container .btn-primary {
    color: var(--gray);
    background-color: #fff;
    border-color: var(--blue);
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

#amBestSpan {
    cursor: pointer;
}


.vehicle-year-container #non-owner-yes-no-btns .btn-primary:not(:disabled):not(.disabled).active,
.vehicle-year-container #non-owner-yes-no-btns .btn-primary:not(:disabled):not(.disabled):active,
.vehicle-year-container #non-owner-yes-no-btns .show > .vehicle-year-container #non-owner-yes-no-btns .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--blue);
    border-color: var(--blue);
    box-shadow: none;
    border-radius: 0;
}

#non-owner-more-info-text {
    cursor: pointer;
}

.vehicle-year-container .btn-primary {
    color: var(--gray);
    background-color: #fff;
    border-color: var(--blue);
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

#non-owner-modal {
    font-size: 20px;
    color: var(--blue);
    font-weight: 700;
}
/*#MailingAddressScreen .btn-primary:not(:disabled):not(.disabled).active, #MailingAddressScreen .btn-primary:not(:disabled):not(.disabled):active, #MailingAddressScreen.show > .btn-primary.dropdown-toggle {
    background-color: var(--blue);
    color: var(--white);
    border-color: var(--blue);
    padding: 5px 20px;
}
#MailingAddressScreen .btn-group > .btn-group:not(:first-child) > .btn, #MailingAddressScreen .btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: var(--white);
    color: var(--gray);
    border-color: var(--blue);
    padding: 5px 20px;
}

.mailing-address-container #yes-no-btns .btn-primary:not(:disabled):not(.disabled).active, .mailing-address-container #yes-no-btns .btn-primary:not(:disabled):not(.disabled):active, .mailing-address-container #yes-no-btns .show > .mailing-address-container #yes-no-btns .btn-primary.dropdown-toggle {
    color: var(--gray);
    background-color: #fff;
    border-color: var(--blue);
    box-shadow: none;
    border-radius : 0;
}
/*#MailingAddressScreen .btn-primary:not(:disabled):not(.disabled).active, #MailingAddressScreen .btn-primary:not(:disabled):not(.disabled):active, #MailingAddressScreen.show > .btn-primary.dropdown-toggle {
    background-color: var(--blue);
    color: var(--white);
    border-color: var(--blue);
    padding: 5px 20px;
}
#MailingAddressScreen .btn-group > .btn-group:not(:first-child) > .btn, #MailingAddressScreen .btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: var(--white);
    color: var(--gray);
    border-color: var(--blue);
    padding: 5px 20px;
}

#MailingAddressScreen .mailSameAsGarageAddressLbl {
    font-size: 14px;
    padding-top: 5px;
}*/
.customer-gender-container button, .customer-marital-container button, .driver-relationship-container button {
    margin-top: 15px;
}

.disclosureContainer p, .excluded-driver p {
    font-size: 12px;
    margin-top: 15px;
    text-align: justify;
}

#driving-history-note {
    font-size: 16px !important;
}

.disclosureDetails, .excluded-driver {
    outline: none;
}

.continue-button span {
    margin-right: 2px;
}

.customer-offices-container, .customer-birth-container, .customer-gender-container, .customer-contacts-container, .customer-marital-container,
.driver-relationship-container, .driver-relationship-container, .driver-violation-container,
.household-driver-container, .vehicle-year-container, .vehicle-make-container, .vehicle-model-container,
.vehicle-primary-use-container, .vehicle-days-commute-container, .vehicle-miles-commute-container, .vehicle-annual-miles-container,
.vehicle-ownorlease-container, .vehicle-select-coverage-container, .household-vehicle-review-container, .um-container,
.discounts-container, .your-quote-container, .prefill-add-container, .excluded-driver-verification-container, .customer-dl-container, .driver-relationship-information, .lienholder-information-container {
    height: auto;
    display: none;
}


.household-driver-verification-container .driver-summary {
    margin-top: auto !important;
    margin-bottom: auto !important;
}
/*.customer-contacts-container {
    margin-top:40px;
}*/
.greenLine, .greenLine2 {
    margin-bottom: 30px;
}

.zipCode-office input, .miles-office select, .state-office select {
    border-color: #9dc2e8;
    border-radius: 10px;
}

.search-office button {
    background-color: var(--blue);
    border-radius: 10px;
    width: 80px;
}

.mobile-search-office button {
    background-color: var(--blue);
    border-radius: 10px;
    width: 100%;
}


.office-result {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 15px;
}

    .office-result span {
        font-weight: bold;
    }

.office-content {
    margin-left: -10px;
    font-size: 15px;
    margin-bottom: 15px;
    line-height: 22px;
}

.office-content-blue {
    color: var(--blue);
    font-weight: bold;
}

.office-content-address {
    color: #828282;
}

.office-content-language {
    color: var(--gray);
    font-weight: bold;
}

.office-content-contact, .office-profile {
    color: var(--blue);
    text-decoration: underline;
    font-weight: bold;
}

    .office-content-contact a {
        color: var(--blue);
    }

.office-content-contact {
    margin-right: 15px;
}

.back-button {
    outline: none;
}

.relationship-back-button, .vehicle-yr-back-button {
    outline: none;
}

.accordion-icon {
    padding-top: 5px;
}

.customer-gender-container {
    width: 100% !important;
}

/*.
    -button {
    visibility: visible !important;
}*/

.page-item.active .page-link {
    z-index: 3;
    color: var(--white);
    background-color: var(--blue) !important;
    border-color: var(--blue) !important;
}

.pagination, .page-link {
    color: var(--blue);
    margin-top: 15px;
}

.driver-text {
    font-weight: normal !important;
    font-size: 15px;
}

.major-minor-incidents-number {
    font-weight: bold !important;
    font-size: 32px !important;
}


.driver-edit-button {
    margin-top: -10px;
}

.add-driver-content {
    background-color: var(--blue);
    border-radius: 10px;
    margin-top: 15px;
}

.add-excluded-driver-button {
    border-radius: 8px;
    padding: 6px;
    background-color: var(--blue);
    width: auto;
    display: block;
    /*margin-left: auto;*/
}

    .add-excluded-driver-button img {
        height: 22px;
        margin-right: 5px;
    }

.add-excluded-driver-button {
    color: white !important;
}

    .add-excluded-driver-button i {
        margin-right: 10px;
    }

.add-driver-button {
    border-radius: 8px;
    padding: 3px;
    background-color: var(--blue);
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: 0.5px;
}

    .add-driver-button img {
        height: 22px;
        margin-right: 5px;
    }

.add-driver-button {
    color: white !important;
}

    .add-driver-button i {
        margin-right: 10px;
    }

.add-vehicle-button {
    border-radius: 8px;
    padding: 3px;
    background-color: var(--blue);
    width: auto;
    display: block;
    margin-left: auto;
}

    .add-vehicle-button img {
        height: 22px;
        margin-right: 5px;
    }

.add-vehicle-button {
    color: white !important;
}

    .add-vehicle-button i {
        margin-right: 10px;
    }

.excluded-driver-button {
    border-radius: 8px;
    height: auto !important;
    padding: 8px;
    border: 1px solid var(--blue);
    color: var(--blue);
    background-color: transparent;
    width: auto;
    display: block;
    margin-left: auto;
}

    .excluded-driver-button:hover {
        color: var(--blue);
    }

.vehicle-yr {
    overflow-y: scroll;
    height: 350px;
}

.vehicle-mk, .vehicle-mod {
    overflow-y: scroll;
    height: 400px;
}

.vehicle-text-3, .vehicle-text-5 {
    font-weight: 500;
}

.liability-desc, .fullcoverage-desc {
    font-size: 12px;
    color: #828282;
    margin-top: 5px;
    font-weight: normal;
}

.coverage-liability-only-text, .coverage-full-text {
    color: var(--blue);
    font-weight: 600;
}

.minus-icon:before {
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    content: "\f068";
}

.minus-icon.collapsed:before {
    content: "\f067";
}

.car-model-icon img {
    width: 55px !important;
    margin: 0px;
}

.add-driver-header {
    display: none;
}

.driver-menu-icon img {
    height: 22px;
    margin-left: 10px;
}

.vehicle-menu-icon img {
    height: 19px;
    margin-left: 10px;
}

.coverage-menu-icon img {
    height: 19px;
    margin-right: 5px;
}

.driver-menu-icon, .vehicle-menu-icon {
    background-color: #f1f8ff !important;
    border-color: #f1f8ff !important;
    color: var(--blue) !important;
    font-weight: bold !important;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
    width: 76px;
    height: 38px;
}

.coverage-menu-icon {
    background-color: #f1f8ff !important;
    border-color: #f1f8ff !important;
    color: var(--blue) !important;
    font-weight: 500 !important;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
    width: auto;
    height: 38px;
    font-size: 12px;
}

.driver-menu-icon:hover, .vehicle-menu-icon:hover {
    background-color: #f1f8ff !important;
    border-color: #f1f8ff !important;
    color: var(--blue) !important;
    font-weight: bold !important;
}

.driver-menu-icon::after, .vehicle-menu-icon::after, .coverage-menu-icon::after {
    display: none !important;
}

.drivers-mobile-menu, .vehicles-mobile-menu, .vehicles-mobile-menu {
    position: static !important;
}

.dropdown-content-driver, .dropdown-content-vehicle {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    width: 100% !important;
    padding: 20px;
    transform: translate3d(0px, 38px, 0px) !important;
}


.rater-disclaimer {
    text-align: justify;
    font-size: 13px;
}


.date-policy-label, .drivers-license-label {
    color: var(--blue);
    font-weight: bold;
    font-size: 17px;
}

.inputEffectiveDate {
    background-color: #f5fcff;
    border-color: #9dc2e8;
    border-radius: 10px;
    margin-top: 15px;
    height: 50px;
    color: #6d6d6d !important;
}


.landingpayment {
    font-size: 30px;
    font-weight: 800;
}

    .landingpayment span {
        font-size: 18px;
        font-weight: 600;
    }

.car-payment-label {
    color: var(--blue);
}

.payment-font-weight {
    font-weight: 600;
    font-size: 14px;
}

.coveragecardheader {
    font-weight: 700;
    font-size: 20px;
    color: var(--blue);
}

.coverage-details {
    background-color: #f9fcff;
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}


.drivers-license-container {
    border: 1px solid var(--blue);
    height: auto;
    border-radius: 10px;
    font-size: 14px;
}

.questions-container {
    /*border: 1px solid var(--blue);*/
    height: auto;
    border-radius: 10px;
    font-size: 14px !important;
}

.garaging-text, .mailing-text {
    color: var(--blue);
}

.garaging-container {
    /*padding: 20px 10px 5px 10px;*/
    padding: 20px 0px 5px 0px;
}

.mailing-container {
    padding: 10px 10px 20px 10px;
}

.address-edit-icon img, .drivers-license-edit img {
    height: 18px;
    float: right;
}

.modal-main-title {
    font-size: 25px;
    font-family: 'Oswald';
    letter-spacing: 2px;
    color: var(--green);
}

.address-input, .license-input, .vehicle-input {
    border: 1px solid var(--green);
    border-radius: 10px;
}

.address-input-label, .license-input-label, .vehicle-input-label {
    color: #888888;
    font-weight: 400;
}

.savebutton {
    border-radius: 10px;
    width: 80px;
}

.drivers-license-header {
    background-color: var(--blue);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 10px;
    color: white;
    font-weight: 500;
}

.drivers-license-content {
    padding: 15px 10px 15px 10px;
}

.modal-close {
    outline: none !important;
}

.button-content-container {
    height: 100% !important;
    width: -webkit-fill-available;
    width: -moz-available;
}

.payments-option-button button {
    font-weight: 500;
    height: auto;
    background-color: #f5fcff;
    border-color: var(--blue);
    border-radius: 10px !important;
    width: 100% !important;
    margin-bottom: 10px;
    font-size: 14px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.panel-title {
    position: relative;
}

    .panel-title::after {
        content: "\f104";
        color: var(--blue);
        top: -2px;
        right: 0px;
        position: absolute;
        font-family: "FontAwesome";
        font-size: 20px;
    }

    .panel-title[aria-expanded="true"]::after {
        content: "\f107";
    }

.prior-insurance {
    font-size: 13px;
    width: 100%;
}

.payments-breakdown {
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
}

.payments-details {
    font-size: 12px;
}

    .payments-details i {
        font-size: 16px;
    }

.payments-checkbox {
    background-color: var(--blue);
    width: 50px;
    height: auto;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    float: right !important;
    padding-top: 15px;
    padding-bottom: 15px;
}

.carrier-options {
    border-color: #0047BB !important;
    font-size: 14px;
    width: 100% !important;
    border-radius: 10px;
    height: 45px;
}

    .carrier-options:hover {
        background-color: white;
    }

.prior-insurance-checkbox {
    background-color: var(--blue);
    width: 50px;
    height: auto;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    float: right !important;
    padding-top: 15px;
    padding-bottom: 15px;
}


@media only screen and (min-width: 992px) and (max-width: 1080px) {
    .payments-checkbox {
        width: 45px !important;
    }
}

.policy-cost {
    font-size: 28px;
    font-weight: 800;
}

.policy-cost-label {
    font-weight: 600;
    font-size: 14px;
}

.payment-text i {
    color: var(--blue);
}

.payment-value-text {
    font-size: 13px;
    font-weight: 400;
}

.button-content-container .col-4 {
    line-height: 18px;
    display: block;
    margin-top: auto;
    margin-bottom: auto;
}

.AddressNextClicked {
    cursor: pointer !important;
}

canvas#canvas1 {
    width: fit-content !important;
    width: -moz-fit-content !important;
    overflow: scroll !important;
}

.divpages {
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    display: block;
    margin: auto;
    touch-action: manipulation !important;
}

.divpages-scroll {
    height: 100%;
    border: 1px solid aliceblue;
    position: relative;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 80vh;
}


.upper-container {
    background-color: #f9fcff;
    border-radius: 10px;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.optional-text, .required-text {
    color: var(--blue);
}

    .optional-text span, .required-text span {
        font-weight: 500;
    }

.signnotice {
    font-size: 14px;
}

.finish-button {
    font-size: 16px;
    font-weight: 500;
    color: var(--white) !important;
    background-color: var(--green);
    max-width: 170px;
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.zipCode input, .miles select, .state select {
    border-color: #9dc2e8;
    border-radius: 10px;
    height: 50px;
}

.navItemBG.active {
    color: white !important;
    background-color: var(--blue) !important;
    border-color: #dee2e6 #dee2e6 var(--white) !important;
    font-weight: 500;
}

.navItemBG {
    color: var(--gray);
}

.ZipCodeBtnFind, .StateBtnFind {
    background-color: var(--blue);
    border-radius: 10px;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    /*width: 120px;*/
    padding: 5px 30px;
}

    .ZipCodeBtnFind:hover, .StateBtnFind:hover {
        background-color: var(--blue);
    }


.pagination li a {
    border-radius: 10px !important;
}

.pagination li {
    margin-right: 8px;
}

.contact-accordion-button, .driver-accordion-button, .vehicle-accordion-button {
    text-decoration: none;
    color: var(--gray);
}

.fa-plus:before {
    content: "\f067";
    font-family: 'FontAwesome';
}

.minus-icon.fa-minus {
    font-style: normal;
}

.driver-minus-icon.fa-minus {
    font-style: normal;
}

.vehicle-minus-icon.fa-minus {
    font-style: normal;
}

.agreement-text {
    font-size: 13px;
    color: var(--gray);
    font-weight: 500;
    margin-top: 20px;
}

.document-overlay {
    background-color: transparent;
    position: absolute;
    height: 75% !important;
    cursor: pointer;
}

#address-mailing {
    padding-left: 0px;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 22px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0px;
    right: 8px;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: var(--blue);
}

input:focus + .slider {
    box-shadow: 0 0 1px var(--blue);
}

input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }


/* animated checkmark */

.checkmark {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    stroke-width: 3;
    stroke: var(--green);
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: fill .1s ease-in-out .1s forwards, scale .1s ease-in-out .3s both;
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: var(--white);
    fill: var(--white);
    animation: stroke 0.1s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.1s cubic-bezier(0.65, 0, 0.45, 1) 0.2s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7ac142;
    }
}

.drivers-license-img img {
    height: 47px !important;
}

.payment-option-icon img {
    max-height: 50%;
}

.payment-option-details {
    margin-bottom: 15px;
}

.btn-contact-agent {
    border: 2px solid var(--blue);
    font-size: 16px;
    font-weight: 500;
    width: auto !important;
    white-space: nowrap;
    border-radius: 8px;
    display: block;
    margin: auto;
    margin-top: 10px;
}

    .btn-contact-agent img {
        height: 15px;
    }

#showmorequotes-btn, #showlessquotes-btn {
    color: var(--gray)
}

    #showmorequotes-btn:hover, #showlessquotes-btn:hover {
        font-weight: 600;
    }

.showmorequotes-icon, .showlessquotes-icon {
    color: var(--green) !important;
}

.contact-agent-details {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
}

.call-agent-button:hover {
    color: white;
}

.exc-button {
    width: auto;
    font-size: 14px;
    border: 1px solid var(--blue);
    border-radius: 4px;
    margin-bottom: 10px !important;
}

.exc-input {
    border: 1px solid var(--green);
    border-radius: 10px;
}

.modal-save-button:hover {
    background-color: var(--green);
    color: white;
}

.modal-save-button {
    background-color: var(--green);
    color: white;
    width: 90px;
    border-radius: 6px;
}

.modal-remove-button {
    background-color: var(--blue);
    color: white;
    width: 90px;
    border-radius: 6px;
    display: block;
    margin-right: auto;
}

    .modal-remove-button:hover {
        background-color: var(--blue);
        color: white;
    }

.modal-cancel-button {
    border: 1px solid var(--blue);
    color: var(--blue);
    border-radius: 6px;
    display: block;
    width: 90px;
}

    .modal-cancel-button:hover {
        border: 1px solid var(--blue);
        color: var(--blue);
    }

.btn-back-button {
    border: 1px solid var(--blue);
    color: var(--blue);
    border-radius: 6px;
    display: block;
    width: 80px;
    font-size: 16px;
    font-weight: bold;
}

.header-office-label, .header-language-label, .header-mobile-label, .service-phone_label,
.language-selector-text, .service-phone_number {
    color: var(--gray) !important;
    font-weight: 600;
}

    .service-phone_number:hover {
        color: var(--gray) !important;
    }

.fullName_Sign input {
    border-radius: 10px;
    border: 1px solid #157EAD;
}

.stylebtnGrp {
    width: 100%;
    border: 1px solid #157EAD;
    border-radius: 10px;
}

.btnType:active, .btnDraw:active, .btnType:focus, .btnDraw:focus,
.btnType.active, .btnDraw.active, .btnType:hover, .btnDraw:hover {
    background-color: #157EAD !important;
    color: white !important;
}

.btnType, .btnDraw {
    border: none;
    color: var(--gray);
}

.btnType {
    border-right: 1px solid #157EAD;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.btnDraw {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.typeInput {
    height: 100px;
    font-size: 30px !important;
    text-align: center;
    background-color: #9DC2E8 !important;
    border: 1px solid #9DC2E8 !important;
}

.insurance-carrier img {
    width: 80%;
}

.payplan-value {
    font-size: 22px;
}

.btn-coverage-details {
    text-decoration: none !important;
    padding-left: 0px;
    color: #0056b3;
    width: 100%;
    text-align: left;
}

    .btn-coverage-details span {
        font-weight: bold;
        color: #212529;
    }

[data-toggle="collapse"].btn-coverage-details i:after {
    content: "\f139";
}

[data-toggle="collapse"].btn-coverage-details.collapsed i:after {
    content: "\f13a";
}

.payment-information {
    border: 1px solid var(--blue);
    font-size: 14px;
    padding: 8px;
    border-radius: 10px;
    width: 100%;
}

.thankyou-header-img {
    height: 47px !important;
}

.step2-details {
    word-break: break-word;
}

.step1, .step2 {
    white-space: nowrap;
}

.custInfo-img img {
    width: 50px;
    height: auto;
}

.downloadDocu, .confirmPurchase {
    color: #007bff;
}

    .downloadDocu:hover {
        text-decoration: underline;
        color: #0056b3 !important;
    }

.downloadDocuBtn {
    outline: none;
}

.input-sm {
    height: 30px !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

.cardTypes svg {
    margin-right: 3px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.dateHR {
    font-size: 20px;
    text-align: center;
    width: 8%;
}

.cvvMonth, .cvvYear {
    width: 46%;
}

.borderGray {
    border: 1px solid #bdbdbd !important;
}

.marginAuto {
    display: block;
    margin-top: auto;
    margin-bottom: auto;
}

.moreInfo-container {
    background-color: #D0EDFF;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 13px !important;
    color: var(--blue);
}

    .moreInfo-container a {
        font-size: 13px !important;
        color: var(--blue);
    }

.redirect-link-container {
    background-color: #F4FCFF;
    text-align: center;
    margin-top: -7px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.redirect-link-text {
    color: #0044bd;
    font-weight: 600;
}

.redirect-link-container svg {
    margin-top: -5px;
}

input[type='password']::-ms-reveal,
input[type='password']::-ms-clear {
    display: none;
}

#more-info-liability span, #more-info-full span {
    font-weight: bold;
}

.no-offices-content {
    font-weight: 600;
    color: #6c757d;
}

.btnReturn img, .btnReload img, .btnAgent img {
    height: 18px !important;
    width: 18px !important;
}

.btnReturn, .btnReload, .btnAgent {
    font-size: 11px !important;
    border-color: #0047BB !important;
    width: 185px !important;
    color: var(--gray) !important;
}

.btnReturn, .btnReload {
    margin-right: 10px !important;
}

@media only screen and (min-width: 470px) and (max-width: 589px) {
    .btnReturn img, .btnReload img, .btnAgent img {
        height: 15px;
        width: 15px;
    }

    .btnReturn, .btnReload, .btnAgent {
        font-size: 9px !important;
        border-color: #0047BB;
        width: 150px !important;
        color: var(--gray);
        padding-right: 3px;
        padding-left: 3px;
    }

    .btnReturn, .btnReload {
        margin-right: 0px !important;
    }
}

@media only screen and (max-width: 469px) {
    .btnReturn img, .btnReload img, .btnAgent img {
        height: 12px;
        width: 12px;
    }

    .btnReturn, .btnReload, .btnAgent {
        font-size: 7px !important;
        border-color: #0047BB !important;
        width: 120px !important;
        color: var(--gray);
        padding-right: 3px;
        padding-left: 3px;
    }

    .btnReturn, .btnReload {
        margin-right: 0px !important;
    }

    .vehicle-information-review-edit-button {
        padding-right: 10px !important;
    }

    #MailingAddressScreen #yes-no-btns .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
        width: 50%;
    }

    #MailingAddressScreen .mailing-address-container select {
        background-color: #f5fcff !important;
        border-color: var(--blue);
        border-radius: 10px;
        margin-top: 15px;
        height: 50px;
    }
}

.coverage-info-icon img {
    height: 16px;
}

a#bbblink {
    display: block;
    position: relative;
    text-align: center;
    color: #005A78;
    text-decoration: none;
    overflow: hidden;
    padding: 0;
}

    a#bbblink img {
        border: 0;
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0;
        max-width: 200%;
    }

    a#bbblink.ruhzbus:hover img {
        margin-left: -100px;
    }

    a#bbblink.ruhzbus {
        width: 100px;
        height: 48px;
    }

@media only screen and (max-width: 1199px) {
    .zip-label-padding {
        padding-left: 15px !important;
    }
}

#no-found-offices-header {
    width: 90%;
}

.zip-label-padding {
    padding: 0px;
}

.logout-button {
    border-color: var(--blue);
    color: var(--blue);
    font-weight: bold;
    float: right;
    width: 140px;
}

    .logout-button:hover {
        color: var(--blue);
    }

.download-button {
    color: var(--blue);
    text-decoration: underline;
}

.styled-select select {
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
}

.step2-details a {
    color: #0047bb;
}

#payment-verify {
    color: #ca0000;
}

select#administrative_area_level_1 {
    -moz-appearance: none !important; /* Firefox */
    -webkit-appearance: none !important; /* Safari and Chrome */
    appearance: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #171d44 !important;
}

.noDocu-message, .noDocu-message a {
    color: red !important;
    font-size: 14px;
    margin-bottom: 15px;
}

.best-rating-text {
    text-decoration: underline;
    color: var(--blue);
    font-weight: 600;
    margin-top: 3px;
}

#ownership-finance-button:disabled, #coverage-full-button:disabled, #coverage-liability-only-button:disabled, #ownership-lease-button:disabled {
    opacity: 1 !important;
}

a.number-link {
    color: var(--blue);
}

    a.number-link:hover {
        text-decoration: underline;
    }

.um-disclaimer {
    margin-top: 10px;
}

.foundDriver-buttons .dbtnAdd, .foundDriver-buttons .dbtnExclude, .foundDriver-buttons .dbtnDK {
    font-size: 16px;
    border-radius: 8px;
    border-color: #d8d8d8;
    width: 100%;
}



.foundVehicle-buttons .vbtnAdd, .foundVehicle-buttons .vbtnExclude {
    font-size: 16px;
    border-radius: 8px;
    border-color: #d8d8d8;
    width: 100%;
}

.btnAdd-border {
    color: #fff !important;
    background-color: var(--blue) !important;
    border-color: var(--blue) !important;
}

.btnAdd-border-invalid {
    border-color: red !important;
}

.applicantVerifyBtn a {
    color: var(--blue);
    font-weight: 600;
    text-decoration: underline;
}

.resendCode-details {
    font-size: 13px;
    font-weight: 600;
}

    .resendCode-details a {
        text-decoration: underline;
        color: var(--blue);
    }

.verifyNote {
    font-size: 12px;
    text-align: left;
}

.code-sent-email, .code-sent-sms {
    text-align: center;
    font-weight: 600;
}

.btnSendCode {
    font-size: 14px;
    width: 100%;
}

.verifyNote {
    font-weight: 600;
}

.buy-policy-title-green-1 {
    color: var(--blue) !important;
}

#non-owner input[type="radio"] {
    background-color: white !important;
}

    #non-owner input[type="radio"]:checked {
        background-color: blue !important;
    }

.applicantVerifyBtn input[type="radio"], .foundDriver-buttons input[type="radio"], .foundVehicle-buttons input[type="radio"] {
    display: none !important;
}

    .applicantVerifyBtn input[type="radio"]:checked + label, .foundDriver-buttons input[type="radio"]:checked + label, .foundVehicle-buttons input[type="radio"]:checked + label, .applicantVerify-container .btn-info {
        color: #fff;
        background-color: var(--blue);
        border-color: var(--blue);
    }

.applicantVerifyBtn label {
    display: inline-block;
    background-color: #ddd;
    padding: 4px 11px;
    font-size: 16px;
    cursor: pointer;
    width: 70px;
    background-color: transparent;
    border: 1px solid #bdbdbd;
    text-align: center;
    border-radius: 6px;
    float: right;
    margin-left: 8px;
}

.foundDriver-buttons label, .foundVehicle-buttons label {
    display: inline-block;
    background-color: #ddd;
    padding: .375rem .75rem;
    font-size: 14px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #bdbdbd;
    text-align: center;
    border-radius: 8px;
    float: right;
    margin-left: 8px;
    width: 100%;
}

@media only screen and (min-width: 1087px) and (max-width: 1183px) {
    .foundDriver-buttons label {
        font-size: 12px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1086px) {
    .foundDriver-buttons label {
        font-size: 10px;
    }
}

.missing-driver-note, .missing-vehicle-note {
    font-size: 18px;
    font-weight: bold;
}

.validation-disclaimer {
    font-weight: bold;
    font-size: 13px;
}

.buy-policy-title-blue-1 {
    color: var(--blue) !important;
}

.buy-policy-title-green-1 {
    color: var(--black) !important;
}

.blue-text-payment {
    color: var(--blue) !important;
}

.buy-now-button-agent {
    padding: 0px;
    font-size: 16px;
    font-weight: bolder;
    color: var(--white) !important;
    background-color: var(--green);
    max-width: 190px;
    width: 170px;
    height: 44px;
    border-radius: 5px;
    white-space: nowrap;
}

.buy-now-button-agent {
    background-color: var(--blue) !important
}

.buy-now-button {
    background-color: var(--orange);
}

@media only screen and (min-width: 200px) and (max-width: 700px) {
    .btn-quote, .buy-now-button-agent, .buy-now-button {
        font-size: 3vw !important;
        width: 110% !important;
        min-width: 101px;
    }

    #more-rates-div {
        font-size: 3vw !important;
        text-align: left !important;
        white-space: normal;
    }
}

@media only screen and (min-width: 701px) and (max-width: 991px) {
    .btn-quote, .buy-now-button-agent, .buy-now-button {
        font-size: 1.5vw !important;
        width: 120% !important;
    }

    #more-rates-div {
        font-size: 2vw !important;
        white-space: normal;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1150px) {
    .btn-quote, .buy-now-button-agent, .buy-now-button {
        font-size: 1vw !important;
        width: 112% !important;
    }

    #more-rates-div {
        font-size: 1vw;
        text-align: left !important;
        white-space: normal;
    }
}

@media only screen and (min-width: 1150px) and (max-width: 2000px) {
    .btn-quote, .buy-now-button-agent, .buy-now-button {
        font-size: 1vw !important;
        width: 110% !important;
    }

    #more-rates-div {
        font-size: 1vw;
        text-align: left !important;
        white-space: normal;
    }
}

@media only screen and (min-width: 312px) and (max-width: 1175px) {
    buy-now-button-agent {
    }

    .prefill-btn {
        font-size: 50% !important;
        width: 120% !important;
    }
}

@media only screen and (min-width: 2500px) {
    .buy-now-button-agent, .buy-now-button {
        font-size: 18px !important;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1583px) {


    .dbtnExclude {
        width: 50% !important;
    }

    .dbtnExcludeText {
        font-size: smaller;
    }
}



.missing-disclaimer-text {
    color: var(--gray);
    font-weight: bold;
    font-size: 18px;
    overflow: hidden;
}

.center-wrapper {
    display: flex; /* Use flexbox to create a row layout */
    align-items: center; /* Center the items vertically within the row */
    justify-content: center; /* Center the items horizontally within the row */
    padding-right: 5px;
    padding-left: 5px;
}

.selectcoveragetext {
    font-weight: bold;
    margin-right: 10px; /* Add some space between the text and the image */
}

.dot {
    height: 40px;
    width: 40px;
    background-color: gray;
    border-radius: 50%;
    display: inline-block;
    margin-top: -13px;
}

.buy-now-button {
    font-size: 16px;
    font-weight: bolder;
    color: var(--white) !important;
    background-color: var(--orange);
    max-width: 190px;
    width: 170px;
    height: 44px;
    border-radius: 5px;
    white-space: nowrap;
}

@media only screen and (max-width: 469px) {
    #broker-call-now, #call-now {
        font-size: 14px;
        font-weight: bolder;
        color: var(--white) !important;
        background-color: var(--blue);
        max-width: 140px;
        width: 170px;
        height: 44px;
        border-radius: 5px;
        border-color: var(--blue);
        white-space: nowrap;
    }

    .rerate-buy-now-button {
        font-size: 13px;
        font-weight: bolder;
        color: var(--white) !important;
        background-color: var(--orange);
        max-width: 140px;
        width: 170px;
        height: 44px;
        border-radius: 5px;
        border-color: var(--blue);
        white-space: nowrap;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1400px) {
    .rerate-buy-now-button {
        font-size: 13px;
        font-weight: bolder;
        color: var(--white) !important;
        background-color: var(--orange);
        max-width: 140px;
        width: 130px;
        height: 44px;
        border-radius: 5px;
        border-color: var(--blue);
        white-space: nowrap;
    }



    #broker-call-now, #call-now {
        font-size: 13px;
        font-weight: bolder;
        color: var(--white) !important;
        background-color: var(--blue);
        max-width: 140px;
        width: 130px;
        height: 44px;
        border-radius: 5px;
        border-color: var(--blue);
        white-space: nowrap;
    }
    }
}

@media only screen and (max-width: 469px) {
    .update-section-icon-on {
        font-size: 16px;
        color: var(--green);
        white-space: nowrap;
        margin-top: 6px;
        margin-left: 6px;
    }

    .update-section-title {
        font-size: 15px;
        color: var(--gray);
        font-weight: bold;
        text-wrap: none;
    }
}

@media only screen and (max-width: 469px) {
    #apple-wallet-icon {
        margin-bottom: 13px;
        width: 100px;
        height: 20px
    }

    #add_to_google_wallet {
        margin-bottom: 13px;
        width: 100px;
        height: 20px
    }
}


@media only screen and (max-width: 469px) {
    #dot2, #dot3, #dot4 {
        margin-left: 10% !important;
    }
}

@media only screen and (max-width: 991px) and (min-width: 375px) {
    #sr22-text {
        font-size: 1.90vw !important;
    }

    #driver-text-5 {
        font-size: 1.90vw !important;
    }

    #driver-text-minor-violation {
        font-size: 1.90vw !important;
    }
}

@media only screen and (max-width: 991px) and (min-width: 600px) {
    #sr22-text {
        font-size: 1.90vw !important;
    }

    #driver-text-5 {
        font-size: 1.90vw !important;
    }

    #driver-text-minor-violation {
        font-size: 1.90vw !important;
    }
}

@media only screen and (max-width: 599px) and (min-width: 30px) {
    #sr22-text {
        font-size: 2.90vw !important;
    }

    #driver-text-5 {
        font-size: 2.90vw !important;
    }

    #driver-text-minor-violation {
        font-size: 2.90vw !important;
    }
}

@media only screen and (max-width: 1478px) and (min-width: 992px) {
    #sr22-text {
        font-weight: 500;
        font-size: 16px;
        color: var(--blue);
    }

    #driver-text-5 {
        font-weight: 500;
        font-size: 16px;
        color: var(--blue);
    }

    #driver-text-minor-violation {
        font-weight: 500;
        font-size: 16px;
        color: var(--blue);
    }
}


@media only screen and (min-width: 490px) and (max-width: 991px) {

    .add-driver-button {
        margin-right: 30px;
    }

    .add-excluded-driver-button {
        margin-left: 30px;
    }
}



@media only screen and (min-width: 1460px) and (max-width: 2560px) {

    .add-driver-button {
        margin-right: 0.05px;
    }

    .add-excluded-driver-button {
        margin-left: 10px;
    }
}

@media only screen and (min-width: 490px) and (max-width: 990px) {

    .add-driver-button {
        margin-right: 0.05px;
    }

    .add-excluded-driver-button {
        margin-left: 10px;
    }
}

@media only screen and (min-width: 990px) and (max-width: 1260px) {

    .yes-buttons {
        font-size: 15px;
        font-weight: bolder !important;
        color: var(--blue);
        border-radius: 8px;
        height: 44px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 420px) {

    .yes-buttons {
        font-size: 15px;
        font-weight: bolder !important;
        color: var(--blue);
        border-radius: 8px;
        height: 44px;
    }
}