@charset "UTF-8";.dp__input_wrap {
    position: relative;
    width: 100%;
    box-sizing: unset
}

.dp__input_wrap:focus {
    border-color: var(--dp-border-color-hover);
    outline: none
}

.dp__input_valid {
    box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color);
    border-color: var(--dp-success-color)
}

.dp__input_valid:hover {
    border-color: var(--dp-success-color)
}

.dp__input_invalid {
    box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color);
    border-color: var(--dp-danger-color)
}

.dp__input_invalid:hover {
    border-color: var(--dp-danger-color)
}

.dp__input {
    background-color: var(--dp-background-color);
    border-radius: var(--dp-border-radius);
    font-family: var(--dp-font-family);
    border: 1px solid var(--dp-border-color);
    outline: none;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
    font-size: var(--dp-font-size);
    line-height: calc(var(--dp-font-size) * 1.5);
    padding: var(--dp-input-padding);
    color: var(--dp-text-color);
    box-sizing: border-box
}

.dp__input::placeholder {
    opacity: .7
}

.dp__input:hover:not(.dp__input_focus) {
    border-color: var(--dp-border-color-hover)
}

.dp__input_reg {
    caret-color: #0000
}

.dp__input_focus {
    border-color: var(--dp-border-color-focus)
}

.dp__disabled {
    background: var(--dp-disabled-color)
}

.dp__disabled::placeholder {
    color: var(--dp-disabled-color-text)
}

.dp__input_icons {
    display: inline-block;
    width: var(--dp-font-size);
    height: var(--dp-font-size);
    stroke-width: 0;
    font-size: var(--dp-font-size);
    line-height: calc(var(--dp-font-size) * 1.5);
    padding: 6px 12px;
    color: var(--dp-icon-color);
    box-sizing: content-box
}

.dp__input_icon {
    cursor: pointer;
    position: absolute;
    top: 50%;
    inset-inline-start: 0;
    transform: translateY(-50%);
    color: var(--dp-icon-color)
}

.dp__clear_icon {
    position: absolute;
    top: 50%;
    inset-inline-end: 0;
    transform: translateY(-50%);
    cursor: pointer;
    color: var(--dp-icon-color)
}

.dp__input_icon_pad {
    padding-inline-start:var(--dp-input-icon-padding)}

.dp__menu {
    background: var(--dp-background-color);
    border-radius: var(--dp-border-radius);
    min-width: var(--dp-menu-min-width);
    font-family: var(--dp-font-family);
    font-size: var(--dp-font-size);
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid var(--dp-menu-border-color);
    box-sizing: border-box
}

.dp__menu:after {
    box-sizing: border-box
}

.dp__menu:before {
    box-sizing: border-box
}

.dp__menu:focus {
    border: 1px solid var(--dp-menu-border-color);
    outline: none
}

.dp--menu-wrapper {
    position: absolute;
    z-index: 99999
}

.dp__menu_inner {
    padding: var(--dp-menu-padding)
}

.dp--menu--inner-stretched {
    padding: 6px 0
}

.dp__menu_index {
    z-index: 99999
}

.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999
}

.dp__menu_disabled {
    background: #ffffff80;
    cursor: not-allowed
}

.dp__menu_readonly {
    background: #0000;
    cursor: default
}

.dp-menu-loading {
    background: #ffffff80;
    cursor: default
}

.dp--menu-load-container {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center
}

.dp--menu-loader {
    width: 48px;
    height: 48px;
    border: var(--dp-loader);
    border-bottom-color: #0000;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: dp-load-rotation 1s linear infinite;
    position: absolute
}

@keyframes dp-load-rotation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.dp__arrow_top {
    left: var(--dp-arrow-left);
    top: 0;
    height: 12px;
    width: 12px;
    background-color: var(--dp-background-color);
    position: absolute;
    border-inline-end:1px solid var(--dp-menu-border-color);border-top: 1px solid var(--dp-menu-border-color);
    transform: translate(-50%,-50%) rotate(-45deg)
}

.dp__arrow_bottom {
    left: var(--dp-arrow-left);
    bottom: 0;
    height: 12px;
    width: 12px;
    background-color: var(--dp-background-color);
    position: absolute;
    border-inline-end:1px solid var(--dp-menu-border-color);border-bottom: 1px solid var(--dp-menu-border-color);
    transform: translate(-50%,50%) rotate(45deg)
}

.dp__action_extra {
    text-align: center;
    padding: 2px 0
}

.dp--preset-dates {
    padding: 5px;
    border-inline-end:1px solid var(--dp-border-color)}

@media only screen and (width <= 600px) {
    .dp--preset-dates {
        display: flex;
        align-self: center;
        border: none;
        overflow-x: auto;
        max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2)
    }
}

.dp--preset-dates-collapsed {
    display: flex;
    align-self: center;
    border: none;
    overflow-x: auto;
    max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2)
}

.dp__sidebar_left {
    padding: 5px;
    border-inline-end:1px solid var(--dp-border-color)}

.dp__sidebar_right {
    padding: 5px;
    margin-inline-end:1px solid var(--dp-border-color)}

.dp--preset-range {
    display: block;
    width: 100%;
    padding: 5px;
    text-align: left;
    white-space: nowrap;
    color: var(--dp-text-color);
    border-radius: var(--dp-border-radius);
    transition: var(--dp-common-transition)
}

.dp--preset-range:hover {
    background-color: var(--dp-hover-color);
    color: var(--dp-hover-text-color);
    cursor: pointer
}

@media only screen and (width <= 600px) {
    .dp--preset-range {
        border: 1px solid var(--dp-border-color);
        margin: 0 3px
    }

    .dp--preset-range:first-child {
        margin-left: 0
    }

    .dp--preset-range:last-child {
        margin-right: 0
    }
}

.dp--preset-range-collapsed {
    border: 1px solid var(--dp-border-color);
    margin: 0 3px
}

.dp--preset-range-collapsed:first-child {
    margin-left: 0
}

.dp--preset-range-collapsed:last-child {
    margin-right: 0
}

.dp__menu_content_wrapper {
    display: flex
}

@media only screen and (width <= 600px) {
    .dp__menu_content_wrapper {
        flex-direction: column-reverse
    }
}

.dp--menu-content-wrapper-collapsed {
    flex-direction: column-reverse
}

.dp__calendar_header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--dp-text-color);
    white-space: nowrap;
    font-weight: 700
}

.dp__calendar_header_item {
    text-align: center;
    flex-grow: 1;
    height: var(--dp-cell-size);
    padding: var(--dp-cell-padding);
    width: var(--dp-cell-size);
    box-sizing: border-box
}

.dp__calendar_row {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: var(--dp-row-margin)
}

.dp__calendar_item {
    text-align: center;
    flex-grow: 1;
    box-sizing: border-box;
    color: var(--dp-text-color)
}

.dp__calendar {
    position: relative
}

.dp__calendar_header_cell {
    border-bottom: thin solid var(--dp-border-color);
    padding: var(--dp-calendar-header-cell-padding)
}

.dp__cell_inner {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: var(--dp-cell-border-radius);
    height: var(--dp-cell-size);
    padding: var(--dp-cell-padding);
    width: var(--dp-cell-size);
    border: 1px solid rgba(0,0,0,0);
    box-sizing: border-box;
    position: relative
}

.dp__cell_inner:hover {
    transition: all .2s
}

.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start {
    border-end-end-radius: 0;
    border-start-end-radius: 0
}

.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end {
    border-end-start-radius: 0;
    border-start-start-radius: 0
}

.dp__range_end,.dp__range_start,.dp__active_date {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color)
}

.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color)
}

.dp__cell_offset {
    color: var(--dp-secondary-color)
}

.dp__cell_disabled {
    color: var(--dp-secondary-color);
    cursor: not-allowed
}

.dp__range_between {
    background: var(--dp-range-between-dates-background-color);
    color: var(--dp-range-between-dates-text-color);
    border-radius: 0;
    border: 1px solid var(--dp-range-between-border-color)
}

.dp__range_between_week {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color);
    border-radius: 0;
    border-top: 1px solid var(--dp-primary-color);
    border-bottom: 1px solid var(--dp-primary-color)
}

.dp__today {
    border: 1px solid var(--dp-primary-color)
}

.dp__week_num {
    color: var(--dp-secondary-color);
    text-align: center
}

.dp__cell_auto_range {
    border-radius: 0;
    border-top: 1px dashed var(--dp-primary-color);
    border-bottom: 1px dashed var(--dp-primary-color)
}

.dp__cell_auto_range_start {
    border-start-start-radius: var(--dp-cell-border-radius);
    border-end-start-radius: var(--dp-cell-border-radius);
    border-inline-start:1px dashed var(--dp-primary-color);border-top: 1px dashed var(--dp-primary-color);
    border-bottom: 1px dashed var(--dp-primary-color)
}

.dp__cell_auto_range_end {
    border-start-end-radius: var(--dp-cell-border-radius);
    border-end-end-radius: var(--dp-cell-border-radius);
    border-top: 1px dashed var(--dp-primary-color);
    border-bottom: 1px dashed var(--dp-primary-color);
    border-inline-end:1px dashed var(--dp-primary-color)}

.dp__calendar_header_separator {
    width: 100%;
    height: 1px;
    background: var(--dp-border-color)
}

.dp__calendar_next {
    margin-inline-start:var(--dp-multi-calendars-spacing)}

.dp__marker_line,.dp__marker_dot {
    height: 5px;
    background-color: var(--dp-marker-color);
    position: absolute;
    bottom: 0
}

.dp__marker_dot {
    width: 5px;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%)
}

.dp__marker_line {
    width: 100%;
    left: 0
}

.dp__marker_tooltip {
    position: absolute;
    border-radius: var(--dp-border-radius);
    background-color: var(--dp-tooltip-color);
    padding: 5px;
    border: 1px solid var(--dp-border-color);
    z-index: 99999;
    box-sizing: border-box;
    cursor: default
}

.dp__tooltip_content {
    white-space: nowrap
}

.dp__tooltip_text {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--dp-text-color)
}

.dp__tooltip_mark {
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: var(--dp-text-color);
    color: var(--dp-text-color);
    margin-inline-end:5px}

.dp__arrow_bottom_tp {
    bottom: 0;
    height: 8px;
    width: 8px;
    background-color: var(--dp-tooltip-color);
    position: absolute;
    border-inline-end:1px solid var(--dp-border-color);border-bottom: 1px solid var(--dp-border-color);
    transform: translate(-50%,50%) rotate(45deg)
}

.dp__instance_calendar {
    position: relative;
    width: 100%
}

@media only screen and (width <= 600px) {
    .dp__flex_display {
        flex-direction: column
    }
}

.dp--flex-display-collapsed {
    flex-direction: column
}

.dp__cell_highlight {
    background-color: var(--dp-highlight-color)
}

.dp__month_year_row {
    display: flex;
    align-items: center;
    height: var(--dp-month-year-row-height);
    color: var(--dp-text-color);
    box-sizing: border-box
}

.dp__inner_nav {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: var(--dp-month-year-row-button-size);
    width: var(--dp-month-year-row-button-size);
    color: var(--dp-icon-color);
    text-align: center;
    border-radius: 50%
}

.dp__inner_nav svg {
    height: var(--dp-button-icon-height);
    width: var(--dp-button-icon-height)
}

.dp__inner_nav:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-icon-color)
}

[dir=rtl] .dp__inner_nav {
    transform: rotate(180deg)
}

.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled {
    background: var(--dp-disabled-color);
    color: var(--dp-disabled-color-text);
    cursor: not-allowed
}

.dp--year-select,.dp__month_year_select {
    text-align: center;
    cursor: pointer;
    height: var(--dp-month-year-row-height);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--dp-border-radius);
    box-sizing: border-box;
    color: var(--dp-text-color)
}

.dp--year-select:hover,.dp__month_year_select:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color);
    transition: var(--dp-common-transition)
}

.dp__month_year_select {
    width: 50%
}

.dp--year-select {
    width: 100%
}

.dp__month_year_wrap {
    display: flex;
    flex-direction: row;
    width: 100%
}

.dp__year_disable_select {
    justify-content: space-around
}

.dp--header-wrap {
    display: flex;
    width: 100%;
    flex-direction: column
}

.dp__overlay {
    width: 100%;
    background: var(--dp-background-color);
    transition: opacity 1s ease-out;
    z-index: 99999;
    font-family: var(--dp-font-family);
    color: var(--dp-text-color);
    box-sizing: border-box
}

.dp--overlay-absolute {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0
}

.dp--overlay-relative {
    position: relative
}

.dp__overlay_container::-webkit-scrollbar-track {
    box-shadow: var(--dp-scroll-bar-background);
    background-color: var(--dp-scroll-bar-background)
}

.dp__overlay_container::-webkit-scrollbar {
    width: 5px;
    background-color: var(--dp-scroll-bar-background)
}

.dp__overlay_container::-webkit-scrollbar-thumb {
    background-color: var(--dp-scroll-bar-color);
    border-radius: 10px
}

.dp__overlay:focus {
    border: none;
    outline: none
}

.dp__container_flex {
    display: flex
}

.dp__container_block {
    display: block
}

.dp__overlay_container {
    flex-direction: column;
    overflow-y: auto;
    height: var(--dp-overlay-height)
}

.dp__time_picker_overlay_container {
    height: 100%
}

.dp__overlay_row {
    padding: 0;
    box-sizing: border-box;
    display: flex;
    margin-inline:auto auto;flex-wrap: wrap;
    max-width: 100%;
    width: 100%;
    align-items: center
}

.dp__flex_row {
    flex: 1
}

.dp__overlay_col {
    box-sizing: border-box;
    width: 33%;
    padding: var(--dp-overlay-col-padding);
    white-space: nowrap
}

.dp__overlay_cell_pad {
    padding: var(--dp-common-padding) 0
}

.dp__overlay_cell_active {
    cursor: pointer;
    border-radius: var(--dp-border-radius);
    text-align: center;
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color)
}

.dp__overlay_cell {
    cursor: pointer;
    border-radius: var(--dp-border-radius);
    text-align: center
}

.dp__overlay_cell:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color);
    transition: var(--dp-common-transition)
}

.dp__cell_in_between {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color)
}

.dp__over_action_scroll {
    right: 5px;
    box-sizing: border-box
}

.dp__overlay_cell_disabled {
    cursor: not-allowed;
    background: var(--dp-disabled-color)
}

.dp__overlay_cell_disabled:hover {
    background: var(--dp-disabled-color)
}

.dp__overlay_cell_active_disabled {
    cursor: not-allowed;
    background: var(--dp-primary-disabled-color)
}

.dp__overlay_cell_active_disabled:hover {
    background: var(--dp-primary-disabled-color)
}

.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn {
    border: none;
    font: inherit;
    transition: var(--dp-common-transition);
    line-height: normal
}

.dp--tp-wrap {
    max-width: var(--dp-menu-min-width)
}

