html.dark-mode body.admin,
html.dark-mode body.customers,
body.dark-mode.admin,
body.dark-mode.customers {
  background-color: #0f172a;
  color: #e2e8f0;
}

html.dark-mode body.admin #wrapper,
html.dark-mode body.customers #wrapper,
html.dark-mode body.admin .content,
html.dark-mode body.customers .content,
body.dark-mode.admin #wrapper,
body.dark-mode.customers #wrapper,
body.dark-mode.admin .content,
body.dark-mode.customers .content {
  background-color: #0f172a;
}

html.dark-mode body.admin #header,
html.dark-mode body.customers .navbar-default,
body.dark-mode.admin #header,
body.dark-mode.customers .navbar-default {
  background-color: #111827;
  border-color: #1f2937;
  box-shadow: none;
}

html.dark-mode body.admin .sidebar,
body.dark-mode.admin .sidebar {
  background-color: #111827;
  border-right-color: #1f2937;
}

html.dark-mode body.admin .sidebar ul.nav li a,
body.dark-mode.admin .sidebar ul.nav li a {
  color: #cbd5f5;
}

html.dark-mode body.admin .sidebar ul.nav li a .menu-icon,
body.dark-mode.admin .sidebar ul.nav li a .menu-icon {
  color: #94a3b8;
}

html.dark-mode body.admin .sidebar ul.nav li.active > a,
html.dark-mode body.admin .sidebar ul.nav > li > a:hover,
html.dark-mode body.admin .sidebar ul.nav > li > a:focus,
body.dark-mode.admin .sidebar ul.nav li.active > a,
body.dark-mode.admin .sidebar ul.nav > li > a:hover,
body.dark-mode.admin .sidebar ul.nav > li > a:focus {
  background-color: #0b1220;
  border-color: #1f2937;
  color: #f8fafc;
}

html.dark-mode body.admin .panel_s,
html.dark-mode body.admin .panel-body,
html.dark-mode body.customers .panel,
html.dark-mode body.customers .panel-body,
body.dark-mode.admin .panel_s,
body.dark-mode.admin .panel-body,
body.dark-mode.customers .panel,
body.dark-mode.customers .panel-body {
  background-color: #0b1220;
  border-color: #1f2937;
  color: #e2e8f0;
}

html.dark-mode body.admin .table,
html.dark-mode body.customers .table,
body.dark-mode.admin .table,
body.dark-mode.customers .table {
  color: #e2e8f0;
}

html.dark-mode body.admin .table > thead > tr > th,
html.dark-mode body.customers .table > thead > tr > th,
body.dark-mode.admin .table > thead > tr > th,
body.dark-mode.customers .table > thead > tr > th {
  border-bottom-color: #1f2937;
}

html.dark-mode body.admin .table > tbody > tr > td,
html.dark-mode body.customers .table > tbody > tr > td,
body.dark-mode.admin .table > tbody > tr > td,
body.dark-mode.customers .table > tbody > tr > td {
  border-top-color: #1f2937;
}

html.dark-mode body.admin .modal-content,
html.dark-mode body.customers .modal-content,
body.dark-mode.admin .modal-content,
body.dark-mode.customers .modal-content {
  background-color: #0b1220;
  border-color: #1f2937;
  color: #e2e8f0;
}

html.dark-mode body.admin .form-control,
html.dark-mode body.customers .form-control,
html.dark-mode body.admin .bootstrap-select .btn,
html.dark-mode body.customers .bootstrap-select .btn,
body.dark-mode.admin .form-control,
body.dark-mode.customers .form-control,
body.dark-mode.admin .bootstrap-select .btn,
body.dark-mode.customers .bootstrap-select .btn {
  background-color: #0b1220;
  border-color: #1f2937;
  color: #e2e8f0;
}

html.dark-mode body.admin .btn-default,
html.dark-mode body.customers .btn-default,
body.dark-mode.admin .btn-default,
body.dark-mode.customers .btn-default {
  background-color: #0b1220;
  border-color: #1f2937;
  color: #e2e8f0;
}

html.dark-mode body.admin .btn-default:hover,
html.dark-mode body.customers .btn-default:hover,
body.dark-mode.admin .btn-default:hover,
body.dark-mode.customers .btn-default:hover {
  background-color: #111827;
  border-color: #334155;
  color: #f8fafc;
}

html.dark-mode body.admin a,
html.dark-mode body.customers a,
body.dark-mode.admin a,
body.dark-mode.customers a {
  color: #93c5fd;
}

html.dark-mode body.admin a:hover,
html.dark-mode body.customers a:hover,
body.dark-mode.admin a:hover,
body.dark-mode.customers a:hover {
  color: #bfdbfe;
}

html.dark-mode .top_stats_wrapper,
body.dark-mode .top_stats_wrapper,
html.dark-mode .panel_s,
body.dark-mode .panel_s,
html.dark-mode .panel,
body.dark-mode .panel,
html.dark-mode .card,
body.dark-mode .card,
html.dark-mode .widget .panel_s,
body.dark-mode .widget .panel_s,
html.dark-mode .widget .panel-body,
body.dark-mode .widget .panel-body {
  background-color: #0b1220 !important;
  border-color: #1f2937 !important;
  color: #e2e8f0 !important;
}

