.navbar-bg {
    background-color: #006db6 !important;
}

.badge {
    font-size: 0.680rem !important;
    padding: 0.32rem 0.35rem !important;
}

.navbar-brand img {
    height: 2rem !important;
}

.navbar-nav-link:focus, .navbar-nav-link:hover {
    color: var(--btn-color) !important;
    background-color: rgba(var(--primary-rgb), .2) !important;
}

.navbar-nav-link:hover {
    color: #fff;
}

.bg-primary {
    background-color: rgba(var(--primary-rgb), 0.1) !important;
}

.btn-primary {
    background-color: #006db6 !important;
    border-color: #006db6 !important;
}

.nav-link.active {
    color: #006db6 !important;
}

.active>.page-link, .page-link.active {
    background-color: #006db6 !important;
    border-color: #006db6 !important;
}

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

.dataTables_paginate .page-link {
    min-width: 35px !important;
    padding: 0.25rem 0.5rem !important;
    font-size: 12px !important;
    border-radius: 0.3rem !important;
}

.dataTables_processing {
    height: 100% !important;
}

/* Overlay full screen */
.overlay-loader {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(255, 255, 255, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* Optional: teks */
.loader-text {
    margin-top: 12px;
    font-size: 14px;
    color: #333;
}

.select2-selection--single.is-invalid {
    border: var(--s2-border-width) solid #EF4444 !important;
}