:root {
    --day-calendar-column-title-color: var(--button-background);
    --day-calendar-column-title-color-hover: var(--button-background-hover);
    --day-calendar-column-title-background-hover: transparent;

    --day-calendar-current-time-background: #D6EEE2;
    --day-calendar-selected-cell-background: #fafafa;

    --day-calendar-event-reserved-color: white;
    --day-calendar-event-reserved-background: var(--main-record-color-turquoise);
    --day-calendar-event-reserved-background-hover: var(--main-record-color-turquoise);
    --day-calendar-event-wait-color: white;
    --day-calendar-event-wait-background: var(--main-record-color-violet);
    --day-calendar-event-wait-background-hover: var(--main-record-color-violet);
    --day-calendar-event-done-color: white;
    --day-calendar-event-done-background: var(--main-record-color-green);
    --day-calendar-event-done-background-hover: var(--main-record-color-green);
    --day-calendar-event-canceled-color: white;
    --day-calendar-event-canceled-background: var(--main-record-color-orange);
    --day-calendar-event-canceled-background-hover: var(--main-record-color-orange);
    --day-calendar-event-block-color: white;
    --day-calendar-event-block-background: var(--main-record-color-purple);
    --day-calendar-event-block-background-hover: var(--main-record-color-purple);

    --day-calendar-event-border: 2px solid var(--main-background-color);
}
:root.high-contrast {
    /* --day-calendar-column-title-color: var(--button-color); */

    --day-calendar-column-title-color: var(--button-color);
    --day-calendar-column-title-color-hover: var(--button-color-hover);
    --day-calendar-column-title-background-hover: var(--button-color);

    --day-calendar-event-reserved-color: black;
    --day-calendar-event-wait-color: black;
    --day-calendar-event-done-color: black;
    --day-calendar-event-canceled-color: black;
    --day-calendar-event-block-color: black;

    --day-calendar-current-time-background: #00371C;
    --day-calendar-selected-cell-background: #060606;
}
.form-wizyta-badany-kalendarz input,
.form-wizyta-badany-kalendarz select {
    width: 100%;
}
.form-wizyta-badany-kalendarz .buttons-panel .sm-button {
    min-width: var(--button-min-width);
}
.form-wizyta-badany-kalendarz .buttons-panel {
    margin-top: 1em;
    display: flex;
    flex-direction: row;
    column-gap: 0.5em;
    justify-content: right;
}
.form-wizyta-badany-kalendarz .flex {
    display: flex;
    flex-direction: row;
    column-gap: 1em;
    margin-top: 1em;
}
.form-wizyta-badany-kalendarz .right-column {
    width: 100%;
    /* max-height: 600px; */
    /* overflow: auto; */
    /* padding: 1px; */
}
.form-wizyta-badany-kalendarz .d-columns-container {
    display: grid;
    width: 100%;
    margin-top: 1em;
    column-gap: 1em;
    row-gap: 1em;
}
.form-wizyta-badany-kalendarz .d-column-container {
    position: relative;
}

.form-wizyta-badany-kalendarz .d-column-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
}
.form-wizyta-badany-kalendarz .d-column-table-title {
    padding: 0.5em;
    text-align: center;
    font-weight: 400;
}
.form-wizyta-badany-kalendarz .d-column-table-header {
    display: table-row;
    height: calc(30 * 1px);
}
.form-wizyta-badany-kalendarz .d-column-table-header-cell {
    display: table-cell;
    border: 1px solid var(--main-table-td-border-color);
    text-align: center;
    vertical-align: middle;
    background-color: var(--main-record-background-color-hover);
}
.form-wizyta-badany-kalendarz table.form-wizyta-badany-kalendarz span {
    display: none;
    color: var(--main-low-visibility-color);
    font-weight: normal;
    padding-right: 1em;
    align-self: center;
}
.form-wizyta-badany-kalendarz .d-column-table-cell {
    display: table-cell;
    border: 1px solid var(--main-table-td-border-color);
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
}
.form-wizyta-badany-kalendarz .d-column-table-cell-hours-current {
    width: calc(60 * 1px);
    background-color: var(--day-calendar-current-time-background);
}
.form-wizyta-badany-kalendarz .d-column-table-cell-hours {
    width: calc(60 * 1px);
    background-color: var(--main-record-background-color-hover);
}
.form-wizyta-badany-kalendarz .d-column-table-cell-content {
    display: contents;
}
.form-wizyta-badany-kalendarz .d-column-table-row {
    display: table-row;
}

