/* side navbar css over write start */
.sidebar.sidebar-style-2[data-background-color=dark2] .nav .nav-item.selected>a,
.sidebar.sidebar-style-2[data-background-color=dark] .nav .nav-item.selected>a {
  color: #fff;
  font-weight: 700;
}

/* side navbar css over write end */

/* bootstrap modal customize start */
body[data-background-color="dark"] .modal-content {
  background: #111111;
}

body[data-background-color="dark"] .modal-header {
  border-bottom: 1px solid rgba(181, 181, 181, .1) !important;
}

body[data-background-color="dark"] .modal-content .close {
  color: #fff;
}

body[data-background-color="dark"] .modal-content .close:not(:disabled):not(.disabled):focus,
body[data-background-color="dark"] .modal-content .close:not(:disabled):not(.disabled):hover {
  color: #fff;
}

body[data-background-color="dark"] .modal-footer {
  border-top: 1px solid rgba(181, 181, 181, .1) !important;
}

body[data-background-color="dark"] ::-webkit-calendar-picker-indicator {
  filter: invert(100%);
  -webkit-filter: invert(100%);
  cursor: pointer;
}

.variant-main {
  border: 1px solid rgba(181, 181, 181, .1) !important;
}

/* bootstrap modal customize end */

/* bootstrap form control customize start */
body[data-background-color="dark"] .form-control[readonly] {
  background-color: #161616 !important;
  border-color: #282828 !important;
}

body[data-background-color="dark"] .form-control[disabled] {
  background-color: #161616 !important;
  border-color: #282828 !important;
}

/* bootstrap form control customize start */

body[data-background-color="dark"] .note-editor.note-frame .note-btn.note-image-btn,
body[data-background-color="dark"] .note-editor.note-frame .note-btn.note-video-btn,
body[data-background-color="dark"] .note-editor.note-frame .note-btn.note-link-btn {
  border: 1px solid #31ce36 !important;
  background: #31ce36 !important;
}

body[data-background-color="dark"] label.note-form-label {
color: #fff !important;
}

body[data-background-color="dark"] .note-modal label.form-check-label {
color: #fff !important;
}

body[data-background-color="dark"] .note-modal h4.modal-title {
color: #ffffff9a;
}

body[data-background-color="dark"] .custom-file-label::after {
    color: #fff;
    background-color: #161616;
    border-left: 1px solid #282828;
}

body[data-background-color="dark"] label.custom-file-label {
    background-color: #161616;
    border: 1px solid #282828;
}

body[data-background-color="dark"] .version-header button:hover {
    color: #fff;
}
body[data-background-color="dark"] th,
body[data-background-color="dark"] td {
  color: #fff;
}

/* popup type CSS */
body[data-background-color="dark"] h5.popup-type-title {
color: #fff;
}

/* mail template CSS */
body[data-background-color="dark"] table.table.bbcodes-table thead th {
color: #fff;
}

body[data-background-color="dark"] .btn-toggle {
color: #fff !important;
}

body[data-background-color="dark"] .dropzone {
  border: 2px dashed rgba(255, 255, 255, 0.13) !important;
}
body[data-background-color="dark"] .dropzone:hover {
  background: #161616!important;
  transition: all .5s !important;
}

body[data-background-color=dark] .select2-container--default .select2-selection--single {
  background-color: #161616;
  color: #fff;
  border-color: #282828;
}

body[data-background-color=dark] .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
}

body[data-background-color=dark] .divider {
  border-top: 1px solid #ffffff1a;
}

body[data-background-color=dark] label.note-form-label {
  color: #fff !important;
}
body[data-background-color=dark] .note-modal label.form-check-label {
  color: #fff !important;
}
body[data-background-color=dark] .note-modal h4.modal-title {
  color: #ffffff9a;
}

form#qrGeneratorForm .form-group span.text-dark {
    color: #fff !important;
}

body[data-background-color=dark] .ui-state-default, body[data-background-color=dark] .ui-widget-content .ui-state-default, body[data-background-color=dark] .ui-widget-header .ui-state-default, body[data-background-color=dark] .ui-button, html .ui-button.ui-state-disabled:hover, body[data-background-color=dark] html .ui-button.ui-state-disabled:active {
  background-color: #161616;
}


body[data-background-color=dark] #limitModal {
    color: #fff;
}

body[data-background-color=dark] .modal-v2 {
  color: #fff;
}
body[data-background-color=dark] .modal-v2 label {
  color: #fff !important;
}
body[data-background-color=dark] .modal-v2 .modal-title {
  color: #fff !important;
}
body[data-background-color=dark] .modal-v2 .text-muted-v2 {
  color: #fff !important;
}

/* Global Dark Mode Visibility Overrides */
body[data-background-color="dark"] {
  color: #ffffff !important;
}

body[data-background-color="dark"] .page-title,
body[data-background-color="dark"] .card-title,
body[data-background-color="dark"] .modal-title,
body[data-background-color="dark"] h1,
body[data-background-color="dark"] h2,
body[data-background-color="dark"] h3,
body[data-background-color="dark"] h4,
body[data-background-color="dark"] h5,
body[data-background-color="dark"] h6 {
  color: #ffffff !important;
}

body[data-background-color="dark"] label {
  color: #ffffff !important;
}

body[data-background-color="dark"] .text-muted,
body[data-background-color="dark"] p.text-muted,
body[data-background-color="dark"] small.text-muted {
  color: #a5b4fc !important; /* brighter soft grey/blue for dark mode readability */
}

body[data-background-color="dark"] .breadcrumbs li,
body[data-background-color="dark"] .breadcrumbs li a,
body[data-background-color="dark"] .breadcrumbs li span,
body[data-background-color="dark"] .breadcrumbs .separator i {
  color: #a5b4fc !important;
}

body[data-background-color="dark"] .card {
  background-color: #1a2035 !important;
  border: 1px solid #2f374b !important;
}

body[data-background-color="dark"] .card-header,
body[data-background-color="dark"] .card-footer {
  border-color: #2f374b !important;
}

body[data-background-color="dark"] table.table tr {
  background-color: transparent !important;
}

body[data-background-color="dark"] table.table tr td,
body[data-background-color="dark"] table.table tr th {
  color: #ffffff !important;
  border-color: #2f374b !important;
}

body[data-background-color="dark"] .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.02) !important;
}