.t8_service_forms__selectdate__datepicker__step-1 > form {
    margin-top: -22px;
}

.t8_service_forms__selectdate__checkbox__container {
    margin-top: 1.25em;
    margin-bottom: 2em;
}

.t8_service_forms__selectdate__checkbox__container label {
    font-weight: 500;
}

.t8_service_forms__selectdate__datepicker__container__ical--text {
    display: block;
    margin-bottom: 3em;
}

.t8_service_forms__selectdate__daterange__container {
    margin-bottom: 1em;
}

.t8_service_forms__selectdate__daterange__container--text {
    margin-top: 2em;
}

.t8_service_forms__selectdate__daterange__container--date--text {
    display: inline-block;
}

.t8_service_forms__selectdate__daterange__container--date {
    margin: 0;
    display: inline-block;
    width: fit-content;
    position: relative;
}

.t8_service_forms__selectdate__daterange__container--open {
    cursor: pointer;
}

.t8_service_forms__selectdate__datepicker__step-2 {
    margin-top: 2em;
}

.datepicker, .datepicker-download {
    margin-top: 1.25em;
    margin-bottom: 2em;
    overflow-x: auto;
}

.dp-highlight {
    opacity: 1 !important;
}

.dp-highlight .ui-state-default, .ui-datepicker-current-day .ui-state-default {
    background-color: #bf2747 !important;
    color: #ffffff !important;
}

#downloadICal {
    cursor: pointer;
    color: #00A8E1;
    text-decoration: none;
    background-image: repeating-linear-gradient(90deg, #00A8E1 0%, #00A8E1 100%);
    background-position: center calc(100% - 0.35em);
    background-repeat: no-repeat;
    background-size: 100% 1px;
}

#downloadICal:before {
    content: "\e0d0";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
}

.t8_service_forms__infobox__switching-period {
    padding: 0.125em 0;
    background-color: transparent;
    border: none;
    margin-bottom: 1.25em;
    max-width: 15em;
}

.t8_service_forms__infobox__agb {
    margin-top: 3em;
}

#registrationAddressSwitchingPeriod {
    caret-color: transparent;
    border: none;
    pointer-events: none;
    padding-bottom: 1.25em;
    color: inherit;
}

.t8_service_forms__selectdate__datepicker__step-2--open {
    cursor: pointer;
}

.t8_service_forms__content--editcheck .t8_service_forms__infobox__mutation-cost {
    background-color: transparent;
    border: none;
}

.datepicker-download .ui-widget-header{
    background-color: grey;
}

.datepicker-download .ui-state-hover, .ui-widget-content .ui-state-hover {
    background-color: grey !important;
}

.ui-datepicker-inline {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 33%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 100%;
}