@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400&display=swap');

body {
    font-family: 'Karla', sans-serif;
}


li {
    list-style: none;
}

hr {
    border-top: 1px solid #2098D5;
}

footer {
    clear: both;
}

/*Header Sizing*/
h1, h2, p {
    padding: .5rem 0;
}

/*Reset to Normalize Input & Select types Types*/
/*input, .datepicker, select, #fldEffectiveDate, .driver-dob {
    border: none;
    width: auto;
}*/

.form-inner {
    box-shadow: none;
    width: 100%;
    background-color: #fff;
    border: 1px solid #d2d3d4;
    border-radius: .25rem;
    padding: 1rem;
    transition: background-color .1s cubic-bezier(.4,0,.2,1),box-shadow .1s cubic-bezier(.4,0,.2,1);
    margin-bottom: 20px;
}

    .form-inner label {
        display: block;
        width: 100%;
        text-align: left;
        margin: 0 0 10px;
        font-weight: 300;
        color: #606569;
        font-size: .75rem;
        color:
    }

    .form-inner input, .form-inner select {
        display: block;
        width: 100%;
        text-align: left;
    }

.contentFrame {
    margin-top: 10px;
    height: 700px;
}


table.scroll {
    border-spacing: 0;
    border: 1px solid black;
}

    table.scroll tbody,
    table.scroll thead {
        display: block;
    }

thead.scroll tr th {
    height: 30px;
    line-height: 30px;
}

table.scroll tbody {
    height: 300px;
    width: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 20px;
}

tbody.scroll {
    border-top: 2px;
}

.group-section {
    text-align: center;
    margin-left: 15px;
}

.img-logo {
    display: block;
    width: 35%;
    max-width: 295px;
    height: auto;
}

.main-page-header {
    padding: 10px 20px;
    margin: 0;
}

.producer-info {
    padding-top: 1rem;
    text-align: right;
}

.producer-info p {
    margin: 0;
    padding: 0 0 .5rem;
}

    .producer-info .producer-name{
        display: block;
    }

    .producer-info .producer-phone {
        font-size: 1.1rem;
    }

    .privacy-label {
        display: block;
        margin-top: 20px;
        font-size: .8rem;
        font-style: italic;
        color: #5a5a5a
    }

.small-quote {
    font-size: 10pt;
    color: #405E7C;
    font-weight: 900;
    margin-top: 2px;
    text-align: center;
}

.small-price {
    font-size: 10pt;
    color: #027943;
    font-weight: 700;
    margin-top: 2px;
    text-align: center;
    white-space: nowrap;
}

.small-price-per-month {
    font-size: 8pt;
    color: #027943;
    font-weight: 700;
    margin-top: 2px;
    text-align: center;
}

.small-value {
    font-size: 9pt;
    color: #027943;
    font-weight: 700;
    margin-top: 2px;
    text-align: center;
    white-space: nowrap;
}

.small-value-per-month {
    font-size: 8pt;
    color: #027943;
    font-weight: 700;
    margin-top: 2px;
    text-align: center;
}

.premium-amount-label {
    font-size: 12pt;
    color: #027943;
    font-weight: 700;
    margin-top: 2px;
    text-align: center;
    white-space: nowrap;
}

.quote-id-label {
    font-size: 12pt;
    color: #027943;
    font-weight: 700;
    margin-top: 2px;
    text-align: center;
    white-space: nowrap;
}
.status-bar-image {
    width: 60px;
    /*height: 30px;*/
}

.image-button-small {
    border: 0;
    width: 15px;
    height: 15px;
    margin-top: 1px;
    margin-bottom: 3px;
}

.image-button-medium {
    border: 0;
    width: 25px;
    height: 25px;
    margin-top: 1px;
    margin-bottom: 3px;
}
.image-button {
    border: 0;
    width: 60px;
    height: auto;
    margin-top: 15px;
    margin-bottom: 8px;
}

.scroll-column {
    width: 150px;
    border-bottom: 1px solid black;
    white-space: nowrap;
}

.form-spacer {
    height: 20px;
}

.inner-border {
    padding-left: 5px;
    padding-right: 5px;
}

.modal-border {
    border-radius: 15px 15px 15px 15px !important;
}

.display-rate-modal {
    width: 700px;
}

.display-rate-header {
    font-size: 12pt;
    height: 25px;
    width: 100%;
    text-align: center;
    display: inline-block;
    padding-top: 15px;
}

.display-rate-label {
    font-size: 9pt;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    white-space: nowrap;
}


.display-rate-column {
    border-bottom-style: solid;
    border-bottom-color: #2098D5;
    border-bottom-width: 1px;

}

.display-rate-content {
    font-size: 10pt;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
}

.display-rate-body {
    font-size: 12pt;
    height: 200px;
    width: 350px;
}

.display-rate-coverage-label {
    font-size: 9pt;
    padding-right: 10px;
    display: inline-block;
    white-space: nowrap;
}

.display-rate-footer {
    text-align: center;
}


.message-panel {
    font-weight: bold;
    color: red;
    text-align: center;
}

.card-radio-button {
    height: 20px;
    width: 20px;
}

.card-checkbox-button {
    height: 25px;
    width: 25px;
    vertical-align: middle;
    display: inline-block;
}

.card-disclosure-answer {
    color: red;
    text-align: center;
}

.card-heading {
    font-size: 16px;
}

.card-bold {
    font-weight: bold;
    color: #004C82;
}

.card-underline {
    text-decoration: underline;
}

.card-content {
    display: contents;
    margin-left: 20px;
}

.card-disclosure {
    text-align: center;
}

.card-body {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    color: #004C82;
    display: block;
}

.card-panl {
    border-bottom: thin;
    padding-bottom: 5px;
    margin-bottom: -50px;
}

.card-panel-body {
    padding-top: 10px;
    padding-right: 15px;
    margin-left: -15px;
    color: #004C82;
    display: block;
}

.card-footer {
    display: block;
    text-align: center;
}

.page-label {
    font-size: 28pt;
    padding: 5px 20px 5px 20px;
    text-align: center;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: #004C82;
}

.header-label {

}

.button-label {
    color: #000000;
    font-size: 18pt;
    font-weight: bold;
    padding: 5px 20px 5px 20px;
    text-align: center;
}

.section-label {
    font-size: 16pt;
    font-weight: 300;
    text-align: center;
    color: #004C82;
}

.section-label-selected {
    color: #000000;
    font-size: 18pt;
    font-weight: bold;
    text-align: left;
}

.group-label {
    font-size: 12pt;
    font-weight: bold;
    padding: 5px 1px 5px 1px;
    text-align: center;
}

.group-label-large {
    font-size: 14pt;
    font-weight: bold;
    padding: 5px 1px 5px 1px;
    text-align: center;
}
.group-label-xl {
    font-size: 16pt;
    font-weight: bold;
    padding: 5px 1px 5px 1px;
    text-align: center;
}


.group-title {
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
}

.coverage-header {
    font-size: 16pt;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
}

.coverage-text {
    font-size: 9pt;
    text-align: center;
}

.text-input {

}

.driver-input {
    /*font-size: 1.3125rem;*/
    font-size: 18pt !important;
    height: 50px;
    width: 400px !important;
    max-width: 400px !important;
}

.input-control {
    font-size: 18pt !important;
    height: 50px;
}

.additional-info-body {
    padding-bottom: 10px;
    margin-left: 1px;
}

