﻿.address-table-text {
    color: #526570;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 21px;
    left: 160px;
    line-height: 18px;
    padding-top: 10px;
    top: 750px;
    width: 113px;
}

.age-ddl {
    align-items: flex-start;
    align-self: stretch;
    background: #FFFFFF;
    border: 1px solid #9CB0BC;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    height: 40px;
    justify-content: center;
    order: 1;
    padding: 8px;
    width: 256px;
    font-family: 'DM Sans';
}

.age-table {
    border-style: hidden;
    color: #526570;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 250px;
    left: 160px;
    line-height: 18px;
    padding: 10px;
    padding-bottom: 10px;
    row-gap: 100px;
    top: 750px;
    width: 300px;
}

.age-table-ddl {
    align-items: flex-start;
    align-self: stretch;
    background: #FFFFFF;
    border: 1px solid #9CB0BC;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    height: 40px;
    justify-content: center;
    order: 1;
    padding: 8px;
    width: 256px;
    font-family: 'DM Sans';
}

.age-table-text {
    color: #526570;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 21px;
    left: 160px;
    line-height: 18px;
    padding-top: 10px;
    top: 750px;
    width: 113px;
}

.age-table-text-name {
    color: #526570;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 21px;
    left: 160px;
    line-height: 18px;
    padding-left: 10px;
    padding-top: 10px;
    top: 750px;
    width: 113px;
}

.back-button {
    background: #FFFFFF;
    border: 1px solid #FF002D;
    border-radius: 8px;
    color: #FF002D;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 24px;
    padding: 16px;
    text-align: center;
}

.btn-add {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    color: #FF002D;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 24px;
    padding: 16px;
    text-align: center;
}

.btn-next-renew {
    align-items: center;
    background: #E8EBED;
    border-color: #E8EBED;
    border-radius: 8px;
    color: #526570;
    display: flex;
    flex-direction: row;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    gap: 4px;
    height: 56px;
    justify-content: center;
    line-height: 24px;
    padding: 16px;
    width: 135px;
}

.btnViewDocuments {
    background: #FF002D;
    border-color: #FF002D;
    border-radius: 8px;
    border: 0px;
    color: #FFFFFF;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 40px;
    line-height: 24px;
    text-decoration-line: underline;
    width: 224px;
}

.button-seperation {
    padding-right: 30px;
}

.buy-button {
    align-items: center;
    background: #FF002D;
    border-color: #FF002D;
    border-radius: 8px;
    color: #FFFFFF;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    gap: 4px;
    justify-content: center;
    line-height: 24px;
    order: 0;
    order: 1;
    padding: 14px;
    text-align: center;
}

.card {
    align-items: center;
    align-self: stretch;
    border: 1px solid #9CB0BC;
    border-radius: 6px;
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 24px;
    height: 268px;
    justify-content: center;
    order: 0;
    padding: 16px 16px 24px;
    width: 256px;
    font-family: 'DM Sans';
}

.card1-title {
    align-self: stretch;
    color: #000000;
    flex: none;
    flex-grow: 0;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    order: 0;
}

.card-link-renew {
    align-items: center;
    color: #FF002D;
    display: flex;
    flex: none;
    flex-grow: 0;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    order: 0;
}

.card-text {
    align-self: stretch;
    color: #2D373D;
    flex: none;
    flex-grow: 0;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 84px;
    line-height: 21px;
    order: 1;
    width: 224px;
}

.card-text-renew {
    align-self: stretch;
    color: #526570;
    flex: none;
    flex-grow: 0;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    order: 1;
}

.checkList input[type="checkbox"] {
    accent-color: #008C47;
    float: left;
    height: 20px;
    width: 20px;
}

@media screen and (min-width: 550px) {
    .checkList label {
        align-items: center;
        color: #2D373D;
        display: flex;
        flex: none;
        flex-grow: 1;
        font-family: 'DM Sans';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        height: 24px;
        line-height: 24px;
        order: 1;
        padding-left: 5px;
        padding-top: 5px;
    }
}

@media screen and (max-width: 550px) {
    .checkList label {
        align-items: center;
        color: #2D373D;
        display: flex;
        flex: none;
        flex-grow: 1;
        font-family: 'DM Sans';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        height: 24px;
        line-height: 24px;
        order: 1;
        padding-left: 5px;
        padding-top: 5px;
    }
}




.checkList-Health input[type="checkbox"] {
    accent-color: #008C47;
    float: left;
    height: 20px;
    width: 20px;
}