.dp__time_input {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none;
    font-family: var(--dp-font-family);
    color: var(--dp-text-color)
}

.dp__time_col_reg_block {
    padding: 0 20px
}

.dp__time_col_reg_inline {
    padding: 0 10px
}

.dp__time_col_reg_with_button {
    padding: 0 15px
}

.dp__time_col_sec {
    padding: 0 10px
}

.dp__time_col_sec_with_button {
    padding: 0 5px
}

.dp__time_col {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.dp__time_col_block {
    font-size: var(--dp-time-font-size)
}

.dp__time_display_block {
    padding: 0 3px
}

.dp__time_display_inline {
    padding: 5px
}

.dp__time_picker_inline_container {
    display: flex;
    width: 100%;
    justify-content: center
}

.dp__inc_dec_button {
    padding: 5px;
    margin: 0;
    height: var(--dp-time-inc-dec-button-size);
    width: var(--dp-time-inc-dec-button-size);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    color: var(--dp-icon-color);
    box-sizing: border-box
}

.dp__inc_dec_button svg {
    height: var(--dp-time-inc-dec-button-size);
    width: var(--dp-time-inc-dec-button-size)
}

.dp__inc_dec_button:hover {
    background: var(--dp-hover-color);
    color: var(--dp-primary-color)
}

.dp__time_display {
    cursor: pointer;
    color: var(--dp-text-color);
    border-radius: var(--dp-border-radius);
    display: flex;
    align-items: center;
    justify-content: center
}

.dp__time_display:hover:enabled {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color)
}

.dp__inc_dec_button_inline {
    width: 100%;
    padding: 0;
    height: 8px;
    cursor: pointer;
    display: flex;
    align-items: center
}

.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover {
    background: var(--dp-disabled-color);
    color: var(--dp-disabled-color-text);
    cursor: not-allowed
}

.dp__pm_am_button {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color);
    border: none;
    padding: var(--dp-common-padding);
    border-radius: var(--dp-border-radius);
    cursor: pointer
}

.dp__tp_inline_btn_bar {
    width: 100%;
    height: 4px;
    background-color: var(--dp-secondary-color);
    transition: var(--dp-common-transition);
    border-collapse: collapse
}

.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r {
    background-color: var(--dp-primary-color);
    transform: rotate(12deg) scale(1.15) translateY(-2px)
}

.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r {
    background-color: var(--dp-primary-color);
    transform: rotate(-12deg) scale(1.15) translateY(-2px)
}

.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l {
    background-color: var(--dp-primary-color);
    transform: rotate(12deg) scale(1.15) translateY(-2px)
}

.dp--time-overlay-btn {
    background: none
}

.dp--time-invalid {
    background-color: var(--dp-disabled-color)
}

.dp__action_row {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--dp-action-row-padding);
    box-sizing: border-box;
    color: var(--dp-text-color);
    flex-flow: row nowrap
}

.dp__action_row svg {
    height: var(--dp-button-icon-height);
    width: auto
}

.dp__selection_preview {
    display: block;
    color: var(--dp-text-color);
    font-size: var(--dp-preview-font-size);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dp__action_buttons {
    display: flex;
    flex: 0;
    white-space: nowrap;
    align-items: center;
    justify-content: flex-end;
    margin-inline-start:auto}

.dp__action_button {
    display: inline-flex;
    align-items: center;
    background: #0000;
    border: 1px solid rgba(0,0,0,0);
    padding: var(--dp-action-buttons-padding);
    line-height: var(--dp-action-button-height);
    margin-inline-start:3px;height: var(--dp-action-button-height);
    cursor: pointer;
    border-radius: var(--dp-border-radius);
    font-size: var(--dp-preview-font-size);
    font-family: var(--dp-font-family)
}

.dp__action_cancel {
    color: var(--dp-text-color);
    border: 1px solid var(--dp-border-color)
}

.dp__action_cancel:hover {
    border-color: var(--dp-primary-color);
    transition: var(--dp-action-row-transtion)
}

.dp__action_buttons .dp__action_select {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color)
}

.dp__action_buttons .dp__action_select:hover {
    background: var(--dp-primary-color);
    transition: var(--dp-action-row-transtion)
}

.dp__action_buttons .dp__action_select:disabled {
    background: var(--dp-primary-disabled-color);
    cursor: not-allowed
}

.dp-quarter-picker-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: var(--dp-menu-min-width)
}

.dp--qr-btn-disabled {
    cursor: not-allowed;
    background: var(--dp-disabled-color)
}

.dp--qr-btn-disabled:hover {
    background: var(--dp-disabled-color)
}

.dp--qr-btn {
    width: 100%;
    padding: var(--dp-common-padding)
}

.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between) {
    background: none
}

.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled) {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color);
    transition: var(--dp-common-transition)
}

.dp--quarter-items {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    height: 100%;
    justify-content: space-evenly
}

.dp--qr-btn-active {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color)
}

.dp--qr-btn-between {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color)
}

.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn {
    border: none;
    font: inherit;
    transition: var(--dp-common-transition);
    line-height: normal
}

.dp--year-mode-picker {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    height: var(--dp-cell-size)
}

:root {
    --dp-common-transition: all .1s ease-in;
    --dp-menu-padding: 6px 8px;
    --dp-animation-duration: .1s;
    --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
    --dp-transition-timing: ease-out;
    --dp-action-row-transtion: all .2s ease-in;
    --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    --dp-border-radius: 4px;
    --dp-cell-border-radius: 4px;
    --dp-transition-length: 22px;
    --dp-transition-timing-general: .1s;
    --dp-button-height: 35px;
    --dp-month-year-row-height: 35px;
    --dp-month-year-row-button-size: 25px;
    --dp-button-icon-height: 20px;
    --dp-calendar-wrap-padding: 0 5px;
    --dp-cell-size: 35px;
    --dp-cell-padding: 5px;
    --dp-common-padding: 10px;
    --dp-input-icon-padding: 35px;
    --dp-input-padding: 6px 30px 6px 12px;
    --dp-menu-min-width: 260px;
    --dp-action-buttons-padding: 1px 6px;
    --dp-row-margin: 5px 0;
    --dp-calendar-header-cell-padding: .5rem;
    --dp-multi-calendars-spacing: 10px;
    --dp-overlay-col-padding: 3px;
    --dp-time-inc-dec-button-size: 32px;
    --dp-font-size: 1rem;
    --dp-preview-font-size: .8rem;
    --dp-time-font-size: 2rem;
    --dp-action-button-height: 22px;
    --dp-action-row-padding: 8px
}

.dp__theme_dark {
    --dp-background-color: #212121;
    --dp-text-color: #fff;
    --dp-hover-color: #484848;
    --dp-hover-text-color: #fff;
    --dp-hover-icon-color: #959595;
    --dp-primary-color: #005cb2;
    --dp-primary-disabled-color: #61a8ea;
    --dp-primary-text-color: #fff;
    --dp-secondary-color: #a9a9a9;
    --dp-border-color: #2d2d2d;
    --dp-menu-border-color: #2d2d2d;
    --dp-border-color-hover: #aaaeb7;
    --dp-border-color-focus: #aaaeb7;
    --dp-disabled-color: #737373;
    --dp-disabled-color-text: #d0d0d0;
    --dp-scroll-bar-background: #212121;
    --dp-scroll-bar-color: #484848;
    --dp-success-color: #00701a;
    --dp-success-color-disabled: #428f59;
    --dp-icon-color: #959595;
    --dp-danger-color: #e53935;
    --dp-marker-color: #e53935;
    --dp-tooltip-color: #3e3e3e;
    --dp-highlight-color: rgb(0 92 178 / 20%);
    --dp-range-between-dates-background-color: var(--dp-hover-color, #484848);
    --dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);
    --dp-range-between-border-color: var(--dp-hover-color, #fff);
    --dp-loader: 5px solid #005cb2
}

.dp__theme_light {
    --dp-background-color: #fff;
    --dp-text-color: #212121;
    --dp-hover-color: #f3f3f3;
    --dp-hover-text-color: #212121;
    --dp-hover-icon-color: #959595;
    --dp-primary-color: #1976d2;
    --dp-primary-disabled-color: #6bacea;
    --dp-primary-text-color: #f8f5f5;
    --dp-secondary-color: #c0c4cc;
    --dp-border-color: #ddd;
    --dp-menu-border-color: #ddd;
    --dp-border-color-hover: #aaaeb7;
    --dp-border-color-focus: #aaaeb7;
    --dp-disabled-color: #f6f6f6;
    --dp-scroll-bar-background: #f3f3f3;
    --dp-scroll-bar-color: #959595;
    --dp-success-color: #76d275;
    --dp-success-color-disabled: #a3d9b1;
    --dp-icon-color: #959595;
    --dp-danger-color: #ff6f60;
    --dp-marker-color: #ff6f60;
    --dp-tooltip-color: #fafafa;
    --dp-disabled-color-text: #8e8e8e;
    --dp-highlight-color: rgb(25 118 210 / 10%);
    --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);
    --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);
    --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);
    --dp-loader: 5px solid #1976d2
}

.dp__flex {
    display: flex;
    align-items: center
}

.dp__btn {
    background: none
}

.dp__main {
    font-family: var(--dp-font-family);
    -webkit-user-select: none;
    user-select: none;
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.dp__pointer {
    cursor: pointer
}

.dp__icon {
    stroke: currentcolor;
    fill: currentcolor
}

.dp__button {
    width: 100%;
    text-align: center;
    color: var(--dp-icon-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    place-content: center center;
    padding: var(--dp-common-padding);
    box-sizing: border-box;
    height: var(--dp-button-height)
}

.dp__button.dp__overlay_action {
    position: absolute;
    bottom: 0
}

.dp__button:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-icon-color)
}

.dp__button svg {
    height: var(--dp-button-icon-height);
    width: auto
}

.dp__button_bottom {
    border-bottom-left-radius: var(--dp-border-radius);
    border-bottom-right-radius: var(--dp-border-radius)
}

.dp__flex_display {
    display: flex
}

.dp__flex_display_with_input {
    flex-direction: column;
    align-items: flex-start
}

.dp__relative {
    position: relative
}

.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active {
    transition: all var(--dp-transition-timing-general) ease-out
}

.calendar-next-enter-from {
    opacity: 0;
    transform: translate(var(--dp-transition-length))
}

.calendar-next-leave-to,.calendar-prev-enter-from {
    opacity: 0;
    transform: translate(calc(var(--dp-transition-length) * -1))
}

.calendar-prev-leave-to {
    opacity: 0;
    transform: translate(var(--dp-transition-length))
}

.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active {
    transition: all var(--dp-animation-duration) var(--dp-transition-timing)
}

.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from {
    opacity: 0;
    transform: translateY(var(--dp-transition-length))
}

.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to {
    opacity: 0;
    transform: translateY(calc(var(--dp-transition-length) * -1))
}

.dp--arrow-btn-nav {
    transition: var(--dp-common-transition)
}

.dp--highlighted {
    background-color: var(--dp-highlight-color)
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: #ffffffb3;
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-colored: #ddd
}

.Toastify__toast-container {
    box-sizing: border-box;
    color: #fff;
    padding: 4px;
    position: fixed;
    transform: translate3d(0,0,var(--toastify-z-index) px);
    width: var(--toastify-toast-width);
    z-index: var(--toastify-z-index)
}

.Toastify__toast-container--top-left {
    left: 1em;
    top: 1em
}

.Toastify__toast-container--top-center {
    left: 50%;
    top: 1em;
    transform: translate(-50%)
}

.Toastify__toast-container--top-right {
    right: 1em;
    top: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translate(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        left:0;
        margin: 0;
        padding: 0;
        width: 100vw
    }

    .Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right {
        top: 0;
        transform: translate(0)
    }

    .Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right {
        bottom: 0;
        transform: translate(0)
    }

    .Toastify__toast-container--rtl {
        left: auto;
        right: 0
    }
}

