html,
body,
.main {
    height: 100%;
}

.btn-primary {
    background-color: #0087b8 !important;
    border-color: #0087b8 !important;
}

.navbar-brand {
    --bs-navbar-brand-color: #fff;
}
.nav-link {
    --bs-nav-link-color: hsla(0,0%,100%,.75);
}

.nav-pills .nav-link:not(.active) {
    color: #0087b8 !important;

}

.nav-link:focus, .nav-link:hover {
    color: #17a2b8;
}

.sidebar-nav .nav-item .nav-link  {
    color: #17a2b8;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #0087b8 !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #0087b8 !important;
    background-color: #0087b8 !important;
}

.text-info {
    color: #17a2b8 !important;
}

.card-header-tabs {
    margin-bottom: 0 !important;
}

.form-group {
    margin-bottom: 1rem !important;
}

.no-margin-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.modal-body .container {
    margin-top: 20px;
}

.loader {
    border: 6px solid #f3f3f3; /* Light grey */
    border-top: 6px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 10px;
    height: 10px;
    animation: spin 2s linear infinite;
    padding: 10px !important;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}