html[data-theme=dark] {
  --true-500:#95dde6;
  --true-mono-500: rgba(255,255,255,0.9);
  --true-mono-400: #1e1e1e;
  --true-mono-300: #1e1e1e;
  --true-mono-200: #1e1e1e;
  --true-mono-150: #1e1e1e;
  --true-mono-50: #222429;
  --true-mono-0: #28292b;
  --true-mono-900: #121212; /* Very dark color, ideal for backgrounds */
  --true-mono-700: #252627; /* Dark gray, suitable for borders and slightly lighter backgrounds */
  --true-mono-100: #252627; /* Dark gray, suitable for borders and slightly lighter backgrounds */
  --true-mono-50: rgba(255,255,255,0.5); /* Very light, semi-transparent white, perfect for subtle text or overlay effects */
  --true-blue-500: #4f70ad;
  --true-blue-300: #688dd3;
  --true-blue-150: #28292b;
  --true-blue-100: #bbbbbb;
  --true-blue-50: #222429;
  --true-blue-10:#28292b;
  --true-blue-5:#28292b;
  --true-violet-500: #675f95;
  --true-violet-300: #7681bb;
  --true-violet-150:#28292b;
  --true-violet-100: #28292b;
  --true-violet-50: #222429;
  --true-purple-100: #28292b;
  --true-purple-50: #222429;
  --true-cerise-500: #9d184a;
  --true-cerise-300: #c94b7a;
  --true-cerise-100: #28292b;
  --true-cerise-50: #222429;
  --true-teal-100: #28292b;
  --true-teal-50: #222429;
  --true-error-500: #dd0620;
  --true-error-300: #e86e7d;
  --true-error-100: #fcf0f2;
  --true-error-50: #fcf0f2b3;
  --true-warning-500:#856915;
  --true-warning-300:#FDFFB0;
  --true-warning-100:#feffd7;
  --true-transparent-500: rgba(255,255,255,0.7);
  --true-transparent-400: rgba(255,255,255,0.5);
  --true-transparent-300: rgba(255,255,255,0.4);
  --true-transparent-200: rgba(255,255,255,0.3);
  --true-transparent-150: rgba(255,255,255,0.05);
  --true-transparent-100: rgba(255,255,255,0);
  --true-danger-500: #8b0415; /* Darkened primary danger color */
  --true-danger-300: #a35460; /* Darkened secondary danger color */
  --true-danger-150: #3f2a2c; /* Darkened lightest color */
  --true-danger-100: #3a2729; /* Darkened light color */
  --true-danger-50: #342225; /* Darkened soft background color */
  /* For WebKit browsers (Chrome, Safari, Edge) */
  /* For Firefox */
  scrollbar-color: #5a5a5a #2c2c2c; /* Thumb color and track color */
  scrollbar-width: thin; /* Scrollbar width */
  /* Dark Mode Scrollbar for .select2-results__options */
  /* For Firefox */
}
html[data-theme=dark] ::-webkit-scrollbar {
  width: 12px; /* Width of the scrollbar */
}
html[data-theme=dark] ::-webkit-scrollbar-track {
  background: #2c2c2c; /* Background of the scrollbar track */
}
html[data-theme=dark] ::-webkit-scrollbar-thumb {
  background-color: #5a5a5a; /* Color of the scrollbar thumb */
  border-radius: 6px; /* Rounded corners */
  border: 3px solid #2c2c2c; /* Border around the thumb */
}
html[data-theme=dark] ::-webkit-scrollbar-thumb:hover {
  background-color: #787878; /* Color of the scrollbar thumb on hover */
}
html[data-theme=dark] .list-timeline b {
  color: #c7c7c7;
}
html[data-theme=dark] .list-timeline-modern:before {
  background-color: #252627;
}
html[data-theme=dark] #vvloading {
  background-color: rgba(10, 10, 10, 0.8392156863);
}
html[data-theme=dark] .notifications-dropdown-menu ._notifications .notification .notification-text {
  color: #c7c7c7;
}
html[data-theme=dark] .dropdown-item {
  color: #c7c7c7;
}
html[data-theme=dark] .block-header-default {
  background-color: #252627;
}
html[data-theme=dark] header {
  border-bottom: 1px solid var(--true-blue-700);
}
html[data-theme=dark] .help .help-text {
  background-color: #252627;
  color: #c7c7c7;
  font-weight: 100;
}
html[data-theme=dark] .dropdown-menu {
  background-color: #131725 !important;
}
html[data-theme=dark] .dropdown-menu a {
  color: rgba(255, 255, 255, 0.8);
}
html[data-theme=dark] .dropdown-divider {
  border-top-color: rgba(255, 255, 255, 0.1);
}
html[data-theme=dark] .nav-main-header li ul li a {
  background-color: transparent !important;
}
html[data-theme=dark] .dropdown-menu .dropdown-menu-arrow:before {
  border-bottom-color: rgba(0, 0, 0, 0.05);
}
html[data-theme=dark] .dropdown-menu .dropdown-menu-arrow:after {
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
html[data-theme=dark] .select2-container--default .select2-selection--single, html[data-theme=dark] .select2-container--default .select2-selection--multiple {
  background-color: var(--true-mono-400) !important;
  border: 1px solid var(--true-mono-100) !important;
  color: white;
}
html[data-theme=dark] button, html[data-theme=dark] input {
  border-color: #292C3A;
  background-color: #131725;
}
html[data-theme=dark] .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: var(--true-mono-150);
}
html[data-theme=dark] .nav-main-header ul, html[data-theme=dark] .nav-main-header > li:hover > a.nav-submenu {
  background-color: #131725 !important;
}
html[data-theme=dark] .nav-main-header a._active, html[data-theme=dark] .nav-main-header a.active {
  color: var(--true-mono-500);
}
html[data-theme=dark] .nav-main-header a:hover, html[data-theme=dark] .nav-main-header li:hover a.nav-submenu:hover, html[data-theme=dark] .nav-main-header li ul li:hover a {
  color: white !important;
}
html[data-theme=dark] .h1, html[data-theme=dark] .h2, html[data-theme=dark] .h3, html[data-theme=dark] .h4, html[data-theme=dark] .h5, html[data-theme=dark] .h6, html[data-theme=dark] h1, html[data-theme=dark] h2, html[data-theme=dark] h3, html[data-theme=dark] h4, html[data-theme=dark] h5, html[data-theme=dark] h6 {
  color: var(--true-mono-500);
}
html[data-theme=dark] .text-muted {
  color: var(--true-transparent-500) !important;
}
html[data-theme=dark] .text-black, html[data-theme=dark] .nav-link {
  color: var(--true-transparent-500) !important;
}
html[data-theme=dark] .content-heading {
  border-color: var(--true-mono-100);
}
html[data-theme=dark] .bg-white {
  background-color: #292C3A !important;
}
html[data-theme=dark] .dropZone, html[data-theme=dark] .dropzone {
  border-radius: 1rem;
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: var(--true-mono-100) !important;
}
html[data-theme=dark] hr {
  border-top-color: var(--true-mono-100) !important;
}
html[data-theme=dark] .btn-alt-primary {
  color: var(--true-blue-500);
  background-color: var(--true-blue-100);
  border-color: var(--true-blue-100);
}
html[data-theme=dark] .btn-alt-primary.focus, html[data-theme=dark] .btn-alt-primary:focus, html[data-theme=dark] .btn-alt-primary:hover {
  color: var(--true-blue-500);
  background-color: var(--true-blue-300);
  border-color: var(--true-blue-100);
}
html[data-theme=dark] #vvloading.on:before {
  background-image: url(https://cdn.truecdn.io/cdn/svg/_64e9c059df001-7q0ehtrz-juti.svg) !important;
}
html[data-theme=dark] .image-box-small {
  padding: 1rem;
  border-radius: 0.5rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA3SURBVHgB7dHBCQAwDAJAWzqK67mxu7QbpI8QyCN+hUNwSboIYjuqsZHMAB2A8/uZJEoXDNABeKaFB/w1ke9ZAAAAAElFTkSuQmCC");
}
html[data-theme=dark] .image-box-small:before {
  background-color: var(--true-transparent-150) !important;
}
html[data-theme=dark] .irs--flat .irs-line, html[data-theme=dark] .irs--flat .irs-min, html[data-theme=dark] .irs--flat .irs-max {
  background-color: #252627 !important;
}
html[data-theme=dark] .table thead th {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
html[data-theme=dark] .table td, html[data-theme=dark] .table th {
  border-top-color: rgba(255, 255, 255, 0.1);
}
html[data-theme=dark] .border-top {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme=dark] .block {
  background-color: #131725 !important;
  border-color: #292C3A;
}
html[data-theme=dark] .block .true-block .true-block-success {
  background-color: #131725 !important;
  border-color: #292C3A;
}
html[data-theme=dark] body {
  background-color: #131725;
  color: rgba(255, 255, 255, 0.5);
}
html[data-theme=dark] .nav-tabs {
  background-color: #131725 !important;
}
html[data-theme=dark] .form-control {
  background-color: #131725 !important;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
}
html[data-theme=dark] .form-control:focus {
  color: rgba(255, 255, 255, 0.9);
}
html[data-theme=dark] .select2-container--default .select2-selection--single, html[data-theme=dark] .select2-container--default .select2-selection--multiple {
  background-color: #131725;
  border: 1px solid #aaa;
  color: white;
}
html[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: white;
}
html[data-theme=dark] .select2-dropdown {
  background-color: #131725;
}
html[data-theme=dark] .scroll-fixed-outside.on {
  background-color: #0d1117;
}
html[data-theme=dark] #page-header {
  background-color: #0d1117;
}
html[data-theme=dark] .nav-main-header a, html[data-theme=dark] .nav-main-header ul a {
  color: rgba(255, 255, 255, 0.8);
}
html[data-theme=dark] .nav-main-header ul, html[data-theme=dark] .nav-main-header > li:hover > a.nav-submenu {
  background-color: #252627;
}
html[data-theme=dark] .border {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
html[data-theme=dark] .list-group-item {
  background-color: #252627;
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme=dark] .select2-results__options::-webkit-scrollbar {
  width: 10px; /* Adjust the width of the scrollbar */
}
html[data-theme=dark] .select2-results__options::-webkit-scrollbar-track {
  background-color: #2a2a2a; /* Dark track color */
  border-radius: 10px; /* You can adjust this to make the track corners rounded */
}
html[data-theme=dark] .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #444; /* Darker thumb color */
  border-radius: 10px; /* Rounded corners for the thumb */
  border: 2px solid #2a2a2a; /* This makes the thumb narrower and matches the track's color */
}
html[data-theme=dark] .select2-results__options::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Slightly lighter thumb color when hovered */
}
html[data-theme=dark] .select2-results__options {
  scrollbar-width: thin;
  scrollbar-color: #444 #2a2a2a;
}
html[data-theme=dark] .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #555; /* Slightly lighter thumb color when hovered */
}
html[data-theme=dark] .btn-group > .btn-group:not(:last-child) > .btn, html[data-theme=dark] .btn-group > .btn:not(:last-child):is(.dropdown-button) {
  color: rgba(255, 255, 255, 0.8);
}
html[data-theme=dark] .btn.btn-circle {
  color: rgba(255, 255, 255, 0.8);
}
html[data-theme=dark] .fadded #main-container:before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.9) 8%);
}
html[data-theme=dark] .badge-light {
  background-color: #131725;
  color: rgba(255, 255, 255, 0.5);
}
html[data-theme=dark] .badge-lighter {
  background-color: #131725;
  color: rgba(255, 255, 255, 0.4);
}
html[data-theme=dark] .badge-warning {
  background-color: #131725;
}
html[data-theme=dark] .badge-success {
  background-color: #131725;
}
html[data-theme=dark] .badge-info {
  background-color: #131725;
}
html[data-theme=dark] .bg-gd-emerald {
  background: rgba(255, 255, 255, 0.1);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 100%) !important;
  color: var(--true-teal-500) !important;
}
html[data-theme=dark] .bg-gray {
  background: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme=dark] .css-checkbox .css-control-input ~ .css-control-indicator {
  background: rgba(255, 255, 255, 0.1);
}
html[data-theme=dark] .master-sub-menu {
  color: white;
  background: #0d1117;
}
html[data-theme=dark] .content-header .true-logo-link .true-logo path {
  fill: white;
}
html[data-theme=dark] .bg-image {
  background-color: #252627 !important;
}
html[data-theme=dark] .promo-image img, html[data-theme=dark] .true-icon img {
  filter: invert(1);
}
html[data-theme=dark] a {
  color: var(--true-blue-500);
}
html[data-theme=dark] .btn {
  color: var(--true-blue-100) !important;
}
html[data-theme=dark] .btn:hover {
  color: white;
}
html[data-theme=dark] .btn.btn-alt-danger {
  color: var(--true-blue-100) !important;
  background: var(--true-mono-900);
}
html[data-theme=dark] .tox .tox-edit-area__iframe {
  background-color: #252627 !important;
}
html[data-theme=dark] .light-mode-btn {
  display: block;
}
html[data-theme=dark] .dark-mode-btn {
  display: none;
}
html[data-theme=dark] .btn.btn-circle {
  background-color: #131725;
  border: 1px solid #292C3A;
}
html[data-theme=dark] .btn.btn-primary:focus, html[data-theme=dark] .btn.btn-primary:hover, html[data-theme=dark] .btn.btn-success:focus, html[data-theme=dark] .btn.btn-success:hover {
  color: white !important;
}
html[data-theme=dark] .nav-main-header a._active, html[data-theme=dark] .nav-main-header a.active {
  background-color: #131725 !important;
}
html[data-theme=dark] .nav-main-header a.nav-submenu:before {
  right: 4px;
  color: rgba(255, 255, 255, 0.8) !important;
}
html[data-theme=dark] .paid td {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme=dark] .overdue td {
  background-color: rgba(255, 100, 100, 0.1) !important;
}
html[data-theme=dark] .page-sub-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
html[data-theme=dark] .admin-list td .a span, html[data-theme=dark] .admin-list td a span {
  color: rgba(255, 255, 255, 0.5);
}
html[data-theme=dark] .bg-body-light {
  background-color: #1a1a1a !important;
}
html[data-theme=dark] .bg-disabled {
  opacity: 0.4;
  background-color: rgba(50, 50, 50, 0.3) !important;
}
html[data-theme=dark] .bg-disabled * {
  color: #cccccc;
}
html[data-theme=dark] .bg-gd-disabled {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
html[data-theme=dark] .bg-light {
  background-color: #2c2c2c !important;
}
html[data-theme=dark] .bg-lighter {
  background-color: #3a3a3a !important;
}
html[data-theme=dark] .bg-red {
  background-color: rgba(100, 0, 0, 0.5) !important;
  opacity: 0.5;
}
html[data-theme=dark] .bg-whatsapp {
  background-color: #128c7e !important;
}
html[data-theme=dark] .alert-pink {
  background-color: #333333;
  border: 1px solid #555555;
}
html[data-theme=dark] .alert.alert-info {
  background-color: #131725;
  color: var(--true-transparent-500);
}
html[data-theme=dark] .admin-list td.thumbnail img, html[data-theme=dark] .document-picker .document-design img {
  filter: brightness(0.7) contrast(1.2) grayscale(0.7);
  /* Adjust brightness, contrast, and add a slight grayscale to fit dark mode */
}
html[data-theme=dark] .content, html[data-theme=dark] body {
  background: #0d1117;
}
html[data-theme=dark] .true.checkbox {
  border: 1px solid var(--true-mono-700);
  color: var(--true-mono-50);
  background-color: var(--true-mono-900);
}
html[data-theme=dark] .true.checkbox * {
  color: var(--true-mono-50);
}
html[data-theme=dark] .boxes ._files, html[data-theme=dark] .issue ._files {
  border-bottom: 1px solid var(--true-mono-100);
}
html[data-theme=dark] .table-responsive > .table.table-bordered thead th, html[data-theme=dark] [class*=table-responsive-] > .table.table-bordered thead th {
  border-top: 1px solid var(--true-mono-100);
}
html[data-theme=dark] .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}
html[data-theme=dark] .table td, html[data-theme=dark] .table th {
  padding: 10px;
  vertical-align: top;
  border-top: 1px solid var(--true-mono-100);
}
html[data-theme=dark] .table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid var(--true-mono-100);
}
html[data-theme=dark] .table tbody + tbody {
  border-top: 2px solid var(--true-mono-100);
}
html[data-theme=dark] .table .table {
  background-color: #1a1a1a;
}
html[data-theme=dark] .table-sm td, html[data-theme=dark] .table-sm th {
  padding: 5px;
}
html[data-theme=dark] .table-bordered {
  border: 1px solid var(--true-mono-100);
}
html[data-theme=dark] .table-bordered td, html[data-theme=dark] .table-bordered th {
  border: 1px solid var(--true-mono-100);
}
html[data-theme=dark] .table-bordered thead td, html[data-theme=dark] .table-bordered thead th {
  border-bottom-width: 2px;
}
html[data-theme=dark] .table-borderless tbody + tbody, html[data-theme=dark] .table-borderless td, html[data-theme=dark] .table-borderless th, html[data-theme=dark] .table-borderless thead th {
  border: 0;
}
html[data-theme=dark] .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
html[data-theme=dark] .table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.055);
}
html[data-theme=dark] .table-primary, html[data-theme=dark] .table-primary > td, html[data-theme=dark] .table-primary > th {
  background-color: #8aa2bd;
}
html[data-theme=dark] .table-hover html[data-theme=dark] .table-primary:hover {
  background-color: #7a95b4;
}
html[data-theme=dark] .table-secondary, html[data-theme=dark] .table-secondary > td, html[data-theme=dark] .table-secondary > th {
  background-color: #a0a4ab;
}
html[data-theme=dark] .table-hover html[data-theme=dark] .table-secondary:hover {
  background-color: #92989f;
}
html[data-theme=dark] .table-success, html[data-theme=dark] .table-success > td, html[data-theme=dark] .table-success > th {
  background-color: #b1d887;
}
html[data-theme=dark] .table-hover html[data-theme=dark] .table-success:hover {
  background-color: #a3d274;
}
html[data-theme=dark] .table-info, html[data-theme=dark] .table-info > td, html[data-theme=dark] .table-info > th {
  background-color: #72a5d8;
}
html[data-theme=dark] .table-hover html[data-theme=dark] .table-info:hover {
  background-color: #5f98d1;
}
html[data-theme=dark] .table-warning, html[data-theme=dark] .table-warning > td, html[data-theme=dark] .table-warning > th {
  background-color: #ffd75d;
}
html[data-theme=dark] .table-hover html[data-theme=dark] .table-warning:hover {
  background-color: #ffd144;
}
html[data-theme=dark] .table-danger, html[data-theme=dark] .table-danger > td, html[data-theme=dark] .table-danger > th {
  background-color: #ec7d8d;
}
html[data-theme=dark] .table-hover html[data-theme=dark] .table-danger:hover {
  background-color: #e96778;
}
html[data-theme=dark] .table-light, html[data-theme=dark] .table-light > td, html[data-theme=dark] .table-light > th {
  background-color: #b9b9dc;
}
html[data-theme=dark] .table-hover html[data-theme=dark] .table-light:hover {
  background-color: #a7a7d5;
}
html[data-theme=dark] .table-dark, html[data-theme=dark] .table-dark > td, html[data-theme=dark] .table-dark > th {
  background-color: #919599;
}
html[data-theme=dark] .table-hover html[data-theme=dark] .table-dark:hover {
  background-color: #84888d;
}
html[data-theme=dark] .table-active, html[data-theme=dark] .table-active > td, html[data-theme=dark] .table-active > th {
  background-color: rgba(255, 255, 255, 0.05);
}
html[data-theme=dark] .table-hover html[data-theme=dark] .table-active:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
html[data-theme=dark] .table .thead-dark th {
  color: #e4e7ed;
  background-color: black;
  border-color: #000102;
}
html[data-theme=dark] .table .thead-light th {
  color: #cccccc;
  background-color: #c5ccd9;
  border-color: #c5ccd9;
}
html[data-theme=dark] .table-dark {
  color: #e4e7ed;
  background-color: #1a1a1a;
}
html[data-theme=dark] .table-dark td, html[data-theme=dark] .table-dark th, html[data-theme=dark] .table-dark thead th {
  border-color: #000102;
}
html[data-theme=dark] .table-dark-bordered {
  border: 0;
}
html[data-theme=dark] .table-dark-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
html[data-theme=dark] .table-dark-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.055);
}

html[data-theme=light] .light-mode-btn {
  display: none;
}
html[data-theme=light] .dark-mode-btn {
  display: block;
}