:root[data-bs-theme=light] {
    --primary: #024caa;
    --secondary: #9ba4b5;
    --success: #54d68c;
    --warning: #ecc65e;
    --danger: #d36262;
    --info: #4cc9fe;
}
:root[data-bs-theme=dark] {
    --primary: #26538f;
    --secondary: #2e3237;
    --success: #539165;
    --warning: #be9b3a;
    --danger: #a84040;
    --info: #4cc9fe;
}

/* PRIMARY */
    .bg-primary {
        background-color: var(--primary) !important;
    }
    .btn-primary {
        background-color: var(--primary) !important;
        color: #f5f5f5 !important;
        border: 1px solid var(--primary) !important;
    }
    .text-primary {
        color: var(--primary) !important;
    }
/* PRIMARY */

/* SECONDARY */
    .bg-secondary {
        background-color: var(--secondary) !important;
    }
    .btn-secondary {
        background-color: var(--secondary) !important;
        color: #f5f5f5 !important;
        border: 1px solid var(--secondary) !important;
    }
    .text-secondary {
        color: var(--secondary) !important;
    }
/* SECONDARY */

/* SUCCESS */
    .bg-success {
        background-color: var(--success) !important;
    }
    .btn-success {
        background-color: var(--success) !important;
        color: #f5f5f5 !important;
        border: 1px solid var(--success) !important;
    }
    .text-success {
        color: var(--success) !important;
    }
/* SUCCESS */

/* WARNING */
    .bg-warning {
        background-color: var(--warning) !important;
    }
    .btn-warning {
        background-color: var(--warning) !important;
        color: #f5f5f5 !important;
        border: 1px solid var(--warning) !important;
    }
    .text-warning {
        color: var(--warning) !important;
    }
/* WARNING */

/* DANGER */
    .bg-danger {
        background-color: var(--danger) !important;
    }
    .btn-danger {
        background-color: var(--danger) !important;
        color: #f5f5f5 !important;
        border: 1px solid var(--danger) !important;
    }
    .text-danger {
        color: var(--danger) !important;
    }
/* DANGER */

/* INFO */
    .bg-info {
        background-color: var(--info) !important;
    }
    .btn-info {
        background-color: var(--info) !important;
        color: #f5f5f5 !important;
        border: 1px solid var(--info) !important;
    }
    .text-info {
        color: var(--info) !important;
    }
/* INFO */

/* MODAL */
    .modal .modal-header {
        padding: 0.25rem 1rem;
    }
    .modal .modal-header .modal-title {
        font-weight: 600;
    }
    .modal .modal-body {
        padding: 1rem;
    }
    .modal .modal-footer {
        padding: 0.25rem 1rem;
    }
/* MODAL */

.form-control, .form-select, .input-group-text, .btn {
    font-size: 12px;
    box-shadow: none !important;
}

.btn:not(.btn-default,.btn-selectpicker,.btn-filter) {
    border: none;
    font-weight: 500;
}

.pagination {
    gap: 0.5rem !important;
}

.page-link {
    background-color: transparent !important;
    color: #555555 !important;
    border: none !important;
    border-radius: 0.25rem !important;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    box-shadow: none !important;
}

.page-link[aria-current="page"] {
    background-color: #024CAA !important;
    color: #dddddd !important;
    border: 1px solid #dddddd !important;
}

.page-link[aria-disabled="true"] {
    background-color: transparent !important;
    color: #dddddd !important;
    border: none !important;
}

.dropdown-menu {
    padding: 0 !important;
}

.dropdown-item {
    font-size: 12px;
}

.form-check-input:checked {
    background-color: var(--primary) !important;
    color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
}

.dt-paging-button.current {
    background-color: #f5f5f5 !important;
    color: #333333 !important;
    border: 1px solid #dddddd !important;   
}

div[data-bs-dismiss="modal"] {
    cursor: pointer;
}

.modal-body::-webkit-scrollbar {
    display: none;
}

.modal-body {
    -ms-overflow-style: none;
    scrollbar-width: none;
}