.additional-driver-input {
    /*font-size: 1.3125rem;*/
    font-size: 14pt !important;
    height: 50px;
    width: 200px !important;
    max-width: 200px !important;
}

.driver-label {
    font-size: 13pt !important;
    font-weight: bold;
}

.driver-text {
    font-size: 13pt !important;
}

.large-button {
    height: 130px;
    width: 130px;
    vertical-align: middle;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 1.2375rem;
    font-weight: 300;
    display: block;
}

.status-button {
    height: 50px;
    width: 120px;
    vertical-align: middle;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: 300;
    display: block;
}



.small-button {
    height: 45px;
    width: 70px;
    vertical-align: middle;
    text-align: center;
    font-size: 8pt;
    font-weight: 300;
    display: inline-block;
    margin-right: 10px;

    border-radius: 4px 4px 4px 4px !important;
}


.pay-plan-button {
    height: 125px;
    /*width: 365px;*/
    width: 300px;
    vertical-align: middle;
    text-align: left;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 1.1375rem;
    font-weight: 300;
    display: inline-block;
}

.button-label {
    font-size: 12pt;
    display: block;
    margin-top: 50px;
    margin-bottom: 50px;
}

.shadow {
    width: 80%;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 25px;
}

.shadow-container {
    text-align: center;
    padding: 10px 20px;
}

.reject-button-color {
    background-color: #970606;
    color: #ffffff;
}

.button-color {
    background-color: #2098D5;
    color: #ffffff;
}

.active-button-color {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.yesno-label {
    font-size: 18pt;
    display: block;
    margin-top: 50px;
    margin-bottom: 50px;
}

.yesno-span {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14pt;
}

.yesno-button {
    font-size: 18pt;
    font-weight: 300;
    display: block;
    margin-top: 10px;
    height: 125px;
    width: 125px;
    vertical-align: middle;
    text-align: center;
    margin-right: 5px;
}

.yesno-button-medium {
    font-size: 14pt;
    font-weight: 300;
    display: block;
    margin-top: 10px;
    height: 60px;
    width: 60px;
    vertical-align: middle;
    text-align: center;
    margin-right: 5px;
}

.yesno-button-small {
    border-radius: .25rem;
    transition: all ease 0.3s;
    font-size: 1em;
    margin: 0;
    padding: .7em 2em;
    border: 1px solid #d2d3d4;
    display: inline-block;
    text-align: center;
    background: white;
    color: black;
}

.disclosure-button-medium {
    margin-top: 10px;
    height: 72px;
    width: 72px;
    vertical-align: middle;
    text-align: center;
    margin-right: 10px;
}

.active-button-color {
    color: #fff;
    border: 1px solid #337ab7;
    background: #337ab7;
}

.disclosure-button-column {
    text-align: center;
}

.disclosure-detail-link {
    font-size: 9pt;
}

.disclosure-content {
    text-align: left;
    font-weight: bold;
    max-width: 95%;
    padding-right: 15px;
    padding-bottom: 10px;
}

.disclosure-content-left {
    text-align: left;
    font-weight: bold;
    max-width: 95%;
    padding-right: 15px;
    padding-bottom: 10px;
}

.disclosure-button-container {
    white-space: nowrap;
    display: inline-flex;
    padding-bottom: 20px;
}

.payplan-button-container {
    white-space: nowrap;
    display: inline-flex;
    padding-bottom: 20px;
}

.additional-driver-button-column {
    white-space: nowrap;
    display: inline-flex;
    text-align: center;
    padding-bottom: 10px;
}

.additional-driver-button {
    font-size: 10pt;
    font-weight: 300;
    display: block;
    margin-top: 3px;
    height: 25px;
    width: 90px;
    vertical-align: middle;
    text-align: center;
    margin-right: 3px;
    background: #2098D5;
    border-radius: 20px 20px 20px 20px !important;
    color: #fff;
    border-color: #2098D5;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.pnlDisplayDrivers {
}

.pnlDisplayDriversMobile {
}

.form-label-bold {
    font-size: 9pt;
    font-weight: bold;
}

.form-text-bold {
    font-size: 10pt;
    font-weight: bold;
}

.panel-header {
    font-size: 11pt;
    font-weight: bold;
}

.schedule-header {
    line-height: 20px;
    font-size: 9pt;
    font-weight: 300;
    text-align: center;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

.schedule-line {
    line-height: 20px;
    font-size: 10pt;
    font-weight: bold;
    vertical-align: middle;
    border-bottom-width: thin;
}

.schedule-table {
    border-style: solid;
    border-width: thin;
}

.plan-amount {
    font-size: 18pt;
    font-weight: bold;
}

.width-vehicle-vin {
    width: 320px;
}

.width-vin {
    width: 170px;
}

.width-driver {
    width: 200px;
}

.width-full {
    width: 100%;
}

.width-half {
    width: 50%;
}

.width-quarter {
    width: 25%;
}

.width-payment-schedule {
    width: 100px;
}

.width-dropdown {
    width: 200px;
}

.width-landing-dropdown {
    width: 200px;
}

.width-disclosure-dropdown {
    width: 250px;
}

.width-name {
    width: 300px;
}

.width-first-name {
    width: 250px;
}

.width-last-name {
    width: 250px;
}

.width-phone {
    width: 200px;
}

.width-date {
    width: 220px;
}

.width-dob {
    width: 240px;
    text-align: center;
}

.width-address {
    width: 250px;
}

.width-unit {
    width: 100px;
}

.width-city {
    width: 250px;
}

.width-state {
    width: 150px;
}

.width-zipcode {
    width: 150px;
}

.width-address-inline {
    width: 290px;
}

.width-unit-inline {
    width: 100px;
}

.width-city-inline {
    width: 250px;
}

.width-state-inline {
    width: 150px;
}

.width-zipcode-inline {
    width: 150px;
}

.width-county {
    width: 300px;
}

.width-country {
    width: 300px;
}

.width-licensenumber {
    width: 250px;
}

.width-pay-play-dropdown {
    width: 300px;
}

.width-month-dropdown {
    width: 150px;
    height: 50px;
}

.width-year-dropdown {
    width: 100px;
    height: 50px;
}

.border-bottom {
    border-bottom: thin;
    border-bottom-color: gray;
    border-bottom-style: solid;
}

.signature-modal {
    width: 600px;
}

.signature-header {
    display: inline-block;
    background-color: lightgray;
    color: #000000;
    border-color: #000000;
    border-style: solid;
    border-width: thin;
    font-size: 14pt;
    font-weight: bold;
    height: 30px;
    width: 500px;
}

.signature-content {
    display: block;
    border-color: #000000;
    font-size: 14pt;
    font-weight: 300;
    width: 100%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
}

.signature-body {
    display: inline-block !important;
    color: #000000;
    border-color: #000000;
    border-style: solid;
    border-width: thin;
    font-size: 14pt;
    font-weight: bold;
    height: 300px;
    width: 500px;
}

.signature-label {
    font-size: 28pt;
    font-weight: 200;
}

.signature-text {
    padding-bottom: 20px;
    vertical-align: middle;
    text-align: center;
}

.signature-agreement {
    vertical-align: middle;
    font-weight: 300;
    padding: 4px 0 0;
    display: inline-block;
}

.signature-input {
    width: 300px;
    height: 50px;
    display: inline-block !important;
    font-size: 12pt;
    border-radius: 10px 10px 10px 10px;
}

.signature-row {
    padding-top: 5px;
    text-align: center;
}

/* Progress Bar Code   */
.progress-indicator {

}

    .progress-indicator.custom-complex {
        background-color: #2098D5;
        padding: 10px 5px;
        border: 1px solid #ddd;
        border-radius: 10px;
    }

        .progress-indicator.custom-complex > li .bubble {
            height: 22px;
            width: 99%;
            border-radius: 2px;
            box-shadow: inset -5px 0 12px rgba(0, 0, 0, 0.2);
        }

            .progress-indicator.custom-complex > li .bubble:before,
            .progress-indicator.custom-complex > li .bubble:after {
                display: none;
            }

.checkout-wrapper {
    width: 100%;
}

.card-panel-button {
    padding-top: 15px;
    text-align: center;
}

.card-panel-label {
    font-size: 14pt;
    font-weight: bold;
    color: #004C82;
    text-align: left;
}

.card-panel-label-value {
    font-size: 16pt;
    font-weight: 400;
    color: #004C82;
    text-align: right;
}

.summary-header {
    padding-bottom: 5px;
    white-space: nowrap;
    font-size: 18pt;
    font-weight: bold;
    color: #004C82;
    text-align: left;
    margin-top: 15px;
}

.summary-label {

}

.summary-column-left {
    text-align: left;
}

.summary-column-right {
    text-align: right;
}

.question-button-column {
    text-align: left;
}

.question-detail {
    display: none;
    width: 500px;
}

.question-button-container {
    white-space: nowrap;
    display: inline-flex;
    padding-bottom: 15px;
}

.question-content {
    font-size: 1.2rem;
    font-weight: 300;
    padding: .5rem 0 0;
}

.current-premium-container {
    text-align: center;
}

.summary .detail {
    position: relative;
    display: table;
    float: none;
    table-layout: fixed;
    width: 84%;
    height: auto;
    padding: 10px 8%;
    overflow: hidden;
}

.plan-list-header {
    line-height: 50px;
    background-color: #2098D5;
    border-width: thin;
    border-style: solid;
    font-weight: bold;
}

.plan-list-row {
    padding-left: 10px;
}

.plan-list-item {
    line-height: 40px;
    border-width: thin;
    border-style: solid;
}

.panel-label {
    font-size: 11pt;
    font-weight: bold;
    color: #004C82;
    margin-bottom: 5px;
}

.garaging-panel-label {
    font-size: 11pt;
    font-weight: bold;
    color: #004C82;
    margin-bottom: 5px;
}


.broker-label {
    font-size: 12pt;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 5px;
}

.broker-text {
    font-size: 10pt;
    margin-bottom: 5px;
}

.css-label {
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 5px;
}

.css-checkbox {
    height: 25px;
    width: 25px;
}

.css-column {
    text-align: left;
    padding-bottom: 5px;
}

.card-title {
    font-size: 14pt;
    font-weight: bold;
    color: #004C82;
}

.copyright-text {
    text-align: center;
    width: 300px;
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
    color: #004C82;
}

.continue-button {
    height: 50px;
    width: 200px;
    font-size: 14pt;
    font-weight: bold;
    border-radius: 15px 15px 15px 15px;
}
/* Google Maps */
/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
#map-container {
    width: 100%;
    margin-top:20px;
}

#map {
    width: 100% !important;
    height: 250px !important;
}

