html {
    font-size: 14px;
}

body {
    overflow-y: scroll;
}

small, .heading, .person {
    font-size: 10px;
}

label {
    cursor: pointer;
}

*:focus {
    box-shadow: none !important;
}

.navbar {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.alert {
    padding: 0.5rem;
}

select[multiple] {
    height: 20rem;
}

input[type=checkbox]:not(.form-check-input) {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.schedule-loader {
    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255, 255, 255, 0.9);
}

.schedule-loader > div {
    width: 5rem;
    height: 5rem;
}

.schedule-list label {
    display: block;
    position: relative;
    margin: 0 -0.5rem;
    padding: 0.1rem 0.5rem;
    border-radius: 0.25rem;
}

.schedule-list input:checked + label {
    background: #f8f9fa;
}

.schedule-list a {
    display: block;
    position: absolute;
    top: 2px;
    right: 5px;
    opacity: 0;
}

.schedule-list label:hover {
    background: #f8f9fa;
}

.schedule-list label:hover a {
    opacity: 0.25;
}

.schedule-list label:hover a:hover {
    opacity: 0.5;
}

.schedule-view .section ~ h4 label {
    opacity: 0.25;
}

.schedule-view .section ~ h4 label:hover {
    opacity: 0.5;
}

.schedule-view .section ~ div {
    display: none;
}

.schedule-view .section:checked ~ div {
    display: block;
}

.schedule-view .section:checked ~ h4 label {
    opacity: 1;
}

.person {
    font-weight: bold;
    white-space: nowrap;
    line-height: 1.5rem;
}

.value {
    text-align: center;
    white-space: nowrap;
}

.value:first-child:not(.not-first) {
    text-align: left;
    padding-right: 5rem;
}

.square {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-bottom: -3px;
    margin-right: 5px;
}

.color-1 {
    color: #212529;
}

.color-2 {
    color: #7D3AC1;
}

.color-3 {
    color: #176BA0;
}

.color-4 {
    color: #198754;
}

.background-1 {
    background: #212529;
}

.background-2 {
    background: #7D3AC1;
}

.background-3 {
    background: #176BA0;
}

.background-4 {
    background: #198754;
}