:root {
  --bg-color: #0D0D0D;
  --text-color : #ffffff;
  --bs-body-color: #ffffff;
  --hover-color : #938A66;
  --bs-primary : #DCB426;  
  --bs-secondary : #A8A89E;
  --bs-body-bg-color : linear-gradient(45deg, #000, #383839);  
  --bg-card-color : #262626; 
  --border-color : #4D4D4F;
}


body, .auth-body-bg {
    background-image : unset;
    background:var(--bs-body-bg-color);
}
.bg-card {
    background-color : var(--bg-card-color);
    color: var(--text-color);
}
label { 
    color: var(--text-color) !important;
}
.text-color {
    color: var(--text-color);
}
a:hover {
    color:var(--hover-color) ;
}

.btn-primary {
    color:var(--text-color);
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}
input {
    color: var(--bg-color);
}
input[type="checkbox"] {
    accent-color: var(--bs-secondary); 
    background-color:var(--bs-secondary);
    border-color:var(--bs-secondary);
}
input[type="checkbox"]:checked {
    accent-color: var(--bs-secondary); 
    background-color:var(--bs-secondary);
    border-color:var(--bs-secondary);
}
.navbar-header, #page-topbar, .footer {
    background:var(--bg-card-color);
    box-shadow: unset;
    -webkit-box-shadow: unset;
    color: var(--text-color);
}

.footer {
    background:transparent;
    color: var(--text-color);
}
.navbar-header {
    border-bottom: 1px solid var(--border-color);
}

.vertical-menu, .brand-box-bg {
   background: var(--bg-card-color);
}

#sidebar-menu ul li a,#sidebar-menu ul li a i {
    color: var(--text-color);
}

#sidebar-menu ul li a:hover,#sidebar-menu ul li a:hover i {
    color: var(--hover-color);
}


.menu-title {
    color: var(--bs-secondary);
}
.header-item, .noti-icon i {
    color: var(--text-color);
}
 
.card,.modal-content {
    background-color: var(--bg-card-color) ;
    color: var(--text-color);
}
.mm-active .active, .mm-active .active i {
    color: var(--bs-primary) !important;
}
.table-bordered {
    color: var(--text-color);
    border-color: var(--border-color);
}
.modal-content, .modal-header, .modal-footer {
    border-color: var(--border-color);
}

h4, h5 {
    color: var(--text-color);
}

.page-item.active .page-link {
    background-color: var(--bs-primary);
}
.page-item .page-link {
    background-color: var(--bg-card-color);
}
.page-item .page-link:hover {
    color: var(--hover-color);
}
.page-item.disabled .page-link {
    display: none;
}
.text-primary {
    color: var(--bs-primary) !important;
}
.form-control {
    background-color: var(--bg-card-color) !important;
    border-color: var(--border-color);
    color: var(--text-color);
}
.form-control:focus {
    background-color: var(--bg-card-color) !important;
    border-color: var(--border-color);
    color: var(--text-color);
}
select.form-control option{
    background-color: var(--bg-card-color);
    border-color: var(--border-color);
}
input:-webkit-autofill {
    background-color: var(--bg-card-color) !important;
}

/* Select2 Custom Styles */
.select2-container--default .select2-selection--multiple {
    background-color: var(--bg-card-color) !important;
    border-color: var(--border-color) !important;
    color: var(--text-color);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: var(--bg-color) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--bg-color) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: var(--text-color) !important;
}

.select2-dropdown {
    background-color: var(--bg-card-color) !important;
    border-color: var(--border-color) !important;
}

.select2-container--default .select2-results__option {
    background-color: var(--bg-card-color) !important;
    color: var(--text-color) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--bs-primary) !important;
    color: var(--bg-color) !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--border-color) !important;
    color: var(--text-color) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: var(--bg-card-color) !important;
    border-color: var(--border-color) !important;
    color: var(--text-color) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: var(--bs-primary) !important;
}

.select2-container--default .select2-results__group {
    background-color: var(--bg-card-color) !important;
    color: var(--text-color) !important;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-selection--multiple:focus {
    border-color: var(--bs-primary) !important;
}

.select2-selection__rendered {
    color: var(--text-color) !important;
}

.select2-selection__placeholder {
    color: var(--bs-secondary) !important;
}

.profile-info-section {
    background: linear-gradient(to bottom, var(--bg-card-color) 50%, var(--bg-card-color) 100%)  !important; 
}
.profile-name {
    color: var(--bs-secondary) !important;
    text-shadow: unset !important;
}
.headline-row, .headline-row i , .email-row, .email-row i {
    color: var(--text-color) !important;
}
.badge-info {
    background-color: var(--bs-secondary);
    text-transform: capitalize;
}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a, .vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a i{
    color: var(--hover-color);
    background-color: var(--bg-card-color);
}