/* General Styling */

/* body { font-size: 14px; } */

.navbar { padding: .5rem 0; }

.container { max-width: none; }

.dropdown-item:active, .dropdown-item:hover { background: none; }

.dropdown-item:focus, .dropdown-item:focus-visible { outline: none; }

.fa-unsorted, .fa-sort-asc, .fa-sort-desc { cursor: pointer; }

.table { display: block; overflow-x: scroll; font-size: 11px; }

.table th a { color: #212529; text-decoration: none; }

.table td, .table th { padding: 5px; }

label, .col-form-label, .form-control, .btn, .custom-select { font-size: 11px; }

legend { font-size: 11px; width: auto; }

.alert { width: 50%; font-size: 11px; margin-left: auto; margin-right: auto; }

fieldset {
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px groove;
}

#preloader{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    background: url("preloader.gif") no-repeat center center rgba(255,255,255,0.8);
    background-size: 70px;
}

/* CHANGES FOR LOGIN PAGE DESIGN */

.login-page form { width: fit-content; margin: 0 auto; }

.login-page .card { max-width: 550px; margin: 0 auto; }

.login-page .form-control { font-size: 11px; width: 200px !important; max-width: 250px; }


@media screen and (min-width: 576px) and (max-width: 768px) {
   .login-page .card { min-width: 450px; }
}

@media screen and (max-width: 575px) {
    .login-page .form-group { width: min-content !important; }
}