body { background-color: #F9F9F9 !important; }

.card { background-color: #292929 !important; }

.navbar {
    background-color: #FFFFFF;
    border-bottom: 1px solid #464242;
}

.login-btn {
    background-color: #464242 !important;
    border-color: #464242 !important;
    color: #FFFFFF !important;
}

.login-btn:hover {
    background-color: #FFFFFF !important;
    border-color: #464242 !important;
    color: #464242 !important;
}

.login-btn:focus {
    background-color: #464242 !important;
    border-color: #464242 !important;
    color: #FFFFFF !important;
}


.list-group-item.active {
    background-color: #464242 !important;
    border-color: #464242 !important;
}

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

.btn-outline-danger {
    border-color: #F99417 !important;
    color: #F99417 !important;
}

.btn-outline-danger:hover {
    background-color: #F99417 !important;
    border-color: #F99417 !important;
    color: #FFFFFF !important;
}

.bg-danger { background-color: #f46b2a !important; }

.bg-primary { background-color: #464242 !important; }

.btn-info {
    background-color: #464242 !important;
    border-color: #464242 !important;
    color: #000;
}

.btn-outline-primary {
    border-color: #464242 !important;
    color: #464242 !important;
}

.btn-outline-primary:hover {
    background-color: #464242 !important;
    border-color: #464242 !important;
    color: #FFFFFF !important;
}

.btn-primary {
    background-color: #d6b36a !important;
    border-color: #d6b36a !important;
    color: #000000;
}
.table-hover > tbody > tr:hover {
    --bs-table-accent-bg: #3a3a3a !important;
    background-color: #3a3a3a !important;
    color: white;
}

/*.btn-primary:hover {
    background-color: #FFFFFF !important;
    border-color: #464242 !important;
    color: #464242 !important;
}*/

.admin-home .card {
    background-color: #464242 !important;
    border-color: #464242 !important;
    color: #FFFFFF !important;
}

.navbar-light .navbar-nav .nav-link, .dropdown-item { color: #464242 !important; }

.dropdown-item.active, .dropdown-item:active {
    background-color: #464242;
    color: #fff !important;
    text-decoration: none;
}

.factor-to-pay { background-color: #f9bfa4 !important; }

.nav-link { color: #464242 !important; }

.alert-info {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: black;
}

.h1-heading { font-size: 1.25rem !important; }

.login-shadow { box-shadow: 0 0.5rem 1rem rgb(70 66 66) !important; }

.text-danger {
    color: #dc3545 !important;
}

.btn-outline-secondary {
    border-color: #d6b36a !important;
    color: #d6b36a !important;
}

    .btn-outline-secondary:hover {
        background-color: #d6b36a !important;
        border-color: #d6b36a !important;
        color: #FFFFFF !important;
    }

    .btn-outline-secondary:active {
        background-color: #d6b36a !important;
        border-color: #d6b36a !important;
        color: #FFFFFF !important;
    }

    .btn-outline-secondary:focus {
        background-color: #d6b36a !important;
        border-color: #d6b36a !important;
        color: #FFFFFF !important;
    }

.card-header {
    background-color: inherit;
    border-bottom: none;
    color:#ffffff;
}

.btn-outline-warning {
    border-color: #F99417 !important;
    color: #F99417 !important;
}

.btn-outline-warning:focus {
    background-color: #F99417 !important;
    border-color: #F99417 !important;
    color: #FFFFFF !important;
}

.btn-outline-warning:hover {
    background-color: #F99417 !important;
    border-color: #F99417 !important;
    color: #FFFFFF !important;
}
/* برای همه input / textarea / select */
.form-control,
.form-select {
    background-color: #1f1f1f !important;
    color: #ffffff !important;
    border: 1px solid rgba(229, 207, 145, .25) !important;
    caret-color: #ffffff !important;
}

    /* Placeholder رنگ ملایم */
    .form-control::placeholder,
    .form-select::placeholder {
        color: rgba(255, 255, 255, 0.45) !important;
    }

    /* Hover */
    .form-control:hover,
    .form-select:hover {
        border-color: rgba(229, 207, 145, .45) !important;
    }

    /* فوکوس (خط دور حرفه‌ای مثل UI های مدرن) */
    .form-control:focus,
    .form-select:focus {
        background-color: #1f1f1f !important;
        border-color: rgba(229, 207, 145, .7) !important;
        box-shadow: 0 0 0 .18rem rgba(229, 207, 145, .25) !important;
        outline: none !important;
    }

    /* وقتی کاربر select باز می‌کنه */
    .form-select:focus-visible {
        outline: none !important;
    }

    /* Disabled */
    .form-control:disabled,
    .form-select:disabled {
        background-color: #181818 !important;
        border-color: rgba(229, 207, 145, .1) !important;
        color: rgba(255, 255, 255, .3) !important;
    }

/* برای فیلدهای نوع number که فلش دارند */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    filter: invert(1);
}

/* برای checkbox و radio هم دارک بشن */
.form-check-input {
    background-color: #1f1f1f !important;
    border: 1px solid rgba(229, 207, 145, .35) !important;
}

    .form-check-input:checked {
        background-color: rgba(229, 207, 145, .85) !important;
        border-color: rgba(229, 207, 145, .85) !important;
    }
.btn-outline-dark {
    border-color: #d6b36a !important;
    color: #d6b36a !important;
}

    .btn-outline-dark:hover {
        background-color: #d6b36a !important;
        border-color: #d6b36a !important;
        color: #FFFFFF !important;

    }

.table-days tbody tr td span{
    color: #000000 !important;
}
.select2-container--default .select2-selection--multiple {
    background-color: #191919 !important;
}
.select2-selection__choice {
    background-color: transparent !important;
}
textarea {
    color: #ffffff !important;
}
.select2-results ul li {
    background-color: #191919 !important;
    
}
    .select2-results ul li:hover {
        background-color: #292929 !important;
    }