html {
    height: 100%;
}
body {
    min-height: 100vh;
}
form {
    /* min-height: 100%; */
}
main {
    /*min-height: 85vh;*/
}
.card-header {
    background: #88b7f1;
}
.bg-home {
    background: #42638C;
}
.bg-home-light {
    background: #88b7f1;
}
.bg-white {
    background: #FFFFFF;
}
.bg-table {
    background: LightGray;
}
.small, small, .Small {
    font-size: 10px !important;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
    .col, [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }
}
.sidebar {
    max-width: 75px;
    min-width: 75px;
    background: #42638C;
    height: 100%;
}
.fill {
    height: 100%;
}
.gradient-custom {
    background: #42638C; /* For browsers that do not support gradients */ 
    background: -webkit-linear-gradient(to right, #42638C, #88b7f1); /*For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to right, #42638C, #88b7f1); /* For Opera 11.1 to 12.0 */ 
    background: -moz-linear-gradient(to right, #42638C, #88b7f1); /* For Firefox 3.6 to 15 */ 
    background: linear-gradient(to right, #42638C, #88b7f1); /* Standard syntax */ 
}
.fullwidth {
    --bs-width: -1.25rem;
    margin-left: var(--bs-width);
    margin-right: var(--bs-width);
}
/* .navbar-header {
    width: 100%;
} */
.nav-item {
    border-style: none !important;
    border-width: 0 !important;
    margin: 0px !important;
}
.nav-link {
    font-size: -.7rem;
}
.pageinstruct {
    margin: 0 5 0 -5;
}
@media only screen  and (max-width: 768px) {
    .fullwidth {
        --bs-width: -.75rem;
        margin-left: var(--bs-width);
        margin-right: var(--bs-width);
    }
}
.fontsize {
    font-size: 1rem;
}
.card img {
    border-radius: initial !important;
    height: initial !important;
    width: initial !important;
}
.card {
    padding: 0px !important;
}
.card .card-body {
    padding: .8rem !important;
}