.Toastify__toast {
    border-radius: 4px;
    box-shadow: 0 1px 10px #0000001a,0 2px 15px #0000000d;
    box-sizing: border-box;
    cursor: pointer;
    direction: ltr;
    display: flex;
    font-family: var(--toastify-font-family);
    justify-content: space-between;
    margin-bottom: 1rem;
    max-height: var(--toastify-toast-max-height);
    min-height: var(--toastify-toast-min-height);
    overflow: hidden;
    padding: 8px;
    position: relative;
    z-index: 0
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast-body {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin: auto 0;
    padding: 6px;
    white-space: pre-wrap
}

.Toastify__toast-body>div:last-child {
    flex: 1
}

.Toastify__toast-icon {
    display: flex;
    flex-shrink: 0;
    margin-inline-end:10px;width: 20px
}

.Toastify--animate {
    animation-duration: .7s;
    animation-fill-mode: both
}

.Toastify--animate-icon {
    animation-duration: .3s;
    animation-fill-mode: both
}

@media only screen and (max-width: 480px) {
    .Toastify__toast {
        border-radius:0;
        margin-bottom: 0
    }
}

.Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    background: var(--toastify-color-info);
    color: var(--toastify-text-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    background: var(--toastify-color-success);
    color: var(--toastify-text-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    background: var(--toastify-color-warning);
    color: var(--toastify-text-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    background: var(--toastify-color-error);
    color: var(--toastify-text-color-error)
}

.Toastify__progress-bar-theme--light {
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {
    background: var(--toastify-color-progress-colored)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    align-self: flex-start;
    background: #0000;
    border: none;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    outline: none;
    padding: 0;
    transition: .3s ease
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentcolor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,.Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    bottom: 0;
    height: 5px;
    left: 0;
    opacity: .7;
    position: absolute;
    transform-origin: left;
    width: 100%;
    z-index: var(--toastify-z-index)
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    left: auto;
    right: 0;
    transform-origin: right
}

.Toastify__spinner {
    animation: Toastify__spin .65s linear infinite;
    border: 2px solid;
    border-color: var(--toastify-spinner-color-empty-area);
    border-radius: 100%;
    border-right-color: var(--toastify-spinner-color);
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

@keyframes Toastify__bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes Toastify__bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes Toastify__bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes Toastify__bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__none {
    0%,60%,75%,90%,to {
        animation-duration: 0;
        animation-timing-function: none
    }

    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        transform: translateZ(0)
    }
}

.Toastify__none-enter--bottom-center,.Toastify__none-enter--bottom-left,.Toastify__none-enter--bottom-right,.Toastify__none-enter--top-center,.Toastify__none-enter--top-left,.Toastify__none-enter--top-right {
    animation-name: Toastify__none
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0,110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0,-110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(110%,0,0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-110%,0,0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,500px,0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,-500px,0);
        visibility: hidden
    }
}

.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left {
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right {
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

:root {
    --t3-font-family: "Plus Jakarta Sans", sans-serif;
    --t3-icon-family: "t3-icon";
    --t3-primary: 94, 60, 15;
    --t3-primary-disabled: 105, 105, 105;
    --t3-primary-hover: 67, 57, 49;
    --t3-secondary: 225, 89, 0;
    --t3-secondary-disabled: 255, 222, 173;
    --t3-secondary-hover: 225, 89, 0;
    --t3-results-background: 250, 238, 220;
    --t3-text-default: 17, 15, 36;
    --t3-text-disabled: 204, 204, 204;
    --t3-text-subtext: 67, 57, 49;
    --t3-text-bg-primary: 255, 255, 255;
    --t3-text-bg-primary-disabled: 255, 255, 255;
    --t3-text-bg-secondary: 255, 255, 255;
    --t3-text-bg-secondary-disabled: 255, 255, 255;
    --t3-shadow: 30, 30, 30;
    --t3-box-border: 222, 222, 222;
    --t3-box-border-active: var(--t3-primary);
    --t3-box-bg: 255, 255, 255;
    --t3-box-bg-hover: 250, 238, 220;
    --t3-steps-bg: 250, 238, 220;
    --t3-steps-text: 94, 60, 15;
    --t3-matrix-periods-bg: var(--t3-steps-bg);
    --t3-matrix-cols-bg: 250, 238, 220;
    --t3-tooltip-bg: 17, 15, 36;
    --t3-tooltip-text: var(--t3-text-bg-primary);
    --t3-border-radius: 12px;
    --t3-matrix-col-size: 150px;
    --t3-calendar-button-size: 40px;
    --t3-calendar-nav-button-size: 20px;
    --t3-calendar-icon-color: #5E3C0F;
    --t3-calendar-icon-hover-color: #5E3C0F;
    --t3-calendar-icon-hover-background-color: #FAEEDC;
    --t3-calendar-cell-size: 40px ;
    --t3-calendar-cell-padding: 5px;
    --t3-calendar-cell-border-radius: 50px;
    --t3-calendar-row-margin: 5px 0;
    --t3-calendar-disabled-date-color: #CCCED0;
    --t3-calendar-cell-active-color: #FFFFFF;
    --t3-calendar-cell-active-background-color: #E15900;
    --t3-calendar-cell-hover-color: #FFFFFF;
    --t3-calendar-cell-hover-background-color: rgb(var(--t3-primary));
    --t3-calendar-icon-disabled-background-color: unset;
    --t3-calendar-icon-disabled-color: #CCCED0
}

@media (min-width: 576px) {
    :root {
        --t3-matrix-col-size: 240px
    }
}

@media (max-width: 575px) {
    :root {
        --t3-calendar-button-size: 32px;
        --t3-calendar-nav-button-size: 14px;
        --t3-calendar-cell-size: 36px;
        --t3-calendar-cell-padding: 1px;
        --t3-calendar-row-margin: 2px 0
    }
}

@font-face {
    font-family: t3-icon;
    src: url(/assets/t3-icon.eot?62363260);
    src: url(/assets/t3-icon.eot?62363260#iefix) format("embedded-opentype"),url(/assets/t3-icon.woff2?62363260) format("woff2"),url(/assets/t3-icon.woff?62363260) format("woff"),url(/assets/t3-icon.ttf?62363260) format("truetype"),url(/assets/t3-icon.svg?62363260#t3-icon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class^=icon-]:before,[class*=" icon-"]:before {
    font-family: t3-icon;
    font-style: normal;
    font-weight: 400;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-down-dir:before {
    content: ""
}

.icon-up-dir:before {
    content: ""
}

.icon-left-dir:before {
    content: ""
}

.icon-right-dir:before {
    content: ""
}

.icon-minus-circled:before {
    content: ""
}

.icon-plus-circled:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-down:before {
    content: ""
}

.icon-left:before {
    content: ""
}

.icon-right:before {
    content: ""
}

.icon-up:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-minus:before {
    content: ""
}

.icon-location:before {
    content: ""
}

.icon-ok-circled2:before {
    content: ""
}

.icon-globe:before {
    content: ""
}

.icon-info-circled:before {
    content: ""
}

.icon-check:before {
    content: ""
}

.icon-cancel:before {
    content: ""
}

.icon-wifi:before {
    content: ""
}

.icon-guidedog:before {
    content: ""
}

.icon-eye-1:before {
    content: ""
}

.icon-eye-off-1:before {
    content: ""
}

.icon-resize-full-alt:before {
    content: ""
}

.icon-angle-left:before {
    content: ""
}

.icon-angle-right:before {
    content: ""
}

.icon-angle-up:before {
    content: ""
}

.icon-angle-down:before {
    content: ""
}

.icon-plug:before {
    content: ""
}

.icon-bed:before {
    content: ""
}

.icon-television:before {
    content: ""
}

.icon-address-card-o:before {
    content: ""
}

.t3-widget-root * {
    box-sizing: border-box
}

.t3-widget-root p {
    margin-top: 0;
    margin-bottom: 1rem
}

.t3-widget-root a {
    color: rgb(var(--t3-primary))
}

.t3-widget-root .t3-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.t3-widget-root .t3-col {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 15px;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%
}

@media (min-width: 768px) {
    .t3-widget-root .t3-col {
        margin-bottom:0
    }
}

.t3-widget-root .t3-col.t3-col-12,.t3-widget-root .t3-col.t3-col-3 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 768px) {
    .t3-widget-root .t3-col.t3-col-3 {
        flex:0 0 25%;
        max-width: 25%
    }
}

.t3-widget-root .t3-col.t3-col-4 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 768px) {
    .t3-widget-root .t3-col.t3-col-4 {
        flex:0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

.t3-widget-root .t3-col.t3-col-5 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 768px) {
    .t3-widget-root .t3-col.t3-col-5 {
        flex:0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
}

.t3-widget-root .t3-col.t3-col-6 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 768px) {
    .t3-widget-root .t3-col.t3-col-6 {
        flex:0 0 50%;
        max-width: 50%
    }
}

.t3-widget-root .t3-col.t3-col-7 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 768px) {
    .t3-widget-root .t3-col.t3-col-7 {
        flex:0 0 58.3333333333%;
        max-width: 58.3333333333%
    }
}

.t3-widget-root .t3-col.t3-col-8 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 768px) {
    .t3-widget-root .t3-col.t3-col-8 {
        flex:0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
}

.t3-widget-root .t3-col.t3-col-9 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 768px) {
    .t3-widget-root .t3-col.t3-col-9 {
        flex:0 0 75%;
        max-width: 75%
    }
}

.t3-widget-root .t3-heading {
    font-weight: 600;
    line-height: 1.4
}

.t3-widget-root h1,.t3-widget-root .h1 {
    font-size: 3rem;
    margin: .67em 0;
    font-family: var(--t3-font-family)
}

.t3-widget-root h2,.t3-widget-root .h2 {
    font-size: 2.25rem;
    margin: .75em 0;
    font-family: var(--t3-font-family)
}

.t3-widget-root h3,.t3-widget-root .h3 {
    font-size: 1.875rem;
    margin: .83em 0;
    font-family: var(--t3-font-family)
}

.t3-widget-root h4,.t3-widget-root .h4 {
    font-size: 1.5rem;
    margin: 1em 0;
    font-family: var(--t3-font-family)
}

.t3-widget-root h5,.t3-widget-root .h5 {
    font-size: 1.25rem;
    margin: 1.5em 0
}

.t3-widget-root h6,.t3-widget-root .h6 {
    font-size: 1.125rem;
    margin: 1.67em 0
}

.t3-widget-root img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    width: 100%
}

.t3-widget-root .mr-20 {
    margin-right: 20px!important
}

.t3-widget-root .mt-10 {
    margin-top: 10px!important
}

.t3-widget-root .mb-20 {
    margin-bottom: 20px!important
}

.t3-widget-root picture {
    display: block;
    line-height: 0
}

.t3-widget-root .t3-divider {
    margin: 20px auto
}

.t3-widget-root {
    color: rgb(var(--t3-text-default));
    font-family: var(--t3-font-family);
    font-weight: 400
}

.t3-widget-root .t3-search-bar .t3-search-bar-area {
    border: 1px solid rgb(var(--t3-box-border));
    background: rgb(var(--t3-text-bg-primary))
}

.t3-widget-root .t3-search-bar .t3-search-bar-area.t3-area-active {
    border: 1px solid rgb(var(--t3-box-border));
    box-shadow: 0 0 15px rgba(var(--t3-shadow),.29);
    border-radius: 12px
}

@media (min-width: 576px) {
    .t3-widget-root .t3-search-bar .t3-search-bar-area.t3-area-active {
        border:1px solid rgb(var(--t3-secondary))
    }
}

.t3-widget-root .t3-search-bar .t3-search-bar-area.t3-area-active .t3-anchor {
    color: rgb(var(--t3-secondary));
    font-family: var(--t3-font-family)
}

@media (min-width: 576px) {
    .t3-widget-root .t3-search-bar .t3-search-bar-area.t3-area-active .t3-anchor {
        color:rgb(var(--t3-text-subtext))
    }
}

.t3-widget-root .t3-search-bar .t3-search-bar-area .t3-anchor {
    color: rgb(var(--t3-text-subtext))
}

.t3-widget-root .t3-search-bar .t3-popover {
    background: rgb(var(--t3-text-bg-primary))
}

@media (min-width: 576px) {
    .t3-widget-root .t3-search-bar .t3-popover {
        border:1px solid rgb(var(--t3-box-border));
        box-shadow: 0 0 15px rgba(var(--t3-shadow),.29)
    }
}

.t3-widget-root .t3-popover-content:not(:last-child) {
    border-bottom: 1px solid rgb(var(--t3-box-border))
}

.t3-widget-root .t3-counter .counters {
    background: rgb(var(--t3-text-bg-primary));
    border: 1px solid rgb(var(--t3-box-border))
}

.t3-widget-root .t3-counter .counters .counter-btn {
    color: rgb(var(--t3-primary));
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-counter .counters .counter-btn:hover {
    color: rgb(var(--t3-secondary));
    transition: all 0.2s ease-in
}

.t3-widget-root .t3-filter-holder,.t3-widget-root .t3-card {
    background: rgb(var(--t3-text-bg-primary))
}

.t3-widget-root .t3-card .sale {
    color: rgb(var(--t3-secondary));
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-card.overview-card {
    background: rgb(var(--t3-steps-bg))
}

.t3-widget-root .t3-card.overview-card .detail-price .detail {
    color: rgb(var(--t3-primary));
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-card.overview-card .t3-card-content-holder {
    border-bottom: 1px solid rgb(var(--t3-box-border))
}

.t3-widget-root .t3-card .t3-original-price {
    margin-left: auto;
    font-size: 20px;
    text-decoration: line-through;
    color: rgb(var(--t3-text-subtext));
    margin-right: 10px
}

.t3-widget-root .t3-card .t3-subtotal {
    color: rgb(var(--t3-secondary));
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-breadcrumbs ul li span {
    color: rgb(var(--t3-steps-text))
}

.t3-widget-root .t3-breadcrumbs ul li i {
    color: rgb(var(--t3-primary));
    background: rgb(var(--t3-steps-bg));
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-breadcrumbs ul li.t3-step-active span {
    color: rgb(var(--t3-primary));
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-breadcrumbs ul li.t3-step-active i {
    color: rgb(var(--t3-text-bg-primary));
    background: rgb(var(--t3-primary));
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-breadcrumbs ul li:has(~.t3-step-active) i {
    background: rgb(var(--t3-primary));
    color: rgb(var(--t3-steps-bg));
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-language-switcher {
    color: rgb(var(--t3-text-subtext))
}

.t3-widget-root .t3-language-switcher-value {
    color: rgb(var(--t3-steps-text))
}

.t3-widget-root .t3-language-switcher-list {
    box-shadow: 0 0 15px rgba(var(--t3-shadow),.29)
}

.t3-widget-root .t3-language-switcher-list .t3-lang:after {
    background-color: rgb(var(--t3-text-subtext))
}

.t3-widget-root .t3-language-switcher-list .t3-lang:hover,.t3-widget-root .t3-language-switcher-list .t3-lang.active {
    background-color: rgb(var(--t3-steps-bg))
}

.t3-widget-root .t3-language-switcher-list .t3-lang.active {
    color: rgb(var(--t3-text-default))
}

.t3-widget-root .t3-map-btn {
    background: rgb(var(--t3-text-bg-primary));
    color: rgb(var(--t3-text-default));
    box-shadow: 2px 2px 4px rgba(var(--t3-shadow),.29);
    border-radius: 12px;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-map-popup {
    background-color: rgba(var(--t3-text-default),.5)
}

.t3-widget-root .t3-map-popup-content {
    background-color: rgb(var(--t3-text-bg-primary))
}

.t3-widget-root .t3-map-popup-content-close {
    color: rgb(var(--t3-primary));
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-form {
    background-color: rgb(var(--t3-steps-bg));
    border-radius: 12px;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-form-control {
    background: rgb(var(--t3-text-bg-primary));
    color: rgb(var(--t3-text-default));
    border: 1px solid rgb(var(--t3-box-border));
    border-radius: 12px;
    font-family: var(--t3-font-family)
}

.t3-widget-root input:not(.t3-include):focus,.t3-widget-root input:not(.t3-include):focus-visible,.t3-widget-root input:not(.t3-include):active,.t3-widget-root select:focus,.t3-widget-root select:focus-visible,.t3-widget-root select:active,.t3-widget-root textarea:focus,.t3-widget-root textarea:focus-visible,.t3-widget-root textarea:active {
    outline: none;
    border-color: rgb(var(--t3-secondary))!important;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-select-group .t3-select-control .t3-select {
    background: rgb(var(--t3-text-bg-primary));
    border: 1px solid rgb(var(--t3-box-border));
    color: rgb(var(--t3-text-default));
    border-radius: 12px;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-select-group .t3-select-control .t3-select option,.t3-widget-root .t3-select-group .t3-select-control .t3-select.active {
    color: rgb(var(--t3-text-default))
}

.t3-widget-root .t3-select-group .t3-select-control:before {
    color: rgb(var(--t3-text-subtext))
}

.t3-widget-root .t3-text-input::placeholder {
    color: rgb(var(--t3-text-subtext));
    opacity: 1
}

.t3-widget-root .t3-password-input-toggle {
    color: rgb(var(--t3-primary));
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-checkbox {
    accent-color: rgb(var(--t3-secondary))
}

.t3-widget-root .t3-checkbox+.badge {
    background-color: rgb(var(--t3-secondary));
    color: rgb(var(--t3-text-bg-primary));
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-switch {
    background-color: rgb(var(--t3-text-bg-primary));
    box-shadow: inset 0 3px 6px rgba(var(--t3-text-default),29%);
    border: 1px solid rgb(var(--t3-box-border))
}

.t3-widget-root .t3-switch:after {
    background-color: rgb(var(--t3-secondary))
}

.t3-widget-root .t3-switch:checked {
    box-shadow: unset;
    background-color: rgb(var(--t3-box-border))
}

.t3-widget-root .t3-include {
    background-color: rgb(var(--t3-box-border));
    border: 1px solid rgb(var(--t3-box-border))
}

.t3-widget-root .t3-tooltip i {
    color: rgb(var(--t3-primary));
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-tooltip i:after {
    background-color: rgb(var(--t3-tooltip-bg));
    color: rgb(var(--t3-tooltip-text));
    box-shadow: 0 0 15px rgba(var(--t3-shadow),.29)
}

.t3-widget-root .t3-matrix-body .t3-matrix-row .t3-stay-period {
    background: rgb(var(--t3-matrix-periods-bg))
}

.t3-widget-root .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day {
    background: rgb(var(--t3-matrix-cols-bg))
}

.t3-widget-root .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day .regular-price {
    color: rgb(var(--t3-secondary));
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day .regular-price:has(+.sale-price) {
    color: rgb(var(--t3-text-default))
}

.t3-widget-root .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day .sale-price {
    color: rgb(var(--t3-secondary));
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day:not(.disabled):hover {
    background-color: rgb(var(--t3-secondary));
    transition: all 0.2s ease-in
}

.t3-widget-root .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day:not(.disabled):hover .regular-price {
    color: rgb(var(--t3-text-bg-primary))
}

.t3-widget-root .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day:not(.disabled):hover .regular-price:has(+.sale-price) {
    color: rgb(var(--t3-text-default))
}

.t3-widget-root .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day:not(.disabled):hover .sale-price {
    color: rgb(var(--t3-text-bg-primary))
}

.t3-widget-root .t3-matrix-table-footer td:nth-child(2) {
    color: rgb(var(--t3-secondary));
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-matrix-popover {
    background-color: rgb(var(--t3-text-bg-primary));
    border: 1px solid rgb(var(--t3-box-border));
    box-shadow: 0 0 15px rgba(var(--t3-shadow),.29);
    border-radius: 12px;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-matrix-popover .t3-popover-body .t3-close {
    color: rgb(var(--t3-primary));
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-summary-holder {
    background: rgb(var(--t3-steps-bg));
    border-radius: 12px
}

.t3-widget-root .t3-summary-holder .t3-divider {
    border-bottom: 1px solid rgb(var(--t3-box-border))
}

.t3-widget-root .t3-btn,.t3-widget-root .dp__action_button {
    flex: 0 1 auto;
    padding: .5rem 1rem;
    margin: 0;
    border: none;
    background: none;
    display: inline-block;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 12px;
    text-decoration: none;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -ms-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-btn-primary,.t3-widget-root .dp__action_select {
    background-color: rgb(var(--t3-secondary));
    border: 1px solid rgb(var(--t3-secondary));
    color: rgb(var(--t3-text-bg-primary));
    border-radius: 12px;
    font-weight: 600;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-btn-primary:hover,.t3-widget-root .dp__action_select:hover {
    background-color: #FFFFFF;
    border: 1px solid rgb(var(--t3-secondary));
    color: rgb(var(--t3-secondary));
    transition: all 0.2s ease-in
}

.t3-widget-root .t3-btn-secondary {
    background-color: #F7C200;
    border: 1px solid #F7C200;
    color: rgb(var(--t3-primary));
    border-radius: 12px;
    font-weight: 600;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-btn-secondary:hover {
    background-color: #FFFFFF;
    border: 1px solid #F7C200;
    color: rgb(var(--t3-primary));
    transition: all 0.2s ease-in
}

.t3-widget-root .t3-btn-link,.t3-widget-root .dp__action_cancel {
    border-color: transparent;
    color: rgb(var(--t3-primary));
    font-weight: 400;
    padding-left: 0;
    padding-right: 0;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-btn-link:hover,.t3-widget-root .dp__action_cancel:hover {
    color: rgb(var(--t3-secondary));
    transition: all 0.2s ease-in
}

.t3-widget-root .t3-btn-outline {
    border: 1px solid rgb(var(--t3-primary));
    color: rgb(var(--t3-primary));
    font-weight: 400;
    border-radius: 12px;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-btn-outline:hover {
    color: rgb(var(--t3-secondary));
    border-color: rgb(var(--t3-secondary));
    transition: all 0.2s ease-in
}

.t3-widget-root .t3-btn-underline,.t3-widget-root .dp__action_cancel {
    text-decoration: underline
}

.t3-widget-root .t3-btn-next {
    margin-left: auto
}

.t3-widget-root .t3-btn-prev {
    margin-right: auto
}

.t3-widget-root .t3-btn-disabled {
    opacity: .7;
    pointer-events: none;
    cursor: not-allowed
}

.t3-widget-root .t3-btn-small {
    font-size: small
}

.t3-widget-root .t3-map-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    border: none;
    margin-top: 5px;
    cursor: pointer;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-area-disabled .t3-btn,.t3-widget-root .t3-area-disabled .dp__action_button {
    cursor: not-allowed!important
}

.t3-widget-root .t3-area-disabled .t3-btn-primary,.t3-widget-root .t3-area-disabled .dp__action_select {
    background-color: rgb(var(--t3-primary-disabled));
    border: 1px solid rgb(var(--t3-primary-disabled));
    color: rgb(var(--t3-text-bg-primary-disabled));
    border-radius: 12px;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-area-disabled .t3-btn-primary:hover,.t3-widget-root .t3-area-disabled .dp__action_select:hover {
    background-color: rgb(var(--t3-primary-disabled));
    border: 1px solid rgb(var(--t3-primary-disabled))
}

.t3-widget-root .t3-area-disabled .t3-btn-secondary {
    background-color: rgb(var(--t3-secondary-disabled));
    border: 1px solid rgb(var(--t3-secondary-disabled));
    color: rgb(var(--t3-text-bg-primary-disabled));
    border-radius: 12px;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-area-disabled .t3-btn-secondary:hover {
    background-color: rgb(var(--t3-secondary-disabled));
    border: 1px solid rgb(var(--t3-secondary-disabled))
}

.t3-widget-root .t3-widget-root .t3-btn-secondary:hover {
    color: rgb(var(--t3-text-bg-primary))
}

.t3-widget-root .t3-popover-parent {
    position: relative;
    width: -webkit-fill-available
}

.t3-widget-root .t3-popover-parent .t3-popover {
    display: none;
    padding: 0;
    margin-top: 1rem;
    z-index: 10
}

@media (min-width: 576px) {
    .t3-widget-root .t3-popover-parent .t3-popover {
        position:absolute;
        left: 0;
        right: 0;
        top: 100%;
        min-width: max-content
    }
}

.t3-widget-root .t3-popover-parent.t3-area-active .t3-popover {
    display: block
}

.t3-widget-root .t3-popover-parent .t3-filter-holder {
    padding: 0
}

@media (min-width: 576px) {
    .t3-widget-root .t3-popover-body {
        padding:1rem 1.25rem
    }
}

.t3-widget-root .t3-popover-body .t3-heading {
    font-size: 1rem
}

.t3-widget-root .t3-popover-content:not(:last-child) {
    padding-bottom: 1rem;
    margin-bottom: 1rem
}

.t3-widget-root .t3-popover-footer {
    display: flex;
    justify-content: flex-end;
    column-gap: 10px;
    padding: 1rem 0
}

@media (min-width: 576px) {
    .t3-widget-root .t3-popover-footer {
        padding:1rem 1.25rem
    }
}

.t3-widget-root .t3-popover-list {
    padding: 0;
    list-style: none;
    margin: 0 -15px
}

@media (min-width: 576px) {
    .t3-widget-root .t3-popover-list {
        margin:0
    }
}

.t3-widget-root .t3-popover-list .list-item {
    font-size: 1rem;
    padding: 12px 15px;
    cursor: pointer;
    line-height: 18px
}

.t3-widget-root .t3-popover-list .list-item:first-child {
    padding-top: 0
}

@media (min-width: 576px) {
    .t3-widget-root .t3-popover-list .list-item {
        padding:20px 25px
    }

    .t3-widget-root .t3-popover-list .list-item:first-child {
        padding-top: 20px
    }
}

.t3-widget-root .t3-popover-list .list-item:not(:last-child) {
    border-bottom: 1px solid rgb(var(--t3-box-border))
}

.t3-widget-root .t3-popover-list .list-item:hover {
    background-color: rgb(var(--t3-box-bg-hover))
}

.t3-widget-root .t3-popover-list .list-item.active {
    font-weight: 700
}

.t3-widget-root .t3-counter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.t3-widget-root .t3-counter__content__title {
    font-size: 1rem
}

.t3-widget-root .t3-counter__content__sub-title {
    font-size: 12px
}

.t3-widget-root .t3-counter .counters {
    border-radius: 50px;
    display: flex;
    justify-content: space-between
}

.t3-widget-root .t3-counter .counters .counter-btn {
    border: unset;
    background-color: unset;
    padding: 0;
    cursor: pointer
}

.t3-widget-root .t3-counter .counters .counter-btn.disabled {
    opacity: .5
}

.t3-widget-root .t3-counter .counters .counter-btn .t3-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    width: 30px;
    height: 30px
}

.t3-widget-root .t3-counter .counters .result {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-dates-wrap .t3-calendar-body-dates-row .t3-calendar-body-dates-cell .t3-calendar-body-dates-cell-inner-hover:hover {
    background: var(--t3-calendar-cell-hover-background-color);
    color: var(--t3-calendar-cell-hover-color)
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-inner-nav-disabled:hover,.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-inner-nav-disabled {
    background: var(--t3-calendar-icon-disabled-background-color)!important;
    color: rgb(var(--t3-box-border))!important;
    cursor: not-allowed
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-dates-wrap .t3-calendar-body-dates-row .t3-calendar-body-dates-cell .t3-calendar-body-dates-cell-range-start {
    border-end-end-radius: 0!important;
    border-start-end-radius: 0!important
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-dates-wrap .t3-calendar-body-dates-row .t3-calendar-body-dates-cell .t3-calendar-body-dates-cell-range-end {
    border-end-start-radius: 0!important;
    border-start-start-radius: 0!important
}

.t3-widget-root .t3-calendar {
    box-sizing: border-box;
    color: var(--t3-text-default);
    font-family: var(--t3-font-family);
    font-size: 1rem;
    font-weight: 300;
    width: 320px;
    max-width: 100%;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

@media (max-width: 575px) {
    .t3-widget-root .t3-calendar {
        width:100%;
        max-width: 100%;
        font-size: .85rem;
        box-sizing: border-box
    }
}

.t3-widget-root .t3-calendar .t3-calendar-wrap {
    border: none;
    width: 100%;
    z-index: 1;
    position: relative
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-icon {
    stroke: currentcolor;
    fill: currentcolor
}

.t3-widget-root .t3-calendar .t3-calendar-wrap:before {
    box-sizing: border-box
}

.t3-widget-root .t3-calendar .t3-calendar-wrap:after {
    box-sizing: border-box
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-inner-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: var(--t3-calendar-button-size);
    width: var(--t3-calendar-button-size);
    color: var(--t3-calendar-icon-color);
    text-align: center;
    border-radius: 50%
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-inner-nav svg {
    height: var(--t3-calendar-nav-button-size);
    width: var(--t3-calendar-nav-button-size)
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-inner-nav:hover {
    background: var(--t3-calendar-icon-hover-background-color);
    color: var(--t3-calendar-icon-hover-color)
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance {
    width: 100%
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner {
    padding: 20px
}

@media (max-width: 575px) {
    .t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner {
        padding:15px 5px;
        box-sizing: border-box
    }
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-header-wrap {
    display: flex;
    width: 100%;
    flex-direction: column
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-header-wrap .t3-calendar-header-inner-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    column-gap: 1px;
    justify-content: center
}

@media (max-width: 575px) {
    .t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-header-wrap .t3-calendar-header-inner-wrap {
        justify-content:center;
        align-items: center
    }
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-header-wrap .t3-calendar-header-inner-wrap .t3-calendar-header-month-year {
    font-weight: 500;
    padding-top: 10px
}

@media (max-width: 575px) {
    .t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-header-wrap .t3-calendar-header-inner-wrap .t3-calendar-header-month-year {
        font-size:.85rem;
        padding-top: 5px
    }
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap {
    position: relative
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--t3-text-default);
    white-space: nowrap;
    font-weight: 300
}

@media (max-width: 575px) {
    .t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-header {
        justify-content:space-around;
        width: 100%;
        gap: 2px
    }
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-header-item {
    text-align: center;
    flex-grow: 1;
    height: var(--t3-calendar-cell-size);
    padding: var(--t3-calendar-cell-padding);
    width: var(--t3-calendar-cell-size);
    box-sizing: border-box
}

@media (max-width: 575px) {
    .t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-header-item {
        font-size:.75rem;
        min-height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 36px;
        max-width: 36px;
        min-width: 0;
        padding: 1px
    }
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-header-separator {
    width: 100%;
    height: 1px;
    background: rgb(var(--t3-box-border))
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-dates-wrap {
    position: relative
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-dates-wrap .t3-calendar-body-dates-row {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: var(--t3-calendar-row-margin)
}

@media (max-width: 575px) {
    .t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-dates-wrap .t3-calendar-body-dates-row {
        justify-content:space-around;
        width: 100%;
        gap: 2px
    }
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-dates-wrap .t3-calendar-body-dates-row .t3-calendar-body-dates-cell {
    text-align: center;
    flex-grow: 1;
    box-sizing: border-box;
    color: var(--t3-text-default)
}

@media (max-width: 575px) {
    .t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-dates-wrap .t3-calendar-body-dates-row .t3-calendar-body-dates-cell {
        min-width:0;
        font-size: .8rem;
        flex: 0 0 36px;
        max-width: 36px
    }
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-dates-wrap .t3-calendar-body-dates-row .t3-calendar-body-dates-cell .t3-calendar-body-dates-cell-inner {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: var(--t3-calendar-cell-border-radius);
    width: var(--t3-calendar-cell-size);
    height: var(--t3-calendar-cell-size);
    border: 1px solid transparent;
    box-sizing: border-box;
    position: relative;
    border: unset;
    font-weight: 300
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-dates-wrap .t3-calendar-body-dates-row .t3-calendar-body-dates-cell .t3-calendar-body-dates-cell-inner:hover {
    transition: all .2s
}

@media (max-width: 575px) {
    .t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-dates-wrap .t3-calendar-body-dates-row .t3-calendar-body-dates-cell .t3-calendar-body-dates-cell-inner {
        min-width:36px;
        min-height: 36px;
        font-size: .8rem
    }
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-dates-wrap .t3-calendar-body-dates-row .t3-calendar-body-dates-cell .t3-calendar-body-dates-cell-inner-hover {
    cursor: pointer;
    font-weight: 500
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-dates-wrap .t3-calendar-body-dates-row .t3-calendar-body-dates-cell .t3-calendar-body-dates-cell-inner-active {
    background: var(--t3-calendar-cell-active-background-color);
    color: var(--t3-calendar-cell-active-color)
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-dates-wrap .t3-calendar-body-dates-row .t3-calendar-body-dates-cell .t3-calendar-body-dates-cell-inner-offset {
    color: var(--t3-calendar-disabled-date-color)
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-dates-wrap .t3-calendar-body-dates-row .t3-calendar-body-dates-cell .t3-calendar-body-dates-cell-inner-disabled {
    color: var(--t3-calendar-disabled-date-color);
    cursor: not-allowed
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-dates-wrap .t3-calendar-body-dates-row .t3-calendar-body-dates-cell .t3-calendar-body-dates-cell-range-between {
    background: var(--t3-calendar-cell-active-background-color);
    color: var(--t3-calendar-cell-active-color);
    border-radius: 0!important
}

.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-dates-wrap .t3-calendar-body-dates-row .t3-calendar-body-dates-cell .t3-calendar-body-dates-cell-range-start,.t3-widget-root .t3-calendar .t3-calendar-wrap .t3-calendar-instance .t3-calendar-instance-inner .t3-calendar-body-wrap .t3-calendar-body-dates-wrap .t3-calendar-body-dates-row .t3-calendar-body-dates-cell .t3-calendar-body-dates-cell-range-end {
    background: var(--t3-calendar-cell-active-background-color);
    color: var(--t3-calendar-cell-active-color)
}

.t3-widget-root .dp__theme_light {
    --dp-background-color: #fff;
    --dp-text-color: #110F24;
    --dp-hover-color: #FAEEDC;
    --dp-hover-text-color: #5E3C0F;
    --dp-hover-icon-color: #5E3C0F;
    --dp-primary-color: #E15900;
    --dp-primary-disabled-color: #CCCED0;
    --dp-primary-text-color: #FFFFFF;
    --dp-secondary-color: #CCCED0;
    --dp-border-color: rgb(var(--t3-box-border));
    --dp-menu-border-color: #ddd;
    --dp-border-color-hover: #5E3C0F;
    --dp-disabled-color: #F6F6F9;
    --dp-scroll-bar-background: #FAEEDC;
    --dp-scroll-bar-color: #99C100;
    --dp-success-color: #99C100;
    --dp-success-color-disabled: #CCCED0;
    --dp-icon-color: #5E3C0F;
    --dp-danger-color: #E15900;
    --dp-marker-color: #E15900;
    --dp-tooltip-color: #FAEEDC;
    --dp-disabled-color-text: #CCCED0;
    --dp-highlight-color: rgb(94 60 15 / 10%);
    --dp-range-between-dates-background-color: rgba(94, 60, 15, 10%);
    --dp-range-between-dates-text-color: var(--dp-hover-text-color, #5E3C0F);
    --dp-range-between-border-color: var(--dp-hover-color, #FAEEDC);
    --dp-font-family: var(--t3-font-family);
    --dp-border-radius: 12px !important;
    --dp-cell-border-radius: 50px;
    --dp-common-transition: all .1s ease-in;
    --dp-button-height: 40px;
    --dp-month-year-row-height: 40px;
    --dp-month-year-row-button-size: 40px;
    --dp-button-icon-height: 20px;
    --dp-cell-size: 35px;
    --dp-cell-padding: 5px;
    --dp-common-padding: 10px;
    --dp-input-icon-padding: 35px;
    --dp-input-padding: 0;
    --dp-menu-min-width: 300px;
    --dp-row-margin: 5px 0;
    --dp-calendar-header-cell-padding: .5rem;
    --dp-two-calendars-spacing: 20px;
    --dp-multi-calendars-spacing: 20px;
    --dp-overlay-col-padding: 3px;
    --dp-time-inc-dec-button-size: 32px;
    --dp-menu-padding: 20px;
    --dp-action-buttons-padding: .5rem 1rem;
    --dp-action-button-height: 36px;
    --dp-action-row-padding: 20px;
    --dp-font-size: 1rem;
    --dp-animation-duration: 0s;
    --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
    --dp-transition-timing: ease-out
}

@media (min-width: 1200px) {
    .t3-widget-root .dp__theme_light {
        --dp-two-calendars-spacing: 40px;
        --dp-multi-calendars-spacing: 40px
    }
}

.t3-widget-root .t3-datepicker-nav {
    list-style: none;
    padding: 0;
    margin: 0 -15px 1rem;
    display: flex;
    align-items: center;
    color: rgb(var(--t3-primary));
    border-bottom: 1px solid rgb(var(--t3-primary));
    font-family: var(--t3-font-family)
}

@media (min-width: 992px) {
    .t3-widget-root .t3-datepicker-nav {
        display:none
    }
}

.t3-widget-root .t3-datepicker-nav .t3-datepicker-nav-item {
    flex: 1 1 50%;
    max-width: 50%;
    text-align: center;
    padding: 10px 1rem
}

.t3-widget-root .t3-datepicker-nav .t3-datepicker-nav-item.t3-tab-active {
    font-weight: 600;
    border-bottom: 5px solid rgb(var(--t3-secondary));
    font-family: var(--t3-font-family)
}

.t3-widget-root .dp__menu {
    border: none;
    z-index: 1
}

.t3-widget-root .dp__menu_inner {
    padding: 0
}

@media (min-width: 576px) {
    .t3-widget-root .dp__menu_inner {
        padding:var(--dp-menu-padding)
    }
}

.t3-widget-root .dp__action_row {
    padding: 1rem 0
}

@media (min-width: 576px) {
    .t3-widget-root .dp__action_row {
        padding:var(--dp-menu-padding)
    }
}

.t3-widget-root .dp__input,.t3-widget-root .dp__input_focus {
    border: unset
}

.t3-widget-root .dp__input::placeholder,.t3-widget-root .dp__input_focus::placeholder {
    color: rgb(var(--t3-text-default))
}

.t3-widget-root .dp__input_icons,.t3-widget-root .dp__arrow_top {
    display: none
}

.t3-widget-root .dp__inner_nav {
    color: rgb(var(--t3-primary));
    font-family: var(--t3-font-family)
}

.t3-widget-root .dp__inner_nav_disabled:hover,.t3-widget-root .dp__inner_nav_disabled {
    background-color: unset;
    color: rgb(var(--t3-box-border))
}

.t3-widget-root .dp__month_year_wrap {
    column-gap: 1px;
    justify-content: center
}

.t3-widget-root .dp__month_year_select {
    width: auto;
    font-weight: 500
}

.t3-widget-root .dp__calendar_header {
    font-weight: 300
}

.t3-widget-root .dp__calendar_header .dp__calendar_header_item {
    font-size: 12px;
    line-height: 24px;
    text-transform: capitalize
}

.t3-widget-root .dp__range_between {
    border: unset
}

.t3-widget-root .dp__range_end,.t3-widget-root .dp__range_start,.t3-widget-root .dp__active_date,.t3-widget-root .dp__overlay_cell_active {
    background: rgb(var(--t3-secondary))
}

.t3-widget-root .dp__cell_inner {
    border: unset;
    font-weight: 500
}

.t3-widget-root .dp__cell_disabled {
    font-weight: 300;
    color: var(--dp-secondary-color);
    background: none
}

.t3-widget-root .dp__today {
    border: 1px solid rgb(var(--t3-secondary))
}

.t3-widget-root .dp__today.dp__cell_disabled {
    border: 1px solid rgb(var(--t3-box-border))
}

.t3-widget-root .dp__today.dp__range_start,.t3-widget-root .dp__today.dp__range_end {
    border: 0
}

.t3-widget-root .dp__cell_auto_range_end,.t3-widget-root .dp__date_hover_end:hover,.t3-widget-root .dp__range_end,.t3-widget-root .dp__cell_auto_range_start,.t3-widget-root .dp__date_hover_start:hover,.t3-widget-root .dp__range_start {
    border-radius: var(--dp-cell-border-radius)
}

.t3-widget-root .dp__date_hover_end:hover,.t3-widget-root .dp__date_hover_start:hover,.t3-widget-root .dp__date_hover:hover {
    background: rgb(var(--t3-secondary));
    color: var(--dp-primary-text-color)
}

.t3-widget-root .dp__date_hover_end:hover:after,.t3-widget-root .dp__date_hover_start:hover:after,.t3-widget-root .dp__range_start:after,.t3-widget-root .dp__range_end:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    background: var(--dp-range-between-dates-background-color)
}

.t3-widget-root .dp__date_hover_start:hover:after,.t3-widget-root .dp__range_start:after {
    right: 0
}

.t3-widget-root .dp__date_hover_end:hover:after,.t3-widget-root .dp__range_end:after {
    left: 0
}

.t3-widget-root .dp__action_buttons {
    flex: 1;
    column-gap: 2rem
}

.t3-widget-root .dp__action_button {
    line-height: normal
}

.t3-widget-root .dp-d-none {
    display: none
}

.t3-widget-root button.dp--arrow-btn-nav {
    background: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    color: #000;
    border-radius: 0;
    margin: 0;
    padding: 0;
    border: 0px
}

.t3-widget-root button.dp--arrow-btn-nav:hover,.t3-widget-root button.dp--arrow-btn-nav:active,.t3-widget-root button.dp--arrow-btn-nav:focus {
    background: #fff
}

.t3-widget-root .t3-card {
    border-radius: 12px;
    overflow: hidden;
    background-color: rgb(var(--t3-results-background))!important;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-card:not(:last-child) {
    margin-bottom: 20px
}

@media (max-width: 991.98px) {
    .t3-widget-root .t3-card .t3-col {
        max-width:100%!important;
        flex: 0 0 100%!important;
        margin-bottom: 15px
    }
}

.t3-widget-root .t3-card .t3-card-image picture {
    display: block;
    line-height: 0
}

.t3-widget-root .t3-card .t3-card-content {
    padding-right: 20px;
    padding-left: 20px;
    display: flex;
    flex-flow: column nowrap;
    height: 100%
}

@media (min-width: 992px) {
    .t3-widget-root .t3-card .t3-card-content {
        padding-left:0
    }
}

.t3-widget-root .t3-card .t3-card-content .t3-heading {
    margin-top: 5px
}

@media (min-width: 992px) {
    .t3-widget-root .t3-card .t3-card-content .t3-heading {
        margin-top:.83em
    }
}

.t3-widget-root .t3-card .t3-card-content .t3-card-desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.t3-widget-root .t3-card .t3-card-content .t3-card-footer {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    margin-top: auto;
    margin-bottom: 5px
}

@media (min-width: 576px) {
    .t3-widget-root .t3-card .t3-card-content .t3-card-footer {
        margin-bottom:1rem;
        flex-flow: row nowrap;
        align-items: center
    }
}

.t3-widget-root .t3-card .t3-card-content .t3-card-footer .t3-card-link {
    margin-bottom: 1rem
}

@media (min-width: 576px) {
    .t3-widget-root .t3-card .t3-card-content .t3-card-footer .t3-card-link {
        margin-bottom:0
    }
}

.t3-widget-root .t3-card .t3-card-content .t3-card-footer .t3-card-link .t3-btn,.t3-widget-root .t3-card .t3-card-content .t3-card-footer .t3-card-link .dp__action_button {
    padding-left: 0;
    padding-right: 0;
    font-weight: 500
}

.t3-widget-root .t3-card .t3-card-content .t3-card-footer .t3-card-price {
    display: flex;
    align-self: flex-end
}

.t3-widget-root .t3-card .t3-card-content .t3-card-footer .t3-card-price .t3-price {
    display: flex;
    flex-flow: column nowrap;
    margin-right: 1rem
}

.t3-widget-root .t3-card .t3-card-content .t3-card-footer .t3-card-price .t3-price .regular {
    font-size: 12px;
    text-align: right;
    text-decoration: line-through
}

.t3-widget-root .t3-card .t3-card-content .t3-card-footer .t3-card-price .t3-price .sale {
    font-weight: 500
}

.t3-widget-root .t3-card.overview-card {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 576px) {
    .t3-widget-root .t3-card.overview-card {
        flex-flow:column nowrap
    }
}

.t3-widget-root .t3-card.overview-card .t3-card-image {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px
}

.t3-widget-root .t3-card.overview-card .t3-card-image.detailed {
    display: flex
}

.t3-widget-root .t3-card.overview-card .t3-card-image.detailed picture {
    flex: 0 0 120px;
    max-width: 120px
}

.t3-widget-root .t3-card.overview-card .t3-card-image.detailed .details {
    display: flex;
    flex-flow: column;
    width: 100%;
    padding: 10px 15px 10px 10px
}

.t3-widget-root .t3-card.overview-card .t3-card-image.detailed .details .detail-price {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: auto
}

.t3-widget-root .t3-card.overview-card .t3-card-image.detailed .details .detail-price .detail {
    font-size: 14px
}

.t3-widget-root .t3-card.overview-card .t3-card-image.detailed .details .detail-price .price {
    display: flex;
    flex-flow: column wrap
}

.t3-widget-root .t3-card.overview-card .t3-card-image.detailed .details .detail-price .price .t3-text {
    font-size: 12px;
    text-align: right
}

.t3-widget-root .t3-card.overview-card .t3-card-image.detailed .details .detail-price .price .t3-subtotal {
    font-weight: 500;
    font-size: 20px
}

.t3-widget-root .t3-card.overview-card .t3-card-content {
    padding: 0 20px;
    flex: 0 0 100%;
    max-width: 100%
}

@media (max-width: 575.98px) {
    .t3-widget-root .t3-card.overview-card .t3-card-content:nth-last-child(2) .t3-card-content-holder {
        border-bottom:unset
    }
}

.t3-widget-root .t3-card.overview-card .t3-card-content .t3-card-content-holder {
    padding: 0 0 15px;
    margin: 0 0 15px
}

.t3-widget-root .t3-card.overview-card .t3-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px
}

.t3-widget-root .t3-card.overview-card .t3-card-footer .t3-subtotal {
    font-weight: 500;
    font-size: 20px
}

.t3-widget-root .t3-card.overview-card .t3-heading {
    margin: 0
}

.t3-widget-root .t3-card.overview-card h3.t3-heading {
    margin: 0;
    font-size: 1rem
}

@media (min-width: 576px) {
    .t3-widget-root .t3-card.overview-card h3.t3-heading {
        font-size:18px
    }
}

.t3-widget-root .t3-card.overview-card h4.t3-heading {
    margin-bottom: .83rem
}

.t3-widget-root .t3-slider {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 75%
}

.t3-widget-root .t3-slider .t3-slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    opacity: 0;
    transition: opacity .3s
}

.t3-widget-root .t3-slider .t3-slide-active {
    opacity: 1
}

.t3-widget-root .t3-slider .t3-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.t3-widget-root .t3-slider .t3-slider-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.t3-widget-root .t3-slider .t3-slider-nav button {
    background: #00000080;
    border: none;
    color: #fff;
    padding: 4px 8px;
    cursor: pointer
}

.t3-widget-root .t3-slider .t3-slider-dots {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%);
    display: flex
}

.t3-widget-root .t3-slider .t3-slider-dots .t3-slider-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff9;
    margin: 0 3px;
    cursor: pointer
}

.t3-widget-root .t3-slider .t3-slider-dots .t3-slider-dot.active {
    background: #fff
}

.t3-widget-root .t3-list {
    margin: .5rem 0;
    padding: 0;
    list-style: none
}

.t3-widget-root .t3-list-item {
    margin-bottom: 4px
}

.t3-widget-root .t3-filter-items-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.t3-widget-root .t3-filter-items-list .t3-filter-item {
    margin-bottom: 10px;
    display: flex;
    align-items: center
}

.t3-widget-root .t3-filter-items-list .t3-filter-item [type=checkbox] {
    flex: 0 0 auto;
    margin-right: 10px
}

.t3-widget-root .t3-filter-items-list .t3-filter-item label {
    display: flex;
    flex: 1
}

.t3-widget-root .t3-filter-items-list .t3-filter-item .t3-filter {
    flex: 1
}

.t3-widget-root .t3-filter-items-list .t3-filter-item .t3-filter-items-list {
    padding-left: 2rem
}

.t3-widget-root .t3-icon-list {
    list-style: none;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
    display: flex;
    flex-flow: column wrap
}

@media (min-width: 576px) {
    .t3-widget-root .t3-icon-list {
        flex-flow:row wrap
    }
}

.t3-widget-root .t3-icon-list .t3-list-item {
    margin-right: 10px;
    margin-bottom: 5px
}

.t3-widget-root .t3-icon-list .t3-list-item i {
    margin-right: 3px
}

.t3-widget-root .t3-matrix-list {
    list-style: none;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0
}

.t3-widget-root .t3-matrix-list .t3-matrix-list-item {
    font-weight: 500
}

.t3-widget-root .t3-breadcrumbs ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

.t3-widget-root .t3-breadcrumbs ul li {
    display: flex;
    position: relative;
    margin-right: 5px
}

@media (min-width: 576px) {
    .t3-widget-root .t3-breadcrumbs ul li {
        margin-right:1.5rem
    }
}

.t3-widget-root .t3-breadcrumbs ul li>* {
    display: inline-block;
    line-height: 30px
}

.t3-widget-root .t3-breadcrumbs ul li i {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1
}

.t3-widget-root .t3-breadcrumbs ul li span {
    display: none;
    font-size: 12px;
    position: absolute;
    width: max-content;
    top: 100%
}

@media (min-width: 576px) {
    .t3-widget-root .t3-breadcrumbs ul li span {
        display:inline-block;
        position: relative;
        margin-left: .5rem;
        font-size: 1rem
    }
}

.t3-widget-root .t3-breadcrumbs ul li:has(~.t3-step-active) i:before {
    content: ""
}

.t3-widget-root .t3-breadcrumbs ul li.t3-step-active {
    font-weight: 300;
    flex-flow: column nowrap;
    align-items: center
}

@media (min-width: 576px) {
    .t3-widget-root .t3-breadcrumbs ul li.t3-step-active {
        font-weight:700;
        flex-flow: row nowrap
    }
}

.t3-widget-root .t3-breadcrumbs ul li.t3-step-active span {
    display: inline-block
}

.t3-widget-root .t3-table,.t3-widget-root .t3-table tbody,.t3-widget-root .t3-table tbody tr,.t3-widget-root .t3-table tbody tr th,.t3-widget-root .t3-table tbody tr td,.t3-widget-root .t3-table tbody>tr:nth-child(odd)>th,.t3-widget-root .t3-table tbody>tr:nth-child(2n)>th,.t3-widget-root .t3-table tbody>tr:nth-child(odd)>td,.t3-widget-root .t3-table tbody>tr:nth-child(2n)>td {
    border: 0;
    background: none;
    text-align: left
}

.t3-widget-root .t3-subtotal {
    color: rgb(var(--t3-secondary));
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-table {
    width: 100%;
    margin: 0;
    font-size: 16px
}

.t3-widget-root .t3-table td {
    vertical-align: top
}

.t3-widget-root .t3-table tr {
    background-color: unset!important
}

.t3-widget-root .t3-table tr td {
    padding: 4px 2px
}

.t3-widget-root .t3-table span.t3-subtotal {
    color: rgb(var(--t3-secondary))
}

.t3-widget-root .t3-table span.t3-original-price {
    margin-left: auto;
    text-decoration: line-through;
    color: rgb(var(--t3-text-subtext));
    margin-right: 10px
}

.t3-widget-root .t3-table.space-between-columns td:nth-child(2) {
    text-align: right
}

.t3-widget-root .t3-table.t3-matrix-table td:nth-child(2) {
    font-weight: 500
}

.t3-widget-root .t3-table.t3-matrix-table.t3-matrix-table-footer td {
    font-weight: 500
}

.t3-widget-root .t3-table td .time {
    text-align: left;
    margin-top: 4px;
    color: rgb(var(--t3-text-default));
    font-size: 14px
}

.t3-widget-root .t3-map-holder {
    position: relative;
    margin-top: 1.5rem;
    border-radius: 12px;
    overflow: hidden
}

.t3-widget-root .t3-map-holder .t3-map picture {
    display: block;
    line-height: 0
}

.t3-widget-root .t3-map-holder .t3-map picture img {
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.t3-widget-root .t3-map-holder .t3-map-btns {
    position: absolute;
    bottom: 10px;
    left: 10px
}

.t3-widget-root .t3-map-holder .t3-map-popup {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.t3-widget-root .t3-map-holder .t3-map-popup.active {
    opacity: 1;
    z-index: 1;
    visibility: visible
}

.t3-widget-root .t3-map-holder .t3-map-popup.active .t3-map-popup-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.t3-widget-root .t3-map-holder .t3-map-popup-content {
    padding: 2.5rem 2rem 1rem;
    border-radius: 12px;
    position: relative;
    width: 100%;
    max-width: 300px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    -o-transform: scale(.75);
    transform: scale(.75);
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-map-holder .t3-map-popup-content-close {
    font-size: 1.25rem;
    position: absolute;
    top: 14px;
    right: 15px;
    cursor: pointer
}

.t3-widget-root .t3-map-holder .t3-map-popup-content-title {
    margin: 0;
    font-weight: 600
}

.t3-widget-root .t3-map-holder .t3-map-popup-content-list-item:before {
    content: "";
    font-family: var(--t3-icon-family);
    margin-right: 10px
}

.t3-widget-root .t3-map-holder .t3-map-popup-content .t3-btn-link,.t3-widget-root .t3-map-holder .t3-map-popup-content .dp__action_cancel {
    font-weight: 600
}

.t3-widget-root .t3-switcher {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.t3-widget-root .t3-switcher__content__title {
    font-size: 1rem
}

.t3-widget-root .t3-switcher__content__sub-title {
    font-size: 12px
}

.t3-widget-root .t3-switcher__content__price-line {
    font-size: 14px
}

.t3-widget-root .t3-arrangement-switcher {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.t3-widget-root .t3-arrangement-switcher__content__title {
    font-size: 1rem;
    font-weight: 400
}

.t3-widget-root .t3-arrangement-switcher__content__sub-title {
    font-size: 12px
}

.t3-widget-root .t3-arrangement-switcher__content__price-line {
    font-size: 14px
}

.t3-widget-root .t3-includer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.t3-widget-root .t3-includer__content__title {
    font-size: 1rem
}

.t3-widget-root .t3-includer__content__sub-title {
    font-size: 12px
}

.t3-widget-root .t3-tooltip {
    position: relative;
    display: inline-block
}

.t3-widget-root .t3-tooltip .icon-info-circled {
    cursor: pointer;
    font-size: 14px;
    color: rgb(var(--t3-text-default))
}

.t3-widget-root .t3-tooltip .tooltip-content {
    display: none;
    position: absolute;
    top: 120%;
    left: 50%;
    transform: translate(-50%);
    background-color: rgb(var(--t3-tooltip-bg));
    color: rgb(var(--t3-tooltip-text));
    padding: 10px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.5;
    white-space: pre-wrap;
    box-shadow: 0 2px 4px rgba(var(--t3-shadow),.2);
    z-index: 100;
    min-width: 150px;
    max-width: 250px;
    text-align: left
}

.t3-widget-root .t3-tooltip:hover .tooltip-content {
    display: block
}

.t3-widget-root button,.t3-widget-root input,.t3-widget-root optgroup,.t3-widget-root select,.t3-widget-root textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

.t3-widget-root button,.t3-widget-root input {
    overflow: visible
}

.t3-widget-root button,.t3-widget-root select {
    text-transform: none
}

.t3-widget-root button,.t3-widget-root [type=button],.t3-widget-root [type=reset],.t3-widget-root [type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

.t3-widget-root button::-moz-focus-inner,.t3-widget-root [type=button]::-moz-focus-inner,.t3-widget-root [type=reset]::-moz-focus-inner,.t3-widget-root [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

.t3-widget-root button:-moz-focusring,.t3-widget-root [type=button]:-moz-focusring,.t3-widget-root [type=reset]:-moz-focusring,.t3-widget-root [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

.t3-widget-root fieldset {
    padding: .35em .75em .625em
}

.t3-widget-root legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

.t3-widget-root progress {
    vertical-align: baseline
}

.t3-widget-root textarea {
    overflow: auto
}

.t3-widget-root [type=checkbox],.t3-widget-root [type=radio] {
    box-sizing: border-box;
    padding: 0
}

.t3-widget-root [type=number]::-webkit-inner-spin-button,.t3-widget-root [type=number]::-webkit-outer-spin-button {
    height: auto
}

.t3-widget-root [type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px
}

.t3-widget-root [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.t3-widget-root ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.t3-widget-root .t3-select-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 10px;
    margin-bottom: .5rem
}

.t3-widget-root .t3-select-group .t3-select-control {
    position: relative;
    flex: 0 0 250px;
    max-width: 250px
}

@media (min-width: 992px) {
    .t3-widget-root .t3-select-group .t3-select-control {
        flex:0 0 300px;
        max-width: 300px
    }
}

.t3-widget-root .t3-select-group .t3-select-control .t3-select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 1.5rem!important;
    font-weight: 400;
    font-size: 14px;
    border-radius: 12px;
    padding: .5rem 1rem;
    width: 100%;
    height: 36px;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-select-group .t3-select-control .t3-select option {
    font-weight: 300;
    padding: .5rem 1rem
}

.t3-widget-root .t3-select-group .t3-select-control:before {
    content: "";
    font-family: t3-icon;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    display: inline-block;
    font-size: 1rem;
    text-align: center;
    font-weight: 400;
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.t3-widget-root .t3-checkbox {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 5px
}

.t3-widget-root .t3-checkbox+.badge {
    font-size: 12px;
    margin-left: auto;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 100%;
    position: absolute;
    right: 0;
    top: -2px
}

.t3-widget-root .t3-switch {
    width: 92px;
    height: 32px;
    border-radius: 50px;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
    -o-print-color-adjust: exact;
    print-color-adjust: exact;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-switch:after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: left .2s;
    -moz-transition: left .2s;
    -ms-transition: left .2s;
    -o-transition: left .2s;
    transition: left .2s
}

.t3-widget-root .t3-switch:checked:after {
    left: calc(100% - 25px)
}

.t3-widget-root .t3-include {
    width: 92px;
    height: 32px;
    border-radius: 50px;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
    -o-print-color-adjust: exact;
    print-color-adjust: exact;
    cursor: pointer
}

.t3-widget-root .t3-include:before {
    content: attr(data-placeholder);
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    width: 100%;
    line-height: 30px;
    text-align: center
}

.t3-widget-root .t3-text-input {
    font-weight: 400;
    font-size: 14px;
    border-radius: 12px;
    border: 1px solid rgb(var(--t3-box-border));
    padding: .5rem .7rem;
    width: 100%;
    flex: 1 1 250px;
    max-width: 250px;
    font-family: var(--t3-font-family)
}

@media (min-width: 992px) {
    .t3-widget-root .t3-text-input {
        flex:0 0 300px;
        max-width: 300px
    }
}

.t3-widget-root .t3-text-input[name=post-code],.t3-widget-root .t3-text-input[name*=license-plate],.t3-widget-root .t3-text-input[name*=license-plate2] {
    flex: 1 1 120px;
    max-width: 120px
}

.t3-widget-root .t3-text-input[name=street-number] {
    flex: 0 0 80px;
    max-width: 80px
}

.t3-widget-root .t3-text-input[name=street-number-suffix] {
    flex: 0 0 50px;
    max-width: 50px
}

.t3-widget-root .t3-password-input-holder {
    position: relative;
    display: flex;
    flex: 1 1 200px;
    max-width: 200px
}

@media (min-width: 576px) {
    .t3-widget-root .t3-password-input-holder {
        flex:1 1 300px;
        max-width: 300px
    }
}

.t3-widget-root .t3-password-input {
    font-weight: 400;
    border-radius: 12px;
    border: 1px solid rgb(var(--t3-box-border));
    padding: .5rem 2.25rem .5rem .7rem;
    width: 100%;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-password-input-toggle {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.t3-widget-root .t3-form {
    padding: 1rem 1.5rem;
    border-radius: 12px;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-form-login {
    max-width: 510px;
    margin: auto
}

.t3-widget-root .t3-form-login .t3-text-input {
    flex: 1 1 200px;
    max-width: 200px
}

@media (min-width: 576px) {
    .t3-widget-root .t3-form-login .t3-text-input {
        flex:1 1 300px;
        max-width: 300px
    }
}

.t3-widget-root .t3-form-buttons {
    margin-top: 1rem
}

@media (max-width: 575.98px) {
    .t3-widget-root .t3-form-buttons .t3-form-label {
        display:none
    }
}

.t3-widget-root .t3-form-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: .5rem;
    column-gap: 10px
}

.t3-widget-root .t3-form-group .t3-form-control {
    border-radius: 12px;
    padding: .5rem 1rem;
    flex: 1 1 250px;
    max-width: 250px;
    font-family: var(--t3-font-family)
}

@media (min-width: 992px) {
    .t3-widget-root .t3-form-group .t3-form-control {
        flex:1 1 300px;
        max-width: 300px
    }
}

.t3-widget-root .t3-form-group .t3-form-group {
    margin-bottom: 0;
    flex-wrap: nowrap
}

.t3-widget-root .t3-form-label {
    flex: 0 0 150px;
    max-width: 150px
}

@media (max-width: 575.98px) {
    .t3-widget-root .t3-form-label {
        flex:0 0 120px;
        max-width: 120px
    }
}

.t3-widget-root .t3-form-date {
    flex: 1
}

.t3-widget-root .t3-form-date .t3-text-input {
    flex: 0 1 65px;
    max-width: 65px
}

.t3-widget-root .t3-form-date .t3-select-group {
    flex: 0 1 100px;
    max-width: 100px;
    margin-bottom: 0
}

@media (min-width: 992px) {
    .t3-widget-root .t3-form-date .t3-select-group {
        flex:0 1 150px;
        max-width: 150px
    }
}

.t3-widget-root .t3-form-date .t3-select-group .t3-select-control {
    flex: 1 1 150px;
    max-width: 150px
}

.t3-widget-root .t3-form-error {
    color: red;
    font-size: small;
    flex: 1 1 100%;
    margin-left: 160px;
    margin-top: 3px;
    display: none
}

@media (max-width: 575.98px) {
    .t3-widget-root .t3-form-error {
        margin-left:130px
    }
}

.t3-widget-root .t3-has-error .t3-form-error {
    display: block
}

.t3-widget-root .t3-has-error .t3-text-input,.t3-widget-root .t3-has-error .t3-password-input,.t3-widget-root .t3-has-error .t3-select {
    border: 1px solid red!important;
    color: red
}

.t3-widget-root .logo-holder {
    margin: 4rem 0 1rem
}

.t3-widget-root .t3-accommodation-allocation .accommodation-instances {
    margin: 20px 0
}

.t3-widget-root .t3-accommodation-allocation .accommodation-instance {
    margin-bottom: 20px
}

.t3-widget-root .t3-accommodation-allocation .accommodation-instance .t3-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background: rgb(var(--t3-steps-bg));
    border-bottom: 1px solid rgb(var(--t3-box-border))
}

.t3-widget-root .t3-accommodation-allocation .accommodation-instance .accommodation-name {
    font-weight: 500;
    font-size: 16px
}

.t3-widget-root .t3-accommodation-allocation .accommodation-instance .accommodation-occupancy {
    font-size: 14px;
    color: rgb(var(--t3-text-subtext))
}

.t3-widget-root .t3-accommodation-allocation .accommodation-instance .t3-card-body {
    padding: 15px
}

.t3-widget-root .t3-accommodation-allocation .occupancy-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
    background: rgb(var(--t3-steps-bg));
    color: rgb(var(--t3-steps-text));
    line-height: 1.4
}

.t3-widget-root .t3-accommodation-allocation.design-d .accordion {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.t3-widget-root .t3-accommodation-allocation.design-d .accordion-item {
    border: 1px solid rgb(var(--t3-box-border));
    border-radius: 10px;
    background: rgb(var(--t3-text-bg-primary));
    overflow: hidden
}

.t3-widget-root .t3-accommodation-allocation.design-d .accordion-summary {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 14px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.t3-widget-root .t3-accommodation-allocation.design-d .accordion-summary::-webkit-details-marker {
    display: none
}

.t3-widget-root .t3-accommodation-allocation.design-d .accordion-summary .name {
    font-weight: 600
}

.t3-widget-root .t3-accommodation-allocation.design-d .accordion-body {
    padding: 12px 14px;
    border-top: 1px solid rgb(var(--t3-box-border))
}

.t3-widget-root .t3-accommodation-allocation.design-d .instance-progress {
    margin-bottom: 10px
}

.t3-widget-root .t3-accommodation-allocation.design-d .instance-progress .track {
    position: relative;
    height: 8px;
    background: rgb(var(--t3-steps-bg));
    border-radius: 999px;
    overflow: hidden
}

.t3-widget-root .t3-accommodation-allocation.design-d .instance-progress .bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgb(var(--t3-primary));
    border-radius: 999px;
    transition: width .2s ease
}

.t3-widget-root .t3-accommodation-allocation.design-d .instance-progress .label {
    margin-top: 6px;
    font-size: 12px;
    color: rgb(var(--t3-steps-text))
}

.t3-widget-root .t3-accommodation-allocation .t3-progress {
    margin: 10px 0 16px
}

.t3-widget-root .t3-accommodation-allocation .t3-progress .t3-progress-track {
    position: relative;
    height: 10px;
    background: rgb(var(--t3-steps-bg));
    border-radius: 999px;
    overflow: hidden
}

.t3-widget-root .t3-accommodation-allocation .t3-progress .t3-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgb(var(--t3-secondary));
    border-radius: 999px;
    transition: width .2s ease
}

.t3-widget-root .t3-accommodation-allocation .t3-progress .t3-progress-label {
    margin-top: 6px;
    font-size: 12px;
    color: rgb(var(--t3-steps-text))
}

.t3-widget-root .t3-accommodation-allocation .t3-nextprev-holder {
    position: sticky;
    bottom: 0;
    background: rgb(var(--t3-box-bg));
    border-top: 1px solid rgb(var(--t3-box-border));
    padding-top: 10px;
    z-index: 2
}

.t3-widget-root .accommodation-cards-v1 {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.t3-widget-root .accommodation-cards-v1 .accommodation-card {
    display: flex;
    align-items: center;
    padding: 16px;
    border: 1px solid rgb(var(--t3-box-border));
    border-radius: 8px;
    transition: all .3s ease;
    background: rgb(var(--t3-text-bg-primary))
}

.t3-widget-root .accommodation-cards-v1 .accommodation-card.selected {
    border-color: rgb(var(--t3-primary));
    background: rgba(var(--t3-primary),.06)
}

.t3-widget-root .accommodation-cards-v1 .accommodation-card:hover {
    box-shadow: 0 2px 8px #0000001a
}

.t3-widget-root .accommodation-cards-v1 .accommodation-image {
    width: 120px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 16px;
    flex-shrink: 0
}

.t3-widget-root .accommodation-cards-v1 .accommodation-info {
    flex: 1;
    min-width: 0
}

.t3-widget-root .accommodation-cards-v1 .accommodation-name {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 500;
    word-break: break-word
}

.t3-widget-root .accommodation-cards-v1 .accommodation-details {
    color: rgb(var(--t3-text-subtext));
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.t3-widget-root .accommodation-cards-v1 .max-persons,.t3-widget-root .accommodation-cards-v1 .availability {
    white-space: nowrap
}

.t3-widget-root .accommodation-cards-v1 .accommodation-controls {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0
}

.t3-widget-root .accommodation-cards-v1 .counter-value {
    min-width: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: 500
}

.t3-widget-root .accommodation-cards-v1 .counter-btn {
    flex-shrink: 0;
    border: unset;
    background-color: unset;
    padding: 0;
    cursor: pointer
}

.t3-widget-root .accommodation-cards-v1 .counter-btn.disabled {
    opacity: .5;
    cursor: not-allowed
}

.t3-widget-root .accommodation-cards-v1 .counter-btn .t3-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    width: 30px;
    height: 30px
}

@media (max-width: 768px) {
    .t3-widget-root .accommodation-cards-v1 .accommodation-card {
        flex-direction:column;
        padding: 12px
    }

    .t3-widget-root .accommodation-cards-v1 .accommodation-image {
        width: 100%;
        height: 150px;
        margin-right: 0;
        margin-bottom: 12px
    }

    .t3-widget-root .accommodation-cards-v1 .accommodation-info {
        width: 100%;
        text-align: center;
        margin-bottom: 12px
    }

    .t3-widget-root .accommodation-cards-v1 .accommodation-name {
        font-size: 16px
    }

    .t3-widget-root .accommodation-cards-v1 .accommodation-details {
        font-size: 13px;
        justify-content: center
    }

    .t3-widget-root .accommodation-cards-v1 .accommodation-controls {
        width: 100%;
        justify-content: center
    }
}

.t3-widget-root .t3-error {
    color: red;
    font-weight: 700
}

.t3-widget-root .t3-multi-items {
    padding: 20px 0
}

.t3-widget-root .t3-multi-items .accommodation-tabs {
    margin: 24px 0;
    background: rgb(var(--t3-text-bg-primary));
    border: 1px solid rgb(var(--t3-box-border));
    border-radius: 8px;
    overflow: hidden
}

.t3-widget-root .t3-multi-items .tabs-header {
    display: flex;
    flex-wrap: wrap;
    background: rgb(var(--t3-steps-bg));
    border-bottom: 1px solid rgb(var(--t3-box-border))
}

.t3-widget-root .t3-multi-items .tab-button {
    flex: 1;
    min-width: 150px;
    padding: 16px;
    background: transparent;
    border: none;
    border-right: 1px solid rgb(var(--t3-box-border));
    cursor: pointer;
    transition: all .3s ease;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.t3-widget-root .t3-multi-items .tab-button:last-child {
    border-right: none
}

.t3-widget-root .t3-multi-items .tab-button:hover {
    background: rgb(var(--t3-text-bg-primary))
}

.t3-widget-root .t3-multi-items .tab-button.active {
    background: rgb(var(--t3-text-bg-primary));
    border-bottom: 2px solid rgb(var(--t3-primary));
    margin-bottom: -1px
}

.t3-widget-root .t3-multi-items .tab-button .tab-title {
    font-size: 14px;
    font-weight: 500;
    color: rgb(var(--t3-text-default))
}

.t3-widget-root .t3-multi-items .tab-button.active .tab-title {
    color: rgb(var(--t3-primary))
}

.t3-widget-root .t3-multi-items .tab-button .items-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 8px;
    background: rgb(var(--t3-primary));
    color: rgb(var(--t3-text-bg-primary));
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600
}

.t3-widget-root .t3-multi-items .tabs-content {
    padding: 20px
}

.t3-widget-root .t3-multi-items .tab-panel {
    animation: t3-items-fade-in .3s ease
}

@keyframes t3-items-fade-in {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.t3-widget-root .t3-multi-items .items-groups {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.t3-widget-root .t3-multi-items .group-heading {
    font-size: 16px;
    font-weight: 600;
    color: rgb(var(--t3-text-default));
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgb(var(--t3-box-border))
}

.t3-widget-root .t3-multi-items .items-list {
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media (max-width: 768px) {
    .t3-widget-root .t3-multi-items .tabs-header {
        flex-direction:column
    }

    .t3-widget-root .t3-multi-items .tab-button {
        border-right: none;
        border-bottom: 1px solid rgb(var(--t3-box-border));
        text-align: left;
        justify-content: space-between
    }

    .t3-widget-root .t3-multi-items .tab-button.active {
        border-bottom: 1px solid rgb(var(--t3-box-border));
        border-left: 3px solid rgb(var(--t3-primary));
        margin-bottom: 0;
        margin-left: -1px
    }

    .t3-widget-root .t3-multi-items .tabs-content {
        padding: 16px
    }
}

.t3-widget-root .t3-search-bar {
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

@media (min-width: 576px) {
    .t3-widget-root .t3-search-bar {
        max-width:550px;
        margin: auto
    }
}

@media (min-width: 992px) {
    .t3-widget-root .t3-search-bar {
        display:flex;
        flex-flow: row nowrap;
        max-width: 100%
    }
}

.t3-widget-root .t3-search-bar .t3-search-column {
    display: flex;
    flex: 1 1 300px;
    max-width: 300px;
    padding: 5px;
    cursor: pointer
}

.t3-widget-root .t3-search-bar .t3-search-column label {
    cursor: pointer
}

@media (min-width: 576px) {
    .t3-widget-root .t3-search-bar .t3-search-column {
        max-width:50%;
        flex: 1 1 50%
    }
}

@media (min-width: 992px) {
    .t3-widget-root .t3-search-bar .t3-search-column {
        flex:1 1 300px;
        max-width: 300px;
        padding: 0
    }
}

.t3-widget-root .t3-search-bar .t3-search-column.t3-area-disabled {
    cursor: not-allowed!important;
    color: rgb(var(--t3-text-disabled))!important
}

.t3-widget-root .t3-search-bar .t3-search-column.t3-area-disabled label {
    cursor: not-allowed
}

.t3-widget-root .t3-search-bar .t3-search-bar-area {
    display: flex;
    flex: 1;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    padding: 10px 15px;
    outline: none
}

.t3-widget-root .t3-search-bar .t3-search-bar-area label,.t3-widget-root .t3-search-bar .t3-search-bar-area .t3-placeholder {
    width: 100%
}

.t3-widget-root .t3-search-bar .t3-search-bar-area>label {
    font-size: 12px
}

.t3-widget-root .t3-search-bar .t3-search-bar-area .t3-placeholder {
    font-size: 1rem
}

.t3-widget-root .t3-search-bar .t3-search-bar-area .t3-anchor {
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: .5rem;
    right: .5rem;
    display: block;
    text-align: center
}

.t3-widget-root .t3-search-bar .t3-search-bar-area .t3-form-label {
    max-width: 100%
}

@media (min-width: 576px) {
    .t3-widget-root .t3-search-bar .t3-search-bar-area .t3-form-label {
        max-width:240px
    }
}

.t3-widget-root .t3-search-bar .t3-search-bar-area .t3-placeholder-value {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    width: calc(100% - 15px)
}

.t3-widget-root .t3-search-bar .t3-search-bar-area.t3-area-active .t3-placeholder .t3-placeholder-value {
    display: none
}

@media (min-width: 576px) {
    .t3-widget-root .t3-search-bar .t3-search-bar-area.t3-area-active .t3-placeholder .t3-placeholder-value {
        display:-webkit-box
    }
}

.t3-widget-root .t3-search-bar .t3-search-bar-area.t3-area-active .t3-placeholder .t3-anchor {
    bottom: unset;
    top: 10px
}

@media (min-width: 576px) {
    .t3-widget-root .t3-search-bar .t3-search-bar-area.t3-area-active .t3-placeholder .t3-anchor {
        bottom:.5rem;
        top: unset
    }
}

.t3-widget-root .t3-search-bar .t3-search-bar-area.t3-area-active .t3-placeholder .t3-anchor .t3-icon {
    font-size: 20px
}

@media (min-width: 576px) {
    .t3-widget-root .t3-search-bar .t3-search-bar-area.t3-area-active .t3-placeholder .t3-anchor .t3-icon {
        font-size:inherit
    }
}

@media (min-width: 576px) {
    .t3-widget-root .t3-search-bar .t3-search-bar-area.t3-area-active .t3-placeholder .t3-anchor .t3-icon:before {
        content:""
    }
}

.t3-widget-root .t3-search-bar .t3-search-bar-area.t3-confirm {
    flex: 1 1 auto;
    padding: 0
}

@media (min-width: 576px) {
    .t3-widget-root .t3-search-bar .t3-search-bar-area.t3-confirm {
        flex:1 1 auto
    }
}

@media (min-width: 992px) {
    .t3-widget-root .t3-search-bar .t3-search-bar-area.t3-confirm {
        flex:0 1 auto
    }
}

.t3-widget-root .t3-search-bar .t3-search-bar-area.t3-confirm button {
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding: 1rem 2.5rem
}

.t3-widget-root .t3-filter-holder {
    border-radius: 12px;
    padding: 20px;
    font-family: var(--t3-font-family)
}

.t3-widget-root .t3-filter-holder .t3-filter:not(:last-child) {
    border-bottom: 1px solid rgb(var(--t3-box-border));
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem
}

.t3-widget-root .t3-filter-holder .t3-filter .t3-form-label {
    max-width: 100%;
    position: relative;
    padding-right: 30px
}

.t3-widget-root.t3-widget-booking .t3-booking-top-bar {
    width: 100%;
    margin-bottom: 2rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start
}

@media (min-width: 576px) {
    .t3-widget-root.t3-widget-booking .t3-booking-top-bar {
        align-items:center
    }
}

.t3-widget-root.t3-widget-booking .t3-booking-top-bar>* {
    display: flex;
    flex: 1
}

.t3-widget-root.t3-widget-booking .t3-booking-top-bar>.t3-language-switcher {
    flex: 0;
    flex-flow: column nowrap;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.t3-widget-root.t3-widget-booking .t3-booking-top-bar>.t3-language-switcher .t3-language-switcher-holder {
    display: flex;
    cursor: pointer
}

.t3-widget-root.t3-widget-booking .t3-booking-top-bar>.t3-language-switcher .t3-language-switcher-list {
    display: none;
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0 1rem 0 0;
    right: 100%;
    top: -50%
}

.t3-widget-root.t3-widget-booking .t3-booking-top-bar>.t3-language-switcher .t3-language-switcher-list.active {
    display: flex;
    z-index: 999
}

.t3-widget-root.t3-widget-booking .t3-booking-top-bar>.t3-language-switcher .t3-language-switcher-list .t3-lang {
    cursor: pointer;
    position: relative;
    padding: 10px
}

.t3-widget-root.t3-widget-booking .t3-booking-top-bar>.t3-language-switcher .t3-language-switcher-list .t3-lang:not(:first-child):after {
    content: "";
    width: 1px;
    height: calc(100% - 20px);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width: 992px) {
    .t3-widget-root.t3-widget-booking .t3-step-holder .t3-col-8 {
        flex:0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .t3-widget-root.t3-widget-booking .t3-step-holder .t3-col-4 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }
}

.t3-widget-root.t3-widget-booking .t3-step-content {
    padding: 0 0 20px;
    margin: 0 0 20px
}

.t3-widget-root.t3-widget-booking .t3-step-content:not(:last-child) {
    border-bottom: 1px solid rgb(var(--t3-box-border))
}

@media (min-width: 576px) {
    .t3-widget-root.t3-widget-booking .t3-step-content.t3-counter-holder .t3-counter {
        max-width:300px
    }
}

.t3-widget-root.t3-widget-booking .t3-step-content.t3-calendar-holder .dp__menu_inner {
    padding: 0
}

@media (min-width: 576px) {
    .t3-widget-root.t3-widget-booking .t3-step-content.t3-includer-holder .t3-includer {
        max-width:300px
    }
}

@media (min-width: 576px) {
    .t3-widget-root.t3-widget-booking .t3-step-content.t3-switcher-holder .t3-switcher {
        max-width:300px
    }
}

@media (min-width: 576px) {
    .t3-widget-root.t3-widget-booking .t3-step-content.t3-switcher-holder .t3-arrangement-switcher {
        max-width:300px
    }
}

.t3-widget-root.t3-widget-booking .t3-step-content .dp__action_row {
    padding-left: 0;
    padding-right: 0
}

.t3-widget-root.t3-widget-booking .t3-step-content .dp__action_buttons {
    justify-content: flex-start
}

.t3-widget-root.t3-widget-booking .t3-step-content.t3-nextprev-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 2rem
}

.t3-widget-root.t3-widget-booking .t3-summary-holder {
    border-radius: var(--t3-border-radius);
    padding: 30px
}

.t3-widget-root.t3-widget-booking .t3-summary-holder .t3-heading {
    margin-top: 0;
    margin-bottom: 1rem
}

.t3-widget-root.t3-widget-booking .t3-summary-holder .t3-period {
    margin-bottom: 12px
}

.t3-widget-root.t3-widget-booking .t3-summary-holder .t3-period-date {
    font-weight: 700
}

.t3-widget-root.t3-widget-booking .t3-summary-holder .t3-period-time {
    font-size: 12px
}

.t3-widget-root.t3-widget-booking .t3-summary-holder .t3-travel-group,.t3-widget-root.t3-widget-booking .t3-summary-holder .t3-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.t3-widget-root.t3-widget-booking .t3-summary-holder .t3-list-item {
    margin-bottom: 5px
}

.t3-widget-root.t3-widget-booking .t3-summary-holder .t3-list-cost .t3-list-item {
    display: flex;
    justify-content: space-between
}

.t3-widget-root.t3-widget-booking .t3-summary-holder .t3-list-cost .t3-list-item:last-child {
    font-weight: 600;
    margin-top: 10px
}

.t3-widget-root.t3-widget-booking .t3-summary-holder .t3-list-details .t3-list-item {
    margin-bottom: 10px
}

.t3-widget-root.t3-widget-booking .t3-summary-holder .t3-list-details .t3-col {
    flex: 0 0 50%;
    max-width: 50%
}

.t3-widget-root.t3-widget-booking .t3-summary-footer {
    margin: 20px 0 0
}

.t3-widget-root.t3-widget-booking .t3-summary-footer p {
    margin-top: 10px;
    margin-bottom: 0
}

.t3-widget-root.t3-widget-booking .t3-summary-footer .t3-form-error {
    margin-left: 22px!important
}

.t3-widget-root.t3-widget-booking h3.t3-heading {
    font-size: 1.125rem
}

.t3-widget-root.t3-widget-matrix .t3-loading-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(var(--t3-box-bg),.9);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    transition: opacity .2s ease
}

.t3-widget-root.t3-widget-matrix .t3-spinner {
    border: 4px solid rgba(var(--t3-primary),.1);
    border-left-color: rgb(var(--t3-primary));
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.t3-widget-root.t3-widget-matrix .t3-matrix-holder {
    margin-top: 2rem
}

.t3-widget-root.t3-widget-matrix .t3-matrix-holder .t3-matrix-row {
    display: flex;
    column-gap: 5px;
    margin-bottom: 5px
}

.t3-widget-root.t3-widget-matrix .t3-matrix-holder .t3-matrix-row .t3-matrix-col {
    border-radius: var(--t3-border-radius);
    padding: 7px;
    display: flex;
    flex-flow: column nowrap;
    text-align: center;
    flex: 1 1 50%;
    max-width: 50%
}

.t3-widget-root.t3-widget-matrix .t3-matrix-holder .t3-matrix-row .t3-matrix-col:nth-child(n+1) {
    display: flex
}

.t3-widget-root.t3-widget-matrix .t3-matrix-holder .t3-matrix-row .t3-matrix-col:nth-child(n+3) {
    display: none
}

@media (min-width: 576px) {
    .t3-widget-root.t3-widget-matrix .t3-matrix-holder .t3-matrix-row .t3-matrix-col {
        flex:1 1 25%;
        max-width: 25%
    }

    .t3-widget-root.t3-widget-matrix .t3-matrix-holder .t3-matrix-row .t3-matrix-col:nth-child(n+3) {
        display: flex
    }

    .t3-widget-root.t3-widget-matrix .t3-matrix-holder .t3-matrix-row .t3-matrix-col:nth-child(n+5) {
        display: none
    }
}

@media (min-width: 992px) {
    .t3-widget-root.t3-widget-matrix .t3-matrix-holder .t3-matrix-row .t3-matrix-col {
        flex:1 1 20%;
        max-width: 20%
    }

    .t3-widget-root.t3-widget-matrix .t3-matrix-holder .t3-matrix-row .t3-matrix-col:nth-child(n+4) {
        display: flex
    }

    .t3-widget-root.t3-widget-matrix .t3-matrix-holder .t3-matrix-row .t3-matrix-col:nth-child(n+6) {
        display: none
    }
}

@media (min-width: 1200px) {
    .t3-widget-root.t3-widget-matrix .t3-matrix-holder .t3-matrix-row .t3-matrix-col {
        flex:1 1 14.2857142857%;
        max-width: 14.2857142857%
    }

    .t3-widget-root.t3-widget-matrix .t3-matrix-holder .t3-matrix-row .t3-matrix-col:nth-child(n+6) {
        display: flex
    }

    .t3-widget-root.t3-widget-matrix .t3-matrix-holder .t3-matrix-row .t3-matrix-col:nth-child(n+8) {
        display: none
    }
}

.t3-widget-root.t3-widget-matrix .t3-matrix-header {
    position: relative;
    padding-left: calc(var(--t3-matrix-col-size) + 5px)
}

@media (min-width: 576px) {
    .t3-widget-root.t3-widget-matrix .t3-matrix-header {
        padding-right:1rem
    }
}

.t3-widget-root.t3-widget-matrix .t3-matrix-header .t3-matrix-btns {
    position: absolute;
    top: 0;
    left: 1.5rem;
    display: flex;
    justify-content: space-between
}

@media (min-width: 576px) {
    .t3-widget-root.t3-widget-matrix .t3-matrix-header .t3-matrix-btns {
        right:-14px;
        left: calc(var(--t3-matrix-col-size) - 34px)
    }
}

@media (min-width: 1200px) {
    .t3-widget-root.t3-widget-matrix .t3-matrix-header .t3-matrix-btns {
        right:-35px;
        left: calc(var(--t3-matrix-col-size) - 35px)
    }
}

.t3-widget-root.t3-widget-matrix .t3-matrix-header .t3-matrix-btns .t3-matrix-btn {
    font-size: 1.5rem;
    padding: 0
}

.t3-widget-root.t3-widget-matrix .t3-matrix-header .t3-matrix-dates {
    display: flex;
    z-index: 1;
    position: relative
}

.t3-widget-root.t3-widget-matrix .t3-matrix-header .t3-matrix-dates .t3-matrix-date {
    cursor: default;
    transition: background-color .2s ease
}

.t3-widget-root.t3-widget-matrix .t3-matrix-header .t3-matrix-dates .t3-matrix-date .day {
    font-size: 12px;
    font-weight: 300
}

.t3-widget-root.t3-widget-matrix .t3-matrix-header .t3-matrix-dates .t3-matrix-date .date {
    font-size: 14px;
    font-weight: 400
}

.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-period {
    flex: 0 0 var(--t3-matrix-col-size);
    max-width: var(--t3-matrix-col-size);
    padding: 0;
    overflow: hidden;
    justify-content: flex-start
}

@media (min-width: 576px) {
    .t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-period:has(.t3-stay-img) {
        flex-flow:row nowrap
    }
}

.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-period .t3-stay-img {
    display: none
}

@media (min-width: 576px) {
    .t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-period .t3-stay-img {
        max-width:85px;
        display: flex
    }
}

.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-period .t3-stay-img img {
    height: auto
}

.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-period .t3-stay-body {
    padding: 10px;
    text-align: left;
    display: flex;
    flex-flow: column wrap
}

@media (min-width: 576px) {
    .t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-period .t3-stay-body {
        display:block;
        padding: 10px 1rem
    }
}

.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-period .t3-stay-body .title {
    font-weight: 500;
    font-size: 1rem
}

@media (min-width: 576px) {
    .t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-period .t3-stay-body .title {
        font-size:16px
    }
}

.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-period .t3-stay-body .t3-btn-link,.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-period .t3-stay-body .dp__action_cancel {
    font-size: 12px;
    font-weight: 300;
    padding: 5px 0
}

.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-period:has(.t3-stay-img) .t3-stay-body {
    padding: 5px 1rem
}

.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-days {
    flex: 1;
    display: flex;
    margin-bottom: 0
}

.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day {
    justify-content: center;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    border-color: rgba(var(--t3-box-border),.3)
}

.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day:not(.disabled) {
    cursor: pointer
}

.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day.disabled {
    opacity: .5;
    cursor: not-allowed;
    background-color: rgba(var(--t3-text-disabled),.05)
}

.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day.disabled:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(var(--t3-text-disabled),.08) 5px,rgba(var(--t3-text-disabled),.08) 10px);
    border-radius: var(--t3-border-radius)
}

.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day:focus-visible {
    outline: 2px solid rgb(var(--t3-primary));
    outline-offset: 2px;
    z-index: 1
}

.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day .regular-price {
    font-weight: 500
}

.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day .regular-price:has(+.sale-price) {
    font-weight: 300;
    font-size: 12px;
    text-decoration: line-through;
    color: rgb(var(--t3-text-subtext))
}

.t3-widget-root.t3-widget-matrix .t3-matrix-body .t3-matrix-row .t3-stay-days .t3-stay-day .sale-price {
    font-size: 1rem;
    font-weight: 500;
    color: rgb(var(--t3-secondary))
}

.t3-widget-root.t3-widget-matrix .t3-matrix-footer .t3-matrix-load-more {
    flex: 0 0 190px;
    max-width: 190px
}

.t3-widget-root.t3-widget-matrix .t3-matrix-footer .t3-matrix-load-more .t3-btn,.t3-widget-root.t3-widget-matrix .t3-matrix-footer .t3-matrix-load-more .dp__action_button {
    font-weight: 500
}

.t3-widget-root .t3-matrix-popover {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 350px;
    z-index: 99
}

@media (max-width: 575px) {
    .t3-widget-root .t3-matrix-popover {
        position:fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        min-width: auto;
        max-height: 80vh;
        overflow-y: auto;
        background-color: rgb(var(--t3-box-bg));
        border-radius: 12px 12px 0 0;
        box-shadow: 0 -2px 12px rgba(var(--t3-shadow),.15)
    }
}

.t3-widget-root .t3-matrix-popover .t3-popover-body {
    position: relative;
    padding: 1rem 1.25rem
}

@media (max-width: 575px) {
    .t3-widget-root .t3-matrix-popover .t3-popover-body {
        padding:1rem
    }
}

.t3-widget-root .t3-matrix-popover .t3-popover-body .t3-close {
    cursor: pointer;
    position: absolute;
    top: .5rem;
    right: .5rem;
    font-size: 1.5rem
}

@media (max-width: 575px) {
    .t3-widget-root .t3-matrix-popover .t3-popover-body .t3-close {
        z-index:1;
        color: rgb(var(--t3-text-default))
    }
}

.t3-widget-root .t3-matrix-popover .t3-popover-footer {
    padding: 1rem 1.25rem
}

@media (max-width: 575px) {
    .t3-widget-root .t3-matrix-popover .t3-popover-footer {
        padding:1rem
    }
}

@media (max-width: 575px) {
    .t3-widget-root .t3-matrix-popover .t3-popover-footer .t3-btn,.t3-widget-root .t3-matrix-popover .t3-popover-footer .dp__action_button {
        width:100%
    }
}

#t3-demo {
    min-height: 100vh
}

#t3-demo:has(.t3-widget-searchbook) {
    background-color: rgb(var(--t3-box-border))
}

article.t3-card.overview-card .t3-card-content:nth-child(4) {
    display: block !important;
}

article.t3-card.overview-card .detail-price .price {
    display: none !important;
}