html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.modal-wide .modal-dialog {
    max-width: 90%;
    width: auto;
}

.tfoot-bold {
    font-weight: bold;
}

/* Loading screen styles */
#loading-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*background: rgba(0, 0, 0, 0.3);*/
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

    #loading-screen img {
        width: 100px; /* Adjust size as needed */
        height: 100px; /* Adjust size as needed */
    }
/* In wwwroot/css/site.css */
.sidebar-light .nav-item .nav-link {
    color: white !important;
}

.sidebar-light .fas, .sidebar-dark .fa {
    color: white !important; /* A dark gray that looks black on most screens */
}