:root {
    --appointment-patient-color: #01574d;
    --appointment-patient-background-color: #D9EDEA;
    --appointment-patient-border-color: #77B4AB;
    --appointment-prescription-color: #29577C;
    --appointment-prescription-background-color: #E7EFFA;
    --appointment-prescription-border-color: #7CACD3;
    --appointment-user-color: #524780;
    --appointment-user-background-color: #F1E7F7;
    --appointment-user-border-color: #C1A1D1;
    --appointment-absence-color: #6E1F25;
    --appointment-absence-background-color: #F8E7E7;
    --appointment-absence-border-color: #DBA1A5;
    --appointment-holiday-color: #B74D00;
    --appointment-holiday-background-color: #FBECDC;
    --appointment-holiday-border-color: #D59868;
    --appointment-first-appointment-color: #314e29;
    --appointment-first-appointment-background-color: #e3f0db;
    --appointment-first-appointment-border-color: #77B479;
}

.e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text, .e-schedule .e-schedule-toolbar .e-active-view .e-icons {
    color: var(--primary-color) !important;
}

.e-btn.e-flat:disabled, .e-css.e-btn.e-flat:disabled {
    display: none;
}

.e-schedule .e-schedule-toolbar .e-toolbar-items {
    background: var(--neutral-color-lightest);
}

.e-schedule .e-vertical-view .e-header-cells.e-current-day {
    color: var(--primary-color);
    font-weight: 500;
}

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
    border-radius: var(--button-border-radius);
}

/* Schriftart Kalender */
.arz-scheduler.e-control, .e-css {
    font-family: var(--font-family) !important;
}

/* Schriftart Quickinfo Template und Buttons*/
.e-control, .e-css {
    font-family: var(--font-family);
    font-weight: var(--font-weight-semibold);
}

.arz-scheduler.e-toolbar .e-tbar-btn .e-tbar-btn-text {
    font-family: var(--font-family) !important;
}

/* Aktueller Tag */
.e-calendar .e-content td.e-today span.e-day,
.e-calendar .e-content td.e-focused-date.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
    box-shadow: inset 1px 0 var(--primary-color), inset 0 1px var(--primary-color), inset -1px 0 var(--primary-color), inset 0 -1px var(--primary-color);
    color: var(--primary-color);
}

/* Ausgewählter/s Tag/Monat/Jahr | Today Button */
.e-calendar .e-content td.e-selected.e-focused-date span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day,
.e-calendar .e-content td.e-selected span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day,
.e-calendar .e-footer-container .e-btn.e-today.e-flat.e-primary,
.e-bigger.e-small .e-calendar .e-footer-container .e-btn.e-today.e-flat.e-primary,
.e-calendar .e-footer-container .e-btn.e-today.e-flat.e-primary:not(:hover),
.e-bigger.e-small .e-calendar .e-footer-container .e-btn.e-today.e-flat.e-primary:not(:hover) {
    color: var(--white-color);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

    /* Ausgewählter/s (aktueller)Tag/Monat/Jahr hover | Today Button hover */
    .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
    .e-calendar .e-content td.e-selected:hover span.e-day,
    .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
    .e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
    .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
    .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
    .e-calendar .e-footer-container .e-btn.e-today.e-flat.e-primary:hover,
    .e-bigger.e-small .e-calendar .e-footer-container .e-btn.e-today.e-flat.e-primary:hover {
        background-color: var(--primary-color-hover);
    }

/* AppointmentItem Tages und Wochenansicht */
.arz-scheduler.e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
    background: var(--appointment-background-color);
    color: var(--appointment-color);
}
/* AppointmentItem Monatsansicht */
.arz-scheduler.e-schedule .e-month-view .e-appointment {
    background: var(--appointment-background-color);
    color: var(--appointment-color);
}

/* First appointment styling */
.appointment-item-first-appointment {
    --appointment-background-color: var(--appointment-first-appointment-background-color);
    --appointment-color: var(--appointment-first-appointment-color);
    border: 1px solid var(--appointment-first-appointment-border-color) !important;
}

/* AllDay-AppointmentItem Tagesansicht (Ganztätige Termine) */
.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details {
    background: var(--appointment-background-color);
    color: var(--appointment-color);
}
/*Koipe des AppointmentItems*/
.appointment-item-copy {
    background: white;
    border-radius: 5px;
    border: 1px solid black;
}

.appointment-item-content {
    margin-left:0.3rem;
    line-height: 14px;
    row-gap: 3px;
}

.arz-scheduler.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-appointment-details {
    padding: 0px !important;
}

