html, body {
    min-height: 100% !important;
    width:100% !important;
    font-size: 0.86rem !important;
}

@media (max-width: 768px) { 
    body,
    .form-select-sm
    {
        font-size: 0.52rem !important;
    }

    .h4, h4 {
        font-size: calc(0.6rem + .9vw) !important;
    }

    .h6, h6 {
        font-size: 0.7rem !important;
    }
}

.navbar.navbar-dark.bg-dark {
    background-color: #000000 !important;
}

.nav-link {
    color: #ffffff;
    font-size: 1rem !important;
}

.nav-link:hover,
.nav-link.active {
    font-weight: bold !important;
    color: #ef4b3f !important;
}

.text-red {
    color: #ef4b3f !important;
}

.bg-dark.bg-primary-gradient {
    background-image: linear-gradient(290deg, #ef4b3f 30%, #85312b 50%, #000000 70%) !important;
}

th,
td {
    vertical-align: middle !important;
}

tr th,
tr td {
    padding: 0.2rem !important;
    margin: 0 !important;
}