@import "variables.css";
.thank-you .footer {
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 0.2em 0 0.2em 0;
    color: var(--cFirst);
    text-align: center !important;
    font-family: var(--fSecondary), sans-serif !important;
    text-transform: uppercase !important;
}

.driver,
.additional-drivers,
.vehicle {
    background-repeat: no-repeat !important;
    background-size: 15% !important;
    background-position-x: 20px !important;
    background-position-y: center !important;
}

.vehicle {
    background: url(../assets/images/motor.png);
}

.driver {
    background: url(../assets/images/Driver.png);
}

.additional-drivers {
    background: url("../assets/images/Additional Drivers.png");
}

.d2c-root .form-group label[for*="r_mot_comp"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_mot_tponly"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_mot_tpft"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_mot_compeft"]~div .switch .switch-label {
    width: 50px;
    height: 50px;
    text-align: center;
}

.d2c-root .form-group label[for*="r_mot_comp"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_mot_tponly"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_mot_tpft"]~div .switch .switch-label,
.d2c-root .form-group label[for*="r_mot_compeft"]~div .switch .switch-label {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #fff;
    z-index: 5;
    box-sizing: border-box;
    padding: 5px;
    background-origin: content-box;
    width: 100px;
    height: 100px;
}

.d2c-root .form-group label[for*="r_mot_comp"]~div .switch .switch-input~.switch-label,
.d2c-root .form-group label[for*="r_mot_tponly"]~div .switch .switch-input~.switch-label,
.d2c-root .form-group label[for*="r_mot_tpft"]~div .switch .switch-input~.switch-label,
.d2c-root .form-group label[for*="r_mot_compeft"]~div .switch .switch-input~.switch-label {
    background-color: var(--cFirst);
}

.d2c-root .form-group label[for*="r_mot_comp"]~div .switch .switch-input~.switch-label {
    background-image: url(../assets/images/Comprehensive.svg);
}

.d2c-root .form-group label[for*="r_mot_tponly"]~div .switch .switch-input~.switch-label {
    background-image: url(../assets/images/ThirdParty.svg);
}

.d2c-root .form-group label[for*="r_mot_tpft"]~div .switch .switch-input~.switch-label {
    background-image: url(../assets/images/ThirdParty_Fire.svg);
}

.d2c-root .form-group label[for*="r_mot_compeft"]~div .switch .switch-input~.switch-label {
    background-image: url(../assets/images/Comprehensive_Fire.svg);
}

.d2c-root .form-group label[for*="r_mot_comp"]~div .switch .switch-input:checked~.switch-label,
.d2c-root .form-group label[for*="r_mot_tponly"]~div .switch .switch-input:checked~.switch-label,
.d2c-root .form-group label[for*="r_mot_tpft"]~div .switch .switch-input:checked~.switch-label,
.d2c-root .form-group label[for*="r_mot_compeft"]~div .switch .switch-input:checked~.switch-label {
    border: 1px solid #234831;
    box-shadow: 0px 0px 10px 2px #234831 !important;
    color: black !Important;
    background-color: var(--cSecond) !Important;
    width: 100px;
    height: 100px;
}

.d2c-root .form-group label[for*="r_mot_comp"]~div .switch .switch-label:after,
.d2c-root .form-group label[for*="r_mot_tponly"]~div .switch .switch-label:after,
.d2c-root .form-group label[for*="r_mot_tpft"]~div .switch .switch-label:after,
.d2c-root .form-group label[for*="r_mot_compeft"]~div .switch .switch-label:after {
    opacity: 100%;
    color: Black;
    left: 120%;
    font-size: 25px;
    color: #00B3CD;
    font-weight: lighter;
    display: none;
}

.d2c-root .form-group label[for*="r_mot_comp"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="r_mot_comp"]~div .switch .switch-label:before,
.d2c-root .form-group label[for*="r_mot_tponly"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="r_mot_tponly"]~div .switch .switch-label:before,
.d2c-root .form-group label[for*="r_mot_tpft"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="r_mot_tpft"]~div .switch .switch-label:before,
.d2c-root .form-group label[for*="r_mot_compeft"]~div .switch .switch-handle,
.d2c-root .form-group label[for*="r_mot_compeft"]~div .switch .switch-label:before {
    display: none;
}

