/*
Colors
============================================================
Green Default:     #4C9C2E
Green Dark:        #1A5632
Green Light:       #7CC600
------------------------------------------------------------
Grey Dark:         #231F20
Grey:              #796e70
Grey Light:        #CFCFCF
Grey Lighter:      #E9E9E9
Grey Lightest:     #F5F5F5
------------------------------------------------------------
White:             #FFFFF
------------------------------------------------------------

Fonts
============================================================
Primary Font:      'Lato', sans-serif
------------------------------------------------------------
Header Font:       'futura-pt', sans-serif
------------------------------------------------------------       
*/

@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,300;1,400;1,600;1,700;1,800;1,900&display=swap);

body {
    font-family: 'Lato', sans-serif;
    color: #E9E9E9;
    /* Matching Marketing Background Color */
    background-color: #FFFFFF !important;
}

h1,
h2,
h3,
h4 {
    font-family: 'futura-pt', sans-serif;
    color: #1A5632;
}

h1,
h2,
h3 {
    font-weight: 500;
}

h4,
h5 {
    font-weight: 500;
}

h5 {
    color: #4C9C2E;
}

button {
    background-color: #4C9C2E;
    color: #ffffff;
    font-weight: 800;
    border: none;
    border-radius: 12px;
    padding: 8px 16px;
    transition: background-color 0.3s ease;
}

    button:hover {
        color: #ffffff;
        background-color: #1A5632;
    }

/* button:not(.rbFlatButton):hover .rbText {
  color: #ffffff;
} */

a {
    color: #4C9C2E;
    transition: background-color 0.3s ease;
}

    a:hover {
        color: #1A5632;
        text-decoration: none;
    }

/* Universal Show/Hide classes */

.show-on-mobile {
    display: block;
}

.hide-on-mobile {
    display: none;
}

@media (min-width: 768px) {

    .show-on-mobile {
        display: none;
    }

    .hide-on-mobile {
        display: block;
    }
}

/* Header */

.navbar {
    border-bottom: 4px solid #4C9C2E;
    min-height: 64px;
    padding: 0;
}

@media (min-width: 768px) {
    .navbar::after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 64px;
        background-color: #4C9C2E;
    }

    .navbar::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: calc(100% - 64px);
        background-color: #7CC600;
    }
}

.navbar .container-xl {
    padding: 0;
}

@media (min-width: 768px) {
    .navbar .container-xl {
        flex-direction: column;
        position: relative;
        z-index: 2;
    }
}

/* Header - Logo */

.logo-container {
    width: 100%;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 12px;
}

@media (min-width: 768px) {
    .logo-container {
        height: 120px;
    }
}

.navbar-brand img {
    width: 100%;
    max-width: 180px;
}

@media (min-width: 768px) {
    .navbar-brand img {
        max-width: 350px;
    }
}

.navbar-desktop-info {
    display: none;
    align-items: center;
    justify-content: flex-end;
    width: 55%;
    background-color: #7CC600;
    height: 100%;
    position: relative;
    padding-right: 12px;
}

@media (min-width: 768px) {
    .navbar-desktop-info {
        display: flex;
    }
}

.navbar-desktop-info .navbar-desktop-info-angle {
    height: 100%;
    width: auto;
    position: absolute;
    right: calc(100% - 1px);
    top: 0;
}

    .navbar-desktop-info .navbar-desktop-info-angle polygon {
        fill: #7CC600;
    }

.navbar-desktop-info p {
    font-weight: bold;
    margin-bottom: 0;
}

.navbar-desktop-info button {
    margin-left: 24px;
}

/* Header - Mobile Nav Button */

.navbar .navbar-toggler {
    background: #4C9C2E;
    height: 64px;
    width: 64px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0;
    border: none;
}

.navbar-toggler-angle {
    position: absolute;
    top: 0;
    right: 100%;
    width: 46px;
    height: 64px;
}

    .navbar-toggler-angle polygon {
        fill: #4C9C2E;
    }

.navbar .navbar-toggler .navbar-menu-icon {
    display: block;
    position: absolute;
    width: 32px;
    height: 4px;
    background-color: #231F20;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4px;
}

    .navbar .navbar-toggler .navbar-menu-icon::before,
    .navbar .navbar-toggler .navbar-menu-icon::after {
        content: '';
        display: block;
        position: absolute;
        width: 32px;
        height: 4px;
        background-color: #231F20;
        border-radius: 4px;
        top: -10px;
        left: 6px;
    }

    .navbar .navbar-toggler .navbar-menu-icon::after {
        top: auto;
        bottom: -10px;
        left: -6px;
    }

/* Header - Navigation */

.navbar .navbar-nav {
    background: #4C9C2E;
    padding: 12px 16px;
    width: 100%;
}

@media (min-width: 768px) {
    .navbar .navbar-nav {
        height: 64px;
    }
}

.navbar .navbar-nav .nav-link {
    font-weight: 700;
    color: rgba(255,255,255,0.8);
}

.dropdown-menu {
    border: none;
}

@media (min-width: 768px) {
    .dropdown-menu {
        box-shadow: 0 3px 8px rgba(0,0,0,0.3);
        border-radius: 12px;
    }
}

.dropdown-menu .dropdown-item {
    color: #1A5632;
    font-weight: 700;
}

/* Intro */
.intro-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

    .intro-wrapper .intro-graphic {
        width: 100%;
        max-width: 300px;
        margin-bottom: 32px;
    }

/* New overrides */
/* #ctl00_SkinChooser {
  display: none;
}

#goauto-form {
  padding: 0 32px;
} */


/* button.RadButton.rbPrimaryButton {
  border-radius: 20px;
  width: auto;
} */

/* Style Overides
-----------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------
 */

/* Help Modal  */
.swal-overlay--show-modal .swal-modal {
    border-radius: 16px;
}


.swal-overlay--show-modal .swal-text {
    color: #231F20;
    line-height: 1.4em;
}

    .swal-overlay--show-modal .swal-text:first-child {
        margin-top: 16px;
    }

/* Calendar */
.RadCalendar .rcRow th + td,
.RadCalendar .rcRow td:first-child {
    padding: 7px;
}

/* Card Start New */
.ga-card-start div.RadInput.RadInput_Material {
    border-radius: 25px 0 0 25px;
}

.ga-card-start .col-10,
.ga-card-start .col-2 {
    padding: 0;
}

.ga-card-start div.button-wrapper {
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px;
    height: 50px;
    background: #f5f5f5;
    border-radius: 0 25px 25px 0;
}

/* Quote Progress Navigation */

.quick-quote-navigation {
    background: #fbfbfb;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 20px;
    margin-top: 0;
    position: relative;
    /* border-top: 5px solid #4a9c2d; */
}

form:not([action="./StartAQuote.aspx"]) .quick-quote-navigation::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #E9E9E9;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.quick-quote-navigation .container {
    background: #fbfbfb;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0 !important;
    position: relative;
}

#navigation-content-container {
    background: #fbfbfb;
}

    #navigation-content-container::before {
        content: '';
        display: table;
        height: 0;
        width: 0;
    }

    #navigation-content-container .quote-nav {
        margin-top: 40px;
        overflow: visible;
        position: relative;
        z-index: 2;
    }

    #navigation-content-container .quote-nav__steps {
        display: flex;
        justify-content: space-around;
        width: 100%;
        flex-wrap: nowrap;
        margin-bottom: -17px;
        z-index: 2;
        position: relative;
    }

    #navigation-content-container .quote-nav .quote-nav__item {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        position: relative;
    }

    #navigation-content-container .quote-nav .quote-nav__item-label {
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 8px;
        color: #CFCFCF;
        text-align: center;
    }

        #navigation-content-container .quote-nav .quote-nav__item-label a {
            color: #796e70;
            transition: color 0.3s ease-in;
        }

            #navigation-content-container .quote-nav .quote-nav__item-label a:hover {
                color: #4C9C2E;
            }

    #navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-1 .quote-nav__item-label,
    #navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-2 .quote-nav__item-label,
    #navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-3 .quote-nav__item-label,
    #navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4 .quote-nav__item-label,
    #navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-5 .quote-nav__item-label,
    #navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-6 .quote-nav__item-label,
    #navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-7 .quote-nav__item-label,
    #navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-8 .quote-nav__item-label,
    #navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-1 .quote-nav__item-label a,
    #navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-2 .quote-nav__item-label a,
    #navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-3 .quote-nav__item-label a,
    #navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4 .quote-nav__item-label a,
    #navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-5 .quote-nav__item-label a,
    #navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-6 .quote-nav__item-label a,
    #navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-7 .quote-nav__item-label a,
    #navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-8 .quote-nav__item-label a {
        color: #1A5632;
    }

    #navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-1::before,
    #navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-2::before,
    #navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4::before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #CFCFCF;
        position: absolute;
        left: 50%;
        bottom: -7px;
        transform: translateX(-50%);
    }

.scrolled #navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-1::before,
.scrolled #navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-2::before,
.scrolled #navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4::before {
    opacity: 0;
}

#navigation-content-container .quote-nav .quote-nav__item-1::after,
#navigation-content-container .quote-nav .quote-nav__item-2::after,
#navigation-content-container .quote-nav .quote-nav__item-3::after,
#navigation-content-container .quote-nav .quote-nav__item-4::after,
#navigation-content-container .quote-nav .quote-nav__item-5::after,
#navigation-content-container .quote-nav .quote-nav__item-6::after,
#navigation-content-container .quote-nav .quote-nav__item-7::after,
#navigation-content-container .quote-nav .quote-nav__item-8::after {
    content: '';
    display: none;
    height: 4px;
    width: 50%;
    position: absolute;
    left: 0;
    //bottom: 13px;
    bottom: -22px;
    background: #4C9C2E;
}

#navigation-content-container .quote-nav .quote-nav__item-1::after {
    border-radius: 2px 0 0 2px;
}

/* Progress Bar - Step 1 */
#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-1::after {
    display: block;
}

/* Progress Bar - Step 2 */
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-1::after {
    width: 100%;
}

#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-2::after {
    content: '';
    display: block;
}

/* Progress Bar - Step 3 */
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-2::after {
    width: 100%;
}

#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-3::after {
    display: block;
}

/* Progress Bar - Step 4 */
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-3::after {
    width: 100%;
}

#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-3::after,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4::after {
    display: block;
}

/* Progress Bar - Step 5 */
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-3::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-4::after {
    width: 100%;
}

#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-3::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-4::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-5::after {
    display: block;
}

/* Progress Bar - Step 6 */
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-3::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-4::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-5::after {
    width: 100%;
}

#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-3::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-4::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-5::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-6::after {
    display: block;
}

/* Progress Bar - Step 7 */
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-3::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-4::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-5::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-6::after {
    width: 100%;
}

#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-3::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-4::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-5::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-6::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-7::after {
    display: block;
}

/* Progress Bar - Step 8 */
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-3::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-4::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-5::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-6::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-7::after {
    width: 100%;
}

#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-1::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-2::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-3::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-4::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-5::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-6::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-7::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-8::after {
    display: block;
}

#navigation-content-container .quote-nav .quote-nav__item-marker {
    position: relative;
    z-index: 2;
}


    #navigation-content-container .quote-nav .quote-nav__item-marker span {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        top: 50%;
        left: 50%;
        color: #fff;
        font-size: 11px;
        font-weight: bold;
        transform: translate(-50%, -50%);
        z-index: 5;
    }

#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-1 .quote-nav__item-marker span,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-2 .quote-nav__item-marker span,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-3 .quote-nav__item-marker span,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4 .quote-nav__item-marker span,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-5 .quote-nav__item-marker span,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-6 .quote-nav__item-marker span,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-7 .quote-nav__item-marker span,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-8 .quote-nav__item-marker span {
    display: flex;
    align-items: center;
    justify-content: center;
}

#navigation-content-container .quote-nav .quote-nav__item-marker::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: transparent;
    z-index: 1;
}

#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-1 .quote-nav__item-marker::before,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-2 .quote-nav__item-marker::before,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-3 .quote-nav__item-marker::before,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4 .quote-nav__item-marker::before,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-5 .quote-nav__item-marker::before,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-6 .quote-nav__item-marker::before,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-7 .quote-nav__item-marker::before,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-8 .quote-nav__item-marker::before {
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