.checkList-Health label {
    align-items: center;
    color: #2D373D;
    display: flex;
    flex: none;
    flex-grow: 1;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    order: 1;
    padding-left: 5px;
    padding-top: 5px;
}

.checklist-motorexcess-text {
    align-items: center;
    color: #2D373D;
    display: flex;
    flex: none;
    flex-grow: 1;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    order: 1;
    padding-left: 5px;
    padding-top: 3px;
}

.checklist-text {
    align-items: center;
    color: #2D373D;
    display: flex;
    flex: none;
    flex-grow: 1;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    order: 1;
    padding-left: 5px;
    padding-top: 3px;
}

.contact-us {
    color: #2D373D;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 36px;
    left: 161px;
    line-height: 18px;
    top: 1004px;
    width: 274px;
}

.country-style {
    color: #526570;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.coverselectPrice {
    align-self: stretch;
    color: #2D373D;
    flex: none;
    flex-grow: 0;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 18px;
    line-height: 18px;
    order: 1;
    width: 350px;
}

.covid-info {
    color: #526570;
    font-family: 'DM Sans';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 16px;
    left: 160px;
    line-height: 16px;
    top: 566px;
    width: 529px;
}

.date-destination {
    align-items: flex-start !important;
    align-self: stretch !important;
    background: #FFFFFF !important;
    border: 1px solid #9CB0BC !important;
    border-radius: 2px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex: none !important;
    flex-direction: row !important;
    flex-grow: 0 !important;
    font-size: 16px !important;
    gap: 10px !important;
    height: 40px !important;
    order: 1 !important;
    padding: 8px !important;
    width: 300px !important;
    font-family: 'DM Sans';
}

    .date-destination table tbody tr td span input[type="text"] {
        border-style: none;
        font-size: 16px !important;
        text-align: center;
    }

.date-destination-CoverStart {
    align-items: flex-start !important;
    align-self: stretch !important;
    background: #FFFFFF !important;
    border: 1px solid #9CB0BC !important;
    border-radius: 2px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex: none !important;
    flex-direction: row !important;
    flex-grow: 0 !important;
    font-size: 14px !important;
    gap: 10px !important;
    height: 40px !important;
    order: 1 !important;
    padding: 8px !important;
    width: 128px !important;
    font-family: 'DM Sans' !important;
}

    .date-destination-CoverStart table tbody tr td span input[type="text"] {
        border-style: none;
        font-size: 14px !important;
        padding-bottom: 5px;
        text-align: center;
    }

.date-destination-label {
    color: #526570;
    flex: none;
    flex-grow: 1;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    order: 0;
}

.health-label {
    color: #526570;
    flex: none;
    flex-grow: 1;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    order: 0;
}

.modal-termsConditions-label {
    color: #526570;
    flex: none;
    flex-grow: 1;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    order: 0;
}

.ddl-age {
    align-items: flex-start;
    align-self: stretch;
    background: #FFFFFF;
    border: 1px solid #9CB0BC;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    font-size: 16px;
    gap: 10px;
    height: 40px;
    order: 1;
    padding: 8px;
    width: 170px;
    font-family: 'DM Sans';
}

.destination-title {
    color: #2D373D;
    font-family: 'DM Sans';
    font-size: 28px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}

.destination-smallertitle {
    color: #2D373D;
    font-family: 'DM Sans';
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}

.details-confirmation-name {
    align-items: center;
    color: #2D373D;
    display: flex;
    flex: none;
    flex-grow: 1;
    font-family: 'DM Sans';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    order: 0;
}

.details-confirmation-title {
    align-items: center;
    color: #526570;
    flex: none;
    flex-grow: 1;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    order: 0;
}

.details-confirmation-variable {
    align-items: center;
    color: #FF002D;
    flex: none;
    flex-grow: 0;
    float: right;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    order: 1;
    text-align: right;
}

.details-confirmation-variable-longtext {
    align-items: center;
    color: #FF002D;
    flex: none;
    flex-grow: 0;
    float: right;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    order: 1;
    text-align: right;
}

.details-confirmation-variable-sub {
    align-items: center;
    color: #526570;
    display: flex;
    flex: none;
    flex-grow: 0;
    float: right;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    order: 1;
    text-align: right;
}

.details-date {
    align-items: flex-start !important;
    align-self: stretch !important;
    background: #FFFFFF !important;
    border: 1px solid #9CB0BC !important;
    border-radius: 2px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex: none !important;
    flex-direction: row !important;
    flex-grow: 0 !important;
    font-size: 16px !important;
    gap: 10px !important;
    height: 40px !important;
    order: 1 !important;
    padding: 8px !important;
    font-family: 'DM Sans' !important;
}

    .details-date table tbody tr td span input[type="text"] {
        border-style: none;
        font-size: 16px !important;
        text-align: center;
    }


