@media screen {
    .book-drop-dates input[type="text"] {
        display: inline-block;
        width: auto;
    }

    .move-able ul li {
        padding-bottom: 0;
        padding-left: 5px;
    }

    .drop ul li {
        padding-left: 5px;
    }
        .unassigned-jobs li:hover,.unassigned-jobs li:focus {
            border: 1px solid var(--header-bar-color);
            box-shadow: 0 0 3px var(--header-bar-color);
            outline: none;
        }
        .circulation-jobs-table td input[type="submit"] {
            position: relative;
            top: 5px;
        }

        .circulation-jobs-table td input[type="text"] {
            margin-right: 10px;
            position: relative;
            top: 5px;
        }

    .scheduling-table {
        width: auto;
        width: initial;
        table-layout: fixed;
    }

        .scheduling-table li p:first-child {
            font-weight: bold;
        }

    .table-schedule {
        width: 100%;
    }

        .table-schedule td {
            font-weight: bold;
            margin: 0;
            padding: 7px 0;
        }

        .table-schedule tr {
            border: none;
            margin: 0;
        }

            .table-schedule tr:nth-child(odd) {
                background-color: var(--table-row-odd-color);
            }

            .table-schedule tr:nth-child(even) {
                background-color: var(--table-row-even-color);
            }

                .table-schedule tr:nth-child(even) a:hover {
                    color: var(--header-bar-link-hover-color);
                }

            .table-schedule tr td {
                border-left: 1px dashed #000;
            }

        .table-schedule .name-schedule {
            border-left: none;
            padding-left: 10px;
            padding-right: 5px;
            width: 70px;
        }

        .table-schedule th {
            background-color: var(--a11y-orange);
            border-left: 1px dashed white;
            color: var(--header-bar-link-color);
            padding: 15px 0;
            text-align: center;
            width: 20px;
        }

            .table-schedule th.employees-schedule {
                border: none;
                padding: 15px 5px;
                text-align: inherit;
                width: 70px;
            }

    .placed-job {
        margin-bottom: 20px;
    }

        .placed-job a {
            padding-left: 0;
        }

        .placed-job ul li {
            cursor: pointer;
            padding-bottom: 0;
            padding-left: 5px;
        }
            .placed-job table td input[type="text"] {
                position: relative;
                top: 11px;
            }

            .placed-job table td input[type="checkbox"] {
                position: relative;
                top: 8px;
            }

    .table-shifts {
        position: static;
    }

    .start {
        background-color: var(--a11y-orange);
        color: var(--header-bar-link-color);
        font-weight: bold;
        text-align: center;
    }

    .other-title {
        background-color: black;
        color: white;
        font-weight: bold;
        text-align: center;
    }

    .conflict {
        background-color: #FC4141;
        color: white;
        font-weight: bold;
        text-align: center;
    }

    .preferred {
        background-color: green;
    }

    .available {
        background-color: white;
    }

    .taken {
        background-color: red;
    }

    .selected {
        background-color: blue !important;
    }


    .eval-description {
        margin-bottom: 40px;
    }

    .individual-jobs {
        background-color: var(--table-row-odd-color);
        border-radius: 5px;
        cursor: default;
        margin-bottom: 10px;
        margin-top: 10px;
    }

        .individual-jobs ul li {
            padding-bottom: 0;
        }

    .drop-zone {
        background-color: var(--table-row-even-color);
        border-radius: 5px;
        cursor: default;
        height: 70px;
    }

    .unscheduled-drop-zone {
        background-color: #FC4141;
        border-radius: 5px;
        cursor: default;
        height: 70px;
    }

    .number-for-jobs {
        display: inline-block;
        text-align: left;
        vertical-align: top;
        width: 49%;
    }

    .time-for-jobs {
        display: inline-block;
        text-align: right;
        vertical-align: top;
        width: 49%;
    }

}