assets/custom.css

/* Layout backgrounds */
.left-navbar {
    background-color: #F5F5F5;
    min-height: 100vh;
    word-wrap: break-word;
}
.right-content {
    background-color: #FFFFFF;
    min-height: 100vh;
    word-wrap: break-word;
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
.dash-bootstrap .dbc-row {
    min-height: 100vh;
}

/* Button styles */
.btn-primary {
    background-color: #1C304A;
    border-color: #1C304A;
}
.btn-primary:hover {
    background-color: #116F70;
    border-color: #116F70;
}
.btn-secondary {
    background-color: #116F70;
    border-color: #116F70;
}
.btn-secondary:hover {
    background-color: #00AEAF;
    border-color: #00AEAF;
}
.btn-tertiary {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
    color: #1C304A;
}
.btn-tertiary:hover {
    background-color: #DEF4F4;
    border-color: #DEF4F4;
    color: #1C304A;
}

/* Responsive single form/dashboard layout */
@media (max-width: 768px) {
    .left-navbar, .right-content {
        min-height: unset;
        width: 100% !important;
        display: block;
    }
}