#navigation-content-container .quote-nav .quote-nav__item-marker::after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #4C9C2E;
    z-index: 2;
}

#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-2 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-3 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-4 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-5 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-6 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-7 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-8 .quote-nav__item-marker::after {
    background-color: #CFCFCF;
}

#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-3 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-4 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-5 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-6 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-7 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-8 .quote-nav__item-marker::after {
    background-color: #CFCFCF;
}

#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-4 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-5 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-6 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-7 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-8 .quote-nav__item-marker::after {
    background-color: #CFCFCF;
}

#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-5 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-6 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-7 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-8 .quote-nav__item-marker::after {
    background-color: #CFCFCF;
}

#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-6 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-7 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-8 .quote-nav__item-marker::after {
    background-color: #CFCFCF;
}

#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-7 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-8 .quote-nav__item-marker::after {
    background-color: #CFCFCF;
}

#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-8 .quote-nav__item-marker::after {
    background-color: #CFCFCF;
}

#navigation-content-container .quote-nav.quote-nav__current-step-1 .quote-nav__item-1 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-2 .quote-nav__item-2 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-3 .quote-nav__item-3 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-5 .quote-nav__item-5 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-6 .quote-nav__item-6 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-7 .quote-nav__item-marker::after,
#navigation-content-container .quote-nav.quote-nav__current-step-8 .quote-nav__item-8 .quote-nav__item-marker::after {
    height: 20px;
    width: 20px;
}

#navigation-content-container .quote-nav .quote-nav__progress {
    position: relative;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background-color: #CFCFCF;
    overflow: hidden;
}

#main-content-container .RadWizard_Material.RadWizard {
    padding: 0;
    overflow: visible;
}

#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4.quote-nav__item-complete .quote-nav__item-marker span,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-7 .quote-nav__item-marker span {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background-image: url('/assets/images/icon-star.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
}

#navigation-content-container .quote-nav.quote-nav__current-step-4 .quote-nav__item-4.quote-nav__item-complete::before,
#navigation-content-container .quote-nav.quote-nav__current-step-7 .quote-nav__item-7::before {
    display: none;
}

/* Main Container */

/* Not sure why but this element has an overflow auto causing a horizontal scroll */
#main-content-container .RadWizard .rwzContent {
    overflow: visible;
}
/* This is wrapping the main card on the Rates summary page and causing the shadow to hide */
#main-content-container .RadWizard .rwzContentWrapper {
    overflow: visible;
}

/* Title that falls outside of the card container */
#main-content-container .outer-title {
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'futura-pt', sans-serif;
    margin-bottom: 12px;
    display: block;
    color: #1A5632;
}

/* Start Page Styles */
#main-content-container .start-a-quote-graphic {
    display: block;
    margin-bottom: 32px;
}

#main-content-container .start-a-quote-text.outer-title {
    margin-bottom: 32px;
}

/* Cards */
#main-content-container .card {
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.07), 0 8px 16px rgba(0,0,0,0.07), 0 16px 32px rgba(0,0,0,0.07), 0 32px 64px rgba(0,0,0,0.07);
}

#main-content-container,
#main-content-container .RadWizard_Material,
#main-content-container p {
    color: #1A5632;
}


    #main-content-container .row {
        width: calc(100% + 30px);
    }

        #main-content-container .row .col-12 {
            clear: both;
        }

        #main-content-container .row div[class*="col"] p:only-child {
            margin-bottom: 0;
        }

    #main-content-container .card .container {
        padding: 0;
        overflow: visible;
    }

        /* some specific IDs are included when the rows are generated dynamically inside of a container */
        #main-content-container .card div[id*="PNL_NotPresentlyInsured"] .row,
        #main-content-container .card div[id*="IncidentReport_ManageIncidents"] .row,
        #main-content-container .card .container .row:not(:only-child),
        #main-content-container .card .card-body .row:not(:only-child) {
            margin-bottom: 16px;
        }

    #main-content-container .card .row .col-12 + .col-12 {
        margin-top: 8px;
    }

    #main-content-container .card .container .row.card__inline-label div[class*="col"] {
        display: flex;
        align-items: center;
    }

        #main-content-container .card .container .row.card__inline-label div[class*="col"]:last-of-type {
            justify-content: flex-end;
        }

    #main-content-container .card .container .row.card__inline-label .card__label,
    #main-content-container .card .container .row.card__inline-label .card__label-sub,
    #main-content-container .card .row div[class*="col"] .card__label:only-child,
    #main-content-container .card .row div[class*="col"] .card__label-sub:only-child {
        margin: 0;
    }

    #main-content-container .card .card__label + .help-icon,
    #main-content-container .card .card-label-sub + .help-icon {
        float: left;
        display: block;
        height: 24px;
        width: 24px;
        background-image: url('/assets/images/icon-help.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 8px;
        cursor: pointer;
    }



    #main-content-container .card .card__label,
    .vehicle-coverage-intro-card .card__label {
        float: left;
        display: block;
        padding: 0;
        margin-bottom: 8px;
        background-color: transparent;
        border-bottom: none;
        font-family: 'futura-pt', sans-serif;
        font-weight: 800;
        font-size: 18px;
        text-transform: uppercase;
        color: #1A5632;
    }

    #main-content-container .card .card__label-sub {
        display: block;
        padding: 0;
        margin-bottom: 6px;
        background-color: transparent;
        border-bottom: none;
        font-family: 'futura-pt', sans-serif;
        font-weight: 700;
        font-size: 16px;
        text-transform: none;
        color: #1A5632;
    }

    /* Card Intro */
    #main-content-container .card.card-intro {
        background-color: #e9e9e9;
        border: 0;
        box-shadow: none;
        border-radius: 8px;
    }

@media (max-width: 768px) {
    #main-content-container .card.card-intro .card-body {
        padding: 1rem 1.25rem;
    }

        #main-content-container .card.card-intro .card-body .row:not(:only-child) {
            margin-bottom: 8px;
        }
}



#main-content-container .card.card-intro .card-intro__label {
    font-family: 'futura-pt', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #1A5632;
    font-weight: bold;
}

#main-content-container .card.card-intro .RadLabel_Material {
    color: #4C9C2E;
}

#main-content-container .card.card-intro .row:nth-child(2) .RadLabel_Material {
    color: #1A5632;
    font-weight: normal;
}

#main-content-container .card.card-intro .row:not(:first-child) .RadLabel_Material {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

#main-content-container .card.card-intro div[id*="LBL_VehicleDetails"],
#main-content-container .card.card-intro span[id*="LBL_VehicleDetails"] {
    line-height: 2em;
}

#main-content-container .card.card-intro .row:only-child {
    margin-bottom: 0;
}

/* Card Intro - Button */
#main-content-container .RadButton_Material.rbButton,
#main-content-container .rwzButton {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 42px;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 24px;
    box-shadow: none;
    text-transform: capitalize;
}

    #main-content-container .rwzButton:not(.rwzCancel) {
        background-color: #4C9C2E;
        color: #fff;
    }

    #main-content-container .card.card-intro .RadButton_Material.rbButton.rbFlatButton,
    #main-content-container .RadButton_Material.rbButton.rbFlatButton,
    #main-content-container .RadButton_Material.rbButton.rbFlatButton.rbFocused,
    #main-content-container .RadButton_Material.rbButton.rbFlatButton.rbSelected,
    #main-content-container .RadButton_Material.rbButton.rbFlatButton:focus {
        background-color: transparent;
        color: #4C9C2E;
        text-transform: none;
        padding: 0;
        min-width: 0;
        min-width: 0;
        min-height: 0;
        border-radius: 0;
        text-decoration: underline;
    }

    #main-content-container .RadButton_Material.rbButton.rbPrimaryButton,
    #main-content-container .RadButton_Material.rbButton.rbPrimaryButton.rbSelected,
    #main-content-container .RadButton_Material.rbButton.rbPrimaryButton.rbToggled {
        border-color: #4C9C2E;
        color: #fff;
        background-color: #4C9C2E;
    }

#main-content-container .card.card-intro .rbButton {
    background-color: #4C9C2E;
    color: #fff;
    border-radius: 30px;
    padding: 8px 18px;
    font-size: 12px;
}

/* Footer Nav Buttons */

#main-content-container .l2dCustomRadWizard.RadWizard_Material .rwzBreadCrumb .rwzText:before {
    background-color: #7CC600;
}

#main-content-container .l2dCustomRadWizard.RadWizard_Material .rwzSelected .rwzLink .rwzText:before {
    background-color: #4C9C2E;
}

#main-content-container .wizard-nav-buttons,
#main-content-container .page-nav-buttons {
    margin-top: 24px;
}

    #main-content-container .wizard-nav-buttons div[class*="col"],
    #main-content-container .page-nav-buttons div[class*="col"] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        #main-content-container .wizard-nav-buttons div[class*="col"]:nth-child(2),
        #main-content-container .page-nav-buttons div[class*="col"]:nth-child(2) {
            justify-content: flex-end;
        }

    #main-content-container .wizard-nav-buttons div.col-12:only-child,
    #main-content-container .page-nav-buttons div.col-12:only-child {
        padding-left: 15px;
        padding-right: 15px;
        justify-content: flex-end;
    }

    #main-content-container .wizard-nav-buttons .RadButton[value="Back"] {
        margin-left: 5px;
    }

    #main-content-container .page-nav-buttons .RadButton[value="Back"] {
        margin-left: 20px;
    }

.RadButton[value="Back"] span::before {
    content: '<';
    display: inline-block;
    margin-right: 4px;
}

#main-content-container .wizard-nav-buttons .RadButton[value="Cancel"],
#main-content-container .page-nav-buttons .RadButton[value="Cancel"] {
    margin-left: 7px;
}

#main-content-container .RadButton[value="Save & return later"] {
    margin-top: 20px;
    margin-right: 18px;
}

    #main-content-container .RadButton[value="Save & return later"] span {
        text-transform: capitalize;
    }

/* Input - inline button/element */

#main-content-container .input-inline-element-wrapper {
    position: relative;
}

    #main-content-container .input-inline-element-wrapper button.rbButton {
        display: block;
        width: 100px !important;
        position: absolute;
        top: 50%;
        right: 5px;
        box-shadow: none;
        transform: translateY(-50%);
    }

    #main-content-container .input-inline-element-wrapper .RadInput.RadInput_Material input,
    #main-content-container .input-inline-element-wrapper .rddlFakeInput.rddlDefaultMessage {
        width: calc(100% - 120px);
    }

/* Yes/No Toggle Button */
#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-unset,
#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-yes,
#main-content-container .RadButton_Material.rbButton.yesno-tooglestate-no {
    display: inline-flex;
    width: auto;
    height: 48px;
    padding: 3px;
    border-radius: 24px;
    background: #f5f5f5;
}

    #main-content-container .RadButton_Material.rbButton.yesno-tooglestate-unset .rbText,
    #main-content-container .RadButton_Material.rbButton.yesno-tooglestate-yes .rbText,
    #main-content-container .RadButton_Material.rbButton.yesno-tooglestate-no .rbText {
        display: none;
    }

    #main-content-container .RadButton_Material.rbButton.yesno-tooglestate-unset:before,
    #main-content-container .RadButton_Material.rbButton.yesno-tooglestate-yes:before,
    #main-content-container .RadButton_Material.rbButton.yesno-tooglestate-no:before {
        display: flex;
        content: 'YES';
        align-items: center;
        justify-content: center;
        order: 1;
        min-width: 60px;
        height: 100%;
        padding: 0 12px;
        border-radius: 24px;
        color: #fff;
        background: #4C9C2E;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    #main-content-container .RadButton_Material.rbButton.yesno-tooglestate-unset:before {
        color: #1A5632;
        background: transparent;
    }

    #main-content-container .RadButton_Material.rbButton.yesno-tooglestate-no:before {
        color: #1A5632;
        background: transparent;
    }

    #main-content-container .RadButton_Material.rbButton.yesno-tooglestate-unset:after,
    #main-content-container .RadButton_Material.rbButton.yesno-tooglestate-yes:after,
    #main-content-container .RadButton_Material.rbButton.yesno-tooglestate-no:after {
        content: 'No';
        display: flex;
        align-items: center;
        justify-content: center;
        order: 2;
        min-width: 60px;
        height: 100%;
        border-radius: 24px;
        color: #1A5632;
        background: transparent;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    #main-content-container .RadButton_Material.rbButton.yesno-tooglestate-no:after {
        color: #fff;
        background: #4C9C2E;
    }

    #main-content-container .RadButton_Material.rbButton.yesno-tooglestate-yes:after {
        color: #1A5632;
        background: transparent;
    }

