body[data-theme="dark"] { background-color: #28292D !important; }
[data-theme="dark"] textarea { background-color: #212121 !important; color: #ababab !important; }
[data-theme="dark"] .navbar .navbar-menu-wrapper { background-color: #1e1c1c; }
[data-theme="dark"] .brand-logo img:nth-child(1) { display: none; }
[data-theme="dark"] .brand-logo img:nth-child(2) { display: block !important; }
[data-theme="dark"] .content-wrapper { background: #28292D !important; }
[data-theme="dark"] .navbar .navbar-brand-wrapper { background-color: #1e1c1c; }
[data-theme="dark"] .offcanvas { background: #1e1c1c !important; }
[data-theme="dark"] .offcanvas .nav-link { color: #dfdfdf !important; }
[data-theme="dark"] .offcanvas .menu-icon::before { color: #FDD444 !important; }
[data-theme="dark"] .dashboard_counter_div { background-color: #111 !important; }

[data-theme="dark"] .gradient-text-color {
  background: linear-gradient(90deg, #496298 1.41%, #587ac3 50.78%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
[data-theme="dark"] .bg-white { background-color: #212121 !important; }

[data-theme="dark"] .offcanvas .nav-item.active .nav-link .menu-title,
[data-theme="dark"] .icon_span i,
[data-theme="dark"] .span_icon_2,
[data-theme="dark"] .attach-bot-desc,
[data-theme="dark"] .mdi-menu::before {
  color: #FDD444 !important;
}
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3,
[data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 { color: #fff !important; }
[data-theme="dark"] label { color: #fff !important; }
[data-theme="dark"] .table.select-table td { color: #fff !important; }
[data-theme="dark"] .table.select-table td h6 { color: #fff; }

[data-theme="dark"] input, [data-theme="dark"] select, [data-theme="dark"] textarea {
  background-color: #121212 !important;
  color: #b7bbbf !important;
  border: 1px solid #3b3c3e !important;
}
[data-theme="dark"] input:focus, [data-theme="dark"] select:focus, [data-theme="dark"] textarea:focus {
  background-color: transparent;
  color: #b7bbbf;
}
[data-theme="dark"] .mat-mdc-text-field-wrapper {
  background-color: #121212 !important;
  color: #b7bbbf;
  border: 1px solid #3b3c3e !important;
}
[data-theme="dark"] .mat-mdc-text-field-wrapper:focus { box-shadow: 0 0 5px 1px #3b3c3e !important; }
[data-theme="dark"] .mat-mdc-text-field-wrapper input { border: unset !important; }
[data-theme="dark"] .mat-mdc-icon-button svg { color: #b7bbbf; }
[data-theme="dark"] .cdk-overlay-dark-backdrop { background: rgb(120 120 120 / 66%); }
[data-theme="dark"] .mat-mdc-dialog-container .mdc-dialog__surface {
  background-color: #121212 !important;
  box-shadow: 0px 0px 1px 0px rgba(89 89 89), 3px 4px 5px 0px rgb(55 55 55) !important;
}
[data-theme="dark"] .ngx-pagination a, [data-theme="dark"] .ngx-pagination button { color: #b7bbbf; }
[data-theme="dark"] .ngx-pagination a:hover, [data-theme="dark"] .ngx-pagination button:hover {
  background-color: transparent;
  border: 1px solid #ECB90E;
  color: #ECB90E;
  border-radius: 5px;
}
[data-theme="dark"] .offcanvas .nav-category { color: #b7bbbf !important; }
[data-theme="dark"] .chatbox .modal-content { background-color: #121212 !important; border: 1px solid #3b3c3e; }
[data-theme="dark"] .chatbox .modal-body { background-color: #1e1c1c; }
[data-theme="dark"] .chatbox .send-box { border-color: #3b3c3e; }
[data-theme="dark"] .services-grp div:nth-child(1) { background-color: #121212 !important; border: 1px solid #3b3c3e !important; }
[data-theme="dark"] .mat-calendar-body-cell-content, [data-theme="dark"] .mat-date-range-input-separator { color: #b7bbbf; }
[data-theme="dark"] .mat-mdc-select-value { color: #d5d5d5 !important; }
[data-theme="dark"] .mat-mdc-select-arrow svg { color: #b7bbbf; }
[data-theme="dark"] .content-wrapper .services-grp:hover { background-color: #212121 !important; }
[data-theme="dark"] .mat-mdc-select-placeholder { color: #727272; }
[data-theme="dark"] .mat-mdc-input-element::placeholder { color: #727272 !important; }
[data-theme="dark"] .mat-mdc-input-element:focus { box-shadow: unset !important; }
[data-theme="dark"] .expand-table > div { background-color: #121212 !important; }
[data-theme="dark"] .expand-table table th { color: #fff !important; font-weight: 600; }
[data-theme="dark"] .expand-table table td { background-color: #212121; }
[data-theme="dark"] .chat .modal-content { background-color: #212121; }
[data-theme="dark"] .table_swap th, [data-theme="dark"] .table_swap td { color: #b7bbbf; }
[data-theme="dark"] .table.select-table th { color: #fff !important; }
[data-theme="dark"] .tr_hover:hover { background-color: #28292d !important; }
[data-theme="dark"] .swal2-popup { background-color: #212121 !important; box-shadow: 0px 0px 1px 0px rgba(89 89 89), 3px 4px 5px 0px rgb(55 55 55) !important; }
[data-theme="dark"] .swal2-modal .swal2-title { color: #d5d5d5; }
[data-theme="dark"] .kyc-boxes h5 { font-size: 15px; line-height: 24px; color: #a4a4a4; }
[data-theme="dark"] .table.select-table th { color: #fff !important; }

[data-theme="dark"] .gradient-text-color {
  background: linear-gradient(90deg, #ffffff 1.41%, #ffffff 50.78%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
[data-theme="dark"] .dropdown-item { background-color: #28292d; }
[data-theme="dark"] .preview-subject { color: #fff !important; }
[data-theme="dark"] table tr:hover { background-color: #1e1c1c; }
[data-theme="dark"] .kyc-boxes h5 { color: #b7b2b2 !important; }
[data-theme="dark"] .bg-milk { background-color: #191919 !important; }
[data-theme="dark"] .mat-datepicker-content { background-color: black; }
[data-theme="dark"] .mat-calendar-table-header, [data-theme="dark"] .mat-calendar-body-label { color: rgb(255 255 255 / 54%); }
[data-theme="dark"] .mat-mdc-button:not(:disabled) { color: #cbcbcb; }
[data-theme="dark"] .mat-datepicker-content .mat-calendar-previous-button { color: rgb(235 235 235 / 54%); }
[data-theme="dark"] .mat-calendar-body-selected { background-color: #ECB90E !important; color: #1A1A2E !important; }
[data-theme="dark"] .mat-datepicker-content .mat-calendar-next-button { color: rgb(255 255 255 / 54%); }
[data-theme="dark"] .mdc-menu-surface { background-color: #000000; }
[data-theme="dark"] .chat-user-details p,
[data-theme="dark"] .mdc-list-item--selected .mdc-list-item__primary-text { color: #ffffff !important; }
[data-theme="dark"] .mdc-list-item__primary-text { color: #c3c1c1; }
[data-theme="dark"] .select-table td p { color: #e7e7e7 !important; }
[data-theme="dark"] .username_a { color: #dcdcdc !important; }
[data-theme="dark"] .table td { color: #d1d1d1 !important; }
[data-theme="dark"] .ck.ck-editor__main > .ck-editor__editable { background: #fdfbfb; }
[data-theme="dark"] .ck.ck-toolbar { background: #a7a8ad; }
[data-theme="dark"] .bg-sand { background-color: #1e1c1c !important; }
[dark-theme="dark"] .form-control {
  background-color: #121212 !important;
  color: #b7bbbf !important;
  border: 1px solid #3b3c3e !important;
}
[dark-theme="dark"] .fa, .fa-eye { color: #FDD444 !important; }
[dark-theme="dark"] .fa, .fa-eye-slash { color: #FDD444 !important; }
[dark-theme="dark"] .modal-content { background-color: #000000 !important; }
[dark-theme="dark"] .attach-bot-desc { color: #fff !important; }
[dark-theme="dark"] .sender p { color: #000 !important; }
[data-theme="dark"] ::-webkit-calendar-picker-indicator { filter: invert(1); }
[data-theme="dark"] .statistics-title { color: #fff; }
[data-theme="dark"] .rate-percentage { color: #fff !important; }
[data-theme="dark"] .expand-table ul li div { color: #fff !important; }
[data-theme="dark"] .bell-color .text-theme { color: #FDD444 !important; }
[data-theme="dark"] .bg-inner-box { background-color: transparent !important; }
[data-theme="dark"] input[type=checkbox] { accent-color: #FDD444 !important; }
[data-theme="dark"] .mat-mdc-tab .mdc-tab__text-label { color: #fff !important; }
[data-theme="dark"] p { color: #000000; }
[data-theme="dark"] .mat-mdc-card { background-color: #000; }
[data-theme="dark"] .upcomming_btn { background-color: #000; }
[data-theme="dark"] .form-control {
  background-color: #121212 !important;
  color: #b7bbbf !important;
  border: 1px solid #3b3c3e !important;
}
[data-theme="dark"] .bell-color { color: #FDD444 !important; }