@import url("customfonts.css");
@import url("theme-styles.css");

:root { 
    --primary-sse: #173b7a;
    --secundary-sse: #c72f23;
}

.header {
    display: none!important;
}


.theme--light.v-application {
    font-family: 'NeoSansW1G-Medium'!important;
    background: #fff!important; 
}

.theme--light.v-application .container {
    min-height: 6em;
}

.theme--light.v-application .container > .row.no-gutters {
    min-height: 6em;
}

.theme--light.v-application .container > .row.no-gutters:nth-child(2) {
    min-height: 6em;
}


.theme--light.v-application .main-container {
    padding: 0!important;
}

.theme--light.v-application .inner-container {
    box-shadow: none!important;
    -webkit-box-shadow: none!important; 
}

.theme--light.v-application .booking-wrapper {
    padding: 0!important;
}

.theme--light.v-application .booking-container {
    padding: 0!important;
}

.theme--light.v-application h1 {
    /*font-family: 'NeoSansW1G-Bold';*/
    font-size: 1.25em!important;
    font-weight: 900!important;
    text-align: left!important;
    text-transform: uppercase;
    margin: 2em 0 1.5em 0; 
}

.theme--light.v-application .primary-color {
    background-color: var(--primary-sse)!important;
}

.theme--light.v-application .v-expansion-panels .v-expansion-panel .v-expansion-panel-header.process-step-header {
    padding: 0 24px 0 0!important;
    min-height: 6em!important;
}

.theme--light.v-application .v-expansion-panels .process-step-name {
    font-family: 'NeoSansW1G-Medium'!important;
    font-size: 20px!important;
}

.theme--light.v-application .v-expansion-panels .process-number {
    font-family: 'NeoSansW1G-Medium'!important;
    font-size: 20px!important;
    background-color: var(--primary-sse)!important;
}

.v-expansion-panel-header > div > .row.no-gutters > [class*=col-]  {
    align-self: center;
}

.v-expansion-panel-header > div > .row.no-gutters > [class*=col-]:first-child  {
    display: flex;
    min-height: 6em;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #fff;
}

.v-expansion-panel-header > div > .row.no-gutters > [class*=col-]:nth-child(2)  {
    padding-left: 1em;

}

.theme--light.v-application small {
    font-family: 'NeoSansW1G-Regular'!important;
    font-size: 16px!important;
}

.theme--light.v-application .info-text1 {
    font-family: 'NeoSansW1G-Regular'!important;
    color: var(--primary-sse)!important;
    margin-left: 5em;
}

.v-radio.branch.theme--light.radio-group {
    border: solid 1px rgb(200 205 241 / 35%) !important;
    padding: 0!important;
    background-color: #fff!important;
}

.branchCard {
    color: #000!important;
    padding: 0.75em 0;
    
}

.branchCard.selectedColor {
    position: relative;
    color: #fff!important;
    background-color: var(--primary-sse)!important;
}

/*.branchCard.selectedColor::after {
    content: "";
    position: absolute;
    top: 0;
    left: 1em;
    height: 3em;
    width: 3em;
    clip-path: polygon(34% 0, 24% 60%, 65% 0);
    background-color: var(--secundary-sse);
}
*/
.container-padding.v-card.v-sheet.theme--light > div > div {
    display: flex;
    align-items: end;
}

.branchCard > div {
    display: flex;
}

.branchCard > div > div {
    font-size: 16px!important;
    font-weight: 900;
    text-transform: uppercase;
	
}

.branchName {
    margin-left: 1em!important;
	min-width: 170px;
}

.branch-address-only {
    margin-left: .5em;
    opacity: 1!important;
}

.v-input--selection-controls__input {
    display:none!important; 
}

/** services */
.v-input--radio-group__input[aria-labelledby="serviceListText"] {
    display: flex;
    flex-direction: row!important;
    justify-content: space-evenly!important;
    flex-wrap: wrap!important;
    align-content: center!important;
}


.v-input--radio-group__input[aria-labelledby="serviceListText"] > .radio-row.service-options {
    /*width: 25%!important;*/
    border: none!important;
    background-color: transparent!important;
}

.serviceRow > .v-radio.service-name {
    position: relative;
    width: 100%;
    max-width: 100%!important;
    justify-content:center!important;
    color: var(--primary-sse);
    text-transform: uppercase;
    background-color: #fff!important;
    border: 1px solid var(--primary-sse);
    border-radius: 5px;
    margin: 0!important;
    margin-right: 0!important;
    padding: 10px 10px 10px 10px !important;

}

.serviceRow > .v-radio.service-name.v-item--active {
    background-color: var(--primary-sse)!important;
}
/*
.serviceRow > .v-radio.service-name.v-item--active::after {
    content: "";
    position: absolute;
    top: 0;
    left: .25em;
    height: 3em;
    width: 3em;
    clip-path: polygon(34% 0, 24% 60%, 65% 0);
    background-color: var(--secundary-sse);
}
*/
.theme--light.v-application .v-expansion-panels .v-expansion-panel .selected {
    background-color: transparent!important;
}

.serviceRow > .v-radio.service-name > label {
    font-weight: 900;
    flex: none!important;
    color: var(--primary-sse)!important;
}

.serviceRow > .v-radio.service-name.v-item--active > label {
    color: #fff!important;
}

/** Dates */
.dateName {
    color: var(--primary-sse)!important;
    text-transform: uppercase!important;
}

