/* Imported fonts */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/*!*  On mobile *!*/
/*@media only screen and (max-width: 600px) {*/
/*    #row-table-requests {*/
/*        position: absolute;*/
/*    }*/
/*}*/

/* General instructions for styling throughout the entire website */
body {
    font-family: "Arial", sans-serif;
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
}

.align-checkbox {
    margin: auto;
    background-position: right top;
}

.bold {
    font-weight: bold; /* For bold text. */
}

.dmy {
    display: inline-flex;
    background-color: #dcdcdc;
    border-radius: 2px;
    width: 100%;
    font-size: 0.8rem;
    color: black;
    padding-left: 1px;
    border-bottom: 1px darkgrey solid;
}

.footer {
    font-size: 12px;
}

.darkMode-switch .form-check-input {
    border-color: #0F5132;
    background-image: url("../img/summer.png");
    width: 2.25em;
    height: 1.15em;
}

.darkMode-switch .form-check-input:checked {
    background-color: #0F5132;
    border-color: #0F5132;
    background-image: url("../img/half-moon.png");
}

.darkMode-switch .form-check-input:focus {
    box-shadow: 0 0 4px 4px #0F5132;
    border-color: #0F5132;
}

.freeDays {
    background-color: darkgrey !important;
}

.hasChanged {
    color: coral;
    font-weight: bold;
}

.navbar-brand {
    color: grey;
}

.otherSwitches .form-check-input {
    border-color: #D1E7DD;
    background-image: url("../img/x.png");
}

.otherSwitches .form-check-input:checked {
    background-color: #D1E7DD;
    border-color: #D1E7DD;
    background-image: url("../img/v.png");
}

.otherSwitches .form-check-input:focus {
    box-shadow: 0 0 4px 4px #D1E7DD;
    border-color: #D1E7DD;
}

.pre-selected {
    background-color: #a2caf2 !important;
    border: 2px blue solid !important;
    font-weight: bold;
    z-index: 1;
}

.pre-selected-dvp {
    background-color: #a2caf2 !important;
    border: 2px blue solid !important;
    z-index: 1;
}

#row-table-requests {
    position: fixed;
}

.schedule-information {
    font-size: 0.9rem !important;
}

.selected {
    background-color: lightcoral !important;
    border: 2px red solid !important;
    font-weight: bold;
    z-index: 1;
}

.selected-dvp {
    background-color: lightcoral !important;
    border: 2px red solid !important;
    z-index: 1;
}

.set-height-schedule {
    line-height: 1.2rem;
    min-height: 1.2rem;
    height: 1.2rem;
    border: 2px black solid;
}

.shift-number {
    font-size: 0.8rem;
}

.shift-number-bold {
    font-size: 0.8rem;
    font-weight: bold;
}

.shift-details {
    font-size: 0.8rem;
}

.shift-details-base {
    font-size: 0.7rem;
}

.shift-length {
    font-size: 0.7rem;
}

.shift-length-base {
    font-size: 0.6rem;
}

.shift-routes {
    font-size: 0.6rem;
}

.thead-switchable {
    background-color: darkseagreen !important;
    border-right: black !important;
}

.unselectable {
    background-color: darkgrey !important;
}

.week-number {
    font-size: 1.0rem;
}

.week-number-col {
    width: 1%;
}

.ys-table-header, .bs-table-header {
    --bs-table-bg: darkseagreen;
    background-color: darkseagreen !important;
}

@media only screen and (max-width: 600px) {
    .dmy {
        font-size: 0.7rem;
    }
}