/* Number Button */

#main-content-container div.RadInput.RadInput_Material.l2dPlusMinusTextBox {
    display: flex;
    justify-content: space-between;
    width: 130px;
    height: 48px;
    padding: 0 3px;
}

    #main-content-container div.RadInput.RadInput_Material.l2dPlusMinusTextBox input {
        text-align: center;
    }

    #main-content-container div.RadInput.RadInput_Material.l2dPlusMinusTextBox .riSelect {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        height: 42px;
        width: 42px;
        flex-shrink: 0;
        color: #fff;
        background: #4C9C2E;
        border-radius: 50%;
        right: auto;
        left: auto;
        top: auto;
        bottom: auto;
    }

        #main-content-container div.RadInput.RadInput_Material.l2dPlusMinusTextBox .riSelect a {
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            margin: 0;
            width: 100%;
            height: 100%;
            border: none;
        }

#main-content-container .RadInput_Material .riUp:before,
#main-content-container .RadInput_Material .riDown:before {
    margin-top: 0;
}

/* Input */

#main-content-container .RadInput.RadInput_Material {
    background-color: #F5F5F5;
    border-radius: 25px;
    width: auto;
    min-height: 50px;
    display: flex;
    align-items: center;
}

    #main-content-container .has-error .RadInput.RadInput_Material,
    #main-content-container .RadInput.RadInput_Material.has-error {
        border: 2px solid #d3353580;
    }

/* Input - Placeholder Text Style  */

#main-content-container .RadDropDownList.RadDropDownList_Material .rddlFakeInput {
    color: #1A5632;
}

    #main-content-container .RadDropDownList.RadDropDownList_Material .RadInput.RadInput_Material input,
    #main-content-container .RadDropDownList.RadDropDownList_Material .rddlFakeInput.rddlDefaultMessage {
        color: #4C9C2E;
        opacity: 1;
        font-style: normal !important;
        border-bottom: none;
    }

#main-content-container .RadInput_Material input.riTextBox {
    border: none;
    color: #4C9C2E;
}

/* Dropdown */

#main-content-container .RadDropDownList.RadDropDownList_Material .rddlInner {
    background-color: #F5F5F5;
    border-radius: 25px;
    min-height: 50px;
    display: flex;
    align-items: center;
}

#main-content-container .RadDropDownList.RadDropDownList_Material.has-error .rddlInner {
    border: 2px solid #d3353580;
}

#main-content-container .RadDropDownList.RadDropDownList_Material .rddlInner .rddlSelect {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4C9C2E;
    border-radius: 20px;
    border-radius: 20px;
    height: 40px;
    width: 60px;
    box-sizing: border-box;
    top: auto;
    bottom: auto;
    left: auto;
    right: 5px;
}

    #main-content-container .RadDropDownList.RadDropDownList_Material .rddlInner .rddlSelect .p-icon {
        color: #fff;
        height: auto;
        width: auto;
    }

#main-content-container .RadDropDownList.RadDropDownList_Material .rddlInner::before,
#main-content-container .RadPicker_Material .RadInput:before {
    display: none;
}

.rddlSlide .rddlList .rddlItem {
    margin: 12px 24px;
    padding: 0;
    color: #1A5632;
}

    .rddlSlide .rddlList .rddlItem:not(:last-of-type) {
        padding: 0 0 12px 0;
        border-bottom: 2px solid #fff;
    }

    .rddlSlide .rddlList .rddlItem .dropdown-item {
        display: flex;
        align-items: center;
        padding: 0;
        color: #1A5632;
    }

        .rddlSlide .rddlList .rddlItem .dropdown-item .dropdown-logo,
        .rddlSlide .rddlList .rddlItem .dropdown-item .dropdown-text {
            display: flex;
        }

        .rddlSlide .rddlList .rddlItem .dropdown-item .dropdown-logo {
            margin-right: 12px;
        }

/* Dropdown element */
.rddlSlide .rddlPopup.rddlPopup_Material {
    border-radius: 20px;
    top: 0;
    background-color: #F5F5F5;
    margin-top: 2px;
}

    .rddlSlide .rddlPopup.rddlPopup_Material .rddlItem.rddlItemSelected {
        color: #7CC600;
    }

/* Multi-select element */
#main-content-container .k-widget.k-multiselect.RadMultiSelect.RadMultiSelect_Material {
    background-color: #F5F5F5;
    border-radius: 25px;
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

    #main-content-container .k-widget.k-multiselect.RadMultiSelect.RadMultiSelect_Material.k-state-focused > .k-multiselect-wrap {
        box-shadow: none;
    }

        #main-content-container .k-widget.k-multiselect.RadMultiSelect.RadMultiSelect_Material.k-state-focused > .k-multiselect-wrap::after,
        #main-content-container .RadMultiSelect_Material .k-multiselect-wrap::after {
            display: none;
        }

#main-content-container .RadMultiSelect_Material .k-multiselect-wrap li.k-button {
    background-color: #4C9C2E;
    color: #fff;
    padding: 4px 10px 4px 12px;
}

    #main-content-container .RadMultiSelect_Material .k-multiselect-wrap li.k-button .k-i-close {
        background-color: #7CC600;
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #main-content-container .RadMultiSelect_Material .k-multiselect-wrap li.k-button .k-i-close::before {
            color: #fff;
        }

        #main-content-container .RadMultiSelect_Material .k-multiselect-wrap li.k-button .k-i-close:hover::before {
            color: #fff;
        }

#main-content-container .k-list-container.RadMultiSelectDropDown_Material .k-list .k-item.k-state-selected,
#main-content-container .k-list-container.RadMultiSelectDropDown_Material .k-list-optionlabel.k-state-selected {
    color: #7CC600;
}

#main-content-container .k-list-container.RadMultiSelectDropDown_Material .k-list .k-item:hover.k-state-selected {
    color: #4C9C2E;
    background-color: #fff;
}

.k-animation-container .RadMultiSelectDropDown_Material.k-popup {
    border: none;
    background-color: transparent;
}

.k-list-container.RadMultiSelectDropDown_Material .k-list-scroller {
    background-color: #f5f5f5;
    border: none;
    border-radius: 20px;
    padding: 12px;
    font-family: "Roboto","Noto",sans-serif;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 20%);
}

.k-list-container.RadMultiSelectDropDown_Material .k-list .k-item:focus,
.k-list-container.RadMultiSelectDropDown_Material .k-list .k-item.k-state-focused,
.k-list-container.RadMultiSelectDropDown_Material .k-list-optionlabel:focus,
.k-list-container.RadMultiSelectDropDown_Material .k-list-optionlabel.k-state-focused {
    box-shadow: none;
}

.k-list-container.RadMultiSelectDropDown_Material .k-list .k-item.k-state-selected,
.k-list-container.RadMultiSelectDropDown_Material .k-list-optionlabel.k-state-selected {
    color: #7CC600;
}

.k-list-container.RadMultiSelectDropDown_Material .k-list .k-item:hover.k-state-selected,
.k-list-container.RadMultiSelectDropDown_Material .k-list .k-item.k-state-hover.k-state-selected,
.k-list-container.RadMultiSelectDropDown_Material .k-list-optionlabel:hover.k-state-selected,
.k-list-container.RadMultiSelectDropDown_Material .k-list-optionlabel.k-state-hover.k-state-selected {
    background-color: transparent;
    color: #4C9C2E;
}

.k-multiselect.RadMultiSelect_Material .k-multiselect-wrap:hover,
.k-multiselect.RadMultiSelect_Material .k-multiselect-wrap.k-state-hover {
    border: none;
    box-shadow: none;
}
/* Vehicle Dropdown Logos */
.vehiclemake.dropdown-logo,
.vehicle-coverage-intro-card .list-logo,
.vehicle-item .list-logo {
    display: block;
    width: 32px;
    height: 32px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/assets/images/icon-car.svg');
    margin-right: 8px;
}

.vehicle-coverage-intro-card .list-logo,
.vehicle-item .list-logo {
    width: 64px;
    height: 64px;
    margin-right: 16px;
}

.vehiclemake.dropdown-logo.vehicle-make-acura-logo,
#main-content-container .vehicle-make-acura-logo {
    background-image: url('/assets/images/logo-vehicle-acura.png')
}

.vehiclemake.dropdown-logo.vehicle-make-land-rover-logo,
#main-content-container .vehicle-make-land-rover-logo {
    background-image: url('/assets/images/logo-vehicle-land-rover.png')
}

.vehiclemake.dropdown-logo.vehicle-make-alfa-romeo-logo,
#main-content-container .vehicle-make-alfa-romeo-logo {
    background-image: url('/assets/images/logo-vehicle-alfa-romeo.png')
}

.vehiclemake.dropdown-logo.vehicle-make-lexus-logo,
#main-content-container .vehicle-make-lexus-logo {
    background-image: url('/assets/images/logo-vehicle-lexus.png')
}

.vehiclemake.dropdown-logo.vehicle-make-am-general-logo,
#main-content-container .vehicle-make-am-general-logo {
    background-image: url('/assets/images/logo-vehicle-am-general.png')
}

.vehiclemake.dropdown-logo.vehicle-make-lincoln-logo,
#main-content-container .vehicle-make-lincoln-logo {
    background-image: url('/assets/images/logo-vehicle-lincoln.png')
}

.vehiclemake.dropdown-logo.vehicle-make-american-motors-logo,
#main-content-container .vehicle-make-american-motors-logo {
    background-image: url('/assets/images/logo-vehicle-american-motors.png')
}

.vehiclemake.dropdown-logo.vehicle-make-lotus-logo,
#main-content-container .vehicle-make-lotus-logo {
    background-image: url('/assets/images/logo-vehicle-lotus.png')
}

.vehiclemake.dropdown-logo.vehicle-make-astn-logo,
#main-content-container .vehicle-make-astn-logo,
.vehiclemake.dropdown-logo.vehicle-make-aston-martin-logo,
#main-content-container .vehicle-make-aston-martin-logo {
    background-image: url('/assets/images/logo-vehicle-aston-martin.png')
}

.vehiclemake.dropdown-logo.vehicle-make-maserati-logo,
#main-content-container .vehicle-make-maserati-logo {
    background-image: url('/assets/images/logo-vehicle-maserati.png')
}

.vehiclemake.dropdown-logo.vehicle-make-audi-logo,
#main-content-container .vehicle-make-audi-logo {
    background-image: url('/assets/images/logo-vehicle-audi.png')
}

.vehiclemake.dropdown-logo.vehicle-make-mazda-logo,
#main-content-container .vehicle-make-mazda-logo {
    background-image: url('/assets/images/logo-vehicle-mazda.png')
}

.vehiclemake.dropdown-logo.vehicle-make-austin-logo,
#main-content-container .vehicle-make-austin-logo {
    background-image: url('/assets/images/logo-vehicle-austin.png')
}

.vehiclemake.dropdown-logo.vehicle-make-mercedes-benz-logo,
#main-content-container .vehicle-make-mercedes-benz-logo {
    background-image: url('/assets/images/logo-vehicle-mercedes-benz.png')
}

.vehiclemake.dropdown-logo.vehicle-make-avanti-logo,
#main-content-container .vehicle-make-avanti-logo {
    background-image: url('/assets/images/logo-vehicle-avanti.png')
}

.vehiclemake.dropdown-logo.vehicle-make-mercury-logo,
#main-content-container .vehicle-make-mercury-logo {
    background-image: url('/assets/images/logo-vehicle-mercury.png')
}

.vehiclemake.dropdown-logo.vehicle-make-bertone-logo,
#main-content-container .vehicle-make-bertone-logo {
    background-image: url('/assets/images/logo-vehicle-bertone.png')
}

.vehiclemake.dropdown-logo.vehicle-make-mg-logo,
#main-content-container .vehicle-make-mg-logo {
    background-image: url('/assets/images/logo-vehicle-mg.png')
}

.vehiclemake.dropdown-logo.vehicle-make-bmw-logo,
#main-content-container .vehicle-make-bmw-logo {
    background-image: url('/assets/images/logo-vehicle-bmw.png')
}