.v-icon.notranslate.mdi.mdi-chevron-right.theme--light {
    color: var(--primary-sse)!important;
}

.v-icon.notranslate.mdi.mdi-chevron-right.theme--light[disabled="disabled"] {
    color: rgba(0,0,0,.54)!important;
}

.v-date-picker-table.v-date-picker-table--date > table > tr {
    color: var(--primary-sse)!important;
    text-transform: uppercase;
}

.v-date-picker-table.v-date-picker-table--date > table > tr > th > span {
    font-size: 16px!important   ;
}

.v-date-picker-table.v-date-picker-table--date > table > tr > td > button {
    color: var(--primary-sse)!important;
    text-decoration: none!important;
}

.v-date-picker-table.v-date-picker-table--date > table > tr > td > button:hover {
    color: #fff!important;
    background-color: var(--primary-sse)!important; 
}

.v-date-picker-table.v-date-picker-table--date > table > tr > td > button::before {
    content: none!important;
}

.v-date-picker-table.v-date-picker-table--date > table > tr > td > button.active {
    color: #fff!important;
    background-color: var(--primary-sse)!important;
    border-radius: 28px!important;
}

.v-btn.v-btn--text.theme--light.v-size--default.timeslot.timeslot-content {
    font-size: 16px!important;
    background-color: #fff!important;
    color: var(--primary-sse)!important; 
    border-radius: 5px;
}


.v-btn.v-btn--text.theme--light.v-size--default.timeslot.timeslot-content:hover {
    color: #fff!important;
    background-color: var(--primary-sse)!important; 
    border-radius: 5px;
    border: 0 !important;
}

.v-btn.v-btn--text.theme--light.v-size--default.timeslot.timeslot-content.v-btn--disabled {
    color: #fff!important;
    background-color: var(--primary-sse)!important; 
}


/** Contact */

.theme--light.v-application .info-text-strong {
    font-size: 20px!important;
    color: var(--primary-sse)!important;
    font-weight: 900!important;
}

.theme--light.v-application .info-text-strong > div {
    font-family: 'NeoSansW1G-Regular'!important;
    font-size: 16px!important;
    color: var(--primary-sse)!important;
}

#step4 > .v-expansion-panel-content {
    margin-left: 0em;
}

#step4 > div > div > div:nth-child(1) > div > div {
    margin-left: 1em;
}

#step4 > .v-expansion-panel-content > div > div:nth-child(1) > div > div > div > div > div {
    font-family: 'NeoSansW1G-Regular'!important;
    font-size: 16px!important;
    color: var(--primary-sse)!important;
}

#step4 > div > div > div:nth-child(2) > form > div.v-card__text.info-text.mb-4 {
    font-family: 'NeoSansW1G-Regular'!important;
    font-size: 16px!important;
    color: var(--primary-sse)!important;
    margin-bottom: 0!important;
}

#step4 > div > div > div:nth-child(2) > form > div:nth-child(-n+6) > div >.v-input__control > .v-input__slot, .countryCodeContainer > div > .v-input__control > .v-input__slot, .phoneFieldContainer > div > .v-input__control > .v-input__slot {
    background-color: #f9fafd!important;
    border: 1px solid #bebebe!important;
    border-radius: 5px!important;
}

.theme--light.v-text-field>.v-input__control>.v-input__slot:before {
    border: none!important;
}

.theme--light.v-application .v-label {
    color: #bebebe!important;
    font-family: 'NeoSansW1G-Regular'!important;
}

.theme--light.v-application .error--text {
    font-family: 'NeoSansW1G-Regular'!important;
}

#step4 > div > div > div:nth-child(2) > form > div:nth-child(-n+6) > div > div > div.v-input__slot > div > label:not(.v-label--active) {
    font-size: 16px!important;
    top: 30%;
}

#FirstName, #LastName, #Email, #phone {
    color: var(--primary-sse)!important;
}

#agreement {
    color: #000!important;
}

#step4 > div > div > div:nth-child(2) > form > div:nth-child(7) > div > div > div.v-input__slot > div {
    display: flex!important;
}

#step4 > div > div > div:nth-child(2) > form > div:nth-child(7) > div > div > div.v-input__slot > div > i:not(.error--text) {
    display: flex;
    color: #bebebe!important;
}

#step4 > div > div > div:nth-child(2) > form > div:nth-child(7) > div > div > div.v-input__slot > div > i.mdi-checkbox-marked {
    display: flex;
    color: var(--primary-sse)!important;
}

.v-btn.v-btn--text.reset-btn {
    background-color: var(--secundary-sse)!important;
    color: #fff!important;
}

#createAppointmentButton, #cancelBooking > button {
    font-family: 'NeoSansW1G-Regular'!important;
    color: #fff!important;
    height: 55px!important;
    text-transform: none!important;
    min-width: 220px;
    border-radius: 5px!important;
}

.modal-confirm-button {
    border: 1px solid var(--primary-sse);
}

.modal-confirm-button:hover {
    color: #fff!important;
}

.v-btn.submit{
    background-color: var(--primary-sse)!important;
	color: #ffffff !important;
}


#backtostartButton > button {
    font-family: 'NeoSansW1G-Regular'!important;
    color: #fff!important;
    height: 55px!important;
    text-transform: none!important;
    min-width: 220px;
    border-radius: 5px!important;
}