#map2 {
    width: 100% !important;
    height: 250px !important;
}

#description {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
}

#infowindow-content .title {
    font-weight: bold;
}

#infowindow-content {
    /*display: none;*/
}

#map #infowindow-content {
    display: inline;
}

.pac-card {
    margin: 10px 10px 0 0;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    font-family: Roboto;
}

#pac-container {
    padding-bottom: 12px;
    margin-right: 12px;
    z-index: 10001 !important;
}

.pac-controls {
    display: inline-block;
    padding: 5px 11px;
}

    .pac-controls label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
    }

#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
}

    #pac-input:focus {
        border-color: #4d90fe;
    }

#title {
    color: #fff;
    background-color: #4d90fe;
    font-size: 25px;
    font-weight: 500;
    padding: 6px 12px;
}

#map-container2 {
    width: 100%;
}

#map2 {
    width: 100% !important;
    height: 300px !important;
}

#description2 {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
}

#infowindow-content2 .title2 {
    font-weight: bold;
}

#infowindow-content2 {
    /*display: none;*/
}

#map #infowindow-content2 {
    display: inline;
}

#pac-input2 {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
}

#pac-input:focus {
    border-color: #4d90fe;
}

#title2 {
    color: #fff;
    background-color: #4d90fe;
    font-size: 25px;
    font-weight: 500;
    padding: 6px 12px;
}
.text-alert {
    color: #d13239;
}

.signature-label {
    font-size: 10pt;
}

.signature-item {
    display: block !important;
}

#signature-preview {
    position: relative;
    font-size: 20pt;
}

.signature-message {
    font-size: 12px;
    color: #666666;
    padding-top: 30px;
    text-align: center;
}

.signature-message {
    font-size: 12px;
    color: #666666;
    padding-top: 30px;
    text-align: center;
}

.signature-modal {
    /*width: 320px;*/
}

.arial-font {
    font-family: Arial;
}

.tahoma-font {
    font-family: Tahoma;
}

.times-font {
    font-family: 'Times New Roman';
}


.confirmation-body {
    text-align: center;
}

.complete-row {
    padding-top: 50px;
    text-align: center;
}

.complete-label {
    font-size: 22pt;
    font-weight: 200;
}

.complete-text {
    font-size: 14pt;
    font-weight: 200;
}

.complete-frame {
    width: 90%;
}

.site-footer {
    padding-top: 1px;
    background: -moz-linear-gradient(top, rgba(237,237,237,0.65) 0%, rgba(41,41,41,0) 33%, rgba(0,0,0,0) 40%);
    background: -webkit-linear-gradient(top, rgba(237,237,237,0.65) 0%,rgba(41,41,41,0) 33%,rgba(0,0,0,0) 40%);
    background: linear-gradient(to bottom, rgba(237,237,237,0.65) 0%,rgba(41,41,41,0) 33%,rgba(0,0,0,0) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ededed', endColorstr='#00000000',GradientType=0 );
}

    .site-footer .site-info .footer-logo {
        text-align: center;
    }

        .site-footer .site-info .footer-logo .mainlogo {
            display: block;
            margin: 0 auto;
            max-width: 100%;
        }

        .site-footer .site-info .footer-logo .greenpath-footer {
            display: block;
            float: right;
            margin-right: 30%;
        }

    .site-footer .menu-footer-menu-container {
        clear: both;
        padding-top: 30px;
        display: block;
    }

    .site-footer #menu-footer-menu {
        text-align: center;
        margin-top: 25px;
    }

        .site-footer #menu-footer-menu > li {
            padding-right: 15px;
            padding-left: 15px;
            font-size: 16px;
        }

            .site-footer #menu-footer-menu > li + li {
                border-left: 1px solid #96CC78;
            }

        .site-footer #menu-footer-menu a {
            color: #004C82;
            text-decoration: none;
        }

            .site-footer #menu-footer-menu a:hover {
                color: #2C94C9;
                text-decoration: none;
            }

    .site-footer .copyright-text {
        text-align: center;
        width: 300px;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        color: #004C82;
    }