.vehiclemake.dropdown-logo.vehicle-make-mini-logo,
#main-content-container .vehicle-make-mini-logo {
    background-image: url('/assets/images/logo-vehicle-mini.png')
}

.vehiclemake.dropdown-logo.vehicle-make-buick-logo,
#main-content-container .vehicle-make-buick-logo {
    background-image: url('/assets/images/logo-vehicle-buick.png')
}

.vehiclemake.dropdown-logo.vehicle-make-mitsubishi-logo,
#main-content-container .vehicle-make-mitsubishi-logo {
    background-image: url('/assets/images/logo-vehicle-mitsubishi.png')
}

.vehiclemake.dropdown-logo.vehicle-make-cadillac-logo,
#main-content-container .vehicle-make-cadillac-logo {
    background-image: url('/assets/images/logo-vehicle-cadillac.png')
}

.vehiclemake.dropdown-logo.vehicle-make-nissan-logo,
#main-content-container .vehicle-make-nissan-logo {
    background-image: url('/assets/images/logo-vehicle-nissan.png')
}

.vehiclemake.dropdown-logo.vehicle-make-checker-logo,
#main-content-container .vehicle-make-checker-logo {
    background-image: url('/assets/images/logo-vehicle-checker.png')
}

.vehiclemake.dropdown-logo.vehicle-make-oldsmobile-logo,
#main-content-container .vehicle-make-oldsmobile-logo {
    background-image: url('/assets/images/logo-vehicle-oldsmobile.png')
}

.vehiclemake.dropdown-logo.vehicle-make-chevrolet-logo,
#main-content-container .vehicle-make-chevrolet-logo {
    background-image: url('/assets/images/logo-vehicle-chevrolet.png')
}

.vehiclemake.dropdown-logo.vehicle-make-peugeot-logo,
#main-content-container .vehicle-make-peugeot-logo {
    background-image: url('/assets/images/logo-vehicle-peugeot.png')
}

.vehiclemake.dropdown-logo.vehicle-make-chrysler-logo,
#main-content-container .vehicle-make-chrysler-logo {
    background-image: url('/assets/images/logo-vehicle-chrysler.png')
}

.vehiclemake.dropdown-logo.vehicle-make-pininfarina-logo,
#main-content-container .vehicle-make-pininfarina-logo {
    background-image: url('/assets/images/logo-vehicle-pininfarina.png')
}

.vehiclemake.dropdown-logo.vehicle-make-daewoo-logo,
#main-content-container .vehicle-make-daewoo-logo {
    background-image: url('/assets/images/logo-vehicle-daewoo.png')
}

.vehiclemake.dropdown-logo.vehicle-make-plymouth-logo,
#main-content-container .vehicle-make-plymouth-logo {
    background-image: url('/assets/images/logo-vehicle-plymouth.png')
}

.vehiclemake.dropdown-logo.vehicle-make-daihatsu-logo,
#main-content-container .vehicle-make-daihatsu-logo {
    background-image: url('/assets/images/logo-vehicle-daihatsu.png')
}

.vehiclemake.dropdown-logo.vehicle-make-pontiac-logo,
#main-content-container .vehicle-make-pontiac-logo {
    background-image: url('/assets/images/logo-vehicle-pontiac.png')
}

.vehiclemake.dropdown-logo.vehicle-make-delorean-logo,
#main-content-container .vehicle-make-delorean-logo {
    background-image: url('/assets/images/logo-vehicle-delorean.png')
}

.vehiclemake.dropdown-logo.vehicle-make-porsche-logo,
#main-content-container .vehicle-make-porsche-logo {
    background-image: url('/assets/images/logo-vehicle-porsche.png')
}

.vehiclemake.dropdown-logo.vehicle-make-dodge-logo,
#main-content-container .vehicle-make-dodge-logo {
    background-image: url('/assets/images/logo-vehicle-dodge.png')
}

.vehiclemake.dropdown-logo.vehicle-make-ram-logo,
#main-content-container .vehicle-make-ram-logo {
    background-image: url('/assets/images/logo-vehicle-ram.png')
}

.vehiclemake.dropdown-logo.vehicle-make-eagle-logo,
#main-content-container .vehicle-make-eagle-logo {
    background-image: url('/assets/images/logo-vehicle-eagle.png')
}

.vehiclemake.dropdown-logo.vehicle-make-renault-logo,
#main-content-container .vehicle-make-renault-logo {
    background-image: url('/assets/images/logo-vehicle-renault.png')
}

.vehiclemake.dropdown-logo.vehicle-make-ferrari-logo,
#main-content-container .vehicle-make-ferrari-logo {
    background-image: url('/assets/images/logo-vehicle-ferrari.png')
}

.vehiclemake.dropdown-logo.vehicle-make-saab-logo,
#main-content-container .vehicle-make-saab-logo {
    background-image: url('/assets/images/logo-vehicle-saab.png')
}

.vehiclemake.dropdown-logo.vehicle-make-fiat-logo,
#main-content-container .vehicle-make-fiat-logo {
    background-image: url('/assets/images/logo-vehicle-fiat.png')
}

.vehiclemake.dropdown-logo.vehicle-make-saturn-logo,
#main-content-container .vehicle-make-saturn-logo {
    background-image: url('/assets/images/logo-vehicle-saturn.png')
}

.vehiclemake.dropdown-logo.vehicle-make-ford-logo,
#main-content-container .vehicle-make-ford-logo {
    background-image: url('/assets/images/logo-vehicle-ford.png')
}

.vehiclemake.dropdown-logo.vehicle-make-scion-logo,
#main-content-container .vehicle-make-scion-logo {
    background-image: url('/assets/images/logo-vehicle-scion.png')
}

.vehiclemake.dropdown-logo.vehicle-make-gmc-logo,
#main-content-container .vehicle-make-gmc-logo {
    background-image: url('/assets/images/logo-vehicle-gmc.png')
}

.vehiclemake.dropdown-logo.vehicle-make-sterling-logo,
#main-content-container .vehicle-make-sterling-logo {
    background-image: url('/assets/images/logo-vehicle-sterling.png')
}

.vehiclemake.dropdown-logo.vehicle-make-honda-logo,
#main-content-container .vehicle-make-honda-logo {
    background-image: url('/assets/images/logo-vehicle-honda.png')
}

.vehiclemake.dropdown-logo.vehicle-make-subaru-logo,
#main-content-container .vehicle-make-subaru-logo {
    background-image: url('/assets/images/logo-vehicle-subaru.png')
}

.vehiclemake.dropdown-logo.vehicle-make-hummer-logo,
#main-content-container .vehicle-make-hummer-logo {
    background-image: url('/assets/images/logo-vehicle-hummer.png')
}

.vehiclemake.dropdown-logo.vehicle-make-suzuki-logo,
#main-content-container .vehicle-make-suzuki-logo {
    background-image: url('/assets/images/logo-vehicle-suzuki.png')
}

.vehiclemake.dropdown-logo.vehicle-make-hyundai-logo,
#main-content-container .vehicle-make-hyundai-logo {
    background-image: url('/assets/images/logo-vehicle-hyundai.png')
}

.vehiclemake.dropdown-logo.vehicle-make-tsla-logo,
#main-content-container .vehicle-make-tsla-logo,
.vehiclemake.dropdown-logo.vehicle-make-tesla-logo,
#main-content-container .vehicle-make-tesla-logo {
    background-image: url('/assets/images/logo-vehicle-tesla.png')
}

.vehiclemake.dropdown-logo.vehicle-make-infiniti-logo,
#main-content-container .vehicle-make-infiniti-logo {
    background-image: url('/assets/images/logo-vehicle-infiniti.png')
}

.vehiclemake.dropdown-logo.vehicle-make-toyota-logo,
#main-content-container .vehicle-make-toyota-logo {
    background-image: url('/assets/images/logo-vehicle-toyota.png')
}

.vehiclemake.dropdown-logo.vehicle-make-iszu-logo,
#main-content-container .vehicle-make-iszu-logo,
.vehiclemake.dropdown-logo.vehicle-make-isuzu-logo,
#main-content-container .vehicle-make-isuzu-logo {
    background-image: url('/assets/images/logo-vehicle-isuzu.png')
}

.vehiclemake.dropdown-logo.vehicle-make-triumph-logo,
#main-content-container .vehicle-make-triumph-logo {
    background-image: url('/assets/images/logo-vehicle-triumph.png')
}

.vehiclemake.dropdown-logo.vehicle-make-jaguar-logo,
#main-content-container .vehicle-make-jaguar-logo {
    background-image: url('/assets/images/logo-vehicle-jaguarr.png')
}

.vehiclemake.dropdown-logo.vehicle-make-tvr-logo,
#main-content-container .vehicle-make-tvr-logo {
    background-image: url('/assets/images/logo-vehicle-tvr.png')
}

.vehiclemake.dropdown-logo.vehicle-make-jeep-logo,
#main-content-container .vehicle-make-jeep-logo {
    background-image: url('/assets/images/logo-vehicle-jeep.png')
}

.vehiclemake.dropdown-logo.vehicle-make-volkswagen-logo,
#main-content-container .vehicle-make-volkswagen-logo {
    background-image: url('/assets/images/logo-vehicle-volkswagen.png')
}

.vehiclemake.dropdown-logo.vehicle-make-kia-logo,
#main-content-container .vehicle-make-kia-logo {
    background-image: url('/assets/images/logo-vehicle-kia.png')
}

.vehiclemake.dropdown-logo.vehicle-make-volvo-logo,
#main-content-container .vehicle-make-volvo-logo {
    background-image: url('/assets/images/logo-vehicle-volvo.png')
}

.vehiclemake.dropdown-logo.vehicle-make-lanchester-logo,
#main-content-container .vehicle-make-lanchester-logo {
    background-image: url('/assets/images/logo-vehicle-lanchester.png')
}

.vehiclemake.dropdown-logo.vehicle-make-gens-logo,
#main-content-container .vehicle-make-gens-logo,
.vehiclemake.dropdown-logo.vehicle-make-genesis-logo,
#main-content-container .vehicle-make-genesis-logo {
    background-image: url('/assets/images/logo-vehicle-genesis.png')
}

.vehiclemake.dropdown-logo.vehicle-make-smrt-logo,
#main-content-container .vehicle-make-smrt-logo,
.vehiclemake.dropdown-logo.vehicle-make-smart-logo,
#main-content-container .vehicle-make-smart-logo {
    background-image: url('/assets/images/logo-vehicle-smart.png')
}

/* Vehicle Button Group */

#main-content-container .RadListBox_Material .rlbGroup,
#main-content-container .RadListBox_Material .rlbTemplateContent {
    border: none;
    background-color: transparent;
}

    #main-content-container .RadListBox_Material .rlbGroup .rlbList .rlbItem {
        padding: 12px 32px;
        border-radius: 60px;
        margin-bottom: 16px;
        background-color: #E9E9E9;
        border: 1px solid #CFCFCF;
        color: #1A5632;
        position: relative;
    }

#main-content-container .RadListBox_Material.has-error .rlbGroup .rlbList .rlbItem {
    border: 2px solid #d3353580;
}

#main-content-container .RadListBox_Material .rlbGroup .rlbList .rlbItem .rlbTemplate {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}

#main-content-container .RadListBox_Material .rlbGroup .rlbList .rlbItem.rlbSelected .vehicleuse.dropdown-logo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    width: 100%;
}

#main-content-container .RadListBox_Material .rlbGroup .rlbList .rlbItem .vehicleuse.dropdown-logo img {
    opacity: 1;
    transition: opacity 0.3s ease;
}

#main-content-container .RadListBox_Material .rlbGroup .rlbList .rlbItem.rlbSelected .vehicleuse.dropdown-logo img {
    opacity: 0;
}

#main-content-container .RadListBox_Material .rlbGroup .rlbList .rlbItem .vehicleuse.dropdown-logo::before {
    content: '';
    display: block;
    opacity: 0;
    position: absolute;
    left: 32;
    border-radius: 40px;
    width: 110px;
    height: calc(100% - 12px);
    background-color: #4C9C2E;
    background-image: url('/assets/images/icon-checkmark-white.svg');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s ease, left 0.3s ease;
}

#main-content-container .RadListBox_Material .rlbGroup .rlbList .rlbItem.rlbSelected .vehicleuse.dropdown-logo::before {
    left: 8px;
    opacity: 1;
}