/*Container für AppointmentItemCopy im MouseFollow Modus*/
.appointment-item-copy-mouse-follow-container {
    border-radius: var(--button-border-radius);
    position: fixed;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
}
/* Current Time indicator */
.arz-scheduler.e-schedule .e-vertical-view .e-clone-time-indicator, .e-schedule .e-vertical-view .e-current-time {
    color: var(--primary-color);
    font-size: var(--font-size-small) !important;
}
/* Timeline*/
.arz-scheduler.e-schedule .e-vertical-view .e-current-timeline {
    border-top: 1px solid var(--primary-color);
}
/* Aktueller Tag in Monatsansicht */
.arz-scheduler.e-schedule .e-month-view .e-current-date .e-date-header, .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
    background-color: var(--primary-color);
}

/* Farbe Agenda */
.arz-scheduler.e-schedule .e-agenda-view .e-appointment {
    border-left: 3px solid var(--primary-color);
}

.arz-scheduler.e-schedule .e-agenda-view .e-day-date-header.e-current-day {
    color: var(--primary-color);
}

/* Add new Item im Kalender auf der Mobilen ansicht */
.arz-scheduler.e-schedule .e-new-event {
    display: none;
}

/* Add Button in der Headerbar (Mobile Ansicht) */
.arz-scheduler.e-schedule div#Add {
    display: none;
}

/* Quickinfo Content */
.e-quick-popup-wrapper .e-event-popup .e-popup-content {
    padding: 0 0px 0px;
}

.e-quick-popup-wrapper .e-cell-popup .e-popup-content {
    padding-top: 0;
}

/* Quickinfo Footer */
.e-quick-popup-wrapper .e-event-popup .e-popup-footer {
    padding: 0;
}


/*Spinner / Loader im Kalender */
.e-spinner-pane .e-spinner-inner .e-spin-tailwind .e-path-arc {
    stroke: var(--icon-fill);
}

.e-spinner-pane .e-spinner-inner .e-spin-tailwind .e-path-circle {
    stroke: transparent;
}

/*Zellhintergrund Arbeitszeiten*/
.arz-scheduler.e-schedule .e-vertical-view .e-work-hours {
    background-color: var(--white-color) !important;
}
/*Zellhintergrund Arbeitsfreiezeiten*/
.arz-scheduler.e-schedule .e-vertical-view .e-work-cells {
    background-color: #f0f0f0;
}

/*Raster Farbe*/
.e-date-header-wrap table tbody td, .e-vertical-view .e-work-hours, .e-vertical-view .e-work-cells {    
    border-color: var(--neutral-color-lighter) !important;
}

/*Mitarbeiterzeile*/
.e-schedule .e-vertical-view .e-resource-cells {
    font-size: var(--font-size-medium) !important;
    padding-left: 8px;
    height: 35px;
}

/* Uhrzeiten-Spalte*/
.e-schedule .e-vertical-view .e-time-cells-wrap table td{
    background: var(--white-color);
}
.e-schedule .e-vertical-view .e-left-indent {
    width: 3rem !important;
}

/*Kalenderwoche im Dropdown*/
.e-calendar .e-content .e-week-number span{
    vertical-align: middle;
}

@media (min-width: 1400px) {
    .e-schedule .e-vertical-view .e-time-cells-wrap table td, .arz-scheduler.e-schedule .e-vertical-view .e-clone-time-indicator, .e-schedule .e-vertical-view .e-current-time {
        font-size: 0.875rem !important;
    }
}

@media (min-width: 576px) {
    .e-schedule .e-vertical-view .e-left-indent {
        width: 4rem !important;
    }
}

.isolation-container.currentview_week table.e-schedule-table tr td.e-work-cells:nth-child(7n+7),
.isolation-container.currentview_week table.e-schedule-table tr td.e-header-cells:nth-child(7n+7),
.isolation-container.currentview_week table.e-schedule-table tr td.e-all-day-cells:nth-child(7n+7),
.isolation-container.currentview_week table.e-schedule-table tr td.e-resource-cells {
    border-right-width: 3px;
}

.isolation-container.currentview_workweek table.e-schedule-table tr td.e-work-cells:nth-child(5n+5),
.isolation-container.currentview_workweek table.e-schedule-table tr td.e-header-cells:nth-child(5n+5),
.isolation-container.currentview_workweek table.e-schedule-table tr td.e-all-day-cells:nth-child(5n+5),
.isolation-container.currentview_workweek table.e-schedule-table tr td.e-resource-cells {
    border-right-width: 3px;
}

.isolation-container.currentview_day table.e-schedule-table tr td.e-work-cells,
.isolation-container.currentview_day table.e-schedule-table tr td.e-header-cells,
.isolation-container.currentview_day table.e-schedule-table tr td.e-resource-cells,
.isolation-container.currentview_day table.e-schedule-table tr td.e-all-day-cells {
    border-right-width: 2px;
}

.e-schedule .e-vertical-view .e-date-header-wrap table tbody td:first-child{
    border-left-width:1px;
}