html.dark-mode .top_stats_wrapper,
body.dark-mode .top_stats_wrapper {
  box-shadow: none !important;
}

html.dark-mode .bg-white,
body.dark-mode .bg-white,
html.dark-mode .tw-bg-white,
body.dark-mode .tw-bg-white,
html.dark-mode .bg-light,
body.dark-mode .bg-light,
html.dark-mode .well,
body.dark-mode .well {
  background-color: #0b1220 !important;
  border-color: #1f2937 !important;
  color: #e2e8f0 !important;
}

html.dark-mode .tw-text-neutral-900,
body.dark-mode .tw-text-neutral-900,
html.dark-mode .tw-text-neutral-800,
body.dark-mode .tw-text-neutral-800,
html.dark-mode .tw-text-neutral-700,
body.dark-mode .tw-text-neutral-700 {
  color: #e2e8f0 !important;
}

html.dark-mode .tw-text-neutral-600,
body.dark-mode .tw-text-neutral-600,
html.dark-mode .tw-text-neutral-500,
body.dark-mode .tw-text-neutral-500,
html.dark-mode .tw-text-neutral-400,
body.dark-mode .tw-text-neutral-400 {
  color: #94a3b8 !important;
}

html.dark-mode #search_input,
body.dark-mode #search_input,
html.dark-mode #top_search_button button,
body.dark-mode #top_search_button button {
  background-color: #0b1220 !important;
  color: #e2e8f0 !important;
}

html.dark-mode #search_input,
body.dark-mode #search_input {
  border-color: #1f2937 !important;
}

html.dark-mode .s_table.table-responsive,
body.dark-mode .s_table.table-responsive,
html.dark-mode .table-responsive,
body.dark-mode .table-responsive {
  background-color: #0b1220 !important;
  border-color: #1f2937 !important;
}

html.dark-mode .highcharts-background,
body.dark-mode .highcharts-background {
  fill: #0b1220 !important;
}

html.dark-mode .highcharts-title,
html.dark-mode .highcharts-axis-labels text,
html.dark-mode .highcharts-legend-item text,
body.dark-mode .highcharts-title,
body.dark-mode .highcharts-axis-labels text,
body.dark-mode .highcharts-legend-item text {
  fill: #e2e8f0 !important;
  color: #e2e8f0 !important;
}

html.dark-mode .highcharts-grid-line,
body.dark-mode .highcharts-grid-line {
  stroke: #1f2937 !important;
}

html.dark-mode body.admin .panel-heading,
html.dark-mode body.customers .panel-heading,
body.dark-mode.admin .panel-heading,
body.dark-mode.customers .panel-heading {
  background-color: #0f172a;
  border-color: #1f2937;
  color: #e2e8f0;
}

html.dark-mode body.admin .panel-footer,
html.dark-mode body.customers .panel-footer,
body.dark-mode.admin .panel-footer,
body.dark-mode.customers .panel-footer {
  background-color: #0f172a;
  border-color: #1f2937;
  color: #cbd5f5;
}

html.dark-mode body.admin .text-muted,
html.dark-mode body.customers .text-muted,
body.dark-mode.admin .text-muted,
body.dark-mode.customers .text-muted {
  color: #94a3b8;
}

html.dark-mode body.admin hr,
html.dark-mode body.customers hr,
body.dark-mode.admin hr,
body.dark-mode.customers hr {
  border-top-color: #1f2937;
}

html.dark-mode body.admin .navbar-default .navbar-nav > li > a,
html.dark-mode body.customers .navbar-default .navbar-nav > li > a,
body.dark-mode.admin .navbar-default .navbar-nav > li > a,
body.dark-mode.customers .navbar-default .navbar-nav > li > a {
  color: #cbd5f5;
}

html.dark-mode body.customers .navbar-default .navbar-toggle,
body.dark-mode.customers .navbar-default .navbar-toggle {
  border-color: #1f2937;
}

html.dark-mode body.customers .navbar-default .navbar-toggle .icon-bar,
body.dark-mode.customers .navbar-default .navbar-toggle .icon-bar {
  background-color: #cbd5f5;
}

html.dark-mode body.admin .dropdown-menu,
html.dark-mode body.customers .dropdown-menu,
body.dark-mode.admin .dropdown-menu,
body.dark-mode.customers .dropdown-menu {
  background-color: #0b1220;
  border-color: #1f2937;
  color: #e2e8f0;
}

html.dark-mode body.admin .dropdown-menu > li > a,
html.dark-mode body.customers .dropdown-menu > li > a,
body.dark-mode.admin .dropdown-menu > li > a,
body.dark-mode.customers .dropdown-menu > li > a {
  color: #e2e8f0;
}