.cover-type .questions form.ng-valid.ng-star-inserted.ng-dirty,
.cover-type .questions form.ng-valid.ng-star-inserted.ng-dirty.ng-touched,
.cover-type .questions form.ng-untouched.ng-pristine.ng-valid.ng-star-inserted {
    display: flex !Important;
    flex-wrap: wrap;
    justify-content: center;
}

.cover-type .questions gc-question.lookup-select {
    width: 100%;
    padding-top: 20px;
    max-width: 100%;
    margin-left: 50px;
    margin-right: 50px;
}

.cover-type .questions gc-question {
    height: 150px;
    width: 150px;
}

.cover-type .questions .gc-question.lookup-select.ng-star-inserted.show {
    width: 100%;
}

d2c-root .form-group [for*="r_mot_comp"]~*,
d2c-root .form-group [for*="r_mot_tponly"]~*,
d2c-root .form-group [for*="r_mot_tpft"]~*,
d2c-root .form-group [for*="r_mot_compeft"]~* {
    width: 100px !Important;
    height: 100px !Important;
    justify-content: center;
}

.d2c-root .form-group [for*="r_veh_cover"] {
    max-width: 100% !Important;
}

.cover-type .questions label[for*="r_mot_comp"].col-sm-10.col-form-label,
.cover-type .questions label[for*="r_mot_tponly"].col-sm-10.col-form-label,
.cover-type .questions label[for*="r_mot_tpft"].col-sm-10.col-form-label,
.cover-type .questions label[for*="r_mot_compeft"].col-sm-10.col-form-label {
    display: none;
}

.cover-type .questions label[for*="r_veh_cover"]~.input-group .form-control {
    background-color: var(--cFirst);
}


.cover-type .questions .form-group [for*="r_veh_cover"],
.cover-type .questions .form-group [for*="r_veh_cover"]+div,
.cover-type .questions .form-group [for*="r_veh_cover"]+div>input:disabled,
.cover-type .questions .form-group [for*="r_veh_cover"]+div>select:disabled {
    background-color: var(--cFirst);
    color: white;
    border: none;
    font-size: 20px !important;
    width: max-content;
    text-align: center;
}

.cover-type .questions .form-group [for*="r_veh_cover"]+div>select::-ms-expand {
    display: none;
}

.questions .form-group [for*="r_veh_cover"]+div>select:disabled,
.cover-type .questions .form-group [for*="r_veh_cover"]+div>select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}

.cover-type .questions {
    display: flex;
    justify-content: center;
}

.vehicle .questions label[for*="r_motorregvrm"]~.input-group .form-control {
    background-color: var(--cFirst);
}

.vehicle .form-group [for*="r_motorregvrm"] {
    max-width: 100% !Important;
}

.vehicle .questions .form-group [for*="r_motorregvrm"],
.vehicle .questions .form-group [for*="r_motorregvrm"]+div,
.vehicle .questions .form-group [for*="r_motorregvrm"]+div>input:disabled,
.vehicle .questions .form-group [for*="r_motorregvrm"]+div>select:disabled {
    background-color: var(--cFirst);
    color: white;
    border: none;
    font-size: 20px !important;
    width: max-content;
    text-align: center;
    padding: 20px;
}

.vehicle .questions .form-group [for*="r_motorregvrm"]+div>select::-ms-expand {
    display: none;
}

.vehicle .questions .form-group [for*="r_motorregvrm"]+div>select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}

label[for*="r_mot_comp"],
label[for*="r_mot_tponly"],
label[for*="r_mot_tpft"],
label[for*="r_mot_compeft"] {
    padding: 20px;
}

.widget-root .form-group [for*="policy|16449|debit|header|-1"],
.d2c-root .form-group [for*="policy|16449|debit|header|-1"],
label[for*="policy|16449|debit|header|-1"]~.input-group .form-control,
[for*="policy|16449|debit|header|-1"]~.input-group .input-group-prepend .currency {
    background-color: var(--cFirst) !Important;
    color: var(--cSecond) !Important;
    font-size: 20px !Important;
}