.btn-primary {
    background: #2098D5;
    border-radius: 20px 20px 20px 20px !important;
    color: #fff;
    border-color: #2098D5;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .btn-primary:hover {
        color: #000;
        background: #2098D5;
        border-radius: 20px 20px 20px 20px !important;
        border-color: #2098D5;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

.btn-default,
.btn-primary,
.btn-success {
    padding-left: 40px;
    padding-right: 40px;
    border-width: 2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-small-default,
.btn-small-primary,
.btn-small-success {
    border-width: 2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.divider-line {
    height: 3px;
    border-top: 1px solid #004C82;
    ;
}

.dob-label {
    font-size: 24pt;
    font-weight: bold;
    text-align: center;
}

.mobile-align-center {
    text-align: center;
    margin-right: 5px;
}


@media screen and (max-width: 1024px) {
    .card-panel-label-value {
        font-size: 12pt;
        font-weight: 400;
        color: #004C82;
    }

    .plan-list-header {
        font-size: 12pt;
    }

    #map {
        width: 100% !important;
        height: 200px !important;
    }

    #map2 {
        width: 100% !important;
        height: 200px !important;
    }

    .container {
        padding-right: 5px;
        padding-left: 5px;
    }
    
    .card-panel-button {
        padding-right: 15px;
        padding-left: 15px;
    }

    .left-margin {
        padding-left: 1px;
    }

    .disclosure-button-medium {
        font-size: 10pt;
        height: 60px;
        width: 150px;
    }

    .col-sm-1 {
        min-width: 100px;
    }

    .card-panel-label-value {
        font-size: 12pt;
        font-weight: 400;
        color: #004C82;
    }

    .plan-list-header {
        font-size: 12pt;
    }

    .checkout-wrapper {
        width: 100%;
    }

    .progress-label {
        font-size: 7pt;
        padding-left: 8px;
    }

    .progress-title {
        font-size: 8pt;
        margin-top: -20px;
    }

    .question-detail {
        display: none;
        width: 600px;
    }

    textarea {
        overflow: auto;
        width: 600px;
    }

    #contentMain {
        margin-top: 10px;
        height: 100%;
    }

    #contentMain-noscroll {
        margin-top: 10px;
        height: 100%;
        min-height: 100%;
    }

    .width-licensenumber {
        width: 320px;
    }

    .width-address {
        width: 320px;
    }

    .width-unit {
        width: 100px;
    }

    .width-name {
        width: 320px;
    }

    .width-city {
        width: 320px;
    }

    .width-state {
        width: 320px;
    }

    .width-zipcode {
        width: 150px;
    }

    .width-licensenumber {
        width: 320px;
    }

    .width-address-inline {
        width: 220px;
    }

    .width-unit-inline {
        width: 80px;
    }

    .width-city-inline {
        width: 220px;
    }

    .width-state-inline {
        width: 130px;
    }

    .width-zipcode-inline {
        width: 100px;
    }

    .width-dob {
        width: 320px;
        text-align: center;
    }

    .width-dropdown {
        width: 320px;
    }

    .width-disclosure-dropdown {
        width: 320px;
    }

    .signature-modal {
        width: 400px;
    }

    .signature-header {
        font-size: 12pt;
        height: 25px;
        width: 350px;
    }

    .signature-content {
        font-size: 10pt;
        padding-left: 10px;
        padding-right: 10px;
        display: inline-block;
    }

    .signature-body {
        font-size: 12pt;
        height: 200px;
        width: 350px;
    }

    .signature-label {
        font-size: 16pt;
    }

    .signature-text {
        font-size: 10pt;
    }

    .signature-input {
        font-size: 10pt;
    }

    .garaging-panel-label {
        font-size: 9pt;
    }

    .card-body {
        padding-right: 5px;
        padding-left: 5px;
    }

    .card-panl {
        border-bottom: thin;
        padding-bottom: 5px;
        margin-bottom: -50px;
    }

    .card-footer {
        margin-left: -10px;
        display: block;
        text-align: center;
    }

    .image-button {
        border: 0;
        width: 50px;
        height: 50px;
        margin-top: 5px;
        margin-bottom: 3px;
    }

    .image-label {
        font-size: 11pt;
        text-align: center;
        margin-left: -5px;
    }

    .large-button {
        height: 80px;
        width: 80px;
        margin-right: 2px;
        margin-bottom: 2px;
    }

    .pay-plan-button {
        height: 115px;
        width: 320px;
        margin-right: 25px;
        margin-left: 25px;
        text-align:center;
    }

    #eftDisclosure {
        height: 100%;
    }

    .section-label {
        font-size: 10pt;
        font-weight: 300;
        text-align: center;
        color: #004C82;
    }

    .card-disclosure {
        margin-right: 5px;
        margin-left: 5px;
        padding-right: 1px;
        width: 900px;
    }

    .section-label-selected {
        color: #000000;
        font-size: 10pt;
        font-weight: bold;
        text-align: left;
    }

    .logo {
        width: auto;
    }

    .navbar-toggle {
        position: absolute;
        top: 0;
        right: 0;
    }

    .navbar-header {
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 77px;
    }

    .navbar-nav {
        font-size: 20px;
    }

    .site-footer .menu-footer-menu-container {
        clear: both;
        padding-top: 30px;
        padding-right: 20px;
        display: block;
    }    
}
.display-padding {
    padding: 0px 5px !important;
}

.margin-Top10
{
    margin-top:10px !important;
}
@media screen and (max-width: 767px){
    .display-rate-modal {
        padding: 10px !important;
        width: 100% !important;
    }

    .display-rate-modal .modal-body {
        padding: 0px !important;
     }

    .display-Unset{
        display:none !important;
    }
    .modal-dialog-display {
        
         margin: 0px !important;
    }
    .mobile-pad0{
        padding:0px !important;
    }
    .card-body{
        margin-left:0px !important;
    }
}

