html, body {
    height: 100%;
    width: 100%;
    position: absolute;
}

.container-fluid {
    margin: 0 auto;
    height: calc(100% - 135px);
    padding: 0;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
    background-color: #f5f5f5;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
    padding: 60px 15px 0;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}
.btn-group-toggle label{
    background-color: grey !important; 
}

.btn-group-toggle .active{
    background-color: #00A000 !important; 
}

/* bootstrap-validator (1000hz) + Bootstrap 5 */
.form-group.has-error .form-control,
.form-group.has-error .form-select {
    border-color: #dc3545;
}
.form-group.has-error .help-block.with-errors {
    color: #dc3545;
    font-size: 0.875rem;
}