html {
    position: relative;
    min-height: 100%;
}

    html body .k-scheduler .k-scheduler-table .k-today:not(.k-selected) {
        background-color: #e4e7eb;
    }

a {
    text-decoration: none;
    color: #2d3a7b;
}

label {
    font-weight: bold;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.form-check-input:checked {
    background-color: #2d3a7b;
    border-color: #2d3a7b;
}

.nav-item.dropdown .dropdown-item:active {
    background-color: #2d3a7b !important;
}

/*tr.k-master-row.k-alt {
    background-color: rgba(199, 236, 247, 0.4);
}*/

.time-text {
    font-weight: 700 !important;
}

.monthText {
    font-weight: 500;
    font-size: small;
    margin-top: 1px;
    margin-left: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.weekText {
    font-weight: 500;
    font-size: small;
    margin-top: 1px;
    margin-left: 1px;
}

.dayText {
    font-weight: 500;
    font-size: small;
    margin-top: 1px;
    margin-left: 1px;
}

.list-text {
    font-weight: 500;
}

.employee-name-item {
    display: inline-block;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 1335px) {
    .employee-name-item {
        width: 75%;
    }
}

.employeeHint {
    display: block;
    border: 1px solid #000000;
    background-color: #f5f5f5;
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
}

#employee-list > ul {
    margin: 0 -10px;
    border: 0;
    box-shadow: none;
    padding: 0;
    list-style: none;
}

#employee-list img {
    border: 3px solid #2d3a7b;
    border-radius: 50%;
    border-width: 1px;
    margin-right: 5px;
    max-width: 30px;
}

#employee-list div {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
}

    #employee-list div:hover {
        text-decoration: none;
        cursor: pointer;
    }

.badge {
    min-width: 20px;
    padding: 3px;
    text-align: left;
    background-color: #2d3a7b;
}

/*.DOC {
    font-weight: bold;
}*/

.dialog-buttongroup {
    margin: 0;
    border-radius: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    width: auto;
    padding-top: 1em;
    text-align: right;
    border-top: 1px solid #e3e3e3;
}

.card {
    margin-bottom: 20px;
}

/*legends*/
.icon-legend-item {
    background-color: black;
    color: white;
    border-radius: 3px;
    font-size: 11px;
    border: 1px solid;
    display: inline-block;
    width: 114px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
}

/**********************************************/

.icon-legend-item-vert {
    background-color: black;
    color: white;
    border-radius: 3px;
    font-size: 11px;
    border: 1px solid;
    display: block;
    width: 116px;
    text-align: left;
    padding: 3px;
    margin-top: 5px;
    white-space: nowrap;
    cursor: pointer;
}

    .icon-legend-item-vert.icon-legend-unselected {
        background-color: white;
        color: black;
        border: 1px solid gray;
    }

/**********************************************/

.icon-legend-item-vert-discipline {
    color: black;
    border-radius: 3px;
    font-size: 11px;
    border: 1px solid;
    display: block;
    width: 116px;
    text-align: left;
    padding: 3px;
    margin-top: 5px;
    white-space: nowrap;
}

@media only screen and (max-width: 768px) {
    #main-content-area {
        margin-left: 0;
    }

    .k-scheduler-timecolumn, .k-scheduler-datecolumn, .k-scheduler-table td {
        width: auto;
        white-space: normal;
    }

    .container-fluid {
        --bs-gutter-x: 0.5rem;
    }

    #right-panel {
        margin-top: 1rem;
    }

    td.k-command-cell > button {
        margin-top: 0.1rem !important;
        margin-bottom: 0.1rem !important;
    }

    #shiftNotesGridDisplay,
    .k-form {
        width: 340px !important;
        padding: 4px;
    }

    #shiftNotesGrid {
        width: 340px !important;
    }

    table#shiftnotes .k-listview-content tr {
        background-color: transparent !important;
    }
}