@media screen and (max-width: 480px) {
    body {

    }

    footer {
        display: table-row;
    }

    .h2, h2 {
        font-size: 25px;
    }

    .img-logo {
        display: block;
        width: 240px;
        margin: 0 auto;
    }

    .body-content {
        height: 100%;
    }

    .container {
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
        margin-top: 15px;
    }

    .wrapper {
        height: auto;
    }

    footer {
    }

    .page-footer {
        background: url(images/footer-bg.jpg) repeat center center;
        color: #f0f0f0;
        padding: 60px 0 0;
        font-size: 14px;
        height: 100px;
    }

    .main-page-header {
        margin-bottom: -10px;
        height:220px;
        text-align: center;
    }

    .producer-info {
        padding-top: 10px;
        text-align: center;
    }

    .producer-name {
        font-size: 15pt;
    }

    .producer-phone {
        font-size: 15pt;
    }

    .card-panel-button {
        padding-right: 15px;
        margin-left: 15px;
    }

    .left-margin {
        padding-left: 1px;
    }

    .card-panel-label-value {
        font-size: 12pt;
        font-weight: 400;
        color: #004C82;
    }

    .card-checkbox-label {
        display: inline-block;
        font-weight: 300;
    }

    .plan-list-header {
        font-size: 12pt;
    }

    .checkout-wrapper {
        width: 97%;
        padding-left: 5px;
    }

    .progress-label {
        font-size: 7pt;
        margin-right: 5px;
        display: none;
    }

    .disclosure-content {
        text-align: center;
        max-width: 100%;
    }

    .disclosure-content-left {
        text-align: center;
        max-width: 100%;
    }

    .disclosure-button-column {
        text-align: center;
        margin-left: -15px;
    }

    .additional-info-body {
        padding-bottom: 10px;
        margin-left: -10px;
    }

    .additional-driver-button-column {
        display: inline-flex;
        white-space: nowrap;
        text-align: center;
    }

    .payplan-button-column {
        text-align: center;
    }

    .question-button-column {
        text-align: center;
        margin-left: 1px;
    }

    .question-content {
        text-align: center;
        /*width: 325px;*/
        width: 100%;
        margin-left: 5px;
        padding-right: 10px;
        margin-bottom: 10px;
    }

    .question-detail {
        display: none;
        width: 300px;
    }

    .yesno-button-medium {
        width: 150px;
    }

    .driver-label {
        font-size: 11pt !important;
        font-weight: bold;
    }

    .driver-text {
        font-size: 11pt !important;
    }


    textarea {
        overflow: auto;
        width: 320px;
    }

    #contentMain {
        margin-top: 10px;
        height: 100%;
    }

    #contentMain-noscroll {
        margin-top: 10px;
        height: 100%;
        min-height: 100%;
        padding-left: 5px;
    }

    #map {
        width: 320px !important;
        height: 275px !important;
    }

    #map2 {
        width: 320px !important;
        height: 275px !important;
    }

    .signature-modal {
        width: 400px;
    }

    .signature-header {
        font-size: 12pt;
        height: 25px;
        width: 350px;
    }

    .signature-content {
        font-size: 10pt;
        padding-left: 10px;
        padding-right: 10px;
        display: inline-block;
    }

    .signature-body {
        font-size: 12pt;
        height: 200px;
        width: 350px;
    }

    .signature-label {
        font-size: 16pt;
    }

    .signature-text {
        font-size: 10pt;
    }

    .signature-input {
        font-size: 10pt;
    }

    .dob-label {
        font-size: 14pt;
        font-weight: bold;
    }

    .garaging-panel-label {
        font-size: 9pt;
    }

    .card-body {
        padding-right: 5px;
        margin-left: 15px;
    }
    .card-panl {
        border-bottom: thin;
        padding-bottom: 5px;
        margin-bottom: -50px;
    }
    .card-panel-body {
        padding-right: 5px;
        margin-left: 15px;
    }

    .input-control {
        font-size: 14pt !important;
        height: 50px;
    }

    .image-button {
        border: 0;
        width: 30px;
        height: 30px;
        margin-top: 5px;
        margin-bottom: 3px;
    }

    .image-label {
        font-size: 10pt;
        text-align: center;
        margin-left: -5px;
        display: inline-block;
    }

    .large-button {
        height: 85px;
        width: 300px;
        margin-right: 2px;
        margin-bottom: 2px;
    }

    .status-button {
        height: 70px;
        width: 300px;
        margin-right: 2px;
        margin-bottom: 2px;
    }


    .payplan-date-label {
        display: inline-block;
        text-align: center;
        margin-left: 30px;
    }

    .payplan-date {
        display: inline-block;
        text-align: center;
        margin-left: 30px;
    }

    .pay-plan-button {
        height: 100px;
        width: 320px;
        margin-right: 5px;
        margin-right: 25px;
        margin-left: 25px;
        text-align:center !important;
    }

    #eftDisclosure {
        height: 100%;
    }

    .section-label {
        font-size: 10pt;
        font-weight: 300;
        text-align: center;
        color: #004C82;
    }

    .section-label-selected {
        color: #000000;
        font-size: 10pt;
        font-weight: bold;
        text-align: left;
    }

    .logo {
        width: auto;
    }

    .navbar-toggle {
        position: absolute;
        top: 0;
        right: 0;
    }

    .navbar-header {
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 77px;
    }

    .navbar-nav {
        font-size: 20px;
    }

    .site-footer .menu-footer-menu-container {
        clear: both;
        padding-top: 30px;
        padding-right: 20px;
        display: block;
    }

    .mobile-align-center {
        text-align: center;
        margin-right: 50px;
    }

    .confirmation-label {
        font-size: 22pt;
        font-weight: 200;
    }

    .confirmation-text {
        font-size: 14pt;
        font-weight: 200;
    }


    .confirmation-policy-label {
        font-size: 18pt;
        font-weight: bold;
    }

    .confirmation-label {
        font-size: 28pt;
        font-weight: 200;
    }

    .confirmation-text {
        font-size: 18pt;
        font-weight: 200;
    }

    .confirmation-row {
        padding-top: 50px;
        text-align: center;
    }

    .confirmation-checkbox {
        width: 30px;
        height: 30px;
        margin-bottom: 12px !important;
    }

    .complete-row {
        padding-top: 50px;
        text-align: center;
    }

    .complete-label {
        font-size: 22pt;
        font-weight: 200;
    }

    .complete-text {
        font-size: 14pt;
        font-weight: 200;
    }

    .complete-frame {
        width: 90%;
    }

    .panel-label {
        /*display: none;*/
    }

    .broker-label {
        font-size: 9pt;
    }

    .css-label {
        font-size: 12pt;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .css-checkbox {
        height: 50px;
        width: 50px;
    }

    .css-column {
        text-align: center;
        padding-bottom: 5px;
    }

    .css-panel {
        padding: 1rem 0;
        text-align: center;
        display: -webkit-inline-box;
        font-size: 10pt;
    }

    .group-label {
        font-size: 12pt;
    }

    .group-label-large {
        font-size: 14pt;
    }

    .status-bar-image {
        width: 40px;
        /*height: 20px;*/
    }

    .display-rate-modal {
        width: 320px;
    }

    .display-rate-header {
        font-size: 10pt;
    }

    .display-rate-label {
        font-size: 8pt;
    }

    .display-rate-content {
        font-size: 9pt;
    }

    .display-rate-body {
        font-size: 10pt;
    }

    .width-landing-email {
        width: 320px;
        text-align: center;
    }

    .width-landing-phone {
        width: 320px;
        text-align: center;
    }

    .width-landing-dropdown {
        width: 120px;
        margin-bottom: 10px;
    }

    .summary-header {
        white-space: normal;
        font-size: 14pt;
    }

    .summary-label {
        font-size: 12pt;
    }

    .disclosure-button-container {
        padding-bottom: 50px;
    }


    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }

}

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

    .FinancialInstitution-div {
        text-align: left;
        padding-left: 22px !important;
    }

    .tp-bgimg.defaultimg {
        background-position: -198px 0px !important;
    }

    .quote-sidebar {
        display: none;
    }

    #ddTrim {
        width: 450px;
    }

    .innerpage-banner {
        height: 100px;
        max-height: 100px;
        padding: 20px 0;
    }

    .horizontal-list {
        width: 450px;
    }

    .padding-left-0 {
        padding-left: 0px !important;
    }

    .hr-margin {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
   
}

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

    .padding-Top50px {
        padding-top: 0px !important;
    }


    .landing-row {
        text-align: center;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .summary-header {
        padding-bottom: 5px;
        white-space: nowrap;
        font-size: 15pt;
        font-weight: bold;
        color: #004C82;
        text-align: left;
    }

    .vehicleInfoIcon {
        font-size: 22px !important;
        text-align: center;
        margin-top: 10px !important;
        /*background: #afe0ff;*/
        border-radius: 50%;
    }

    .vehicleRadiobtnAlign {
        text-align: left;        
    }


}

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

        .address-checkbox {
            float: none !important;            
        }

        .signature-agreement {
            vertical-align: middle;
            font-weight: 300;
            padding: 4px 0 0;
            display: unset !important;
        }

        .landing-row {
            text-align: center;
            margin-right: 0px !important;
            margin-left: 0px !important;
        }

        .summary-header {
            white-space: normal;
            font-size: 14pt;
        }

        footer {
            display: unset;
        }

        div#slide1 {
            font-size: 18px !important;
        }

        div#slide-1-layer-8 {
            font-size: 16px !important;
        }


        div#slide-1-layer-10 {
            margin-top: 42px !important;
        }

        a#slide-1-layer-11 {
            margin-top: 42px !important;
        }

        .tp-bullet {
            margin-top: 18px;
        }
    }

    /*Start PM 19-8-2020*/
    @media only screen and (max-width: 380px) {
        .landing-row {
            text-align: center;
            margin-right: 0px !important;
            margin-left: 0px !important;
        }

        .padding-right-left0 {
            padding-right: 0px !important;
            padding-left: 0px !important;
        }

        .pay-plan-button {
            height: 94px;
            width: 250px;
            margin-right: 5px;
            margin-right: 25px;
            margin-left: 25px;
        }

        .card-panel-button {
            padding-top: 0px !important;
            text-align: center;
        }

        footer {
            display: unset;
        }
    }
    /*End PM 19-8-2020*/
    body {
        font-size: 1rem;
    }


    footer {
    }

    .page-footer {
        background: url(images/footer-bg.jpg) repeat center center;
        color: #f0f0f0;
        padding: 60px 0 0;
        font-size: 14px;
        height: 100px;
    }

    .wrapper {
        height: auto;
    }


    h1, h2, h3, h4, h5, h6 {
        letter-spacing: -0.5px;
        clear: both;
        color: #232453;
        text-align: center;
        padding: .5rem 0 1rem;
    }

    .main-menu ul li {
        position: relative;
        float: left;
        font: normal 15px "Arial";
        color: #305261;
        text-transform: uppercase;
        padding: 5px 2px;
    }

    .top-phone label {
        display: block;
        font: normal 13px "Arial";
        color: #838b84;
        text-transform: uppercase;
        zz margin: 0 0 -7px;
    }

    .double-title span {
        font: normal 21px "Arial";
        display: block;
        margin-bottom: -5px;
    }

    .sa_hover_container h5 strong {
        display: block;
        font: normal 14px "Arial";
        color: #777;
        margin: -5px 0 0;
    }

    .site-footer aside p {
        font: normal 14px "Arial";
        text-align: center;
    }

    .innerpage-banner {
        height: 185px;
        max-height: 185px;
    }

    .innerpage-banner-label {
        margin-left: 0px;
        padding-right: 1px;
        margin-top: -25px;
        width: 100%;
        text-align: center;
        display: block;
    }

    h1 {
        margin: 150px auto 10px auto;
    }

    div.instructions_container {
        float: left;
        width: 350px;
        margin-right: 50px;
    }

    div#activity_pane {
        float: left;
        width: 450px;
        height: 330px;
        border: 1px solid #CCCCCC;
        background-color: #EEEEEE;
        padding-top: 200px;
        text-align: center;
    }

    div.example_links
    .link_category {
        margin-bottom: 15px;
    }

    .flexer, .progress-indicator {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

        .no-flexer, .progress-indicator.stacked {
            display: block
        }

    .no-flexer-element {
        -ms-flex: 0;
        -webkit-flex: 0;
        -moz-flex: 0;
        flex: 0
    }

    .flexer-element, .progress-indicator > li {
        -ms-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        flex: 1
    }

    .progress-indicator {
        margin: 0 0 1em;
        padding: 0;
        font-size: 80%;
        text-transform: uppercase
    }

        .progress-indicator > li {
            list-style: none;
            text-align: center;
            width: auto;
            padding: 0;
            margin: 0;
            position: relative;
            text-overflow: ellipsis;
            display: block
        }

            .progress-indicator > li a {
                width: auto;
                padding: 0;
                margin: 0;
                position: absolute;
                display: block;
                color: #fff;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
            }



            .progress-indicator > li:hover {
                color: #6f6f6f
            }

            .progress-indicator > li.completed, .progress-indicator > li.completed .bubble {
                color: #96CC78;
            }

            .progress-indicator > li .bubble {
                height: 20px;
                background-color: #bbb;
                display: block;
            }

            .progress-indicator > li.completed .bubble, .progress-indicator > li.completed .bubble:after, .progress-indicator > li.completed .bubble:before {
                background-color: #96CC78;
                border-color: #247830
            }

            .progress-indicator > li .bubble:before {
                left: 0
            }

            .progress-indicator > li .bubble:after {
                right: 0
            }

            .progress-indicator > li:first-child .bubble:after, .progress-indicator > li:first-child .bubble:before {
                width: 50%;
                margin-left: 20%
            }

            .progress-indicator > li:last-child .bubble:after, .progress-indicator > li:last-child .bubble:before {
                width: 50%;
                margin-right: 20%
            }

            .progress-indicator > li.active, .progress-indicator > li.active .bubble {
                color: #2098D5
            }

                .progress-indicator > li.active .bubble, .progress-indicator > li.active .bubble:after, .progress-indicator > li.active .bubble:before {
                    background-color: #2098D5;
                    border-color: #122a3f
                }

            .progress-indicator > li a:hover .bubble, .progress-indicator > li a:hover .bubble:after, .progress-indicator > li a:hover .bubble:before {
                background-color: #5671d0;
                border-color: #1f306e
            }

            .progress-indicator > li a:hover .bubble {
                color: #5671d0
            }

            .progress-indicator > li.danger .bubble, .progress-indicator > li.danger .bubble:after, .progress-indicator > li.danger .bubble:before {
                background-color: #d3140f;
                border-color: #440605
            }

            .progress-indicator > li.danger .bubble {
                color: #d3140f
            }

            .progress-indicator > li.warning .bubble, .progress-indicator > li.warning .bubble:after, .progress-indicator > li.warning .bubble:before {
                background-color: #edb10a;
                border-color: #5a4304
            }

            .progress-indicator > li.warning .bubble {
                color: #edb10a
            }

            .progress-indicator > li.info .bubble, .progress-indicator > li.info .bubble:after, .progress-indicator > li.info .bubble:before {
                background-color: #5b32d6;
                border-color: #25135d
            }

            .progress-indicator > li.info .bubble {
                color: #5b32d6
            }

        .progress-indicator.stacked > li {
            text-indent: -10px;
            text-align: center;
            display: block
        }

            .progress-indicator.stacked > li .bubble:after, .progress-indicator.stacked > li .bubble:before {
                left: 50%;
                margin-left: -1.5px;
                width: 3px;
                height: 100%
            }

        .progress-indicator.stacked .stacked-text {
            position: relative;
            z-index: 10;
            top: 0;
            margin-left: 60% !important;
            width: 45% !important;
            display: inline-block;
            text-align: left;
            line-height: 1.2em
        }

        .progress-indicator.stacked > li a {
            border: none
        }

        .progress-indicator.stacked.nocenter > li .bubble {
            margin-left: 0;
            margin-right: 0
        }

            .progress-indicator.stacked.nocenter > li .bubble:after, .progress-indicator.stacked.nocenter > li .bubble:before {
                left: 10px
            }

        .progress-indicator.stacked.nocenter .stacked-text {
            width: auto !important;
            display: block;
            margin-left: 40px !important
        }

    @media handheld,screen and (max-width:400px) {
        .progress-indicator {
            display: none;
        }
    }


    .continue-buy-button, .btn-primary {
        background-color: #2098d5;
        border-color: #2098D5;
        color: #fff;
        border-radius: 35px;
        padding: 1.5rem 2.5rem;
        font-size: 1.4rem;
        margin: 1rem auto;
        display: block;
    }

    .quotePage .continue-buy-button:hover,
    .quotePage .continue-buy-button:focus {
    }

    .quotePage .continue-buy-button:active,
    .quotePage .continue-buy-button.active {
    }

    .top-card {
        margin-top: 10px;
        margin-bottom: 0px;
        max-width: 700px;
    }

    .landing-row {
        text-align: center;
    }

    .landing-column {
        text-align: center;
        padding-top: 5px;
    }

    .landing-heading {
        font-size: 24px;
        font-weight: bold;
        color: #405E7C;
    }

    .big-price-container {
        margin-top: -15px;
        margin-bottom: -10px;
    }

    .big-price-currency {
        font-size: 20pt;
        color: #A6C858;
        font-weight: 900;
        margin-top: 8px;
        text-align: center;
    }

    .big-price {
        font-size: 50pt;
        color: #405E7C;
        font-weight: 900;
        margin-top: 8px;
        text-align: center;
    }

    .big-price-per-month {
        font-size: 25pt;
        color: #405E7C;
        font-weight: 900;
        margin-top: 8px;
        text-align: center;
    }

    .big-label {
        text-align: center;
        font-weight: bold;
    }

    .monthly-text {
        font-size: 13pt;
        font-weight: 700;
        color: #808080;
    }

    .savings-text {
        font-size: 15pt;
        font-weight: bold;
        color: #405E7C;
    }

    .landing-page-label {
        font-size: 13pt;
    }

    .landing-page-column-left {
        white-space: nowrap;
        padding-left: 10px;
    }

    .landing-page-column-right {
        white-space: nowrap;
        padding-left: 10px;
    }

    .continue {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 50px;
        margin-bottom: 60px;
        color: rgb(255, 255, 255);
        border-radius: 7px;
        background-color: #ECB051;
        font-weight: bold;
        cursor: pointer;
    }

    .coverage-details-row {
        background-color: #5086D9;
        border-radius: 7px;
        padding-top: 15px;
        padding-bottom: 15px;
        color: rgb(255, 255, 255);
        font-weight: 400;
        margin-bottom: 15px;
    }

    .quotePage .detail-cost {
        font-weight: 500;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .quotePage .detail-title {
        font-size: 12pt;
        font-weight: bold;
        color: #004C82;
    }

    .quotePage .padding-0 {
        padding-right: 0;
        padding-left: 0;
    }

    .quotePage .coverage-panel {
        background-color: #2098D5;
        color: #ffffff;
        font-size: 18pt;
        text-align: left;
        width: 100%;
        border-radius: 20px 20px 20px 20px;
    }

    .quotePage .coverage-panel-detail {
        text-align: left;
        width: 100%;
        margin-bottom: 20px;
    }

    .quotePage .coverage-panel-table {
        width: 100%;
    }

    .quotePage .coverage-panel-column-1 {
        width: 95%;
        text-align: left;
        padding-left: 10px;
    }

    .quotePage .coverage-panel-column-2 {
        width: 10%;
        text-align: right;
    }

    .quotePage .coverage-table {
        background-color: #ffffff;
        color: #ffffff;
        font-size: 12pt;
        text-align: left;
        width: 100%;
    }

    .quotePage .coverage-list-column-left {
        width: 50%;
        text-align: left;
        display: inline-block;
        padding-left: 20px;
    }

    .quotePage .coverage-list-column-right {
        width: 50%;
        text-align: left;
        display: inline-block;
        padding-left: 20px;
        padding-right: 10px;
    }

    .quotePage .coverage-list-header {
        line-height: 50px;
        background-color: #ffffff;
        color: #000000;
        border-style: none;
        font-weight: bold;
    }

    .quotePage .coverage-list-item {
        color: #2098D5;
        line-height: 40px;
        display: contents;
        vertical-align: middle;
    }

    .quotePage .coverage-label {
        font-size: 14pt;
        font-weight: bold;
        color: #2098D5;
    }

    .quotePage .coverage-label-value {
        font-size: 14pt;
        font-weight: 400;
        color: #2098D5;
    }

    .quotePage .coverage-label-value-small {
        font-size: 10pt !important;
        font-weight: 400;
        color: #2098D5;
    }

    .quotePage .continue-to-buy-panel {
        text-align: center;
    }

    .quotePage .privacy-panel {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    @media screen and (max-width: 950px) {
    }

    @media screen and (max-width: 480px) {
        .quotePage .big-price {
            font-size: 45pt;
            color: #405E7C;
            font-weight: 900;
            margin-top: 8px;
            text-align: center;
        }

        .quotePage .big-price-per-month {
            font-size: 20pt;
            color: #405E7C;
            font-weight: 900;
            margin-top: 8px;
            text-align: center;
        }

        .quotePage .monthly-text {
            font-size: 10pt;
            font-weight: 700;
            color: #808080;
        }

        .quotePage .savings-text {
            font-size: 10pt;
            font-weight: bold;
            color: #405E7C;
        }

        .quotePage .coverage-panel {
            margin-left: 10px;
            margin-right: 10px;
            width: 95%;
        }

        .quotePage .coverage-panel-detail {
            text-align: left;
            width: 95%;
        }

        .quotePage .coverage-table {
            margin-left: 10px;
            margin-right: 20px;
            width: 100%;
        }

        .quotePage .inner-page-container {
            margin-bottom: -40px;
        }

        .quotePage .coverage-label-value {
            font-size: 12pt;
        }

        .quotePage .privacy-panel {
            margin-right: 10px;
        }

        .quotePage .effective-date-panel {
            text-align: center;
            padding-bottom: 10px;
            padding-top: 10px;
            padding-left: 10px;
        }

        .quotePage .landing-page-column-left {
            padding-top: 20px;
            padding-bottom: 10px;
            padding-left: 10px;
            text-align: center;
            display: inline-block;
            width: 100%;
        }

        .quotePage .landing-page-column-right {
            padding-top: 20px;
            padding-bottom: 10px;
            white-space: nowrap;
            padding-left: 10px;
            text-align: center;
            display: inline-block;
            width: 100%;
        }
    }

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

    .AdditionalInfo .main-border {
        /*border: 1px solid black;*/
        /*border-radius: 7px;*/
        padding: 0px;
        margin-bottom: 12px;
        width: 100%;
    }

    .AdditionalInfo .inner-border {
        /*border: 1px solid black;*/
        border-radius: 5px;
        max-width: 98%;
        margin-bottom: 10px;
        padding: 10px;
    }

    .AdditionalInfo .continue {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 50px;
        margin-bottom: 60px;
        color: rgb(255, 255, 255);
        border-radius: 7px;
        background-color: #ECB051;
        font-weight: bold;
        cursor: pointer;
    }

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

    .PayplanPage .main-border {
        /*border: 1px solid black;
    border-radius: 7px;*/
        padding: 10px;
        margin-bottom: 12px;
        width: 100%;
    }

    .PayplanPage .inner-border {
        border: 1px solid black;
        border-radius: 5px;
        max-width: 98%;
        margin-bottom: 10px;
        padding: 10px;
    }

    .PayplanPage .plan-table {
        width: 100%;
    }

    .PayplanPage .pay-plan-panel {
        text-align: center;
        padding-bottom: 20px;
    }



    .PayplanPage .continue {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 50px;
        margin-bottom: 60px;
        color: rgb(255, 255, 255);
        border-radius: 7px;
        background-color: #ECB051;
        font-weight: bold;
        cursor: pointer;
    }

    .PayplanPage .form-row {
        padding-top: 10px;
    }

    @media screen and (max-width: 480px) {
        .PayplanPage .plan-table {
            width: 80%;
        }

        .PayplanPage .left-margin {
            padding-left: 1px;
        }

        .PayplanPage .section-label {
            margin-left: -15px;
        }
    }

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

    .paymentPage .main-border {
        /*border: 1px solid black;
    border-radius: 7px;*/
        padding: 10px;
        margin-bottom: 12px;
        width: 100%;
    }

    .paymentPage .inner-border {
        border: 1px solid black;
        border-radius: 5px;
        max-width: 98%;
        margin-bottom: 10px;
        padding: 10px;
    }

    .paymentPage .plan-table {
        width: 100%;
    }

    .paymentPage .continue {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 50px;
        margin-bottom: 60px;
        color: rgb(255, 255, 255);
        border-radius: 7px;
        background-color: #ECB051;
        font-weight: bold;
        cursor: pointer;
    }

    .paymentPage .form-row {
        padding-top: 10px;
    }

    .paymentPage .payment-label {
        font-size: 18pt !important;
        height: 50px;
        padding-bottom: 30px;
    }

    .paymentPage .payment-input {
        width: 300px;
        font-size: 18pt !important;
        height: 50px;
        width: 400px !important;
        max-width: 400px !important;
    }

    .paymentPage .payment-select-month {
        font-size: 18pt !important;
        height: 50px;
        width: 250px !important;
        max-width: 250px !important;
    }

    .paymentPage .payment-select-year {
        font-size: 18pt !important;
        height: 50px;
        width: 150px !important;
        max-width: 150px !important;
    }

    .paymentPage .payment-table {
        width: 100%;
    }

    .paymentPage .payment-row {
        line-height: 60px;
    }

    .paymentPage .payment-column {
        white-space: nowrap;
        padding-bottom: 10px;
        width: 100%;
    }

    .paymentPage .payment-column-left {
        white-space: nowrap;
        padding-bottom: 10px;
        padding-left: 20px;
        width: 50%;
    }

    .paymentPage .payment-column-right {
        white-space: nowrap;
        padding-bottom: 10px;
        width: 50%;
    }

    .paymentPage .payment-option-button {
        font-size: 18pt;
        font-weight: 300;
        display: block;
        margin-top: 10px;
        height: 75px;
        width: 400px;
        vertical-align: middle;
        text-align: center;
        margin-right: 5px;
    }

    .paymentPage .payment-image {
        width: 500px;
    }

    .paymentPage .pay-plan-card {
        padding-left: 40px;
        text-align: center;
    }

    @media screen and (max-width: 480px) {
        .paymentPage .plan-table {
            width: 80%;
        }

        .paymentPage .payment-option-button {
            display: inline-block;
            text-align: center;
        }

        .paymentPage .payment-image {
            width: 250px;
        }

        .paymentPage .payment-label {
            font-size: 12pt !important;
            height: 30px;
            padding-bottom: 30px;
        }

        .paymentPage .payment-input {
            width: 300px;
            font-size: 12pt !important;
            height: 30px;
            width: 250px !important;
            max-width: 250px !important;
        }

        .paymentPage .payment-select-month {
            font-size: 12pt !important;
            height: 30px;
            width: 150px !important;
            max-width: 150px !important;
        }

        .paymentPage .payment-select-year {
            font-size: 12pt !important;
            height: 30px;
            width: 150px !important;
            max-width: 100px !important;
        }

        .paymentPage .pay-plan-card {
            padding-left: 20px;
            text-align: center;
        }
    }

    #chkCopyGaraging {
        float: left;
        margin: 0 15px 0 0;
    }

    .address-checkbox {
        float: left;
        margin: 4px 0 0;
        padding: 0;
    }

    .progress-indicator {
        margin: 2rem 0 0;
        padding: 0;
        font-size: 100%;
        text-transform: uppercase;
        width: 100%;
    }

    #coverages-section {
    }

        #coverages-section .form-inner label {
            margin: 1px 0 0 10px;
            display: inline-block;
            width: auto;
            font-size: 1rem;
        }


        #coverages-section .form-inner input[type='radio'] {
            float: left;
            width: auto;
        }

    #currentRatePanel {
        margin: .5rem 0;
    }

    .lien-holder-info {
        margin-top: 20px;
    }

    #cancel-new-driver, #save-new-driver {
        display: inline-block;
    }

    .card-checkbox-label {
        display: inline-block;
        font-weight: 300;
    }

    .css-panel {
        padding-bottom: 20px;
    }

    #SummaryForm {
        padding: 1rem 0 .5rem;
    }

    .margin-bottom15 {
        margin-bottom: 15px;
    }

    .FinancialInstitution-div {
        text-align: left;
        padding-left: 40px;
    }

    .margin-bottom0 {
        margin-bottom: 0px !important;
    }

    .disclosure-h3 {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    .driver_Exclude {
        text-align: left;
        padding-left: 15px;
        padding-bottom: 12px;
    }

    .display_unset {
        display: unset !important;
    }


.driver_violation_btn {
    height: 60px;
    width: 128px;
    vertical-align: middle;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 1.2375rem;
    font-weight: 300;
}

.vehicleInfoIcon {
    font-size: 22px;
    text-align: center;
    margin-top: 24px;
    /*background: #afe0ff;*/
    border-radius: 50%;
}

/*Radio button look like button for vehicle screen*/
.vehicleRadiobtnAlign .radioBtn input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.vehicleRadiobtnAlign .radioBtn label {
    display: inline-block;
    background-color: white;
    padding: 10px 20px;
    border: 1px solid #d2d3d4;
    border-radius: .25rem;
    color: black;
    font-weight: normal !important;
    line-height: 1.42857143;
    width: 100%;
    text-align: center;
}

.vehicleRadiobtnAlign .radioBtn input[type="radio"]:checked + label {
    background-color: #337ab7;
    color: #fff;
}
/*End Radio button look like button for vehicle screen*/
.padding0{
    padding: 0px ;
}
.padding-left15 {
    padding-left: 15px
}

.minWidthUnset{
    min-width:unset !important;
}

.padding-Top50px {
    padding-top: 50px;
}

.margin-Top20px{
    margin-top:20px !important;
}

.panel-info > .panel-heading {
    color: white !important;
    background-color: grey !important;
    border-color: grey !important;
    /* font-size: 93px; */
}

.panel-info {
    border-color: white !important;
}

.headerIndex {
    color: #232453;
    font-weight: bolder;
    font-size: 24px;
}

.containerBorder {
    border: 2px solid lightgrey;
    margin-top:10px;
}

.margin-Bottom20px {
    margin-bottom: 20px !important;
}
.btnEdit_Small {
    padding: .7em 2em;
    border: 1px solid #d2d3d4;
    display: inline-block;
    text-align: center;
    background: white;
    color: white;
    background: #2098d5;
}

.padding-top_PolicySummary {
    padding-top:12px;
}