/* Vehicle Details */
#main-content-container .card.card-intro .vehicle-details .rbButton {
    margin-top: 0;
}

/* Vehicle Review Screen */

#main-content-container .vehicle-item div[class*="col"]:first-of-type {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    #main-content-container .vehicle-item div[class*="col"]:first-of-type img {
        margin-right: 12px;
    }

#main-content-container .vehicle-item div[class*="col"]:last-of-type {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}

    #main-content-container .vehicle-item div[class*="col"]:last-of-type br {
        display: none;
    }

/* Vehicle Review Screen */
/* Driver Review Screen */

#main-content-container .card-body.vehicle-add-item,
#main-content-container .card-body.driver-add-item {
    background-color: #e9e9e9;
}

    #main-content-container .card-body.vehicle-add-item button.RadButton_Material.rbButton.rbFlatButton,
    #main-content-container .card-body.driver-add-item button.RadButton_Material.rbButton.rbFlatButton {
        text-decoration: none;
        width: 100%;
        justify-content: flex-start;
    }

    #main-content-container .card-body.vehicle-add-item button .rbText,
    #main-content-container .card-body.driver-add-item button .rbText {
        text-transform: capitalize;
        text-decoration: none;
    }

    #main-content-container .card-body.vehicle-add-item::after,
    #main-content-container .card-body.driver-add-item::after {
        content: '';
        display: flex;
        width: 32px;
        height: 32px;
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        padding: 0;
        align-items: center;
        justify-content: center;
        border-radius: 16px;
        border: 2px solid #4C9C2E;
        background-color: transparent;
        pointer-events: none;
    }

    #main-content-container .card-body.vehicle-add-item .row::before,
    #main-content-container .card-body.driver-add-item .row::before {
        content: '';
        display: block;
        width: 2px;
        height: 12px;
        position: absolute;
        right: 31px;
        top: 50%;
        transform: translateY(-50%);
        background-color: #4C9C2E;
        pointer-events: none;
    }

    #main-content-container .card-body.vehicle-add-item .row::after,
    #main-content-container .card-body.driver-add-item .row::after {
        content: '';
        display: block;
        width: 12px;
        height: 2px;
        position: absolute;
        right: 26px;
        top: 50%;
        transform: translateY(-50%);
        background-color: #4C9C2E;
        pointer-events: none;
    }

/* Driver - Button Group */

#main-content-container .button-group {
    width: calc(100% + 12px);
    display: flex;
    flex-wrap: wrap;
    margin-right: -6px;
    margin-left: -6px;
}

    #main-content-container .button-group .button-group-button {
        width: auto;
        margin-left: 6px;
        margin-right: 6px;
        margin-bottom: 12px;
    }

        #main-content-container .button-group .button-group-button .RadButton {
            width: 100%;
            min-height: 50px;
            border-radius: 20px;
            background-color: #F5F5F5;
            border: 1px solid #CFCFCF;
            color: #1A5632;
            display: flex;
            align-items: center;
            justify-content: center;
            text-transform: capitalize;
        }

    #main-content-container .button-group.has-error .button-group-button .RadButton {
        border: 2px solid #d3353580;
    }

/* Driver - Button Group - Gender */

#main-content-container .button-group-button[id*="GenderButtonWrapper"] .RadButton {
    min-height: 80px;
}

/* Driver - Button Group - Marital Status */

#main-content-container .button-group[id*="MaritalStatus"] .button-group-button:nth-child(1),
#main-content-container .button-group[id*="MaritalStatus"] .button-group-button:nth-child(2) {
    width: calc(50% - 12px);
}

    #main-content-container .button-group[id*="MaritalStatus"] .button-group-button:nth-child(1) .RadButton,
    #main-content-container .button-group[id*="MaritalStatus"] .button-group-button:nth-child(2) .RadButton {
        min-height: 80px;
    }

#main-content-container .button-group[id*="MaritalStatus"] .button-group-button:not(:nth-child(1)):not(:nth-child(2)) {
    width: auto;
    height: auto;
}

    #main-content-container .button-group[id*="MaritalStatus"] .button-group-button:not(:nth-child(1)):not(:nth-child(2)) .RadButton {
        width: auto;
        height: auto;
    }

#main-content-container .button-group .button-group-button .RadButton.rbIconButton {
    justify-content: flex-start;
}

/* Driver - Button Group - Gender */

#main-content-container div[id*="WS_DriverInfo"] .row:nth-child(2) .col-12,
#main-content-container div[id*="WS_DriverInfo"] .row:nth-child(3) .col-12 {
    display: flex;
}

#main-content-container span[id*="TB_MiddleInitial_wrapper"],
#main-content-container div[id*="DDL_Suffix"] {
    margin-left: 8px;
}


#main-content-container .driverInfo__first-name .col-12,
#main-content-container .driverInfo__last-name .col-12 {
    display: flex;
}

#main-content-container .driverInfo__first-name .driverInfo__middle,
#main-content-container .driverInfo__first-name .driverInfo__suffix {
    width: 280px;
    margin-left: 12px;
}

#main-content-container .button-group .button-group-button .RadButton[value="Married"],
#main-content-container .button-group .button-group-button .RadButton[value="Single"] {
    min-height: 80px;
    justify-content: center;
}

#main-content-container .button-group .button-group-button .RadButton[value="Male"]::before,
#main-content-container .button-group .button-group-button .RadButton[value="Female"]::before {
    content: '';
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    margin-right: 12px;
}

#main-content-container .button-group .button-group-button .RadButton[value="Male"]::before {
    background-image: url('/assets/images/icon-gender-male-dark.svg');
}

#main-content-container .button-group .button-group-button .RadButton.rbToggled[value="Male"]::before {
    background-image: url('/assets/images/icon-gender-male-light.svg');
}

#main-content-container .button-group .button-group-button .RadButton[value="Female"]::before {
    background-image: url('/assets/images/icon-gender-female-dark.svg');
}

#main-content-container .button-group .button-group-button .RadButton.rbToggled[value="Female"]::before {
    background-image: url('/assets/images/icon-gender-female-light.svg');
}

#main-content-container .button-group .button-group-button .RadButton.rbToggled {
    background-color: #4C9C2E;
    color: #fff;
}

/* Driver - Button Group - Credit */

#main-content-container .button-group[id*="EstimatedCredit"] {
    justify-content: center;
}

    #main-content-container .button-group[id*="EstimatedCredit"] .button-group-button {
        width: calc(50% - 12px);
    }

@media (min-width: 768px) {
    #main-content-container .button-group[id*="EstimatedCredit"] .button-group-button {
        width: calc(33.333% - 12px);
    }
}

#main-content-container .button-group[id*="EstimatedCredit"] .button-group-button .RadButton {
    justify-content: center;
    flex-direction: column;
}

    #main-content-container .button-group[id*="EstimatedCredit"] .button-group-button .RadButton::before {
        content: '';
        display: block;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        height: 24px;
        width: 24px;
        margin-bottom: 8px;
    }

#main-content-container .button-group .button-group-button .RadButton[value="Very good"]::before {
    background-image: url('/assets/images/icon-credit-excellent-dark.svg');
}

#main-content-container .button-group .button-group-button .RadButton.rbToggled[value="Very good"]::before {
    background-image: url('/assets/images/icon-credit-excellent-light.svg');
}

#main-content-container .button-group .button-group-button .RadButton[value="Somewhat good"]::before {
    background-image: url('/assets/images/icon-credit-good-dark.svg');
}

#main-content-container .button-group .button-group-button .RadButton.rbToggled[value="Somewhat good"]::before {
    background-image: url('/assets/images/icon-credit-good-light.svg');
}

#main-content-container .button-group .button-group-button .RadButton[value="Average"]::before {
    background-image: url('/assets/images/icon-credit-average-dark.svg');
}

#main-content-container .button-group .button-group-button .RadButton.rbToggled[value="Average"]::before {
    background-image: url('/assets/images/icon-credit-average-light.svg');
}

#main-content-container .button-group .button-group-button .RadButton[value="Somewhat poor"]::before {
    background-image: url('/assets/images/icon-credit-poor-dark.svg');
}

#main-content-container .button-group .button-group-button .RadButton.rbToggled[value="Somewhat poor"]::before {
    background-image: url('/assets/images/icon-credit-poor-light.svg');
}

#main-content-container .button-group .button-group-button .RadButton[value="Very poor"]::before {
    background-image: url('/assets/images/icon-credit-very-poor-dark.svg');
}

#main-content-container .button-group .button-group-button .RadButton.rbToggled[value="Very poor"]::before {
    background-image: url('/assets/images/icon-credit-very-poor-light.svg');
}

#main-content-container .button-group .button-group-button .RadButton[value="Unknown"]::before {
    background-image: url('/assets/images/icon-credit-unknown-dark.svg');
}

#main-content-container .button-group .button-group-button .RadButton.rbToggled[value="Unknown"]::before {
    background-image: url('/assets/images/icon-credit-unknown-light.svg');
}

/* Driver - Button Group - Incident */

#main-content-container .button-group[id*="GRP_IncidentType"] {
    justify-content: center;
}

    #main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button {
        width: calc(100% - 12px);
    }

        #main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton::before {
            content: '';
            display: block;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            height: 48px;
            width: 48px;
            margin-right: 8px;
            background-image: url('/assets/images/icon-driver-details-other-dark.svg');
        }

        #main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="At Fault Accident"]::before {
            background-image: url('/assets/images/icon-driver-details-accident-dark.svg');
        }

        #main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="Not At Fault Accident"]::before {
            background-image: url('/assets/images/icon-driver-details-accident-no-fault-dark.svg');
        }

        #main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="CARELESS DRIVING "]::before {
            background-image: url('/assets/images/icon-driver-details-careless-dark.svg');
        }

        #main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="DRIVE WHILE LICENSE SUSPENDED"]::before {
            background-image: url('/assets/images/icon-driver-details-license-dark.svg');
        }

        #main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="DUI "]::before {
            background-image: url('/assets/images/icon-driver-details-dui-dark.svg');
        }

        #main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="FAIL TO YIELD "]::before {
            background-image: url('/assets/images/icon-driver-details-red-light-dark.svg');
        }

        #main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="IMPROPER PASSING "]::before {
            background-image: url('/assets/images/icon-driver-details-other-moving-dark.svg');
        }

        #main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="IMPROPER TURN"]::before {
            background-image: url('/assets/images/icon-driver-details-other-moving-dark.svg');
        }

        #main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="OTHER MOVING VIOLATION"]::before {
            background-image: url('/assets/images/icon-driver-details-other-moving-dark.svg');
        }

        #main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="RACING"]::before {
            background-image: url('/assets/images/icon-driver-details-other-moving-dark.svg');
        }

        #main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="RECKLESS DRIVING"]::before {
            background-image: url('/assets/images/icon-driver-details-other-moving-dark.svg');
        }

        #main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="SPEEDING "]::before {
            background-image: url('/assets/images/icon-driver-details-speeding-dark.svg');
        }

        #main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .RadButton[value="SUSPENSION"]::before {
            background-image: url('/assets/images/icon-driver-details-other-dark.svg');
        }

        #main-content-container .button-group[id*="GRP_IncidentType"] .button-group-button .rbText {
            text-align: left;
        }

/* Driver - Incident List */
#main-content-container .incident-listview-command-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #F5F5F5;
    border-radius: 20px;
    padding: 8px 8px 8px 12px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
}

    #main-content-container .incident-listview-command-item button.rbButton {
        margin-left: 12px;
    }

    #main-content-container .incident-listview-command-item .incident-listview-command-item-summary {
        color: #1A5632;
        font-weight: bold;
    }

/* Driver - List */
.driver-item .row div[class*="col"] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .driver-item .row div[class*="col"]:last-of-type {
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
    }

        .driver-item .row div[class*="col"]:last-of-type br {
            display: none;
        }

        .driver-item .row div[class*="col"]:last-of-type .RadButton:first-of-type {
            margin-bottom: 8px;
        }