.form-wizyta-badany-kalendarz .visually-hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 150ms ease-in, opacity 150ms ease-in;
    /* transition: opacity .15s ease-in-out; */
}
.form-wizyta-badany-kalendarz .d-events-container {
    position: absolute;
    top: calc(30 * 1px + 1px);
    width: calc(100% - (60 * 1px) - 3px - 15px) ;
    left: calc(60 * 1px + 2px);
}
.form-wizyta-badany-kalendarz .d-event {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    /* border:  var(--day-calendar-event-border); */
    opacity: 0.8;
}
.form-wizyta-badany-kalendarz .cell-description-container {
    display: flex;
    flex-direction: row;
    padding-left: 1em;
    padding-right: 1em;
    column-gap: 0.5em;
}
.form-wizyta-badany-kalendarz .cell-description {
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 1;
    flex: 1;
    white-space: nowrap;
}
.form-wizyta-badany-kalendarz .cell-icon {
    flex: 0;
    padding-right: 0.25em;
}
.form-wizyta-badany-kalendarz .hidden {
    display: none;
}
.form-wizyta-badany-kalendarz .d-column-table-container {
    position: relative;
}
.form-wizyta-badany-kalendarz .d-column-table-cell-selectable {
    cursor: pointer;
}
.form-wizyta-badany-kalendarz .d-column-table-cell-selectable:hover {
    background-color: var(--day-calendar-selected-cell-background);
}
.form-wizyta-badany-kalendarz .d-column-table-cell-no-selectable {
    cursor: no-drop;
    background-color: var(--main-background-disabled);
}
.form-wizyta-badany-kalendarz .d-column-table-cell-content {
    display: contents;
}
.form-wizyta-badany-kalendarz .event-reserved {
    color: var(--day-calendar-event-reserved-color);
    background-color: var(--day-calendar-event-reserved-background);
}
.form-wizyta-badany-kalendarz .event-reserved:hover {
    filter: brightness(1.1);
}
.form-wizyta-badany-kalendarz .event-wait {
    color: var(--day-calendar-event-wait-color);
    background-color: var(--day-calendar-event-wait-background);
}
.form-wizyta-badany-kalendarz .event-wait:hover {
    filter: brightness(1.1);
}
.form-wizyta-badany-kalendarz .event-done {
    color: var(--day-calendar-event-done-color);
    background-color: var(--day-calendar-event-done-background);
}
.form-wizyta-badany-kalendarz .event-done:hover {
    filter: brightness(1.1);
}
.form-wizyta-badany-kalendarz .event-canceled {
    color: var(--day-calendar-event-canceled-color);
    background-color: var(--day-calendar-event-canceled-background);
}
.form-wizyta-badany-kalendarz .event-canceled:hover {
    filter: brightness(1.1);
}
.form-wizyta-badany-kalendarz .event-block {
    color: var(--day-calendar-event-block-color);
    background-color: var(--day-calendar-event-block-background);
}
.form-wizyta-badany-kalendarz .event-block:hover {
    filter: brightness(1.1);
}
.form-wizyta-badany-kalendarz .event-znacznik {
    background-color: #D6EEE2;
}
.form-wizyta-badany-kalendarz .date-label {
    font-family: Montserrat;
    font-weight: 500;
    color: var(--main-accent-color);
}