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);
}
@media only screen  and (max-width: 768px) {
    .fullwidth {
        --bs-width: -.75rem;
        margin-left: var(--bs-width);
        margin-right: var(--bs-width);
    }
}