.popover {
    max-width: 640px;
}

.future-schedules-btn {
	background-color: #fd9843 !important;
	color: #fff !important;
	border-color: #fd9843 !important;
}

.future-schedules-btn:hover {
    background-color: #fc7c11 !important;
	border-color: #fc7c11  !important;
	cursor: pointer;
}

div.assignments-grid {
    justify-content: space-between;
    margin: 0 auto;
}

table.assignments-header {
    table-layout: fixed;
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #FFFFFF;
    margin: 0 auto;
}

table.assignments {
    table-layout: fixed;
    margin: 0 auto;
}

table.assignments > tbody > tr > td {
    height: 36;
}

table.assignments > tbody > tr:hover, table.schedule > tbody > tr:hover {
    background: #fffef9;
}

table.assignments > tfoot {
    border-top: 0 !important;
}

table.assignments > .time-col {
    width: 150px
}

.acuity-0.assignment {
    background: #ADB5BDCC;
    color: black;
}

.acuity-0.assignment.assignment-extra {
    background: #bfc6caCC;
}

.acuity-1.assignment {
    background: #75B798CC;
    color: white;
}

.acuity-1.assignment.assignment-extra {
    background: #92c6aeCC;
}

.acuity-2.assignment {
    background: #9EC5fECC;
    color: black;
}

.acuity-2.assignment.assignment-extra {
    background: #c0dafeCC;
}


.acuity-3.assignment {
    background: #E685B5CC;
    color: black;
}

.acuity-3.assignment.assignment-extra {
    background: #eeacccCC;
}

.acuity-4.assignment {
    background: #FD9843CC;
    color: black;
}

.acuity-4.assignment.assignment-extra {
    background: #fec290CC;
}

.acuity-5.assignment {
    background: #B02A37CC;
    color: white;
}

.acuity-5.assignment.assignment-extra {
    background: #d24250CC;
}

.assignment {
    position: absolute;
    box-shadow: 0 0 2px #c8c8c8;
    margin-top: -5;
    white-space: nowrap;
}

.assignment-strip {
    position: absolute;
    margin-top: 27px;
    left: 0;
    width: 10px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 2px #c8c8c8;
}

.acuity-0 .assignment-strip {
    background: #BEC0C155;
}

.acuity-1 .assignment-strip {
    background: #D1E7DD55;
}

.acuity-2 .assignment-strip {
    background: #9EC5FE55;
}

.acuity-3 .assignment-strip {
    background: #F7D6E655;
}

.acuity-4 .assignment-strip {
    background: #FFE5D055;
}

.acuity-5 .assignment-strip {
    background: #F8D7DA55;
}

th.acuity-range-good {
    background: #6EA8FE;
}

th.acuity-range-lower {
    background: #A3CFBB;
}

th.acuity-range-upper {
    background: #FEB272;
}

th.acuity-range-danger {
    background: #E35D6A;
}

.treatment > .acuity-badge {
    background: #EEEEEE;
    color: black;
}

.injection > .acuity-badge {
    background: #393939;
    color: white;
}

.non-preferred-nurse {
    position: absolute;
    top: -12px;
    left: -8px;
    color: red;
}

tr.patient-injection {
    background: #F7F7F777;
}

tr.patient-unassigned {
    background: #F6FFB477;
}

tr.patient-new {
    background: #d1ffdb77;
}

tr.patient:hover {
    background: #f0faff;
}

td.block-available {}
td.block-unavailable {
    background: #F3F3F3;
}

td.block-lunch {
    background: #f0ffff;
}

td.block-vacation {
    background: #f6ffff;
}

td.block-travel {
    background: #fff6fa;
}

td.block-meeting {
    background: #f6fff7;
}

td.block-closed {
    background: #ffc1cc
}

.no-select {
    user-select: none;
    -moz-user-select: none;
}

td.slot-selected {
    border: 1px solid blue;
}

td.slot-today {
    background: #fffef9;
}


.acuity-undefined, .acuity-undefined > select {
    color: red !important;
    animation: blinker 1s linear infinite;
}

.update-available {
    animation: blinker 1s linear infinite;
}

.dropdown-menu {
    z-index: 9999;
}

.colorpicker {
    max-width: 660px;
    padding: 1em;
    box-shadow: 0 0 10px black;
}

.colorpicker-item {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 5px;
    margin: 5px;
}

.colorpicker-item.active, .colorpicker-item:hover {
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}

.btn-colorpicker {
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.time-row-hour {
    height: 1em;
    border-top: 2px solid #ccc;
}

.time-row-min {
    height: 1em;
}

.patient-similar-name {
    text-decoration: underline;
}

#chartjs-tooltip {
    background: #fffd;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 0 0 5px black;
}

#chartjs-tooltip > table {
    margin-bottom: 0;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.header-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: start;
    gap: 0.75rem;
}
.header-grid > :first-child {
    justify-self: start;
}
.header-grid > :nth-child(2) {
    justify-self: center;
    text-align: center;
}
.header-grid > :last-child {
    justify-self: end;
    text-align: right;
}

@media screen {
    .print-container,
    .print-page {
        display: none !important;
    }
    .web-header,
    .web-assignments {
        display: block !important;
    }
}

@media print {

    @page {
        margin: 0 0.25in;
    }

    .no-print {
        display: none;
    }

    html, body {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .print-container {
        display: block !important;
    }

    .print-page thead {
        display: table-header-group;
    }
    .print-page tfoot {
        display: table-footer-group;
    }

    .print-page {
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
    }

    .nurse-section + .nurse-section {
        page-break-before: always;
        break-before: page;
    }

    .print-page thead td,
    .print-page thead th,
    .print-page tbody td {
        padding: 3px !important;
        vertical-align: top;
    }

    .print-patient {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .web-header,
    .web-assignments {
        display: none !important;
    }

    .print-header {
        display: block !important;
    }

    /* Do not print popup messages */
    .toast-container, .tooltip {
        display: none;
    }

    /* Keep background colors in grid */
    table {
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
    }

    .shadow {
        box-shadow: none !important;
    }

    .logo {
        height: 0.2in;
        float: left;
    }

    .nurse-assignments-view {
        margin-top: 0.25in;
        height: fit-content !important;
    }

    .fancy-title {
        float: right;
        margin-bottom: 0.1in;
    }

    h1, h2, h3, h4 {
        font-size: 12px;
    }

    td, th {
        font-size: 10px;
    }

    span.assignment {
        font-size: 9px;
        padding: 1px 2px;
    }

    td.time-col, th.time-col {
        width: 60px;
    }

    .assignment {
        margin-top: -1;
    }

    table.assignments > tbody > tr > td {
        height: 20px;
        padding: 2px;
    }

    div.powered-by {
        margin-top: 0.2in !important;
    }

    .modal-backdrop {
        display: none;
    }

    .modal {
        position: relative;
        height: fit-content !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    .modal-body {
        overflow-y: visible !important;
    }

    .modal-open {
        overflow: visible !important;
    }

    .modal-content, .modal-fullscreen {
        height: fit-content !important;
        width: 100% !important;
    }

    .print-modal {
        background: white !important;
    }

    .table-condensed > * > tr > td {
        padding: 0.25rem 0.25rem;
    }
}