.color-legend-item {
    color: black;
    border-radius: 3px;
    font-size: 11px;
    border: 1px solid;
    display: inline-block;
    width: 65px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.color-legend-item-vert {
    color: black;
    border-radius: 3px;
    font-size: 11px;
    border: 1px solid;
    display: block;
    width: 70px;
    text-align: center;
    padding: 3px;
    margin-top: 5px;
    white-space: nowrap;
}

.hour-legend-item-vert {
    color: black;
    border-radius: 3px;
    font-size: 11px;
    border: 1px solid;
    display: block;
    width: 100px;
    text-align: left;
    padding: 3px;
    margin-top: 5px;
}

.k-event {
    border-width: 1px;
    color: black;
}

.multi-shift {
    min-height: 25px;
    box-sizing: border-box;
    border-radius: .375rem;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    cursor: default;
    margin-bottom: .1rem;
}

.k-event.k-selected {
    color: black;
    box-shadow: inset 0 0 0 2px #6c757d;
}

/* Styles for published */
.k-event.color-open, .color-open {
    background-color: #B0E3FA;
    border-color: #47C6FF;
}

.k-event.color-normal, .color-normal {
    background-color: #BAC0DE;
    border-color: #707FCE;
}

.k-event.color-training-oc, .k-event.color-pickup, .color-training-oc, .color-pickup {
    background-color: #A8E6A8;
    border-color: #61D161;
}

.k-event.color-trainer-ic, .color-trainer-ic {
    background-color: #FCCEBB;
    border-color: #FCAB82;
}

.k-event.color-trainee-ic, .color-trainee-ic {
    background-color: #D5ACFF;
    border-color: #B368FD;
}

.k-event.color-unavailable, .color-unavailable {
    background-color: #F7ACAC;
    border-color: #FD6868;
}

.k-event.color-pending, .color-pending {
    background-color: #DDD6D3;
    border-color: #A99289;
}

.k-event.color-pending-wait, .color-pending-wait {
    background-color: #A99F9B;
    border-color: #A99F9B;
}

.k-event.color-on-call, .color-on-call {
    background-color: #C2D6D6;
    border-color: #85ADAD;
}

.k-event.color-quarantine, .color-quarantine {
    background-color: #D8C1CB;
    border-color: #817C80;
}

.k-event.color-vcp, .color-vcp {
    background-color: #C2D6C2;
    border-color: #738C73;
}

.k-event.color-pto, .color-pto {
    background-color: #ffffbc;
    border-color: #c8ba3a;
}

.k-event.color-critical, .color-critical {
    background-color: #ff66ff;
    border-color: #ff66ff;
}

.k-event.color-omsc, .color-omsc {
    background-color: #ff99ff;
    border-color: #ff99ff;
}

.k-event.color-flex, .color-flex {
    background-color: #30d5c8;
    border-color: #30d5c8;
}

/* End styles for published */

/* Styles for unpublished */
.k-event.color-open-unpublished, .color-open-unpublished {
    background-color: #FFFFFF;
    border: solid #47C6FF;
    border-width: 2px 8px 2px 2px;
}

.k-event.color-normal-unpublished, .color-normal-unpublished {
    background-color: #FFFFFF;
    border: solid #707FCE;
    border-width: 2px 8px 2px 2px;
}

.k-event.color-training-oc-unpublished, .color-training-oc-unpublished {
    background-color: #FFFFFF;
    border: solid #61D161;
    border-width: 2px 8px 2px 2px;
}

.k-event.color-trainer-ic-unpublished, .color-trainer-ic-unpublished {
    background-color: #FFFFFF;
    border: solid #FCAB82;
    border-width: 2px 8px 2px 2px;
}

.k-event.color-trainee-ic-unpublished, .color-trainee-ic-unpublished {
    background-color: #FFFFFF;
    border: solid #B368FD;
    border-width: 2px 8px 2px 2px;
}

.k-event.color-unavailable-unpublished, .color-unavailable-unpublished {
    background-color: #FFFFFF;
    border: solid #FD6868;
    border-width: 2px 8px 2px 2px;
}

.k-event.color-pending-unpublished, .color-pending-unpublished {
    background-color: #FFFFFF;
    border: solid #A99289;
    border-width: 2px 8px 2px 2px;
}

.k-event.color-on-call-unpublished, .color-on-call-unpublished {
    background-color: #FFFFFF;
    border: solid #85ADAD;
    border-width: 2px 8px 2px 2px;
}

.k-event.color-quarantine-unpublished, .color-quarantine-unpublished {
    background-color: #FFFFFF;
    border: solid #817C80;
    border-width: 2px 8px 2px 2px;
}

.k-event.color-vcp-unpublished, .color-vcp-unpublished {
    background-color: #FFFFFF;
    border: solid #738C73;
    border-width: 2px 8px 2px 2px;
}

.k-event.color-pto-unpublished, .color-pto-unpublished {
    background-color: #FFFFFF;
    border: solid #ffffbc;
    border-width: 2px 8px 2px 2px;
}

.k-event.color-omsc-unpublished, .color-omsc-unpublished {
    background-color: #FFFFFF;
    border: solid #ff99ff;
    border-width: 2px 8px 2px 2px;
}

.k-event.color-flex-unpublished, .color-flex-unpublished {
    background-color: #FFFFFF;
    border: solid #30d5c8;
    border-width: 2px 8px 2px 2px;
}

/* End styles for unpublished */

.legend-unselected {
    background-color: white;
    color: black;
}

.icon-unselected {
    background-color: white;
    color: black;
}

@media screen {
    .print-header {
        display: none;
    }

    .print-header-left {
        display: none;
    }

    .print-header-center {
        display: none;
    }

    .print-header-right {
        display: none;
    }
}

@media print {
    @page {
        size: landscape;
    }

    .k-scheduler,
    .k-scheduler-content,
    .k-scheduler-times {
        height: auto !important;
    }

    .k-scheduler-content {
        overflow-y: scroll !important;
    }

    #main-content-area {
        margin-left: 0;
    }

    .print-header {
        display: flex;
        justify-content: space-between;
    }

    .print-header-left {
        width: 33%;
        text-align: left;
        font-size: 1.5rem;
        font-weight: 500;
    }

    .print-header-center {
        width: 33%;
        text-align: center;
        font-size: 1.5rem;
        font-weight: 500;
    }

    .print-header-right {
        width: 33%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }

    header,
    .k-scheduler-toolbar,
    .k-grid-toolbar,
    #left-sidebar,
    #right-panel,
    #exportButton,
    #printButton,
    #selectFlagsButtons {
        display: none;
    }
}

