/* Bootstrap 5.3 Extended Variables Override */

:root {
    /* Primary Color Override */
    --bs-primary: #5a80ff !important;
    --bs-primary2: #5741ba !important;
    --bs-primary-rgb: 90, 128, 255 !important;

    /* Success Color Override */
    --bs-success: #10b981 !important;
    --bs-success-rgb: 16, 185, 129 !important;

    /* Danger Color Override */
    --bs-danger: #ef4444 !important;
    --bs-danger-rgb: 239, 68, 68 !important;

    /* Warning Color Override */
    --bs-warning: #f59e0b !important;
    --bs-warning-rgb: 245, 158, 11 !important;

    /* Info Color Override */
    --bs-info: #06b6d4 !important;
    --bs-info-rgb: 6, 182, 212 !important;

    /* Secondary Color Override */
    --bs-secondary: #6b7280 !important;
    --bs-secondary-rgb: 107, 114, 128 !important;

    /* Light and Dark */
    --bs-light: #f9fafb !important;
    --bs-light-rgb: 249, 250, 251 !important;
    --bs-dark: #1f2937 !important;
    --bs-dark-rgb: 31, 41, 55 !important;

    /* Sidebar Colors */
    --sidebar-bg: #1f2937 !important;
    --sidebar-text: #f9fafb !important;
    --sidebar-hover: rgba(255, 255, 255, 0.1) !important;
    --sidebar-active: var(--bs-primary) !important;

    /* RTL Support Variables */
    --bs-body-text-align: right !important;

    /* Primary Table Variables */
    --bs-table-primary-bg: #5a80ff !important;
    --bs-table-primary-text: #f3f3f3 !important;
    --bs-table-primary-border: rgba(90, 128, 255, 0.2) !important;
}

/* Override Bootstrap button colors */
.btn-primary {
    --bs-btn-bg: #5a80ff !important;
    --bs-btn-border-color: #5a80ff !important;
    --bs-btn-hover-bg: #4a70ef !important;
    --bs-btn-hover-border-color: #4a70ef !important;
    --bs-btn-active-bg: #3a60df !important;
    --bs-btn-active-border-color: #3a60df !important;
}
.btn-outline-primary {
    --bs-btn-color: #5a80ff !important;
    --bs-btn-border-color: #5a80ff !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #5a80ff !important;
    --bs-btn-hover-border-color: #5a80ff !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #4a70ef !important;
    --bs-btn-active-border-color: #4a70ef !important;
}

.btn-success {
    --bs-btn-bg: #10b981 !important;
    --bs-btn-border-color: #10b981 !important;
    --bs-btn-hover-bg: #0ea971 !important;
    --bs-btn-hover-border-color: #0ea971 !important;
    --bs-btn-active-bg: #0c9961 !important;
    --bs-btn-active-border-color: #0c9961 !important;
}

.btn-danger {
    --bs-btn-bg: #ef4444 !important;
    --bs-btn-border-color: #ef4444 !important;
    --bs-btn-hover-bg: #df3434 !important;
    --bs-btn-hover-border-color: #df3434 !important;
    --bs-btn-active-bg: #cf2424 !important;
    --bs-btn-active-border-color: #cf2424 !important;
}

.btn-warning {
    --bs-btn-bg: #f59e0b !important;
    --bs-btn-border-color: #f59e0b !important;
    --bs-btn-hover-bg: #e58e00 !important;
    --bs-btn-hover-border-color: #e58e00 !important;
    --bs-btn-active-bg: #d57e00 !important;
    --bs-btn-active-border-color: #d57e00 !important;
}
.bg-warning {
    --bs-bg-color: #f5b666 !important;
    background-color: #f5b666 !important;
    border-color: #f5b666 !important;
}

.table {
    --bs-table-bg: var(--bs-table-bg) !important;
    --bs-table-striped-bg: var(--bs-table-striped-bg) !important;
    --bs-table-hover-bg: var(--bs-table-hover-bg) !important;
    --bs-table-active-bg: var(--bs-table-active-bg) !important;
    --bs-table-border-color: var(--bs-table-border-color) !important;
    --bs-table-color: var(--bs-table-color) !important;
}

.table-primary {
    --bs-table-bg: var(--bs-table-primary-bg) !important;
    --bs-table-color: var(--bs-table-primary-text) !important;
    --bs-table-border-color: var(--bs-table-primary-border) !important;
    --bs-table-striped-bg: rgba(90, 128, 255, 0.05) !important;
    --bs-table-hover-bg: rgba(90, 128, 255, 0.15) !important;
    --bs-table-active-bg: rgba(90, 128, 255, 0.2) !important;
}
/* Custom Radio Button Colors */
.form-check-input:checked {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.form-check-input:focus {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 0.25rem rgba(90, 128, 255, 0.25) !important;
}

/* Success radio */
.form-check-input.check-success:checked {
    background-color: var(--bs-success) !important;
    border-color: var(--bs-success) !important;
}

/* Danger radio */
.form-check-input.check-danger:checked {
    background-color: var(--bs-danger) !important;
    border-color: var(--bs-danger) !important;
}

/* Warning radio */
.form-check-input.check-warning:checked {
    background-color: var(--bs-warning) !important;
    border-color: var(--bs-warning) !important;
}

/* Info radio */
.form-check-input.check-info:checked {
    background-color: var(--bs-info) !important;
    border-color: var(--bs-info) !important;
}
.nowrap{
    text-wrap-mode: nowrap !important;
}
.cursor-pointer{
    cursor: pointer !important;
}
.fs-7{
    font-size: 0.8rem !important;
}
.fs-8{
    font-size: 0.65rem !important;
}
