/* input(76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' */
.spinner-overlay {
    visibility: hidden;
    position: fixed;
    background: #BBBBBBBB;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1100; /* Yes, it does have to be this high, the sidebar is like 1090 */
    top: 0;
}

.table-low-danger {
    background-color: #ffdce1;
}

.navbar-nav:last-child {
    margin-left: 0;
}

.navbar-nav:first-child + .navbar-nav:last-child {
    margin-left: auto;
}

/* Fixed width icons for alignment */
.card-img-overlay .fas {
    width: 20px;
}

tbody .fas {
    width: 20px;
}

.content td {
    vertical-align: middle;
}

/* iCheck */

.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type=hidden] + label::before, .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before {
    border-color: #0069d9;
}

.icheck-primary > input:first-child:checked:not(:disabled):hover + input[type=hidden] + label::before, .icheck-primary > input:first-child:checked:not(:disabled):hover + label::before {
    background-color: #0062cc;
}

[class*=icheck-] > input:first-child:checked + input[type=hidden] + label::after, [class*=icheck-] > input:first-child:checked + label::after {
    border-color: white;
}

.icheck-primary > input:first-child:checked + input[type=hidden] + label::before, .icheck-primary > input:first-child:checked + label::before {
    background-color: #0069d9;
    border-color: #0062cc;
}

/* Collapse buttons */
.show-collapse {
    display: none;
}

.collapsed .show-collapse {
    display: initial;
}

.collapsed .hide-collapse {
    display: none;
}

.action-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
    gap: 0.25em;
    
    & .small-box {
        display: flex;
        flex-direction: column;
    }

    & .inner {
        flex-grow: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        font-size: 1.25rem;
    }
}