:root[data-theme=dark] {
  --fu-uc-page: #0b1220 !important;
  --fu-uc-card: #141e2e !important;
  --fu-uc-ink: #d8e1ee !important;
  --fu-uc-muted: #8b98ab !important;
  --fu-uc-line: #26334a !important;
  --fu-uc-blue: #5b96f7 !important;
  --fu-uc-blue-soft: rgba(59, 130, 246, .14) !important;
  --topbar-bg: #0b1220 !important;
  --topbar-text: #d8e1ee !important;
  --topbar-hover-bg: #1a2637 !important;
  --sidebar-bg: #070d16 !important;
  --sidebar-text: #b6c2d4 !important;
  --sidebar-icon: #7c89a0 !important;
  --sidebar-hover-bg: rgba(255, 255, 255, .07) !important;
  --sidebar-hover-text: #ffffff !important;
  --sidebar-hover-icon: #ffffff !important;
  --sidebar-active-bg: rgba(59, 130, 246, .25) !important;
  --sidebar-active-text: #ffffff !important;
  --sidebar-active-icon: #93c5fd !important;
  --sidebar-sub-text: #7c89a0 !important;
  --sidebar-sub-hover-bg: rgba(255, 255, 255, .06) !important;
  --sidebar-sub-hover-text: #cbd5e1 !important;
  --sidebar-head: #5f6d84 !important;
  --sidebar-border: transparent !important;
  --blue: #5b96f7 !important;
  --primary: #5b96f7 !important;
  --primary-hover: #7aabf9 !important;
  --fu-primary: #5b96f7 !important;
  --fu-primary-dark: #3b82f6 !important;
  --fu-primary-light: #7aabf9 !important;
  --fu-blue: #5b96f7 !important;
  --fu-bg: #0b1220 !important;
  --fu-bg-gray: #0e1726 !important;
  --fu-text: #d8e1ee !important;
  --fu-text-secondary: #8b98ab !important;
  --fu-border: #26334a !important;
  --fu-ink: #d8e1ee !important;
  --fu-muted: #8b98ab !important;
  --fu-line: #26334a !important;
}
html[data-theme=dark] body.fu-uc,
html[data-theme=dark] body.inherit,
html[data-theme=dark] body[data-sidebar] {
  background: var(--fu-uc-page) !important;
  color: var(--fu-uc-ink);
}
html[data-theme=dark] .page-content {
  color: var(--fu-uc-ink);
}
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] .page-title {
  color: #e6edf7;
}
html[data-theme=dark] .text-muted {
  color: var(--fu-uc-muted) !important;
}
html[data-theme=dark] .fu-uc-topbar {
  border-bottom-color: var(--fu-uc-line) !important;
}
html[data-theme=dark] .fu-uc-icon-btn {
  color: #a9b7cc !important;
}
html[data-theme=dark] .fu-uc-icon-btn:hover {
  background: var(--topbar-hover-bg) !important;
  color: var(--fu-uc-blue) !important;
}
html[data-theme=dark] .fu-uc-chip {
  border-color: var(--fu-uc-line) !important;
  color: #a9b7cc !important;
}
html[data-theme=dark] .fu-uc-sidebar,
html[data-theme=dark] .vertical-menu {
  background: var(--sidebar-bg) !important;
  border-color: transparent !important;
}
html[data-theme=dark] .fu-uc-sidebar .fu-uc-side-title {
  color: var(--sidebar-head);
}
html[data-theme=dark] .fu-card,
html[data-theme=dark] .card,
html[data-theme=dark] .bgw,
html[data-theme=dark] .panel,
html[data-theme=dark] .panel-default > .panel-heading {
  background-color: var(--fu-uc-card) !important;
  border-color: var(--fu-uc-line) !important;
  color: var(--fu-uc-ink);
}
html[data-theme=dark] .card-header,
html[data-theme=dark] .card-footer,
html[data-theme=dark] .panel-heading,
html[data-theme=dark] .panel-footer {
  background-color: #111a29 !important;
  border-color: var(--fu-uc-line) !important;
}
html[data-theme=dark] .card-header h3,
html[data-theme=dark] .card-header .card-title {
  color: #e6edf7;
}
html[data-theme=dark] .form-control,
html[data-theme=dark] input[type=text],
html[data-theme=dark] input[type=password],
html[data-theme=dark] input[type=email],
html[data-theme=dark] input[type=number],
html[data-theme=dark] input[type=search],
html[data-theme=dark] textarea,
html[data-theme=dark] select.form-control,
html[data-theme=dark] .form-select,
html[data-theme=dark] .input-group-text,
html[data-theme=dark] .custom-select {
  background-color: #0e1726 !important;
  border-color: var(--fu-uc-line) !important;
  color: var(--fu-uc-ink) !important;
}
html[data-theme=dark] .form-control:focus,
html[data-theme=dark] input:focus,
html[data-theme=dark] textarea:focus,
html[data-theme=dark] select:focus {
  background-color: #101b2d !important;
  border-color: var(--fu-uc-blue) !important;
  color: var(--fu-uc-ink) !important;
  box-shadow: 0 0 0 .2rem rgba(59, 130, 246, .15) !important;
}
html[data-theme=dark] .form-control::placeholder {
  color: #5f6d84 !important;
}
html[data-theme=dark] select.form-control option {
  background: #141e2e;
  color: var(--fu-uc-ink);
}
html[data-theme=dark] .form-group label,
html[data-theme=dark] .form-check-label {
  color: var(--fu-uc-muted);
}
html[data-theme=dark] .table {
  color: var(--fu-uc-ink);
}
html[data-theme=dark] .table thead th,
html[data-theme=dark] .table th {
  background-color: #111a29 !important;
  color: #a9b7cc;
  border-color: var(--fu-uc-line) !important;
}
html[data-theme=dark] .table td,
html[data-theme=dark] .table tbody tr {
  border-color: var(--fu-uc-line) !important;
  background-color: transparent;
}
html[data-theme=dark] .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, .03) !important;
}
html[data-theme=dark] .table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, .05) !important;
}
html[data-theme=dark] .table-bordered,
html[data-theme=dark] .table-bordered td,
html[data-theme=dark] .table-bordered th {
  border-color: var(--fu-uc-line) !important;
}
html[data-theme=dark] .table .badge:not([class*=status-]) {
  background-color: rgba(59, 130, 246, .18) !important;
  color: #93c5fd !important;
}
html[data-theme=dark] .dropdown-menu {
  background-color: var(--fu-uc-card) !important;
  border-color: var(--fu-uc-line) !important;
}
html[data-theme=dark] .dropdown-item {
  color: var(--fu-uc-ink);
}
html[data-theme=dark] .dropdown-item:hover,
html[data-theme=dark] .dropdown-item:focus {
  background-color: #1a2637 !important;
  color: #fff !important;
}
html[data-theme=dark] .dropdown-divider {
  border-color: var(--fu-uc-line) !important;
}
html[data-theme=dark] .dropdown-menu .text-danger {
  color: #f87171 !important;
}
html[data-theme=dark] .modal-content {
  background-color: var(--fu-uc-card) !important;
  border-color: var(--fu-uc-line) !important;
  color: var(--fu-uc-ink);
}
html[data-theme=dark] .modal-header,
html[data-theme=dark] .modal-footer {
  border-color: var(--fu-uc-line) !important;
}
html[data-theme=dark] .modal-title {
  color: #e6edf7;
}
html[data-theme=dark] .close,
html[data-theme=dark] .modal-header .close {
  color: var(--fu-uc-ink) !important;
  text-shadow: none !important;
}
html[data-theme=dark] .pagination .page-link {
  background-color: var(--fu-uc-card) !important;
  border-color: var(--fu-uc-line) !important;
  color: #a9b7cc;
}
html[data-theme=dark] .pagination .page-item.active .page-link {
  background-color: var(--fu-uc-blue) !important;
  border-color: var(--fu-uc-blue) !important;
  color: #fff !important;
}
html[data-theme=dark] .pagination .page-item.disabled .page-link {
  background-color: #0e1726 !important;
  color: #5f6d84 !important;
}
html[data-theme=dark] .pagination .page-item .page-link:hover {
  background-color: #1a2637 !important;
  color: #fff !important;
}
html[data-theme=dark] .nav-tabs {
  border-color: var(--fu-uc-line) !important;
}
html[data-theme=dark] .nav-tabs .nav-link {
  color: var(--fu-uc-muted);
}
html[data-theme=dark] .nav-tabs .nav-link:hover {
  color: var(--fu-uc-blue);
  border-color: transparent;
}
html[data-theme=dark] .nav-tabs .nav-link.active {
  background-color: var(--fu-uc-card) !important;
  border-color: var(--fu-uc-line) !important;
  color: var(--fu-uc-blue) !important;
}
html[data-theme=dark] .breadcrumb {
  background-color: transparent;
}
html[data-theme=dark] .breadcrumb-item + .breadcrumb-item::before {
  color: var(--fu-uc-muted);
}
html[data-theme=dark] .breadcrumb-item.active {
  color: var(--fu-uc-muted);
}
html[data-theme=dark] .btn-light {
  background-color: #1a2637 !important;
  border-color: var(--fu-uc-line) !important;
  color: var(--fu-uc-ink) !important;
}
html[data-theme=dark] .btn-light:hover {
  background-color: #223047 !important;
  color: #fff !important;
}
html[data-theme=dark] .btn-outline-secondary,
html[data-theme=dark] .btn-secondary {
  border-color: var(--fu-uc-line) !important;
  color: #a9b7cc !important;
}
html[data-theme=dark] .btn-outline-secondary:hover {
  background-color: #1a2637 !important;
  color: #fff !important;
}
html[data-theme=dark] .list-group-item {
  background-color: var(--fu-uc-card) !important;
  border-color: var(--fu-uc-line) !important;
  color: var(--fu-uc-ink);
}
html[data-theme=dark] .list-group-item.active {
  background-color: var(--fu-uc-blue) !important;
  border-color: var(--fu-uc-blue) !important;
}
html[data-theme=dark] .fu-content-item {
  border-color: var(--fu-uc-line) !important;
}
html[data-theme=dark] .fu-content-item-title {
  color: #e6edf7;
}
html[data-theme=dark] .badge-light {
  background-color: #1a2637 !important;
  color: var(--fu-uc-ink) !important;
}
html[data-theme=dark] .alert {
  background-color: #141e2e !important;
  border-color: var(--fu-uc-line) !important;
  color: var(--fu-uc-ink);
}
html[data-theme=dark] .toastr,
html[data-theme=dark] #toast-container > div {
  background-color: #141e2e !important;
  color: var(--fu-uc-ink) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, .45) !important;
}
html[data-theme=dark] pre,
html[data-theme=dark] code {
  background-color: #0e1726 !important;
  color: #a9b7cc;
  border-color: var(--fu-uc-line) !important;
}
html[data-theme=dark] ::-webkit-scrollbar-track {
  background: #0b1220;
}
html[data-theme=dark] ::-webkit-scrollbar-thumb {
  background: #2c3b55;
  border-radius: 6px;
}
html[data-theme=dark] .fu-dark-icon-sun {
  display: none !important;
}
html[data-theme=dark] .fu-dark-icon-moon {
  display: inline-flex !important;
}
html[data-theme=dark] .fu-tabs-card,
html[data-theme=dark] .table-container.tabs_table {
  background: var(--fu-uc-card) !important;
  border-color: var(--fu-uc-line) !important;
  color: var(--fu-uc-ink);
}
html[data-theme=dark] .fu-tabs-card .fu-tabs,
html[data-theme=dark] .fu-tabs-card .fu-tabs-nav,
html[data-theme=dark] .fu-tabs-card .fu-tabs.prevent {
  background: transparent !important;
  color: var(--fu-uc-ink);
}
html[data-theme=dark] .fu-tabs-card .fu-tabs .tab-item,
html[data-theme=dark] .fu-tabs-card .fu-tabs-nav .tab-item {
  color: var(--fu-uc-muted);
}
html[data-theme=dark] .fu-tabs-card .fu-tabs .tab-item.on,
html[data-theme=dark] .fu-tabs-card .fu-tabs-nav .tab-item.on {
  color: var(--fu-uc-blue);
}
html[data-theme=dark] .bg-light {
  background-color: #111a29 !important;
  color: #a9b7cc !important;
}
html[data-theme=dark] .table.tablelist,
html[data-theme=dark] .tablelist {
  background-color: var(--fu-uc-card) !important;
  color: var(--fu-uc-ink);
}
html[data-theme=dark] .table.tablelist thead th,
html[data-theme=dark] .tablelist thead th {
  background-color: #111a29 !important;
  color: #a9b7cc !important;
  border-color: var(--fu-uc-line) !important;
}
html[data-theme=dark] .table.tablelist td,
html[data-theme=dark] .tablelist td {
  border-color: var(--fu-uc-line) !important;
}
html[data-theme=dark] .table-header.fu-service-toolbar,
html[data-theme=dark] .fu-service-toolbar {
  background: #111a29 !important;
  border-color: var(--fu-uc-line) !important;
  color: var(--fu-uc-ink);
}
html[data-theme=dark] .btn-outline-primary {
  background: transparent !important;
  border-color: var(--fu-uc-blue) !important;
  color: var(--fu-uc-blue) !important;
}
html[data-theme=dark] .btn-outline-primary:hover,
html[data-theme=dark] .btn-outline-primary:focus {
  background: var(--fu-uc-blue) !important;
  color: #fff !important;
}
html[data-theme=dark] .btn.batch.btn-outline-primary.not-allowed,
html[data-theme=dark] .btn.batch.btn-outline-primary[disabled] {
  opacity: .45;
}
html[data-theme=dark] body.fu-uc .page-content,
html[data-theme=dark] body.fu-uc .fu-card,
html[data-theme=dark] body.fu-uc .card,
html[data-theme=dark] body.fu-uc .bgw,
html[data-theme=dark] body.fu-uc .panel,
html[data-theme=dark] body.fu-uc .modal-content {
  color: var(--fu-uc-ink) !important;
}
html[data-theme=dark] body.fu-uc p,
html[data-theme=dark] body.fu-uc li,
html[data-theme=dark] body.fu-uc dd,
html[data-theme=dark] body.fu-uc dt {
  color: var(--fu-uc-ink);
}
html[data-theme=dark] body.fu-uc .text-dark,
html[data-theme=dark] body.fu-uc .text-body,
html[data-theme=dark] body.fu-uc .text-secondary {
  color: var(--fu-uc-muted) !important;
}
html[data-theme=dark] body.fu-uc .text-danger {
  color: #f87171 !important;
}
html[data-theme=dark] body.fu-uc .text-success {
  color: #4ade80 !important;
}
html[data-theme=dark] body.fu-uc .text-warning {
  color: #fbbf24 !important;
}
html[data-theme=dark] body.fu-uc .text-info {
  color: #38bdf8 !important;
}
html[data-theme=dark] body.fu-uc .fu-uc-crumb,
html[data-theme=dark] body.fu-uc .fu-uc-crumb strong,
html[data-theme=dark] body.fu-uc .fu-uc-user-btn,
html[data-theme=dark] body.fu-uc .fu-uc-user-meta,
html[data-theme=dark] body.fu-uc .fu-uc-user-btn strong,
html[data-theme=dark] body.fu-uc .fu-uc-user-btn small {
  color: var(--fu-uc-ink) !important;
}
html[data-theme=dark] body.fu-uc .breadcrumbsTitle,
html[data-theme=dark] body.fu-uc .fu-page-ident,
html[data-theme=dark] body.fu-uc .fu-row-txt {
  color: #e6edf7 !important;
}
html[data-theme=dark] body.fu-uc .fu-page-ident-wrap,
html[data-theme=dark] body.fu-uc .fu-page-ident,
html[data-theme=dark] body.fu-uc .breadcrumbsTitle,
html[data-theme=dark] body.fu-uc .page-title-box {
  background: transparent !important;
}
html[data-theme=dark] body.fu-uc .breadcrumbsTitle h4,
html[data-theme=dark] body.fu-uc .fu-page-ident h4,
html[data-theme=dark] body.fu-uc .fu-page-ident h1,
html[data-theme=dark] body.fu-uc .page-title-box h4 {
  color: #e6edf7 !important;
}
html[data-theme=dark] body.fu-uc .fu-uc-drop,
html[data-theme=dark] body.fu-uc .fu-uc-drop .dropdown-item {
  color: var(--fu-uc-ink) !important;
}
html[data-theme=dark] body.fu-uc .fu-tabs-item,
html[data-theme=dark] body.fu-uc .fu-tabs .fu-tabs-item {
  color: var(--fu-uc-muted) !important;
}
html[data-theme=dark] body.fu-uc .fu-tabs-item.on,
html[data-theme=dark] body.fu-uc .fu-tabs-item.active,
html[data-theme=dark] body.fu-uc .fu-tabs .fu-tabs-item.on {
  color: var(--fu-uc-blue) !important;
}
html[data-theme=dark] body.fu-uc .table .pointer,
html[data-theme=dark] body.fu-uc .pointer,
html[data-theme=dark] body.fu-uc .bg-light {
  color: #a9b7cc !important;
}
html[data-theme=dark] body.fu-uc .selectpicker,
html[data-theme=dark] body.fu-uc .bootstrap-select .filter-option-inner-inner,
html[data-theme=dark] body.fu-uc .bootstrap-select .text {
  color: var(--fu-uc-ink) !important;
}
html[data-theme=dark] body.fu-uc .bootstrap-select .dropdown-menu {
  background: var(--fu-uc-card) !important;
  border-color: var(--fu-uc-line) !important;
}
html[data-theme=dark] body.fu-uc .bootstrap-select .dropdown-menu .dropdown-item,
html[data-theme=dark] body.fu-uc .bootstrap-select .dropdown-menu .dropdown-item .text {
  color: var(--fu-uc-ink) !important;
}
html[data-theme=dark] body.fu-uc .bootstrap-select .dropdown-menu .dropdown-item:hover {
  background: #1a2637 !important;
}
html[data-theme=dark] body.fu-uc .userInformation-itme-name,
html[data-theme=dark] body.fu-uc .userInformation-itme-email,
html[data-theme=dark] body.fu-uc .action,
html[data-theme=dark] body.fu-uc .number,
html[data-theme=dark] body.fu-uc .unit,
html[data-theme=dark] body.fu-uc .card .title,
html[data-theme=dark] body.fu-uc .fu-card .title,
html[data-theme=dark] body.fu-uc .score,
html[data-theme=dark] body.fu-uc .earnCommission-info,
html[data-theme=dark] body.fu-uc .company-name,
html[data-theme=dark] body.fu-uc .cutOneSHair,
html[data-theme=dark] body.fu-uc .details-userInfo,
html[data-theme=dark] body.fu-uc .cardContent,
html[data-theme=dark] body.fu-uc .displayName,
html[data-theme=dark] body.fu-uc .ellipsis {
  color: var(--fu-uc-ink) !important;
}
html[data-theme=dark] body.fu-uc .cutOneSHair {
  color: var(--fu-uc-blue) !important;
}
html[data-theme=dark] body.fu-uc .fu-ai-msg.bot {
  color: var(--fu-uc-ink) !important;
}
html[data-theme=dark] body.fu-uc .fu-ai-panel,
html[data-theme=dark] body.fu-uc .fu-ai-body,
html[data-theme=dark] body.fu-uc .fu-ai-foot,
html[data-theme=dark] body.fu-uc .fu-ai-input-wrap {
  background: var(--fu-uc-card) !important;
  border-color: var(--fu-uc-line) !important;
  color: var(--fu-uc-ink);
}
html[data-theme=dark] body.fu-uc .fu-ai-input-wrap input,
html[data-theme=dark] body.fu-uc .fu-ai-input-wrap textarea {
  background: #0e1726 !important;
  color: var(--fu-uc-ink) !important;
  border-color: var(--fu-uc-line) !important;
}
html[data-theme=dark] body.fu-uc .bootstrap-select .btn.dropdown-toggle,
html[data-theme=dark] body.fu-uc .bootstrap-select .btn {
  background: #0e1726 !important;
  border-color: var(--fu-uc-line) !important;
  color: var(--fu-uc-ink) !important;
}
html[data-theme=dark] body.fu-uc a:not(.btn):not(.dropdown-item):not(.fu-uc-icon-btn):not(.nav-link):not(.fu-uc-brand) {
  color: var(--fu-uc-blue);
}
html[data-theme=dark] body.fu-uc a:not(.btn):not(.dropdown-item):hover {
  color: var(--fu-primary-light);
}