html.dark-mode body.admin .dropdown-menu > li > a:hover,
html.dark-mode body.customers .dropdown-menu > li > a:hover,
body.dark-mode.admin .dropdown-menu > li > a:hover,
body.dark-mode.customers .dropdown-menu > li > a:hover {
  background-color: #111827;
  color: #f8fafc;
}

html.dark-mode body.admin .list-group-item,
html.dark-mode body.customers .list-group-item,
body.dark-mode.admin .list-group-item,
body.dark-mode.customers .list-group-item {
  background-color: #0b1220;
  border-color: #1f2937;
  color: #e2e8f0;
}

html.dark-mode body.admin .list-group-item.active,
html.dark-mode body.customers .list-group-item.active,
body.dark-mode.admin .list-group-item.active,
body.dark-mode.customers .list-group-item.active {
  background-color: #111827;
  border-color: #334155;
}

html.dark-mode body.admin .table-striped > tbody > tr:nth-of-type(odd),
html.dark-mode body.customers .table-striped > tbody > tr:nth-of-type(odd),
body.dark-mode.admin .table-striped > tbody > tr:nth-of-type(odd),
body.dark-mode.customers .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #0f172a;
}

html.dark-mode body.admin .table-hover > tbody > tr:hover,
html.dark-mode body.customers .table-hover > tbody > tr:hover,
body.dark-mode.admin .table-hover > tbody > tr:hover,
body.dark-mode.customers .table-hover > tbody > tr:hover {
  background-color: #111827;
}

html.dark-mode body.admin .modal-header,
html.dark-mode body.customers .modal-header,
html.dark-mode body.admin .modal-footer,
html.dark-mode body.customers .modal-footer,
body.dark-mode.admin .modal-header,
body.dark-mode.customers .modal-header,
body.dark-mode.admin .modal-footer,
body.dark-mode.customers .modal-footer {
  background-color: #0f172a;
  border-color: #1f2937;
}

html.dark-mode body.admin .input-group-addon,
html.dark-mode body.customers .input-group-addon,
body.dark-mode.admin .input-group-addon,
body.dark-mode.customers .input-group-addon {
  background-color: #0f172a;
  border-color: #1f2937;
  color: #cbd5f5;
}

html.dark-mode body.admin .form-control::placeholder,
html.dark-mode body.customers .form-control::placeholder,
body.dark-mode.admin .form-control::placeholder,
body.dark-mode.customers .form-control::placeholder {
  color: #94a3b8;
}

html.dark-mode body.admin .select2-container--default .select2-selection--single,
html.dark-mode body.customers .select2-container--default .select2-selection--single,
body.dark-mode.admin .select2-container--default .select2-selection--single,
body.dark-mode.customers .select2-container--default .select2-selection--single {
  background-color: #0b1220;
  border-color: #1f2937;
  color: #e2e8f0;
}

html.dark-mode body.admin .select2-container--default .select2-selection--single .select2-selection__rendered,
html.dark-mode body.customers .select2-container--default .select2-selection--single .select2-selection__rendered,
body.dark-mode.admin .select2-container--default .select2-selection--single .select2-selection__rendered,
body.dark-mode.customers .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #e2e8f0;
}

html.dark-mode body.admin .select2-dropdown,
html.dark-mode body.customers .select2-dropdown,
body.dark-mode.admin .select2-dropdown,
body.dark-mode.customers .select2-dropdown {
  background-color: #0b1220;
  border-color: #1f2937;
  color: #e2e8f0;
}

html.dark-mode body.admin .pagination > li > a,
html.dark-mode body.customers .pagination > li > a,
body.dark-mode.admin .pagination > li > a,
body.dark-mode.customers .pagination > li > a {
  background-color: #0b1220;
  border-color: #1f2937;
  color: #cbd5f5;
}

html.dark-mode body.admin .pagination > .active > a,
html.dark-mode body.customers .pagination > .active > a,
body.dark-mode.admin .pagination > .active > a,
body.dark-mode.customers .pagination > .active > a {
  background-color: #1f2937;
  border-color: #334155;
  color: #f8fafc;
}

html.dark-mode body.admin .nav-tabs > li > a,
html.dark-mode body.customers .nav-tabs > li > a,
body.dark-mode.admin .nav-tabs > li > a,
body.dark-mode.customers .nav-tabs > li > a {
  color: #cbd5f5;
  border-color: #1f2937;
}

html.dark-mode body.admin .nav-tabs > li.active > a,
html.dark-mode body.customers .nav-tabs > li.active > a,
body.dark-mode.admin .nav-tabs > li.active > a,
body.dark-mode.customers .nav-tabs > li.active > a {
  background-color: #0b1220;
  border-color: #1f2937;
  color: #f8fafc;
}

html.dark-mode body.admin .label,
html.dark-mode body.customers .label,
body.dark-mode.admin .label,
body.dark-mode.customers .label {
  color: #e2e8f0;
}

html.dark-mode body.admin .badge,
html.dark-mode body.customers .badge,
body.dark-mode.admin .badge,
body.dark-mode.customers .badge {
  background-color: #1f2937;
  color: #e2e8f0;
}