.details-input-Residence-ddl {
    align-self: stretch !important;
    background: #FFFFFF !important;
    border: 1px solid #9CB0BC !important;
    border-radius: 2px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex: none !important;
    flex-direction: column !important;
    flex-grow: 0 !important;
    font-size: 16px !important;
    height: 40px !important;
    justify-content: center !important;
    order: 1 !important;
    padding: 8px !important;
}

    .details-input-Residence-ddl table tbody tr td a {
        width: 0px !important;
        height: 0px !important;
    }

        .details-input-Residence-ddl table tbody tr td a:hover {
            background-color: #ffffff !important;
        }

    .details-input-Residence-ddl table tbody tr td {
        border-color: #ffffff !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        font-family: 'DM Sans' !important;
    }

    .details-input-Residence-ddl table tbody tr td {
        background-color: #ffffff !important;
    }

.RadComboBoxDropDown_MetroTouch rcbHovered {
    background-color: #ffffff !important;
}

.details-input-Address-ddl {
    align-self: stretch !important;
    background: #FFFFFF !important;
    border: 1px solid #9CB0BC !important;
    border-radius: 2px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex: none !important;
    flex-direction: column !important;
    flex-grow: 0 !important;
    font-size: 16px !important;
    height: 40px !important;
    justify-content: center !important;
    order: 1 !important;
    padding: 8px !important;
}

    .details-input-Address-ddl table tbody tr td a {
        width: 0px !important;
        height: 0px !important;
    }

        .details-input-Address-ddl table tbody tr td a:hover {
            background-color: #ffffff !important;
        }

    .details-input-Address-ddl table tbody tr td {
        border-color: #ffffff !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        font-family: 'DM Sans' !important;
    }

    .details-input-Address-ddl table tbody tr td {
        background-color: #ffffff !important;
    }


.details-input {
    align-items: flex-start;
    align-self: stretch;
    background: #FFFFFF;
    border: 1px solid #9CB0BC;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 8px;
    height: 40px;
    justify-content: center;
    order: 1;
    padding: 8px;
    width: 256px;
    font-family: 'DM Sans';
}

.details-input-date {
    align-items: flex-start;
    align-self: stretch;
    background: #FFFFFF;
    border: 1px solid #9CB0BC;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 8px;
    height: 40px;
    justify-content: center;
    order: 1;
    padding: 8px;
    width: 115px;
    font-family: 'DM Sans';
}

.details-input-ddl {
    align-items: flex-start;
    align-self: stretch;
    background: #FFFFFF;
    border: 1px solid #9CB0BC;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    height: 40px;
    justify-content: center;
    order: 1;
    padding: 8px;
    font-family: 'DM Sans';
    width: 256px;
}

.details-input-name {
    align-items: flex-start;
    align-self: stretch;
    background: #FFFFFF;
    border: 1px solid #9CB0BC;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 8px;
    height: 40px;
    justify-content: center;
    margin-left: 10px;
    order: 1;
    padding: 8px;
    width: 180px;
    font-family: 'DM Sans';
}

.details-input-title {
    align-items: flex-start;
    align-self: stretch;
    background: #FFFFFF;
    border: 1px solid #9CB0BC;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 8px;
    height: 40px;
    justify-content: center;
    order: 1;
    padding: 8px;
    width: 100%;
    font-family: 'DM Sans';
}

.GenericTablePadding-payment {
    width: 516px;
}

.horizontalSliderView {
    margin: 10px !important;
    margin-left: 10px !important;
}

.limit {
    color: #526570;
    font-family: 'DM Sans';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 16px;
    left: 161px;
    line-height: 16px;
    top: 883px;
    width: 284px;
}