.driver-item .driver-item-icon {
    margin-right: 12px;
    width: 64px;
    min-height: 64px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

    .driver-item .driver-item-icon.driver-icon-male {
        background-image: url('/assets/images/icon-gender-male-dark.svg');
    }

    .driver-item .driver-item-icon.driver-icon-female {
        background-image: url('/assets/images/icon-gender-female-dark.svg');
    }

.driver-item .driver-item-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

    .driver-item .driver-item-details .driver-item-name {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 800;
    }

    .driver-item .driver-item-details .driver-item-gender {
        font-size: 16px;
        text-transform: capitalize;
        font-weight: 400;
    }

/* Vehicle Coverage */

.vehicle-coverage-intro-card {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 12px 12px 0 0;
    padding: 0px 0px 0px 0px;
    /* box-shadow: 0 -5px 5px rgb(0 0 0 / 10%); */
    margin-bottom: 12px;
    margin-top: 32px;
    background-color: #e9e9e9;
}

.vehicle-coverage-vehicle-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* Rates */

#main-content-container .rates-intro-amount {
    color: #1A5632 !important;
    font-weight: 800;
    margin-left: 8px;
}

/* Rates - Coverage - Driver  */

#main-content-container .policy-coverage-card-container .policy-coverage-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    #main-content-container .policy-coverage-card-container .policy-coverage-text::before {
        content: '';
        display: block;
        width: 32px;
        height: 32px;
        margin-right: 8px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

#main-content-container .policy-coverage-card-container div[id*="PolicyCoverageLIBI"] .policy-coverage-text::before {
    background-image: url('/assets/images/icon-policy-coverage-bodily-injury-dark.svg');
}

#main-content-container .policy-coverage-card-container div[id*="PolicyCoverageLIPD"] .policy-coverage-text::before {
    background-image: url('/assets/images/icon-policy-coverage-liability-property-damage-dark.svg');
}

#main-content-container .policy-coverage-card-container div[id*="PolicyCoverageMED"] .policy-coverage-text::before {
    background-image: url('/assets/images/icon-policy-coverage-medical-payments-dark.svg');
}

#main-content-container .policy-coverage-card-container div[id*="PolicyCoverageUMBI"] .policy-coverage-text::before {
    background-image: url('/assets/images/icon-vehicle-coverage-ununder-insured-property-damage-dark.svg');
}

#main-content-container .policy-coverage-card-container div[id*="LikeKindAndQuality"] .policy-coverage-text::before {
    background-image: url('/assets/images/icon-details-discount-dark.svg');
}

#main-content-container .policy-coverage-card-container div[id*="PolicyCoveragePIP"] .policy-coverage-text::before {
    background-image: url('/assets/images/icon-details-pip-dark.svg');
}

/* Rates - Coverage - Vehicle  */

#main-content-container .vehicle-coverage-card-container .vehicle-coverage-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    #main-content-container .vehicle-coverage-card-container .vehicle-coverage-text::before {
        content: '';
        display: block;
        width: 32px;
        height: 32px;
        margin-right: 8px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

#main-content-container .vehicle-coverage-card-container .vehicle-coverage-card[id*="COMP"] .vehicle-coverage-text::before {
    background-image: url('/assets/images/icon-vehicle-coverage-comprehensive-dark.svg');
}

#main-content-container .vehicle-coverage-card-container .vehicle-coverage-card[id*="COLL"] .vehicle-coverage-text::before {
    background-image: url('/assets/images/icon-vehicle-coverage-collision-dark.svg');
}

#main-content-container .vehicle-coverage-card-container .vehicle-coverage-card[id*="UMPD"] .vehicle-coverage-text::before {
    background-image: url('/assets/images/icon-vehicle-coverage-ununder-insured-property-damage-dark.svg');
}

#main-content-container .vehicle-coverage-card-container .vehicle-coverage-card[id*="TOWING"] .vehicle-coverage-text::before {
    background-image: url('/assets/images/icon-vehicle-coverage-towing-dark.svg');
}

#main-content-container .vehicle-coverage-card-container .vehicle-coverage-card[id*="RENT"] .vehicle-coverage-text::before {
    background-image: url('/assets/images/icon-vehicle-coverage-rental-reimbursement-dark.svg');
}

#main-content-container .rates-details-summary .row .col-12 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    #main-content-container .rates-details-summary .row .col-12 .card-intro__lavbel {
        padding-right: 12px;
    }

/* Rates - Payment Plan */

#main-content-container .rates-details .intro-payment-plan-container {
    font-weight: 800;
    /* padding: 0 130px 0 0; */
}

#main-content-container .card .rates-details .intro-payment-plan-container .card__label {
    color: #fff;
    margin-bottom: 0;
}

#main-content-container .card .rates-details .intro-payment-details {
    line-height: 1.2em;
}

#main-content-container .rates-details .intro-payment-plan-container .intro-payment-plan-amount-down {
    color: #1A5632;
    display: block;
    font-size: 1.75rem;
    line-height: 1em;
}

#main-content-container .rates-details .intro-payment-plan-container .intro-payment-plan-number-of-payments {
    color: #1A5632;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1em;
    margin-top: 4px;
}

#main-content-container .rates-details .intro-payment-plan-monthly-payment,
#main-content-container .rates-details .intro-payment-plan-first-payment-date {
    display: block;
    clear: both;
    font-weight: 400;
}

#main-content-container .rates-details .rates-intro-button {
    display: inline-block;
    margin-top: 8px;
    /* position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%); */
}

#main-content-container .card .row .col-12.payment-plan-container:nth-child(2) {
    margin-top: 0;
}

#main-content-container .card .row .col-12.payment-plan-container {
    font-weight: 400;
}

    #main-content-container .card .row .col-12.payment-plan-container .payment-plan-amount-down,
    #main-content-container .card .row .col-12.payment-plan-container .payment-plan-monthly-payment {
        font-weight: 800;
    }

    #main-content-container .card .row .col-12.payment-plan-container .payment-plan-first-payment-date,
    #main-content-container .card .row .col-12.payment-plan-container .payment-plan-number-of-payments {
        font-weight: 400;
    }

#main-content-container .payment-plan-selected .card {
    background-color: #7CC600;
}

#main-content-container .payment-plan-selected .payment-plan-container,
#main-content-container .payment-plan-selected .card__label {
    color: #fff;
}

#main-content-container .payment-plan-container .RadButton {
    display: block;
    clear: both;
    margin-top: 12px;
}

#main-content-container div[id*="LowestDown"] .card__label,
#main-content-container div[id*="LowestDown"] .card__label,
#main-content-container div[id*="Popular"] .card__label,
#main-content-container div[id*="Popular"] .card__label,
#main-content-container div[id*="Custom"] .card__label,
#main-content-container div[id*="Full"] .card__label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    #main-content-container div[id*="LowestDown"] .card__label::before,
    #main-content-container div[id*="LowestDown"] .card__label::before,
    #main-content-container div[id*="Popular"] .card__label::before,
    #main-content-container div[id*="Popular"] .card__label::before,
    #main-content-container div[id*="Custom"] .card__label::before,
    #main-content-container div[id*="Full"] .card__label::before {
        content: '';
        display: block;
        width: 48px;
        height: 48px;
        margin-right: 8px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

#main-content-container div[id*="LB_LowestDown"] .card__label::before {
    background-image: url('/assets/images/icon-select-your-payment-plan-lowest-dark.svg');
}

#main-content-container div[id*="LB_Popular"] .card__label::before {
    background-image: url('/assets/images/icon-select-your-payment-plan-standard-dark.svg');
}

#main-content-container div[id*="DIV_Custom"] .card__label::before {
    background-image: url('/assets/images/icon-select-your-payment-plan-monthly-dark.svg');
}

#main-content-container div[id*="DIV_Full"] .card__label::before {
    background-image: url('/assets/images/icon-select-your-payment-plan-pay-in-full-dark.svg');
}

#main-content-container div[id*="DIV_LowestDown"].payment-plan-selected .card__label::before {
    background-image: url('/assets/images/icon-select-your-payment-plan-lowest-light.svg');
}

#main-content-container div[id*="DIV_Popular"].payment-plan-selected .card__label::before {
    background-image: url('/assets/images/icon-select-your-payment-plan-standard-light.svg');
}

#main-content-container div[id*="DIV_Custom"].payment-plan-selected .card__label::before {
    background-image: url('/assets/images/icon-select-your-payment-plan-monthly-light.svg');
}

#main-content-container div[id*="DIV_Full"].payment-plan-selected .card__label::before {
    background-image: url('/assets/images/icon-select-your-payment-plan-pay-in-full-light.svg');
}

/* Final Details - Household Information */

#main-content-container div[id*="DIV_Residence"] .RadButton {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    #main-content-container div[id*="DIV_Residence"] .RadButton::before {
        content: '';
        display: block;
        width: 32px;
        height: 32px;
        margin-bottom: 4px;
        background-image: url('/assets/images/icon-primary-residence-rent-dark.svg');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    #main-content-container div[id*="DIV_Residence"] .RadButton[value="Rent"]::before {
        background-image: url('/assets/images/icon-primary-residence-rent-dark.svg');
    }

    #main-content-container div[id*="DIV_Residence"] .RadButton[value="Own home/condo"]::before {
        background-image: url('/assets/images/icon-primary-residence-own-dark.svg');
    }

    #main-content-container div[id*="DIV_Residence"] .RadButton[value="Live with parents"]::before {
        background-image: url('/assets/images/icon-primary-residence-parents-dark.svg');
    }

    #main-content-container div[id*="DIV_Residence"] .RadButton[value="Own mobile home"]::before {
        background-image: url('/assets/images/icon-primary-residence-mobile-dark.svg');
    }

    #main-content-container div[id*="DIV_Residence"] .RadButton[value="Other"]::before {
        background-image: url('/assets/images/icon-primary-residence-other-dark.svg');
    }

    #main-content-container div[id*="DIV_Residence"] .RadButton.rbSelected[value="Rent"]::before,
    #main-content-container div[id*="DIV_Residence"] .RadButton.rbToggled[value="Rent"]::before {
        background-image: url('/assets/images/icon-primary-residence-rent-light.svg');
    }

    #main-content-container div[id*="DIV_Residence"] .RadButton.rbSelected[value="Own home/condo"]::before,
    #main-content-container div[id*="DIV_Residence"] .RadButton.rbToggled[value="Own home/condo"]::before {
        background-image: url('/assets/images/icon-primary-residence-own-light.svg');
    }

    #main-content-container div[id*="DIV_Residence"] .RadButton.rbSelected[value="Live with parents"]::before,
    #main-content-container div[id*="DIV_Residence"] .RadButton.rbToggled[value="Live with parents"]::before {
        background-image: url('/assets/images/icon-primary-residence-parents-light.svg');
    }

    #main-content-container div[id*="DIV_Residence"] .RadButton.rbSelected[value="Own mobile home"]::before,
    #main-content-container div[id*="DIV_Residence"] .RadButton.rbToggled[value="Own mobile home"]::before {
        background-image: url('/assets/images/icon-primary-residence-mobile-light.svg');
    }

    #main-content-container div[id*="DIV_Residence"] .RadButton.rbSelected[value="Other"]::before,
    #main-content-container div[id*="DIV_Residence"] .RadButton.rbToggled[value="Other"]::before {
        background-image: url('/assets/images/icon-primary-residence-other-light.svg');
    }

/* Final Details - Vehicle */

#main-content-container .button-group[id*="VehicleStoredButtonWrapper"] .RadButton {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    #main-content-container .button-group[id*="VehicleStoredButtonWrapper"] .RadButton::before {
        content: '';
        display: block;
        width: 32px;
        height: 32px;
        margin-bottom: 4px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    #main-content-container .button-group[id*="VehicleStoredButtonWrapper"] .RadButton[value="Garage"]::before {
        background-image: url('/assets/images/icon-vehicle-storage-garage-dark.svg');
    }

    #main-content-container .button-group[id*="VehicleStoredButtonWrapper"] .RadButton[value="Covered"]::before {
        background-image: url('/assets/images/icon-vehicle-storage-covered-dark.svg');
    }

    #main-content-container .button-group[id*="VehicleStoredButtonWrapper"] .RadButton[value="On street"]::before {
        background-image: url('/assets/images/icon-vehicle-storage-street-dark.svg');
    }

    #main-content-container .button-group[id*="VehicleStoredButtonWrapper"] .RadButton.rbToggled[value="Garage"]::before {
        background-image: url('/assets/images/icon-vehicle-storage-garage-light.svg');
    }

    #main-content-container .button-group[id*="VehicleStoredButtonWrapper"] .RadButton.rbToggled[value="Covered"]::before {
        background-image: url('/assets/images/icon-vehicle-storage-covered-light.svg');
    }

    #main-content-container .button-group[id*="VehicleStoredButtonWrapper"] .RadButton.rbToggled[value="On street"]::before {
        background-image: url('/assets/images/icon-vehicle-storage-street-light.svg');
    }

