.scheduling-layout {
    display: flex;
    flex-direction: column;
    max-height: 78vh;
    width: 98%;
}

.scheduling-main-container {
    display: flex;
    height: 60vh;
}

.schedule-container {
    margin-right: 0;
    width: 100%;
}

.resourcemanager-container {
    height: 100%;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    background-color: var(--scheduler-resourcemanager-container-bkg-color);
    margin-right: 1%;
    padding-bottom: 1%;
    overflow: auto;
}

.resource-list{
    width: fit-content;
    overflow: auto;
}

.resource-toggle-overview-container {
    width: 10vw;
    height: 10vh;
}

.resource-toggle-container {
    display: flex;
    flex-direction: row;
    margin: auto;
    padding: 0.5vh;
    border: 1px solid var(--scheduler-resourcemanager-toggle-btn-border-color);
    background-color: var(--scheduler-resourcemanager-toggle-btn-bkg-color);
    border-radius: 5px;
    width: 100%;
    height: 100%;
}

.resource-toggle-btn {
    margin: auto 1% auto auto;
    width: 28%;
    height: 5vh;
}

.resource-toggle-name {
    margin: auto auto auto 0;
}

.resource-display {
    margin: 3% auto;
    padding: 2%;
    border-radius: 5px;
    text-align: center;
}

    .resource-display:hover {
        background-color: var(--scheduler-resourcemanager-display-hover-bkg-color);
        cursor: pointer;
    }

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.resource-search-container {
    padding: 1em;
}

.resource-manager-button {
    background-color: inherit;
    margin: 1vh auto 1vh 0.5vw;
}

.inherit-background {
    background-color: inherit;
}

.appointment-editor-field {
    width: 95%;
    margin: 1% auto auto 1%;
    border-radius: 5px;
}

.appointment-editor-participant-list {
    display: flex;
    flex-direction: row;
    margin-bottom: 1%;
}

.appointment-editor-date {
    width: 30%;
}

.appointment-editor-button-container {
    margin-top: 1.5%;
    margin: 1.5% auto auto 1%;
}

.horizontal-listview .k-listview-item {
    display: inline-block;
    border-radius: 10px;
}

.scheduler-add-appointment-btn {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 0.5%;
}

.scheduler-disabled-slot {
    opacity: 0.5;
}

.scheduler-error-container {
    padding: 1%;
}

.scheduler-error-text {
    height: 50%;
    margin: auto;
}

.appointment-editor-recurrence-options-container {
    margin: 1% 0 2% 0;
}

.appointment-editor-recurrence-options-margin {
    margin-bottom: 1%;
}

.appointment-editor {
    max-height: 100vh;
    overflow-y: auto;
}

.appointment-editor-delete-btn {
    height: 100%;
    color: var(--scheduler-appointmenteditor-delete-btn-color);
    background-color: var(--scheduler-appointmenteditor-delete-btn-bkg-color);
}

.appointments-to-plan-collapse-btn-collapsed {
    width: 45%;
    margin-left: 50%;
}

.appointments-to-plan-collapse-btn {
    width: 100%;
    margin-left: 30%;
}

.appointments-to-plan-container {
    height: 100%;
    width: 100%;
}

.appointments-to-plan-refresh-btn {
    margin-right: 0;
    width: 2%;
}

.appointments-to-plan-grid {
    height: 25vh;
}

.appointments-to-plan-btn-container {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: start;
    flex-wrap: nowrap;
    margin: 1vh auto;
    column-width: 5vw;
}

.appointments-to-plan-btn-container-field {
    width: 33%;
}

.appointments-to-plan-disabled-grid-row {
    opacity: 0.4;
    cursor: not-allowed !important;
}

.mt-1pc {
    margin-top: 1%;
}