/*kendo custom*/
.k-widget.k-tooltip {
    background-color: whitesmoke;
}

.k-event.open-shift.drop-hover {
    opacity: 0.5;
}

.k-event.drop-hover {
    opacity: 0.5;
}

.multi-shift.drop-hover {
    opacity: 0.5;
}

#shiftNotesGrid .k-grid-header, #shiftNotesGridDisplay .k-grid-header {
    padding: 0 !important;
}

#shiftNotesGrid .k-grid-content, #shiftNotesGridDisplay .k-grid-content {
    overflow-y: visible;
}

/* Use the DejaVu Sans font for display and embedding in the PDF file */
.k-pdf-export .k-scheduler {
    font-family: "DejaVu Sans", "Arial", sans-serif;
}

/* Hide toolbar, navigation and footer during PDF export */
.k-pdf-export .k-scheduler-toolbar,
.k-pdf-export .k-scheduler-navigation .k-nav-today,
.k-pdf-export .k-scheduler-navigation .k-nav-prev,
.k-pdf-export .k-scheduler-navigation .k-nav-next,
.k-pdf-export .k-scheduler-footer {
    display: none;
}

/* Date-Range Filter Position */
#startEnd_dateview {
    top: 150px !important;
    position: absolute;
    left: 250px;
}

.pto-blocked-day {
    background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 1, 1, 0.23) 10px, rgba(255, 1, 1, 0.23) 20px) !important;
}