/* Final Details */

#main-content-container .vehicle-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    #main-content-container .vehicle-item .card__label {
        margin-bottom: 0;
    }

/* Final Details - Policy / Terms */

#main-content-container .rwzBreadCrumb {
    border-radius: 20px;
}

#main-content-container .RadWizard_Material.rwzHorizontal .rwzBreadCrumb .rwzLink {
    display: inline-flex;
    align-items: center;
}

#main-content-container .RadWizard_Material .rwzLink .rwzText:before {
    background-color: #CFCFCF;
}

#main-content-container .RadWizard_Material .rwzSelected .rwzLink .rwzText {
    color: #4C9C2E;
}

    #main-content-container .RadWizard_Material .rwzSelected .rwzLink .rwzText:before {
        background-color: #4C9C2E;
    }

#main-content-container .RadButton_Material.rbCheckBox .rbIcon.rbToggleCheckboxChecked + .rbText {
    color: #1A5632;
}

#main-content-container .RadButton_Material.rbCheckBox:hover .rbIcon.rbToggleCheckboxChecked + .rbText {
    color: #fff;
}

#main-content-container .RadButton_Material .rbToggleCheckboxChecked,
#main-content-container .RadButton_Material .rbToggleCheckboxFilled,
#main-content-container .RadButton_Material.rbCheckBox .rbToggleCheckboxChecked.rbIcon,
#main-content-container .RadButton_Material.rbRadioButton .rbToggleRadioChecked.rbIcon,
#main-content-container .RadButton_Material.rbToggled .rbToggleCheckBoxChecked.rbIcon,
#main-content-container .RadButton_Material.rbToggled .rbToggleRadioChecked.rbIcon,
#main-content-container .RadButton_Material .rbText.rbToggleCheckboxChecked:before,
#main-content-container .RadButton_Material .rbText.rbToggleRadioChecked:before,
#main-content-container .RadButton_Material .rbText.rbToggleCheckbox .rbRippleContainer,
#main-content-container .RadButton_Material .rbText.rbToggleRadio .rbRippleContainer {
    color: #7CC600;
}

#main-content-container .RadButton_Material .rbIcon,
#main-content-container .RadButton_Material .rbCheckBox .rbText:before,
#main-content-container .RadButton_Material .rbText.rbToggleCheckboxChecked .rbRippleContainer,
#main-content-container .RadButton_Material .rbText.rbToggleRadioChecked .rbRippleContainer {
    color: #1A5632;
}

#main-content-container .confirmation-item-check {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 16px;
}

    #main-content-container .confirmation-item-check .RadButton_Material {
        display: flex;
    }

        #main-content-container .confirmation-item-check .RadButton_Material .rbIcon {
            color: #7CC600;
        }

        #main-content-container .confirmation-item-check .RadButton_Material.has-error .rbIcon {
            color: #d3353580;
        }

    #main-content-container .confirmation-item-check span {
        font-size: 14px;
        font-weight: bold;
        color: #7CC600;
    }

    #main-content-container .confirmation-item-check .RadButton_Material.has-error + span {
        color: #d33535;
    }

    #main-content-container .confirmation-item-check .RadButton:hover {
        background-color: transparent;
    }

#main-content-container .RadButton_Material.RadButton .rbIcon {
    transition: color 0.3s ease;
}

#main-content-container .RadButton_Material.RadButton:hover .rbIcon {
    color: #7CC600;
}

/* Payment - Credit Card - CCV Field */
#main-content-container .card div[id*="CreidCardCCV_wrapper"] {
    max-width: 120px;
}

#main-content-container .card__inline-label #input-wrapper {
    position: relative;
}

    #main-content-container .card__inline-label #input-wrapper + #output {
        display: block;
        overflow: hidden;
        text-indent: -9999px;
    }

    #main-content-container .card__inline-label #input-wrapper + #output {
        width: 100%;
        height: 24px;
        margin-top: 12px;
        margin-left: 12px;
        background-image: url('/assets/images/cc-logos-all.png');
        background-repeat: no-repeat;
    }

    #main-content-container .card__inline-label #input-wrapper.cc-type-visa + #output {
        background-image: url('/assets/images/cc-logos-visa.png');
    }

    #main-content-container .card__inline-label #input-wrapper.cc-type-mastercard + #output {
        background-image: url('/assets/images/cc-logos-mc.png');
    }

    #main-content-container .card__inline-label #input-wrapper.cc-type-discover + #output {
        background-image: url('/assets/images/cc-logos-discover.png');
    }
    /* Display error card if user inputs something other then the available cards */
    #main-content-container .card__inline-label #input-wrapper.cc-type-jcb + #output,
    #main-content-container .card__inline-label #input-wrapper.cc-type-diners + #output,
    #main-content-container .card__inline-label #input-wrapper.cc-type-amex + #output {
        background-image: url('/assets/images/cc-logos-error.png');
    }

@media screen and (min-width: 350px) {
    #main-content-container .card__inline-label #input-wrapper::before {
        content: '';
        display: block;
        width: 120px;
        height: 100%;
        position: absolute;
        right: 10px;
        top: 0;
        background-color: transparent;
        background-image: url('/assets/images/cc-logos-all.png');
        background-position: center right;
        background-repeat: no-repeat;
        pointer-events: none;
        z-index: 8;
        transition: background-image 0.3s ease;
    }

    #main-content-container .card__inline-label #input-wrapper.cc-type-visa::before {
        background-image: url('/assets/images/cc-logos-visa.png');
    }

    #main-content-container .card__inline-label #input-wrapper.cc-type-mastercard::before {
        background-image: url('/assets/images/cc-logos-mc.png');
    }

    #main-content-container .card__inline-label #input-wrapper.cc-type-discover::before {
        background-image: url('/assets/images/cc-logos-discover.png');
    }
    /* Display error card if user inputs something other then the available cards */
    #main-content-container .card__inline-label #input-wrapper.cc-type-jcb::before,
    #main-content-container .card__inline-label #input-wrapper.cc-type-diners::before,
    #main-content-container .card__inline-label #input-wrapper.cc-type-amex::before {
        background-image: url('/assets/images/cc-logos-error.png');
    }

    #main-content-container .card__inline-label #input-wrapper + #output {
        display: none;
    }
}

/* Complete */
#main-content-container .featured-graphic img {
    max-width: 220px;
}

/* Table Reset */
table {
    width: 100%;
}

thead {
    background-color: #4C9C2E;
    color: white;
}

td {
    border-top: 1px dashed #808080;
}

tr {
    border: 1px solid #808080;
    border-collapse: collapse;
}

@media (max-width: 768px) {
    thead {
        display: none;
    }

    td {
        display: block;
    }
}

/* Table Styles */
@media (max-width: 768px) {

    .panel-driver-at-household table tbody tr,
    .panel-driver-claims table tbody tr {
        border-collapse: collapse;
        border: none;
        margin-bottom: 16px;
        display: block;
        box-shadow: 0 4px 12px rgb(0 0 0 / 20%);
        border-radius: 8px;
        padding: 12px;
    }

        .panel-driver-at-household table tbody tr:last-of-type,
        .panel-driver-claims table tbody tr:last-of-type {
            margin-bottom: 0;
        }

    .panel-driver-at-household table tbody td,
    .panel-driver-claims table tbody td {
        border: none;
    }

    .panel-driver-at-household table tbody tr td,
    .panel-driver-claims table tbody tr td {
        display: flex;
        align-items: center;
        padding: 6px;
        font-size: 14px;
    }

        .panel-driver-at-household table tbody tr td::before,
        .panel-driver-claims table tbody tr td::before {
            display: block;
            margin-right: 8px;
            color: #796e70;
            font-weight: normal;
            width: 80px;
            font-size: 12px;
            flex-shrink: 0;
        }

        .panel-driver-at-household table tbody tr td:nth-child(1)::before {
            content: "Name";
        }

        .panel-driver-at-household table tbody tr td:nth-child(2)::before {
            content: "Gender";
        }

        .panel-driver-at-household table tbody tr td:nth-child(3)::before {
            content: "Date of Birth";
        }

        .panel-driver-at-household table tbody tr td:nth-child(4)::before {
            content: "Age";
        }

        .panel-driver-at-household table tbody tr td:nth-child(5)::before {
            content: "SSN";
        }

        .panel-driver-at-household table tbody tr td:nth-child(6)::before {
            content: "Home Phone  ";
        }

        .panel-driver-at-household table tbody tr td:first-child,
        .panel-driver-claims table tbody tr td:first-child {
            font-weight: bold;
        }
}

/* Payment Info */

.payment-amount-bottom-wrapper {
    font-size: 26px;
    font-weight: 800;
}

.payment-amount-bottom-text {
    margin-right: 16px;
    font-weight: 700;
}

.card.payment-help {
    margin-top: 32px;
    font-size: 14px;
}

    .card.payment-help .payment-help-title {
        display: inline-block;
        font-weight: bold;
        margin-bottom: 12px;
    }

#main-content-container .final-documents-header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

#main-content-container .final-documents-icon::before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#main-content-container .final-documents-icon::before {
    background-image: url('/assets/images/icon-final-documents-dark.svg');
}

/* Welcome to GoAuto Screen */

#main-content-container .welcome__card {
    margin-top: 32px;
}

#main-content-container .welcome__email-address {
    color: #7CC600;
}

#main-content-container .welcome__policy-number {
    font-weight: 800;
    font-size: 18px;
}

.fixed-navigation {
    position: fixed !important;
    top: 0;
    z-index: 10 !important;
    width: 100%;
    min-height: 90px;
}



.fixed-navigation-offset {
    margin-top: 105px;
}

/* fixed info card on scroll */
/* .card-intro {
  transition: 
  top 0.3s ease,
  max-width 0.3s ease,
  width 0.3s ease;
}

.scrolled .card.card-intro {
  position: fixed;
  width: 100%;
  max-width: 910px;
  left: 50%;
  top: 86px;
  transform: translateX(-50%);
  z-index: 9;
  border-radius: 0 0 10px 10px;
} */

.start-a-quote__wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 768px) {
    .start-a-quote__wrapper {
        flex-direction: row;
    }
}

.start-a-quote__wrapper .start-a-quote__info {
    width: 100%;
}

#main-content-container .start-a-quote__wrapper .start-a-quote__info .start-a-quote-text {
    text-transform: capitalize;
    text-align: center;
    font-size: 32px;
}

@media (min-width: 768px) {
    #main-content-container .start-a-quote__wrapper .start-a-quote__info .start-a-quote-text {
        text-align: right;
    }
}

@media (min-width: 1024px) {
    #main-content-container .start-a-quote__wrapper .start-a-quote__info .start-a-quote-text {
        font-size: 52px;
    }
}

.start-a-quote__wrapper .start-a-quote__inputs {
    width: 100%;
}

.start-a-quote__highlight__wrapper {
    margin-top: 120px;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #f3f4f5;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 576px) {
    .start-a-quote__highlight__wrapper {
        margin-left: calc(((100vw - 510px)/2)*-1);
        margin-right: calc(((100vw - 510px)/2)*-1);
        padding-left: calc(((100vw - 510px)/2));
        padding-right: calc(((100vw - 510px)/2));
    }
}

@media (min-width: 768px) {
    .start-a-quote__highlight__wrapper {
        margin-left: calc(((100vw - 690px)/2)*-1);
        margin-right: calc(((100vw - 690px)/2)*-1);
        padding-left: calc(((100vw - 690px)/2));
        padding-right: calc(((100vw - 690px)/2));
    }
}

@media (min-width: 992px) {
    .start-a-quote__highlight__wrapper {
        margin-left: calc(((100vw - 930px)/2)*-1);
        margin-right: calc(((100vw - 930px)/2)*-1);
        padding-left: calc(((100vw - 930px)/2));
        padding-right: calc(((100vw - 930px)/2));
    }
}

