/*Custom DHTMLX css*/

:root {
    --dhx-scheduler-theme: terrace;
    --dhx-scheduler-font-family: Inter, Helvetica, Arial, sans-serif;
    --dhx-scheduler-font-size: 14px;
    --dhx-scheduler-heading-font-size: calc(var(--dhx-scheduler-font-size) + 2px);
    --dhx-scheduler-heading-font-weight: 600;
    --dhx-scheduler-important-font-size: var(--dhx-scheduler-font-size);
    --dhx-scheduler-important-line-height: 142%;
    --dhx-scheduler-important-font-weight: 500;
    --dhx-scheduler-regular-font-size: var(--dhx-scheduler-font-size);
    --dhx-scheduler-regular-font-weight: 400;
    --dhx-scheduler-regular-line-height: 142%;
    --dhx-scheduler-caption-font-size: calc(var(--dhx-scheduler-font-size) - 2px);
    --dhx-scheduler-caption-font-weight: 400;
    --dhx-scheduler-caption-line-height: 132%;
    --dhx-scheduler-base-colors-primary: #537CFA;
    --dhx-scheduler-base-colors-primary-hover: #4269E0;
    --dhx-scheduler-base-colors-primary-active: #3365fb;
    --dhx-scheduler-base-colors-primary-lighter: #537cfa33;
    --dhx-scheduler-base-colors-warning: #FAB936;
    --dhx-scheduler-base-colors-error: #E3334E;
    --dhx-scheduler-base-colors-error-hover: #D3233E;
    --dhx-scheduler-base-colors-error-active: #C3132E;
    --dhx-scheduler-base-colors-error-lighter: #E3334E33;
    --dhx-scheduler-base-colors-error-text: #FFFFFF;
    --dhx-scheduler-base-colors-success: #1BC297;
    --dhx-scheduler-base-colors-secondary: rgba(0, 0, 0, .04);
    --dhx-scheduler-base-colors-secondary-hover: rgba(0, 0, 0, .1);
    --dhx-scheduler-base-colors-white: #FFFFFF;
    --dhx-scheduler-base-colors-select: #EFF3FF;
    --dhx-scheduler-base-colors-hover-color: #e0e0e0;
    --dhx-scheduler-base-colors-border: #D0DBE3;
    --dhx-scheduler-base-colors-icons: #A1A4A6;
    --dhx-scheduler-base-colors-icons-active: #8b8e90;
    --dhx-scheduler-base-colors-icons-hover: #76787a;
    --dhx-scheduler-base-colors-disabled: #E9E9E9;
    --dhx-scheduler-base-colors-readonly: var(--dhx-scheduler-base-colors-icons);
    --dhx-scheduler-base-colors-text-light: #44494E;
    --dhx-scheduler-base-colors-text-base: #23272A;
    --dhx-scheduler-base-colors-background: #FFFFFF;
    --dhx-scheduler-container-background: var(--dhx-scheduler-base-colors-background);
    --dhx-scheduler-container-color: var(--dhx-scheduler-base-colors-text-base);
    --dhx-scheduler-container-background-alt: rgba(0, 0, 0, .4);
    --dhx-scheduler-base-transition: .2s ease;
    --dhx-scheduler-box-shadow-s: 0px 4px 24px 0px rgba(44, 47, 60, .08);
    --dhx-scheduler-box-shadow-m: 0px 4px 24px 0px rgba(44, 47, 60, .36);
    --dhx-scheduler-box-shadow-l: 0px 4px 24px 0px rgba(44, 47, 60, .56);
    --dhx-scheduler-base-module: 4px;
    --dhx-scheduler-base-padding: 4px;
    --dhx-scheduler-border-radius: var(--dhx-scheduler-base-module);
    --dhx-scheduler-event-colors-primary: #537CFA;
    --dhx-scheduler-event-text-primary: rgba(255, 255, 255, .9);
    --dhx-scheduler-toolbar-height: 40px;
    --dhx-scheduler-transition: all .3s;
    --dhx-scheduler-navline-font-color: var(--dhx-scheduler-base-colors-text-light);
    --dhx-scheduler-default-border: 1px solid var(--dhx-scheduler-base-colors-border);
    --dhx-scheduler-header-border: var(--dhx-scheduler-default-border);
    --dhx-scheduler-halfhour-border: 1px dotted var(--dhx-scheduler-base-colors-border);
    --dhx-scheduler-event-background-primary: var(--dhx-scheduler-base-colors-primary);
    --dhx-scheduler-event-blue: linear-gradient(180deg, #527CFF 0%, #9751FC 100%);
    --dhx-scheduler-event-green: linear-gradient(180deg, #12D979 0%, #1ECDEB 100%);
    --dhx-scheduler-event-violet: linear-gradient(180deg, #D071EF 0%, #EE71D5 100%);
    --dhx-scheduler-event-yellow: linear-gradient(180deg, #FFB725 0%, #FFBB25 31.25%, #FAEA27 100%);
    --dhx-scheduler-event-title-font-size: var(--dhx-scheduler-caption-font-size);
    --dhx-scheduler-event-title-line-height: var(--dhx-scheduler-caption-line-height);
    --dhx-scheduler-event-text-font-size: var(--dhx-scheduler-regular-font-size);
    --dhx-scheduler-event-text-line-height: var(--dhx-scheduler-regular-line-height);
    --dhx-scheduler-event-text-font-weight: var(--dhx-scheduler-regular-font-weight);
    --dhx-scheduler-event-bar-font-size: var(--dhx-scheduler-caption-font-size);
    --dhx-scheduler-event-bar-line-height: var(--dhx-scheduler-caption-line-height);
    --dhx-scheduler-event-menu-background: var(--dhx-scheduler-popup-background);
    --dhx-scheduler-event-menu-color: var(--dhx-scheduler-base-colors-primary);
    --dhx-scheduler-event-background: var(--dhx-scheduler-event-blue);
    --dhx-scheduler-event-border: none;
    --dhx-scheduler-event-color: var(--dhx-scheduler-event-text-primary);
    --dhx-scheduler-event-line-text: var(--dhx-scheduler-container-color);
    --dhx-scheduler-event-marker-color: var(--dhx-scheduler-event-background);
    --dhx-scheduler-popup-background: var(--dhx-scheduler-container-background);
    --dhx-scheduler-popup-color: var(--dhx-scheduler-container-color);
    --dhx-scheduler-popup-border: none;
    --dhx-scheduler-popup-border-radius: var(--dhx-scheduler-border-radius);
    --dhx-scheduler-control-height: 32px;
    --dhx-scheduler-checkbox-height: 20px;
    --dhx-scheduler-lightbox_font-family: var(--dhx-scheduler-font-family);
    --dhx-scheduler-lightbox-font-size: var(--dhx-scheduler-important-font-size);
    --dhx-scheduler-lightbox-font-weight: var(--dhx-scheduler-important-font-weight);
    --dhx-scheduler-lightbox-background: var(--dhx-scheduler-popup-background);
    --dhx-scheduler-lightbox-border: var(--dhx-scheduler-popup-border);
    --dhx-scheduler-lightbox-control-border: var(--dhx-scheduler-default-border);
    --dhx-scheduler-lightbox-color: var(--dhx-scheduler-popup-color);
    --dhx-scheduler-lightbox-title-background: var(--dhx-scheduler-base-colors-select);
    --dhx-scheduler-lightbox-title-color: var(--dhx-scheduler-lightbox-color);
    --dhx-scheduler-lightbox-title-font-size: var(--dhx-scheduler-heading-font-size);
    --dhx-scheduler-lightbox-max-width: 496px;
    --dhx-scheduler-lightbox-wide-max-width: 738px;
    --dhx-scheduler-lightbox-width: var(--dhx-scheduler-lightbox-max-width);
    --dhx-scheduler-scale-color: var(--dhx-scheduler-container-color);
    --dhx-scheduler-timescale-background: var(--dhx-scheduler-container-background);
    --dhx-scheduler-timescale-today-background: var(--dhx-scheduler-base-colors-select);
    --dhx-scheduler-hours-font-size: var(--dhx-scheduler-caption-font-size);
    --dhx-scheduler-hours-font-weight: var(--dhx-scheduler-caption-font-weight);
    --dhx-scheduler-inactive-month-color: var(--dhx-scheduler-base-colors-icons);
    --dhx-scheduler-month-header-color: var(--dhx-scheduler-container-color);
    --dhx-scheduler-month-day-header-padding: var(--dhx-scheduler-base-padding) calc(var(--dhx-scheduler-base-padding) * 2);
    --dhx-scheduler-month-event-marker-size: calc(var(--dhx-scheduler-base-module) * 2);
    --dhx-scheduler-list-line-height: 36px;
    --dhx-scheduler-agenda-date-column-width: 188px;
    --dhx-scheduler-grid-event-background: transparent;
    --dhx-scheduler-grid-event-text: initial;
    --dhx-scheduler-timeline-folder-background: var(--dhx-scheduler-base-colors-disabled);
    --dhx-scheduler-timeline-folder-color: var(--dhx-scheduler-base-colors-primary);
    --dhx-scheduler-blocked-time-background: var(--dhx-scheduler-base-colors-disabled);
    --dhx-scheduler-today-marker-color: var(--dhx-scheduler-base-colors-error);
    --dhx-scheduler-datepicker-width: 250px;
    --dhx-scheduler-datepicker-font-size: var(--dhx-scheduler-font-size);
    --dhx-scheduler-datepicker-family: var(--dhx-scheduler-font-family);
    --dhx-scheduler-datepicker-cell-size: 28px;
    --dhx-scheduler-datepicker-header-font-size: var(--dhx-scheduler-font-size);
    --dhx-scheduler-datepicker-header-font-weight: 500;
    --dhx-scheduler-datepicker-padding: 5px;
    --dhx-scheduler-datepicker-inactive-month-color: var(--dhx-scheduler-inactive-month-color);
    --dhx-scheduler-datepicker-cell-color: var(--dhx-scheduler-popup-color);
    --dhx-scheduler-datepicker-cell-background: var(--dhx-scheduler-popup-background);
    --dhx-scheduler-datepicker-today-color: var(--dhx-scheduler-base-colors-white);
    --dhx-scheduler-datepicker-today-background: var(--dhx-scheduler-base-colors-primary);
    --dhx-scheduler-datepicker-weekend-color: var(--dhx-scheduler-base-colors-primary);
    --dhx-scheduler-datepicker-weekend-background: var(--dhx-scheduler-popup-background);
    --dhx-scheduler-datepicker-disabled-color: var(--dhx-scheduler-base-colors-icons);
    --dhx-scheduler-datepicker-disabled-background: var(--dhx-scheduler-base-colors-disabled);
    --dhx-scheduler-datepicker-hover-color: var(--dhx-scheduler-base-colors-white);
    --dhx-scheduler-datepicker-hover-background: var(--dhx-scheduler-base-colors-primary-hover);
    --dhx-scheduler-datepicker-prevnext-color: var(--dhx-scheduler-inactive-month-color);
    --dhx-scheduler-datepicker-prevnext-background: var(--dhx-scheduler-popup-background);
    --dhx-scheduler-btn-background: var(--accent-color);
    --dhx-scheduler-btn-color: var(--dhx-scheduler-base-colors-white);
    --dhx-scheduler-btn-border-color: var(--dhx-scheduler-base-colors-primary);
    --dhx-scheduler-btn-color-hover: var(--dhx-scheduler-base-colors-white);
    --dhx-scheduler-btn-background-hover: var(--dhx-scheduler-base-colors-primary-hover);
    --dhx-scheduler-btn-border-hover: var(--dhx-scheduler-base-colors-primary-hover);
    --dhx-scheduler-btn-color-active: var(--dhx-scheduler-base-colors-white);
    --dhx-scheduler-btn-background-active: var(--dhx-scheduler-base-colors-primary-active);
    --dhx-scheduler-btn-border-active: var(--dhx-scheduler-base-colors-primary-active);
    --dhx-scheduler-btn-background-disabled: var(--dhx-scheduler-base-colors-disabled);
    --dhx-scheduler-btn-color-disabled: var(--dhx-scheduler-base-colors-icons);
    --dhx-scheduler-btn-border-color-disabled: var(--dhx-scheduler-base-colors-disabled);
    --dhx-scheduler-btn-outline-background: transparent;
    --dhx-scheduler-btn-outline-color: var(--dhx-scheduler-base-colors-primary);
    --dhx-scheduler-btn-outline-border-color: var(--dhx-scheduler-base-colors-primary);
    --dhx-scheduler-btn-outline-background-hover: var(--dhx-scheduler-base-colors-primary-lighter);
    --dhx-scheduler-btn-outline-color-hover: var(--dhx-scheduler-base-colors-primary-hover);
    --dhx-scheduler-btn-outline-border-hover: var(--dhx-scheduler-base-colors-primary-hover);
    --dhx-scheduler-btn-outline-background-active: var(--dhx-scheduler-base-colors-primary-active);
    --dhx-scheduler-btn-outline-color-active: var(--dhx-scheduler-base-colors-white);
    --dhx-scheduler-btn-outline-border-active: var(--dhx-scheduler-base-colors-primary-active);
    --dhx-scheduler-btn-outline-background-disabled: transparent;
    --dhx-scheduler-btn-outline-color-disabled: var(--dhx-scheduler-base-colors-icons);
    --dhx-scheduler-btn-outline-border-color-disabled: var(--dhx-scheduler-base-colors-icons);
    --dhx-scheduler-btn-text-transform: none;
    --dhx-scheduler-xy-scale_width: 50px;
    --dhx-scheduler-xy-bar_height: 24;
    --dhx-scheduler-xy-month_head_height: 26;
    --dhx-scheduler-xy-scale_height: 24px;
    --dhx-scheduler-xy-scroll_width: 18px;
    --dhx-scheduler-info-background: var(--dhx-scheduler-popup-background);
    --dhx-scheduler-info-color: var(--dhx-scheduler-popup-color);
    --dhx-scheduler-info-border: var(--dhx-scheduler-popup-border);
    --dhx-scheduler-info-shadow: var(--dhx-scheduler-box-shadow-m);
    --dhx-scheduler-modal-background: var(--dhx-scheduler-popup-background);
    --dhx-scheduler-modal-color: var(--dhx-scheduler-popup-color);
    --dhx-scheduler-modal-border: var(--dhx-scheduler-popup-border);
    --dhx-scheduler-modal-padding: 16px;
    --dhx-scheduler-modal-width: 320px;
    --dhx-scheduler-modal-border-radius: var(--dhx-scheduler-popup-border-radius)
}

    :root[data-scheduler-theme=dark] {
        --dhx-scheduler-theme: dark;
        --dhx-scheduler-base-colors-disabled: #3d3d3d;
        --dhx-scheduler-base-colors-text-light: #AAA;
        --dhx-scheduler-base-colors-text-base: rgba(255, 255, 255, .9);
        --dhx-scheduler-base-colors-background: #000000;
        --dhx-scheduler-base-colors-border: #4B4B4B;
        --dhx-scheduler-navline-font-color: var(--dhx-scheduler-base-colors-text-base);
        --dhx-scheduler-base-colors-primary: #3B72F8;
        --dhx-scheduler-base-colors-primary-hover: #1D5AEE;
        --dhx-scheduler-base-colors-primary-active: #0e50ea;
        --dhx-scheduler-base-colors-primary-lighter: #3B72F833;
        --dhx-scheduler-base-colors-error: #EB284F;
        --dhx-scheduler-base-colors-error-hover: #D9264A;
        --dhx-scheduler-base-colors-error-active: #ba0a24;
        --dhx-scheduler-base-colors-error-lighter: #EB284F33;
        --dhx-scheduler-base-colors-select: #2A2A2A;
        --dhx-scheduler-base-colors-hover-color: #2A2A2A;
        --dhx-scheduler-base-colors-icons: #AAAAAA;
        --dhx-scheduler-scale-color: var(--dhx-scheduler-base-colors-text-light);
        --dhx-scheduler-popup-background: #1B1B1C;
        --dhx-scheduler-popup-border: 1px solid #4B4B4B;
        --dhx-scheduler-btn-font-weight: 600
    }

    :root[data-scheduler-theme=flat] {
        --dhx-scheduler-theme: flat;
        --dhx-scheduler-font-family: Segoe UI,Arial,san-serif;
        --dhx-scheduler-base-colors-primary: #0288D1;
        --dhx-scheduler-base-colors-primary-hover: #007cbf;
        --dhx-scheduler-base-colors-primary-active: #00659b;
        --dhx-scheduler-base-colors-primary-lighter: #edf8ff;
        --dhx-scheduler-event-background: var(--dhx-scheduler-base-colors-primary);
        --dhx-scheduler-base-colors-border: #cecece;
        --dhx-scheduler-halfhour-border: 1px solid #e8e8e8;
        --dhx-scheduler-event-title-font-size: 12px;
        --dhx-scheduler-event-text-font-size: 14px;
        --dhx-scheduler-event-text-font-weight: 500;
        --dhx-scheduler-heading-font-size: 22px;
        --dhx-scheduler-heading-font-weight: 300;
        --dhx-scheduler-caption-font-size: 14px;
        --dhx-scheduler-caption-font-weight: 400;
        --dhx-scheduler-hours-font-size: 12px;
        --dhx-scheduler-scale-color: #767676;
        --dhx-scheduler-border-radius: 0;
        --dhx-scheduler-timeline-folder-background: #ebeced;
        --dhx-scheduler-box-shadow-s: 0 3px 5px 0 rgba(0, 0, 0, .1);
        --dhx-scheduler-box-shadow-m: 0px 4px 24px 0px rgba(44, 47, 60, .36);
        --dhx-scheduler-box-shadow-l: 0px 4px 24px 0px rgba(44, 47, 60, .56);
        --dhx-scheduler-config-form_wide: 1;
        --dhx-scheduler-xy-scale_height: 35px
    }

        :root[data-scheduler-theme=flat] .dhx_cal_navline {
            --dhx-scheduler-btn-outline-border-color: transparent;
            --dhx-scheduler-btn-outline-border-hover: transparent;
            --dhx-scheduler-btn-outline-border-color-disabled: transparent
        }

        :root[data-scheduler-theme=flat] .dhx_scale_hour {
            justify-content: center
        }

        :root[data-scheduler-theme=flat] .dhx_cal_tab {
            min-width: 90px
        }

        :root[data-scheduler-theme=flat] .dhx_cal_navline > div {
            order: 1
        }

        :root[data-scheduler-theme=flat] .dhx_cal_navline .dhx_cal_next_button {
            order: 6
        }

        :root[data-scheduler-theme=flat] .dhx_cal_navline .dhx_cal_today_button {
            order: 5;
            border-color: transparent
        }

        :root[data-scheduler-theme=flat] .dhx_cal_navline .dhx_cal_prev_button {
            order: 4
        }

        :root[data-scheduler-theme=flat] .dhx_cal_navline .dhx_cal_date {
            order: 3
        }

        :root[data-scheduler-theme=flat] .dhx_cal_navline .dhx_cal_date {
            margin-left: auto;
            margin-right: auto
        }

        :root[data-scheduler-theme=flat] .dhx_data_table.folder .dhx_matrix_cell {
            border-right: 0
        }

        :root[data-scheduler-theme=flat] .dhx_timeline_scale_header {
            border-right: none
        }

        :root[data-scheduler-theme=flat] .dhx_cal_container_rtl .dhx_timeline_scale_header {
            border-left: unset
        }

        :root[data-scheduler-theme=flat] .dhx_scale_hour {
            display: flex;
            flex-direction: row
        }

            :root[data-scheduler-theme=flat] .dhx_scale_hour .dhx_scale_h {
                font-size: 22px;
                line-height: 44px;
                font-weight: lighter
            }

            :root[data-scheduler-theme=flat] .dhx_scale_hour .dhx_scale_m {
                font-size: 11px;
                line-height: 35px;
                align-self: end;
                font-weight: lighter;
                transform: translateY(-2px)
            }

    :root[data-scheduler-theme=material] {
        --dhx-scheduler-theme: material;
        --dhx-scheduler-font-family: Roboto, Helvetica, Arial, sans-serif;
        --dhx-scheduler-base-colors-primary: #0288D1;
        --dhx-scheduler-base-colors-primary-hover: #007cbf;
        --dhx-scheduler-base-colors-primary-active: #00659b;
        --dhx-scheduler-base-colors-primary-lighter: #edf8ff;
        --dhx-scheduler-event-background: var(--dhx-scheduler-base-colors-primary);
        --dhx-scheduler-base-colors-border: #e0e0e0;
        --dhx-scheduler-event-title-font-size: calc(var(--dhx-scheduler-font-size) - 2px);
        --dhx-scheduler-event-text-font-size: var(--dhx-scheduler-font-size);
        --dhx-scheduler-event-text-font-weight: 500;
        --dhx-scheduler-heading-font-size: 20px;
        --dhx-scheduler-caption-font-size: var(--dhx-scheduler-font-size);
        --dhx-scheduler-caption-font-weight: 500;
        --dhx-scheduler-btn-font-weight: 500;
        --dhx-scheduler-heading-font-weight: 500;
        --dhx-scheduler-hours-font-size: calc(var(--dhx-scheduler-font-size) - 2px);
        --dhx-scheduler-base-colors-text-base: rgba(0, 0, 0, .75);
        --dhx-scheduler-header-border: 1px solid transparent;
        --dhx-scheduler-scale-color: rgba(0, 0, 0, .54);
        --dhx-scheduler-border-radius: 0;
        --dhx-scheduler-btn-text-transform: uppercase;
        --dhx-scheduler-btn-padding: 1px 20px 0;
        --dhx-scheduler-halfhour-border: none;
        --dhx-scheduler-timeline-folder-background: #ebeced;
        --dhx-scheduler-box-shadow-s: 0 3px 5px 0 rgba(0, 0, 0, .1);
        --dhx-scheduler-box-shadow-m: 0px 4px 24px 0px rgba(44, 47, 60, .36);
        --dhx-scheduler-box-shadow-l: 0px 4px 24px 0px rgba(44, 47, 60, .56);
        --dhx-scheduler-lightbox-title-background: var(--dhx-scheduler-base-colors-primary);
        --dhx-scheduler-lightbox-title-color: #FFFFFF;
        --dhx-scheduler-lightbox-title-font-size: var(--dhx-scheduler-font-size);
        --dhx-scheduler-lightbox-wide-max-width: 540px;
        --dhx-scheduler-config-form_wide: 1
    }

        :root[data-scheduler-theme=material] .dhx_scale_hour {
            justify-content: center
        }

        :root[data-scheduler-theme=material] .dhx_cal_tab {
            min-width: 90px
        }

        :root[data-scheduler-theme=material] .dhx_cal_navline > div {
            order: 1
        }

        :root[data-scheduler-theme=material] .dhx_cal_navline .dhx_cal_next_button {
            order: 6
        }

        :root[data-scheduler-theme=material] .dhx_cal_navline .dhx_cal_today_button {
            order: 5;
            border-color: transparent
        }

        :root[data-scheduler-theme=material] .dhx_cal_navline .dhx_cal_prev_button {
            order: 4
        }

        :root[data-scheduler-theme=material] .dhx_cal_navline .dhx_cal_date {
            order: 3
        }

        :root[data-scheduler-theme=material] .dhx_cal_navline .dhx_cal_date {
            margin-left: auto;
            margin-right: auto
        }

        :root[data-scheduler-theme=material] .dhx_data_table.folder .dhx_matrix_cell {
            border-right: 0
        }

        :root[data-scheduler-theme=material] .dhx_timeline_scale_header {
            border-right: none
        }

        :root[data-scheduler-theme=material] .dhx_cal_container_rtl .dhx_timeline_scale_header {
            border-left: unset
        }

        :root[data-scheduler-theme=material] .dhx_cal_scale_placeholder {
            position: absolute;
            z-index: 2;
            box-shadow: 0 3px 5px #0000001a;
            left: 0;
            pointer-events: none
        }

        :root[data-scheduler-theme=material] .dhx_year_box .dhx_year_month {
            font-weight: 500;
            color: var(--dhx-scheduler-base-colors-primary)
        }

        :root[data-scheduler-theme=material] .dhx_year_box .dhx_month_head.dhx_year_event:after {
            content: none
        }

        :root[data-scheduler-theme=material] .dhx_year_box .dhx_year_event {
            --dhx-scheduler-datepicker-cell-color: var(--dhx-scheduler-datepicker-hover-color);
            --dhx-scheduler-datepicker-cell-background: var(--dhx-scheduler-datepicker-hover-background)
        }

        :root[data-scheduler-theme=material] .dhx_cal_ltitle {
            font-weight: 400;
            text-transform: uppercase
        }

        :root[data-scheduler-theme=material] .dhx_cal_ltitle_controls {
            --dhx-scheduler-base-colors-icons: var(--dhx-scheduler-lightbox-title-color)
        }

        :root[data-scheduler-theme=material] .dhx_timeline_scale_header {
            font-size: var(--dhx-scheduler-caption-font-size);
            font-weight: var(--dhx-scheduler-caption-font-weight);
            color: var(--dhx-scheduler-scale-color);
            line-height: 133%
        }

    :root[data-scheduler-theme=contrast-white] {
        --dhx-scheduler-theme: contrast-white;
        --dhx-scheduler-base-colors-disabled: #C2C2C2;
        --dhx-scheduler-base-colors-text-light: #303030;
        --dhx-scheduler-base-colors-text-base: #303030;
        --dhx-scheduler-base-colors-background: #FFFFFF;
        --dhx-scheduler-base-colors-border: #4D595B;
        --dhx-scheduler-base-colors-primary: #0A47CD;
        --dhx-scheduler-base-colors-primary-hover: #093fb3;
        --dhx-scheduler-base-colors-primary-active: #08379b;
        --dhx-scheduler-base-colors-primary-lighter: #0A47CD;
        --dhx-scheduler-event-background: #0A47CD;
        --dhx-scheduler-event-color: #FFF;
        --dhx-scheduler-event-border: 1px solid rgba(0, 0, 0, .1);
        --dhx-scheduler-base-colors-warning: #FCBA2E;
        --dhx-scheduler-base-colors-success: #77D257;
        --dhx-scheduler-base-colors-error: #FFA7A0;
        --dhx-scheduler-base-colors-error-hover: #d88d88;
        --dhx-scheduler-base-colors-error-active: #cd8984;
        --dhx-scheduler-base-colors-error-lighter: #FFA7A0;
        --dhx-scheduler-base-colors-error-text: #141414;
        --dhx-scheduler-btn-color: #FFFFFF;
        --dhx-scheduler-btn-color-hover: #FFFFFF;
        --dhx-scheduler-btn-color-active: #FFFFFF;
        --dhx-scheduler-base-colors-select: #E7E5E5;
        --dhx-scheduler-base-colors-hover-color: #E7E5E5;
        --dhx-scheduler-base-colors-icons: #303030;
        --dhx-scheduler-scale-color: var(--dhx-scheduler-base-colors-text-light);
        --dhx-scheduler-popup-background: #FFF;
        --dhx-scheduler-popup-border: 1px solid #4D595B;
        --dhx-scheduler-font-size: 16px;
        --dhx-scheduler-heading-font-size: 24px;
        --dhx-scheduler-important-font-size: 16px;
        --dhx-scheduler-regular-font-size: 16px;
        --dhx-scheduler-caption-font-size: 16px;
        --dhx-scheduler-btn-outline-color-hover: #FFFFFF;
        --dhx-scheduler-btn-outline-color-active: #FFFFFF
    }

    :root[data-scheduler-theme=contrast-black] {
        --dhx-scheduler-theme: contrast-black;
        --dhx-scheduler-base-colors-disabled: #3d3d3d;
        --dhx-scheduler-base-colors-text-light: #cfcfcf;
        --dhx-scheduler-base-colors-text-base: #FFFFFFCC;
        --dhx-scheduler-base-colors-background: #141414;
        --dhx-scheduler-base-colors-border: rgba(255, 255, 255, .8);
        --dhx-scheduler-base-colors-primary: #A395FF;
        --dhx-scheduler-base-colors-primary-hover: #C5BCFF;
        --dhx-scheduler-base-colors-primary-active: #C5BCFF;
        --dhx-scheduler-base-colors-primary-lighter: #C5BCFF;
        --dhx-scheduler-event-background: #A395FF;
        --dhx-scheduler-event-color: #141414;
        --dhx-scheduler-event-border: 1px solid rgba(0, 0, 0, .1);
        --dhx-scheduler-base-colors-warning: #694E02;
        --dhx-scheduler-base-colors-success: #115700;
        --dhx-scheduler-base-colors-error: #FFA7A0;
        --dhx-scheduler-base-colors-error-hover: #fb9891;
        --dhx-scheduler-base-colors-error-active: #fe8b83;
        --dhx-scheduler-base-colors-error-lighter: #ffa6a03e;
        --dhx-scheduler-base-colors-error-text: #141414;
        --dhx-scheduler-btn-color: #141414;
        --dhx-scheduler-btn-color-hover: #141414;
        --dhx-scheduler-btn-color-active: #141414;
        --dhx-scheduler-base-colors-select: #2A2A2A;
        --dhx-scheduler-base-colors-hover-color: #2A2A2A;
        --dhx-scheduler-base-colors-icons: #AAAAAA;
        --dhx-scheduler-scale-color: var(--dhx-scheduler-base-colors-text-light);
        --dhx-scheduler-popup-background: #1B1B1C;
        --dhx-scheduler-popup-border: 1px solid #4B4B4B;
        --dhx-scheduler-font-size: 16px;
        --dhx-scheduler-heading-font-size: 24px;
        --dhx-scheduler-important-font-size: 16px;
        --dhx-scheduler-regular-font-size: 16px;
        --dhx-scheduler-caption-font-size: 16px;
        --dhx-scheduler-btn-outline-color-hover: #141414;
        --dhx-scheduler-btn-outline-color-active: #141414
    }


.dhx_cal_container {
    position: relative;
    overflow: hidden;
    font-family: var(--dhx-scheduler-font-family);
    font-size: var(--dhx-scheduler-font-size);
    line-height: 110%;
    display: flex;
    flex-direction: column;
    background-color: var(--dhx-scheduler-container-background);
    color: var(--dhx-scheduler-container-color);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}
    .dhx_cal_container div {
        -webkit-user-select: none;
        user-select: none
    }

.dhx_minical_popup {
    position: absolute;
    z-index: 15
}
.dhx_mini_calendar {
    font-size: var(--dhx-scheduler-datepicker-font-size);
    font-family: var(--dhx-scheduler-datepicker-family);
    line-height: 142%;
    font-weight: 400;
    border: var(--dhx-scheduler-popup-border);
    background: var(--dhx-scheduler-popup-background);
    color: var(--dhx-scheduler-popup-color);
    box-shadow: var(--dhx-scheduler-box-shadow-m);
    border-radius: var(--dhx-scheduler-popup-border-radius);
    --dhx-scheduler-datepicker-font-size: var(--dhx-scheduler-caption-font-size);
    --dhx-scheduler-header-border: none
}

    .dhx_mini_calendar .dhx_cal_month_row {
        height: 35px !important
    }

    .dhx_mini_calendar .dhx_year_week {
        border-bottom: var(--dhx-scheduler-default-border)
    }

    .dhx_mini_calendar .dhx_scale_bar {
        position: static; 
        font-family: "Readex Pro", Helvetica, cursive;
    }

    .dhx_mini_calendar .dhx_year_month {
        font-weight: 500;
        font-size: var(--dhx-scheduler-font-size);
        font-family: "Readex Pro", Helvetica, cursive;
    }

    .dhx_mini_calendar .dhx_month_body {
        display: none
    }

    .dhx_mini_calendar .dhx_cal_month_cell {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        border: none;
        background: var(--dhx-scheduler-popup-background)
    }

    .dhx_mini_calendar .dhx_month_head {
        border-radius: 50%;
        color: var(--dhx-scheduler-datepicker-cell-color);
        background: var(--dhx-scheduler-datepicker-cell-background);
        width: 30px !important;
        height: 30px !important;
        padding: 4px;
        justify-content: center;
        align-items: center;
        cursor: pointer
    }

    .dhx_mini_calendar div.dhx_month_head.dhx_year_event {
        background-color: #0288d133;
        color: #0288d1;
        font-weight: 500;
        font-family: "Readex Pro", Helvetica, cursive;
    }

    .dhx_mini_calendar div.dhx_month_head.dhx_calendar_click {
        background-color: #e5e5e5;
        color: #000000bf;
        font-weight: 500
    }

    .dhx_mini_calendar .dhx_now .dhx_month_head {
        background-color: #f7f7f7
    }

    .dhx_mini_calendar .dhx_after .dhx_month_head, .dhx_mini_calendar .dhx_before .dhx_month_head {
        --dhx-scheduler-datepicker-cell-color: var(--dhx-scheduler-inactive-month-color)
    }

    .dhx_cal_datepicker, .dhx_cal_datepicker *, .dhx_mini_calendar, .dhx_mini_calendar * {
        box-sizing: border-box
    }
.dhx_year_box {
    --dhx-scheduler-month-day-header-padding: 8px 12px
}

    .dhx_year_box .dhx_scale_bar {
        position: relative;
        width: var(--dhx-scheduler-datepicker-cell-size)
    }

    .dhx_year_box .dhx_month_head {
        position: relative
    }

        .dhx_year_box .dhx_month_head.dhx_year_event:after {
            content: "";
            width: 4px;
            height: 4px;
            border-radius: 50%;
            position: absolute;
            bottom: 2px;
            left: 50%;
            transform: translate(-50%);
            background: var(--dhx-scheduler-event-marker-color)
        }

    .dhx_year_box .dhx_month_body {
        display: none
    }

.dhx_year_month {
    text-align: center;
    padding: 12px 0
}

.dhx_year_week {
    display: flex
}
.dhx_before, .dhx_after {
    --dhx-scheduler-month-header-color: var(--dhx-scheduler-inactive-month-color)
}
.dhx_scale_bar {
    font-size: var(--dhx-scheduler-caption-font-size);
    font-weight: var(--dhx-scheduler-caption-font-weight);
    color: var(--dhx-scheduler-scale-color);
    line-height: 133%;
    display: flex;
    box-sizing: border-box;
    height: 100%;
    justify-content: center;
    align-items: baseline;
    padding: var(--dhx-scheduler-base-padding);
    border-left: var(--dhx-scheduler-header-border);
    overflow: hidden
}
.dhx_month_body {
    flex-grow: 1;
    padding: var(--dhx-scheduler-base-padding) calc(var(--dhx-scheduler-base-padding) * 2);
    box-sizing: border-box;
    position: relative
}

.dhx_cal_month_table {
    overflow: hidden
}

.dhx_cal_month_row {
    display: flex
}

.dhx_cal_month_cell {
    box-sizing: border-box;
    background: var(--dhx-scheduler-timescale-background);
    border-right: var(--dhx-scheduler-default-border);
    border-bottom: var(--dhx-scheduler-default-border);
    display: flex;
    flex-direction: column
}

    .dhx_cal_month_cell.dhx_now {
        --dhx-scheduler-timescale-background: var(--dhx-scheduler-timescale-today-background)
    }
.dhx_cal_container div[role=button] {
    cursor: pointer;
   font-family: "Readex Pro", Helvetica, cursive;
}

.dhx_cal_container.dhx_cal_container_rtl {
    direction: rtl
}

.dhx_cal_container, .dhx_cal_container * {
    box-sizing: border-box
}
.dhx_cal_prev_button, .dhx_cal_next_button {
    order: 0;
    width: 20px;
    height: 20px;
    background: var(--dhx-scheduler-btn-background);
    color: var(--dhx-scheduler-btn-color);
    border: 1px solid var(--dhx-scheduler-btn-border-color);
    border-radius: var(--dhx-scheduler-border-radius);
    height: var(--dhx-scheduler-control-height);
    padding: var(--dhx-scheduler-btn-padding, 0 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    gap: 4px;
    flex-shrink: 0;
    font-weight: 500;
    font-size: var(--dhx-scheduler-font-size);
    font-family: var(--dhx-scheduler-font-family);
    font-weight: var(--dhx-scheduler-btn-font-weight, normal);
    line-height: 142%;
    text-transform: var(--dhx-scheduler-btn-text-transform);
    cursor: pointer;
    min-width: 32px;
    height: 32px;
    border-radius: 50%;
    padding: 6px 0;
    --dhx-scheduler-btn-background: transparent;
    --dhx-scheduler-btn-color: var(--dhx-scheduler-base-colors-primary);
    --dhx-scheduler-btn-border-color: transparent;
    --dhx-scheduler-btn-background-hover: transparent;
    --dhx-scheduler-btn-color-hover: var(--dhx-scheduler-base-colors-primary-hover);
    --dhx-scheduler-btn-border-hover: transparent;
    --dhx-scheduler-btn-background-active: transparent;
    --dhx-scheduler-btn-color-active: var(--dhx-scheduler-base-colors-primary-active);
    --dhx-scheduler-btn-border-active: transparent;
    --dhx-scheduler-btn-background-disabled: transparent;
    --dhx-scheduler-btn-color-disabled: var(--dhx-scheduler-base-colors-icons);
    --dhx-scheduler-btn-border-color-disabled: transparent;
    font-size: 24px
}

    .dhx_cal_prev_button:hover, .dhx_cal_next_button:hover {
        background: var(--dhx-scheduler-btn-background-hover);
        color: var(--dhx-scheduler-btn-color-hover);
        border-color: var(--dhx-scheduler-btn-border-hover)
    }

    .dhx_cal_prev_button:active, .dhx_cal_next_button:active {
        background: var(--dhx-scheduler-btn-background-active);
        color: var(--dhx-scheduler-btn-color-active);
        border-color: var(--dhx-scheduler-btn-border-active)
    }

    .dhx_cal_prev_button:disabled, .dhx_cal_next_button:disabled {
        background: var(--dhx-scheduler-btn-background-disabled);
        color: var(--dhx-scheduler-btn-color-disabled);
        border-color: var(--dhx-scheduler-btn-border-disabled)
    }

    .dhx_cal_prev_button:hover, .dhx_cal_next_button:hover {
        --dhx-scheduler-base-colors-icons: var(--dhx-scheduler-base-colors-icons-hover)
    }

    .dhx_cal_prev_button:active, .dhx_cal_next_button:active {
        --dhx-scheduler-base-colors-icons: var(--dhx-scheduler-base-colors-icons-active)
    }

    .dhx_cal_prev_button:disabled, .dhx_cal_next_button:disabled {
        --dhx-scheduler-base-colors-icons: var(--dhx-scheduler-btn-color-disabled)
    }

    .dhx_cal_prev_button:before, .dhx_cal_next_button:before {
        font-family: fontAwesome !important;
        font-style: normal;
        font-weight: 400 !important;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--dhx-scheduler-base-colors-icons)
    }

    .dhx_cal_prev_button:before {
        content: "\f104";
        font-size: 24px
    }

    .dhx_cal_next_button:before {
        content: "\f105";
        font-size: 24px
    }
.dhx_month_head {
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    color: var(--dhx-scheduler-month-header-color);
    justify-content: end;
    align-items: flex-start;
    align-self: stretch;
    padding: var(--dhx-scheduler-month-day-header-padding)
}


.dhx_cal_datepicker_data, .dhx_year_grid {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: var(--dhx-scheduler-datepicker-padding);
    gap: 8px;
    color: var(--dhx-scheduler-month-header-color)
}
.dhtmlXTooltip.tooltip {
    box-shadow: var(--dhx-scheduler-box-shadow-m);
    background-color: var(--dhx-scheduler-popup-background);
    color: var(--dhx-scheduler-popup-color);
    border: var(--dhx-scheduler-popup-border);
    cursor: default;
    padding: 12px;
    position: fixed;
    z-index: 9;
    opacity: 1;
    font-size: var(--dhx-scheduler-regular-font-size);
    line-height: var(--dhx-scheduler-regular-line-height);
    font-weight: var(--dhx-scheduler-regular-font-weight) ;
    font-family: "Readex Pro", Helvetica, cursive;
}

.dhtmlXTooltip_rtl {
    direction: rtl
}