.Message {
    color: #FF002D;
    font-family: 'DM Sans';
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

.message-container {
    padding: 0.5rem 2rem;
}

.Message-title {
    color: #FF002D;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
}

.monthsDropDown {
    align-items: flex-start !important;
    align-self: stretch !important;
    background: #FFFFFF !important;
    border: 1px solid #9CB0BC !important;
    border-radius: 2px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex: none !important;
    flex-direction: row !important;
    flex-grow: 0 !important;
    font-size: 16px !important;
    gap: 10px !important;
    height: 40px !important;
    order: 1 !important;
    padding: 8px !important;
    width: 128px !important;
    font-family: 'DM Sans' !important;
}

.next-button {
    align-items: center;
    background: #FF002D;
    border-color: #FF002D;
    border-radius: 8px;
    border: 0px;
    color: #FFFFFF;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    gap: 4px;
    justify-content: center;
    line-height: 24px;
    padding: 16px;
    text-align: center;
}

.termsConditions-button {
    align-items: center;
    background: #FF002D;
    border-color: #FF002D;
    border-radius: 8px;
    border: 0px;
    color: #FFFFFF;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    gap: 4px;
    justify-content: center;
    line-height: 24px;
    padding: 16px;
    text-align: center;
}


.next-buttondisabled{
        align-items: center;
        background: #b8b8b8;
        border-color: #b8b8b8;
        border-radius: 8px;
        border: 0px;
        color: #000000;
        font-family: 'DM Sans';
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        gap: 4px;
        justify-content: center;
        line-height: 24px;
        padding: 16px;
        text-align: center;
    }

.not-visible {
    align-items: flex-start;
    align-self: stretch;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 2px;
    box-sizing: border-box;
    color: #FFFFFF;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    gap: 8px;
    height: 30px;
    justify-content: center;
    order: 1;
    padding: 8px;
    width: 256px;
}

.page-bottom-text {
    color: #2D373D;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 108px;
    line-height: 18px;
    width: 328px;
}

.payment-successful {
    color: #2D373D;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

.payment-successful {
    color: #2D373D;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 84px;
    line-height: 21px;
    width: 543px;
}

.payment-successful-contact {
    color: #526570;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 42px;
    line-height: 21px;
    width: 200px;
}

.payment-successful-contact {
    color: #2D373D;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
}

.payment-successful-paragraph {
    color: #2D373D;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 84px;
    line-height: 21px;
    width: 543px;
}

.payment-successful-red {
    color: #FF002D;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 42px;
    line-height: 21px;
    width: 543px;
}

.policy-checkbox {
    border: 1px solid #CCCFD2;
    border-radius: 2px;
    bottom: 0%;
    box-sizing: border-box;
    left: 0%;
    right: 0%;
    top: 0%;
}

.policy-checkbox-text {
    align-items: center;
    color: #2D373D;
    flex: none;
    flex-grow: 1;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    order: 1;
}

.policy-health-checkbox-text {
    align-items: center;
    color: #2D373D;
    flex: none;
    flex-grow: 1;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    order: 1;
    padding-left: 50px;
}

.policy-link {
    align-items: center;
    color: #FF002D;
    flex: none;
    flex-grow: 1;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    order: 1;
}

.policy-title {
    color: #2D373D;
    font-family: 'DM Sans';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}

.price-style {
    color: #FF002D;
    font-family: 'DM Sans';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    height: 28px;
    line-height: 28px;
    text-align: right;
}

.print-button {
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #FF002D;
    border-radius: 8px;
    box-sizing: border-box;
    color: #FF002D;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    gap: 4px;
    justify-content: center;
    line-height: 24px;
    order: 0;
    padding: 14px;
    text-align: center;
}

.questions {
    color: #2D373D;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 36px;
    line-height: 18px;
    width: 446px;
}

.questions-container {
    padding: 0.5rem 2rem;
    width: 200px;
}

.questions-Grey {
    color: #526570;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 36px;
    left: 162px;
    line-height: 18px;
    top: 503px;
    width: 446px;
}

.questions-Home {
    color: #2D373D;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 36px;
    line-height: 18px;
    width: 446px;
}

.quotation {
    color: #2D373D;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 21px;
    left: 161px;
    line-height: 21px;
    top: 400px;
    width: 124px;
}

.quote-large-textbox {
    align-items: flex-start;
    align-self: stretch;
    background: #FFFFFF;
    border: 1px solid #9CB0BC;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    font-size: 16px;
    gap: 10px;
    height: 113px;
    order: 1;
    padding: 8px;
    width: 100%;
    font-family: 'DM Sans';
}

.quote-text {
    color: #2D373D;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

.quote-type-text {
    color: #2D373D;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 21px;
    line-height: 21px;
    text-align: left;
    top: 5px;
    width: 69px;
}

.radioButtonList input[type="radio"] {
    accent-color: #008C47;
    float: left;
    height: 20px;
    width: 20px;
    margin: 15px 0px 20px 0px;
}

.radioButtonList label {
    color: #526570;
    display: inline;
    float: left;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: italic;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    line-height: 18px;
    padding-left: 5px;
    padding-top: 5px;
    width: 70px;
    margin: 12px 0px 20px 0px;
}

.RadSlider .rslHorizontal .rslSelectedregion {
    background: red;
}

.RadSlider .rslHorizontal a.rslDraghandle {
    background-color: #ffffff;
    border-radius: 50% !important;
    width: 15px !important;
}

.renewal-policy-underText {
    align-self: stretch;
    color: #526570;
    flex: none;
    flex-grow: 0;
    font-family: 'DM Sans';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 48px;
    line-height: 16px;
    order: 2;
    width: 256px;
}

.rslHorizontal .rslTrack {
    height: 50px;
}

.russia-warning {
    color: #526570;
    font-family: 'DM Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}

.table-padding {
    padding-bottom: 15px;
    padding-right: 15px;
}

.table-padding-health {
    padding-bottom: 5px;
    padding-right: 30px;
}

.table-padding-home {
    padding-bottom: 15px;
    padding-right: 15px;
}

.table-padding-motor {
    padding-bottom: 15px;
    padding-right: 15px;
}

.table-padding-motor-date {
    padding-bottom: 15px;
    padding-left: 10px;
}

.table-padding-renual {
    max-width: 300px;
    padding-bottom: 15px;
    padding-right: 30px;
    width: max-content;
}

.table-padding-title {
    padding-bottom: 15px;
    padding-right: 0px;
}

.table-padding-total {
    padding-bottom: 15px;
    padding-left: 100px;
    padding-right: 15px;
}

.table-padding-undertext {
    padding-bottom: 63px;
    padding-right: 15px;
}

.table-padding-undertext-road {
    padding-bottom: 61px;
    padding-right: 15px;
}

.test {
    color: #FF002D;
    font-family: 'DM Sans';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    height: 28px;
    line-height: 28px;
    text-align: right;
    width: 72px;
}

.textbox {
    align-items: flex-start;
    align-self: stretch;
    background: #FFFFFF;
    border: 1px solid #9CB0BC;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    font-size: 16px;
    gap: 10px;
    height: 40px;
    font-family: 'DM Sans';
    order: 1;
    padding: 8px;
    width: contain;
}

.total-ammount {
    color: #FF002D;
    font-family: 'DM Sans';
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    left: 832px;
    line-height: 40px;
    top: 675px;
}

.total-label {
    color: #2D373D;
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 21px;
    line-height: 21px;
    width: 256px;
}

hr.line-style {
    align-self: stretch;
    border: 1px solid #E8EBED;
    flex: none;
    flex-grow: 0;
    order: 1;
}


@media screen and (max-width: 600px) {
    .address-table-text {
        margin-left: -13px !important;
    }

    .age-ddl {
        width: 250px !important;
    }

    .age-table-ddl {
        padding-left: 0px !important;
        width: 300px !important;
    }

    .back-button {
        height: 56px !important;
        width: 328px !important;
    }

    .btn-next-renew {
        width: 300px !important;
    }

    .btnViewDocuments {
        text-decoration-line: none !important;
        width: 296px !important;
    }

    .button-seperation {
        display: block !important;
        padding-bottom: 10px !important;
    }

    .buy-button {
        margin-bottom: 30px !important;
        width: 300px !important;
    }

    .card {
        height: 247px !important;
        width: 328px !important;
    }

    .card-image {
        width: 300px !important;
    }

    .card-renew {
        width: 300px !important;
    }

    .checkList label {
        line-height: 20px !important;
    }

    .checkList-Health label {
        width: 300px !important;
    }

    .checklist-motorexcess-text {
        width: 300px !important;
    }

    .contact-us {
        width: 300px !important;
    }

    .cover-dates {
        display: flex !important;
    }

    .date-destination {
        width: 300px !important;
    }

        .date-destination table tbody tr td span input[type="text"] {
            width: 100% !important;
        }

    .date-destination-label {
        float: left !important;
        width: 300px !important;
    }

    .modal-termsConditions-label {
        float: left !important;
        /*width: 300px !important;*/
    }

    .ddl-age {
        width: 300px !important;
    }

    .details-confirmation-variable-longtext {
        width: 240px !important;
    }

    .details-date {
        width: 300px !important;
    }

    .details-input {
        width: 300px !important;
    }

    .details-input-ddl {
        margin-left: -13px !important;
        width: 300px !important;
    }

    .details-input-Address-ddl {
        width: 300px !important;
    }

        .details-input-Address-ddl table tbody tr td span input[type="text"] {
            width: 100% !important;
        }

    .details-input-Residence-ddl {
        width: 300px !important;
        padding-left: 15px;
        margin-left: -15px !important;
    }

        .details-input-Residence-ddl table tbody tr td span input[type="text"] {
            width: 100% !important;
        }

    .details-input-name {
        margin-left: 0px !important;
        width: 300px !important;
    }

    .details-input-title {
        width: 300px !important;
    }

    .GeneralQuoteTable {
        display: block !important;
    }

    .GeneralQuoteTable-payment {
        width: 200px !important;
    }

    .GenericTablePadding {
        display: block !important;
        padding: 1px !important;
        padding-bottom: 0px !important;
    }

    .GenericTablePadding-payment {
        width: 200px !important;
    }

    .GenericTablePadding-payment-successful {
        width: 330px !important;
    }

    .header-table {
        padding-left: 30px !important;
    }

    .motor-quote-label {
        padding-left: 15px !important;
    }

    .Nav-img {
        width: 370px !important;
    }

    .next-button {
        height: 56px !important;
        width: 328px !important;
    }

    .termsConditions-button {
        height: 56px !important;
        /*width: 328px !important;*/
    }


    .page-bottom-text {
        width: 300px !important;
    }

    .payment-successful {
        color: #2D373D;
        font-family: 'DM Sans';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px;
    }

    .payment-successful {
        width: 300px !important;
    }

    .payment-successful-contact {
        color: #2D373D;
        font-family: 'DM Sans';
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 21px;
    }

    .payment-successful-contact {
        width: 300px;
    }

    .payment-successful-paragraph {
        width: 330px !important;
    }

    .payment-successful-red {
        width: 300px !important;
    }

    .price-style {
        float: right !important;
    }

    .print-button {
        width: 300px !important;
    }

    .questions-Home {
        width: 300px !important;
    }

    .quote-large-textbox {
        width: 300px !important;
    }

    .QuoteSubTable {
        margin-left: 10px !important;
    }

    .radioButtonList input[type="radio"] {
        accent-color: #008C47;
        float: left;
        height: 20px;
        width: 20px;
    }

    .RadSlider .rslHorizontal .rslTrack {
        width: 310px !important;
    }

    .table-padding {
        display: block;
        padding-bottom: 15px !important;
        padding-left: 13px !important;
    }

    .table-padding-health {
        display: block;
        padding-bottom: 15px !important;
        padding-left: 15px;
    }

    .table-padding-home {
        display: block;
        padding-bottom: 15px !important;
    }

    .table-padding-motor {
        display: block;
    }

    .table-padding-renual {
        display: block !important;
        margin-left: -20px !important;
        max-width: 330px !important;
        padding-bottom: 15px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 330px !important;
    }

    .table-padding-title {
        display: block;
        padding-bottom: 15px;
        padding-left: 13px !important;
    }

    .table-padding-total {
        padding-left: 15px !important;
    }

    .table-padding-undertext {
        display: block !important;
        margin-left: -20px !important;
        padding-bottom: 15px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .table-padding-undertext-road {
        display: block !important;
        margin-left: -20px !important;
        padding-bottom: 15px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .table-under-btn-excess {
        text-align: left !important;
        width: 330px !important;
    }

    .textbox {
        width: 300px !important;
    }

    questions-col {
        display: normal;
    }
}

::placeholder {
    color: #a6a6a6;
}

::-webkit-input-placeholder { /* Edge */
    color: #a6a6a6;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #a6a6a6;
}

.RadPicker_Default .rcCalPopup, .RadPicker_Default .rcTimePopup {
    background-image: url('../Img/icon_20px_nav_calendar.svg') !important;
}

.next-button:disabled, .next-button[disabled] {
    border: 0px solid black;
    background-color: #E8EBED;
    color: #526570;
    padding: 15px;
    cursor: not-allowed;
}

.nopaddingleftRight {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.textInput {
    align-items: flex-start !important;
    align-self: stretch !important;
    background: #FFFFFF !important;
    border: 1px solid #9CB0BC !important;
    border-radius: 2px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex: none !important;
    flex-direction: row !important;
    flex-grow: 0 !important;
    font-size: 16px !important;
    font-family: 'DM Sans';
    height: 4rem !important;
}


.multiselect {
    min-height: 2vw !important;
    border: 1px solid #9CB0BC !important;
    border-radius: 2px !important;
    box-sizing: border-box !important;
    font-family: 'DM Sans';
    font-size: 16px !important;
}