@media (min-width: 1200px) {
    .start-a-quote__highlight__wrapper {
        margin-left: calc(((100vw - 1110px)/2)*-1);
        margin-right: calc(((100vw - 1110px)/2)*-1);
        padding-left: calc(((100vw - 1110px)/2));
        padding-right: calc(((100vw - 1110px)/2));
    }
}

.start-a-quote__highlight__wrapper::before {
    content: '';
    background-image: url('https://dev.level2d.com/goauto/assets/images/wavy-bg.png');
    height: 100px;
    width: 100%;
    top: -80px;
    position: absolute;
    left: 0;
    right: 0;
}

.start-a-quote__highlight__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 40px;
}

    .start-a-quote__highlight__intro h2 {
        text-transform: uppercase;
    }

    .start-a-quote__highlight__intro p {
        font-size: 16px;
        max-width: 560px;
        text-align: center;
    }

@media (min-width: 768px) {
    .start-a-quote__highlight__intro p {
        font-size: 18px;
    }
}

.start-a-quote__highlight__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

@media (min-width: 768px) {
    .start-a-quote__highlight__list {
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}

.start-a-quote__highlight__item {
    width: 50%;
    max-width: 200px;
    padding: 0 20px;
    text-align: center;
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .start-a-quote__highlight__item {
        width: 100%;
        margin-bottom: 0;
    }
}

.start-a-quote__highlight__icon svg {
    width: 100%;
}

.start-a-quote__highlight__text {
    margin-top: 18px;
    text-align: center;
    font-size: 14px;
    font-weight: 800;
}

@media (min-width: 992px) {
    .start-a-quote__highlight__text {
        font-size: 16px
    }
}

@media (min-width: 1200px) {
    .start-a-quote__highlight__text {
        font-size: 18px
    }
}

.footer-quote-number {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 24px;
    color: #4a9c2d;
    text-shadow: 0 2px 2px rgb(0 0 0 / 30%);
}


/* _______________________________________________________________ 
New Styles */

/* _______________________________________________________________ 
Claims - Universal */

/* reducing dropdown width universally on smaller screens */
@media (max-width: 991px) {
    #main-content-container .row > div .rddlInner .rddlSelect {
        width: 40px !important;
    }
}

/* Modal buttons */
#ContentPlaceHolder1_customModal .modal-content .modal-ok-btn {
    background-color: #4a9c2d;
    transition: background-color 0.3s ease;
    border-radius: 32px;
}

    #ContentPlaceHolder1_customModal .modal-content .modal-ok-btn:hover {
        background-color: #1A5632;
    }

/* Text Area Top Padding */
#main-content-container .RadInput.RadInput_Material textarea {
    padding-top: 12px;
}

/* Next Button on all pages */
#main-content-container button[value="Next →"] {
    background-color: #4a9c2d;
    color: white;
    transition: background-color 0.3s ease;
}

    #main-content-container button[value="Next →"]:hover {
        background-color: #1A5632;
    }

body[data-logout-id="LB_Logout"] #globalExitModal .modal-box {
    height: auto;
}

    body[data-logout-id="LB_Logout"] #globalExitModal .modal-box button.btn-leave:last-child {
        margin-top: 8px;
    }

/* Checkbox Button */
#main-content-container .RadButton_Material.rbCheckBox:hover,
#main-content-container .RadButton_Material.rbRadioButton:hover {
    background-color: #ddeebf;
}

    #main-content-container .RadButton_Material.rbCheckBox:hover .rbIcon.rbToggleCheckboxChecked + .rbText,
    #main-content-container .RadButton_Material.rbRadioButton:hover .rbIcon.rbToggleCheckboxChecked + .rbText {
        color: #1A5632;
    }

#main-content-container .RadButton_Material.rbCheckBox .rbIcon.rbToggleCheckbox + .rbText,
#main-content-container .RadButton_Material.rbCheckBox .rbIcon.rbToggleCheckboxChecked + .rbText,
#main-content-container .RadButton_Material.rbToggleButton .rbIcon.rbToggleCheckbox + .rbText,
#main-content-container .RadButton_Material.rbToggleButton .rbIcon.rbToggleCheckboxChecked + .rbText,
#main-content-container .RadButton_Material.rbToggleButton .rbIcon.rbToggleCheckboxFilled + .rbText,
#main-content-container .RadButton_Material.rbRadioButton .rbIcon.rbToggleRadio + .rbText,
#main-content-container .RadButton_Material.rbRadioButton .rbIcon.rbToggleRadioChecked + .rbText,
#main-content-container .RadButton_Material.rbToggleButton .rbIcon.rbToggleRadio + .rbText,
#main-content-container .RadButton_Material.rbToggleButton .rbIcon.rbToggleRadioChecked + .rbText,
#main-content-container .RadButton_Material.RadCheckBox .rbText,
#main-content-container .RadButton_Material.RadRadioButton .rbText {
    color: #1A5632;
}

/* Calendar */
.RadCalendar.RadCalendar_Material {
    border-radius: 8px;
    overflow: hidden;
    .rcMain

{
    padding: 0;
}

.rcWeek {
    color: white;
    th

{
    padding: 10px 10px 8px 10px;
    line-height: 1em;
}

}
}

@media (max-width: 768px) {
    .RadCalendar.RadCalendar_Material {
        thead

{
    display: table-header-group;
}

td {
    display: table-cell;
}

}
}

/* MM/YY */
.RadCalendarFastNavPopup .RadCalendarMonthView_Material .rcSelected a {
    color: #4a9c2d;
}

@media (max-width: 768px) {
    .RadCalendarFastNavPopup .RadCalendarMonthView_Material {
        thead

{
    display: table-header-group;
}

td {
    display: table-cell;
}

}
}

/* Modal */

.modal button[type="button"] {
    background-color: #4a9c2d;
    border-radius: 32px;
    color: white;
    transition: background-color 0.3s ease;
}

/* _______________________________________________________________ 
Claims - Home */

/* Reorder sidebar and info on mobile */

.page-displayclaims #ctl00_ContentPlaceHolder1_ctl00_ContentPlaceHolder1_RadAjaxPanel1Panel .row .col-xl-3:has(.sidebar-menu) {
    order: 2;
}

.page-displayclaims #ctl00_ContentPlaceHolder1_ctl00_ContentPlaceHolder1_RadAjaxPanel1Panel .row .col-xl-9 {
    order: 1;
}

@media (min-width: 768px) {
    .page-displayclaims #ctl00_ContentPlaceHolder1_ctl00_ContentPlaceHolder1_RadAjaxPanel1Panel .row .col-xl-3:has(.sidebar-menu) {
        order: 1;
    }

    .page-displayclaims #ctl00_ContentPlaceHolder1_ctl00_ContentPlaceHolder1_RadAjaxPanel1Panel .row .col-xl-9 {
        order: 2;
    }
}

/* Hide table header if not claims available */

.page-displayclaims #ctl00_ContentPlaceHolder1_ctl00_ContentPlaceHolder1_RadAjaxPanel1Panel .row .col-xl-9 table:not(:has(tbody tr)) {
    display: none;
}

/* _______________________________________________________________ 
Claims - IncidentDetails */

/* Temporary fix for the hours minutes and seconds selector - really needs to be adjusted using the class assignment */
.page-incidentdetails #main-content-container .card-body .row:nth-child(4) {
    .col-md-6:nth-child(2) > .row > div

{
    flex: 1 1;
    width: 100%;
    max-width: none;
}

}

/* _______________________________________________________________ 
Claims - Type of Loss */

/* Button Spacing for type of loss */
.page-briefaccident #main-content-container .RadButton_Material.rbButton {
    margin-bottom: 8px;
}

@media (min-width: 768px) {
    .page-briefaccident #main-content-container .RadButton_Material.rbButton {
        margin-bottom: 16px;
    }
}


/* _______________________________________________________________ 
Claims - Driver Details */

/* Button Spacing for type of loss */
.page-driverdetails #main-content-container {
    margin-bottom: 8px;
}

/* _______________________________________________________________ 
Claims - Passenger Details */

.page-passengerdetails #main-content-container .passenger-section {
    border-radius: 8px !important;
}

    .page-passengerdetails #main-content-container .passenger-section .row .col-md-3 {
        padding-bottom: 16px;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .page-passengerdetails #main-content-container .passenger-section .row:nth-child(3) .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

        .page-passengerdetails #main-content-container .passenger-section .row:nth-child(3) .col-md-3:nth-child(1),
        .page-passengerdetails #main-content-container .passenger-section .row:nth-child(3) .col-md-3:nth-child(2) {
            padding-bottom: 16px;
        }
}

@media (min-width: 992px) {
    .page-passengerdetails #main-content-container .passenger-section .row .col-md-3 {
        padding-bottom: 0;
    }
}

.page-passengerdetails #main-content-container .col-md-3:has(.minor-label) {
    padding-top: 32px;
    align-items: center;
    display: flex;
}

/* _______________________________________________________________ 
Alert Headers */
.error-block-header,
.success-block-header,
.warning-block-header,
.info-block-header {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .error-block-header::before,
    .success-block-header::before,
    .warning-block-header::before,
    .info-block-header::before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        min-width: 24px;
        background-color: currentColor;
        -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 16V12" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 8H12.01" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 16V12" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 8H12.01" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        mask-size: contain;
        mask-repeat: no-repeat;
    }

    .error-block-header::before {
        -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.86 2H16.14L22 7.86V16.14L16.14 22H7.86L2 16.14V7.86L7.86 2Z" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 16H12.01" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 8V12" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.86 2H16.14L22 7.86V16.14L16.14 22H7.86L2 16.14V7.86L7.86 2Z" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 16H12.01" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 8V12" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    }

    .success-block-header::before {
        -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.85999" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 4L12 14.01L9 11.01" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.85999" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 4L12 14.01L9 11.01" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    }

    .warning-block-header::before {
        -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.29 3.86L1.82002 18C1.64539 18.3024 1.55299 18.6453 1.55201 18.9945C1.55103 19.3437 1.64151 19.6871 1.81445 19.9905C1.98738 20.2939 2.23675 20.5467 2.53773 20.7239C2.83871 20.901 3.18082 20.9962 3.53002 21H20.47C20.8192 20.9962 21.1613 20.901 21.4623 20.7239C21.7633 20.5467 22.0127 20.2939 22.1856 19.9905C22.3585 19.6871 22.449 19.3437 22.448 18.9945C22.4471 18.6453 22.3547 18.3024 22.18 18L13.71 3.86C13.5318 3.56611 13.2807 3.32312 12.9812 3.15448C12.6817 2.98585 12.3438 2.89726 12 2.89726C11.6563 2.89726 11.3184 2.98585 11.0188 3.15448C10.7193 3.32312 10.4683 3.56611 10.29 3.86V3.86Z" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 9V13" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 17H12.01" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.29 3.86L1.82002 18C1.64539 18.3024 1.55299 18.6453 1.55201 18.9945C1.55103 19.3437 1.64151 19.6871 1.81445 19.9905C1.98738 20.2939 2.23675 20.5467 2.53773 20.7239C2.83871 20.901 3.18082 20.9962 3.53002 21H20.47C20.8192 20.9962 21.1613 20.901 21.4623 20.7239C21.7633 20.5467 22.0127 20.2939 22.1856 19.9905C22.3585 19.6871 22.449 19.3437 22.448 18.9945C22.4471 18.6453 22.3547 18.3024 22.18 18L13.71 3.86C13.5318 3.56611 13.2807 3.32312 12.9812 3.15448C12.6817 2.98585 12.3438 2.89726 12 2.89726C11.6563 2.89726 11.3184 2.98585 11.0188 3.15448C10.7193 3.32312 10.4683 3.56611 10.29 3.86V3.86Z" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 9V13" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 17H12.01" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    }

    .info-block-header::before {
        -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 16V12" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 8H12.01" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 16V12" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 8H12.01" stroke="%23303030" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    }

.alert-danger a,
.alert-success a,
.alert-warning a,
.alert-info a {
    text-decoration: underline;
    transition: color 0.3s ease-in-out;
}

.alert-danger a {
    color: #721c24;
}

    .alert-danger a:hover {
        color: #54151b;
    }


.alert-success a {
    color: #155724;
}

    .alert-success a:hover {
        color: #0b3619;
    }

.alert-warning a {
    color: #856404;
}

    .alert-warning a:hover {
        color: #5c3e02;
    }

.alert-info a {
    color: #0c5460;
}

    .alert-info a:hover {
        color: #062f38;
    }