body[data-layout-mode="dark"] .vertical-menu {
  border: none;
}
body[data-layout-mode="dark"][data-topbar="dark"] #page-topbar {
  background-color: #121e2d;
  border-color: #162436;
}
body[data-layout-mode="dark"][data-topbar="dark"] .navbar-brand-box {
  background-color: #fff;
  margin-bottom: -1px;
}
body[data-layout-mode="dark"][data-topbar="dark"]
  .navbar-brand-box
  .logo-light {
  display: none;
}
body[data-layout-mode="dark"][data-topbar="dark"] .navbar-brand-box .logo-dark {
  display: block;
}
body[data-layout-mode="dark"][data-sidebar="dark"] .navbar-brand-box,
body[data-layout-mode="dark"][data-sidebar="dark"] .vertical-menu {
  border-right: 1px solid #162436;
}
body[data-layout-mode="dark"][data-sidebar="dark"] .navbar-brand-box {
  background-color: #121e2d;
}
body[data-layout-mode="dark"][data-sidebar="dark"]
  .navbar-brand-box
  .logo-light {
  display: block;
}
body[data-layout-mode="dark"][data-sidebar="dark"]
  .navbar-brand-box
  .logo-dark {
  display: none;
}
body[data-layout-mode="dark"][data-sidebar="brand"] .navbar-brand-box {
  background-color: #0576b9;
}
body[data-layout-mode="dark"][data-sidebar="brand"]
  .navbar-brand-box
  .logo-light {
  display: block;
}
body[data-layout-mode="dark"][data-sidebar="brand"]
  .navbar-brand-box
  .logo-dark {
  display: none;
}
body[data-layout-mode="dark"][data-sidebar-size="sm"][data-sidebar="dark"]
  .vertical-menu
  #sidebar-menu
  > ul
  ul {
  background-color: #17273a;
  border: 1px solid #17273a;
}
body[data-layout-mode="dark"] .page-title-box {
  background-color: #121e2d;
  border-color: #162436;
}
body[data-layout-mode="dark"] .footer {
  background-color: #121e2d;
  color: #c3cbe4;
}
body[data-layout-mode="dark"] .right-bar {
  background-color: #121e2d;
}
body[data-layout-mode="dark"] .notification-item:hover {
  background-color: #18283c;
}
body[data-layout-mode="dark"][data-layout="horizontal"] #page-topbar {
  background: #121e2d;
  border-color: #18283c;
}
body[data-layout-mode="dark"][data-layout="horizontal"] .navbar-brand-box {
  background-color: transparent;
}
body[data-layout-mode="dark"][data-layout="horizontal"]
  .navbar-brand-box
  .logo-light {
  display: block;
}
body[data-layout-mode="dark"][data-layout="horizontal"]
  .navbar-brand-box
  .logo-dark {
  display: none;
}
body[data-layout-mode="dark"][data-layout="horizontal"]
  .app-search
  .form-control {
  border-color: rgba(243, 243, 249, 0.07);
  background-color: rgba(243, 243, 249, 0.07);
  color: #fff;
}
body[data-layout-mode="dark"][data-layout="horizontal"]
  .app-search
  input.form-control::-webkit-input-placeholder,
body[data-layout-mode="dark"][data-layout="horizontal"] .app-search span {
  color: rgba(255, 255, 255, 0.5);
}
body[data-layout-mode="dark"][data-layout="horizontal"] .noti-icon i {
  color: #e9ecef;
}
body[data-layout-mode="dark"][data-layout="horizontal"] .topnav {
  background: #121e2d;
  border-color: #162436;
}
body[data-layout-mode="dark"][data-layout="horizontal"]
  .topnav
  .navbar-nav
  .nav-link {
  color: #c3cbe4;
}
body[data-layout-mode="dark"][data-layout="horizontal"]
  .topnav
  .navbar-nav
  .nav-link:focus,
body[data-layout-mode="dark"][data-layout="horizontal"]
  .topnav
  .navbar-nav
  .nav-link:hover {
  color: #0576b9;
}
body[data-layout-mode="dark"][data-layout="horizontal"]
  .topnav
  .navbar-nav
  .dropdown-item {
  color: #bfc8e2;
}
body[data-layout-mode="dark"][data-layout="horizontal"]
  .topnav
  .navbar-nav
  .dropdown-item.active,
body[data-layout-mode="dark"][data-layout="horizontal"]
  .topnav
  .navbar-nav
  .dropdown-item:hover {
  color: #0576b9;
}
body[data-layout-mode="dark"][data-layout="horizontal"]
  .topnav
  .navbar-nav
  .nav-item
  .nav-link.active {
  color: #0576b9;
}
body[data-layout-mode="dark"][data-layout="horizontal"]
  .topnav
  .navbar-nav
  .dropdown.active
  > a {
  color: #0576b9;
  background-color: transparent;
}
body[data-layout-mode="dark"] {
  background-color: #0e1824;
  color: #c3cbe4;
}
body[data-layout-mode="dark"] .h1,
body[data-layout-mode="dark"] .h2,
body[data-layout-mode="dark"] .h3,
body[data-layout-mode="dark"] .h4,
body[data-layout-mode="dark"] .h5,
body[data-layout-mode="dark"] .h6,
body[data-layout-mode="dark"] h1,
body[data-layout-mode="dark"] h2,
body[data-layout-mode="dark"] h3,
body[data-layout-mode="dark"] h4,
body[data-layout-mode="dark"] h5,
body[data-layout-mode="dark"] h6 {
  color: #c3cbe4;
}
body[data-layout-mode="dark"] .card,
body[data-layout-mode="dark"] .modal-content,
body[data-layout-mode="dark"] .offcanvas {
  background-color: #121e2d;
  border-color: #162436;
}
body[data-layout-mode="dark"] .breadcrumb-item > a {
  color: #a6b0cf;
}
body[data-layout-mode="dark"] .bg-light {
  background-color: #1d2d42 !important;
}
body[data-layout-mode="dark"] .bg-dark {
  background-color: #192a3f !important;
}
body[data-layout-mode="dark"] .bg-pattern {
  background: url(../images/modal-bg.png) #121e2d;
}
body[data-layout-mode="dark"] .btn-close {
  background: transparent
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
    center/.8em auto no-repeat;
}
body[data-layout-mode="dark"] .border-light {
  border-color: #1d2d42 !important;
}
body[data-layout-mode="dark"] .border-bottom {
  border-bottom: 1px solid #1d2d42 !important;
}
body[data-layout-mode="dark"] .badge-soft-dark {
  color: #c3cbe4;
  background-color: rgba(166, 176, 207, 0.18);
}
body[data-layout-mode="dark"] .badge-soft-dark[href]:focus,
body[data-layout-mode="dark"] .badge-soft-dark[href]:hover {
  color: #c3cbe4;
  text-decoration: none;
  background-color: rgba(166, 176, 207, 0.4);
}
body[data-layout-mode="dark"] .text-dark {
  color: #eff2f7 !important;
}
body[data-layout-mode="dark"] .btn {
  color: #f6f6f6;
}
body[data-layout-mode="dark"] .main-chart .chart-border-left {
  border-left-color: #192a3f;
}
body[data-layout-mode="dark"] .table {
  border-color: #192a3f;
  color: #a6b0cf;
}
body[data-layout-mode="dark"] .table-bordered {
  border-color: #1d2d42;
}
body[data-layout-mode="dark"] .table-bordered td,
body[data-layout-mode="dark"] .table-bordered th {
  border-color: #1d2d42;
}
body[data-layout-mode="dark"] .table > :not(:last-child) > :last-child > * {
  border-bottom-color: #1d2d42;
}
body[data-layout-mode="dark"] .table .table-light,
body[data-layout-mode="dark"] .table-hover > tbody > tr:hover,
body[data-layout-mode="dark"] .table-striped > tbody > tr:nth-of-type(odd) {
  --bs-table-accent-bg: #192635;
  color: #bfc8e2;
}
body[data-layout-mode="dark"] .dropdown-menu {
  background-color: #162436;
  border-color: #1d2d42;
  color: #bfc8e2;
}
body[data-layout-mode="dark"] .dropdown-item {
  color: #bfc8e2;
}
body[data-layout-mode="dark"] .dropdown-item:active,
body[data-layout-mode="dark"] .dropdown-item:focus,
body[data-layout-mode="dark"] .dropdown-item:hover {
  background-color: #192a3f;
}
body[data-layout-mode="dark"] .dropdown-divider {
  border-top-color: #1d2d42;
}
body[data-layout-mode="dark"] .border,
body[data-layout-mode="dark"] .border-top,
body[data-layout-mode="dark"] .list-group-item {
  border-color: #1d2d42 !important;
}
body[data-layout-mode="dark"] .btn-light {
  color: #bfc8e2;
  background-color: #1d2d42;
  border-color: #1d2d42 !important;
}
body[data-layout-mode="dark"] .list-group-item {
  background-color: #162436;
  color: #bfc8e2;
}
body[data-layout-mode="dark"] .img-thumbnail {
  background-color: #162436;
  border-color: #1d2d42;
}
body[data-layout-mode="dark"] .nav-tabs {
  border-color: #1d2d42;
}
body[data-layout-mode="dark"] .nav-tabs .nav-link {
  color: #c3cbe4;
}
body[data-layout-mode="dark"] .nav-tabs .nav-link:focus,
body[data-layout-mode="dark"] .nav-tabs .nav-link:hover {
  border-color: #1d2d42 #1d2d42 #1d2d42;
}
body[data-layout-mode="dark"] .nav-tabs .nav-link.active {
  background-color: #121e2d;
  border-color: #1d2d42 #1d2d42 #121e2d;
}
body[data-layout-mode="dark"] .nav-pills .nav-link {
  color: #c3cbe4;
}
body[data-layout-mode="dark"] .nav-pills .nav-link.active {
  color: #fff;
}
body[data-layout-mode="dark"] .alert .btn-close {
  background: transparent
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
    center/.8em auto no-repeat;
}
body[data-layout-mode="dark"] .accordion-button {
  border-color: #1d2d42;
  color: #c3cbe4;
}
body[data-layout-mode="dark"] .accordion-button:not(.collapsed) {
  background-color: rgba(5, 118, 185, 0.2);
  color: #0576b9;
}
body[data-layout-mode="dark"] .accordion-collapse {
  border-color: #1d2d42;
}
body[data-layout-mode="dark"] .modal-footer,
body[data-layout-mode="dark"] .modal-header {
  border-color: #1d2d42;
}
body[data-layout-mode="dark"] .page-link {
  background-color: #121e2d;
  border-color: #1d2d42;
}
body[data-layout-mode="dark"] .page-item.disabled .page-link {
  background-color: #121e2d;
  border-color: #1d2d42;
}
body[data-layout-mode="dark"] .progress {
  background-color: #1d2d42;
}
body[data-layout-mode="dark"] .popover-header {
  color: #121e2d;
}
body[data-layout-mode="dark"] .blockquote {
  border-color: #1d2d42;
}
body[data-layout-mode="dark"] .form-select {
  color: #bfc8e2;
  background-color: #162436;
  border: 1px solid #1d2d42;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23eff2f7' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
body[data-layout-mode="dark"] .form-check-input {
  background-color: #1d2d42;
  border-color: rgba(255, 255, 255, 0.25);
}
body[data-layout-mode="dark"] .form-check-input:checked {
  background-color: #0576b9;
  border-color: #0576b9;
}
body[data-layout-mode="dark"] .form-switch .form-check-input {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
body[data-layout-mode="dark"] .input-group-text {
  background-color: #1d2d42;
  border-color: #1d2d42;
  color: #c3cbe4;
}
body[data-layout-mode="dark"] .form-control::-webkit-file-upload-button {
  background-color: #1d2d42;
  color: #c3cbe4;
}
body[data-layout-mode="dark"]
  .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #1d2d42;
}
body[data-layout-mode="dark"] .table-dark {
  background-color: #1d2d42;
}
body[data-layout-mode="dark"] .table-dark > :not(caption) > * > * {
  background-color: #1d2d42;
}
body[data-layout-mode="dark"] .icon-demo-content {
  color: #bfc8e2;
}
body[data-layout-mode="dark"]:not([data-topbar="light"]) .form-control {
  color: #bfc8e2;
  background-color: #162436;
  border: 1px solid #1d2d42;
}
body[data-layout-mode="dark"] .apexcharts-gridline {
  stroke: #162436;
}
body[data-layout-mode="dark"] .apexcharts-tooltip.apexcharts-theme-light {
  background-color: #121e2d;
  border-color: #162436;
}
body[data-layout-mode="dark"]
  .apexcharts-tooltip.apexcharts-theme-light
  .apexcharts-tooltip-title {
  background-color: #1d2d42;
  border-color: #21334b;
}
body[data-layout-mode="dark"] .apexcharts-grid-row + line,
body[data-layout-mode="dark"]
  .apexcharts-yaxis-texts-g.apexcharts-xaxis-inversed-texts-g
  + line {
  stroke: #21334b;
}
body[data-layout-mode="dark"] .apexcharts-heatmap-rect,
body[data-layout-mode="dark"] .apexcharts-pie-area,
body[data-layout-mode="dark"] .apexcharts-treemap-rect,
body[data-layout-mode="dark"] .apexcharts-xaxis line {
  stroke: #21334b;
}
body[data-layout-mode="dark"]
  .apexcharts-radialbar-track.apexcharts-track
  path {
  stroke: #21334b;
}
body[data-layout-mode="dark"]
  .apexcharts-radar-series.apexcharts-plot-series
  line,
body[data-layout-mode="dark"]
  .apexcharts-radar-series.apexcharts-plot-series
  polygon {
  fill: #1d2d42;
  stroke: #21334b;
}
body[data-layout-mode="dark"] .apexcharts-pie circle {
  stroke: #21334b;
}
body[data-layout-mode="dark"] .swal2-popup {
  background-color: #1d2d42 !important;
}
body[data-layout-mode="dark"] .swal2-content {
  color: #bfc8e2;
}
body[data-layout-mode="dark"] .irs--square .irs-max,
body[data-layout-mode="dark"] .irs--square .irs-min {
  background: #1d2d42;
  color: #a6b0cf;
}
body[data-layout-mode="dark"] .irs--square .irs-handle,
body[data-layout-mode="dark"] .irs--square .irs-line {
  background-color: #1d2d42 !important;
}
body[data-layout-mode="dark"] .irs--square .irs-grid-text {
  color: #a6b0cf;
}
body[data-layout-mode="dark"] .toast {
  background-color: rgba(29, 45, 66, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body[data-layout-mode="dark"] .toast-header {
  background-color: rgba(29, 45, 66, 0.85);
  color: #a6b0cf;
}
body[data-layout-mode="dark"] .select2-container .select2-selection {
  background-color: #162436;
  border: 1px solid #1d2d42 !important;
}
body[data-layout-mode="dark"]
  .select2-container
  .select2-selection
  .select2-selection__rendered {
  color: #bfc8e2;
}
body[data-layout-mode="dark"]
  .select2-container
  .select2-selection
  .select2-search__field {
  color: #bfc8e2;
}
body[data-layout-mode="dark"]
  .select2-container
  .select2-selection
  .select2-search__field::-webkit-input-placeholder {
  color: #a6b0cf;
}
body[data-layout-mode="dark"]
  .select2-container
  .select2-selection
  .select2-search__field::-moz-placeholder {
  color: #a6b0cf;
}
body[data-layout-mode="dark"]
  .select2-container
  .select2-selection
  .select2-search__field:-ms-input-placeholder {
  color: #a6b0cf;
}
body[data-layout-mode="dark"]
  .select2-container
  .select2-selection
  .select2-search__field::-ms-input-placeholder {
  color: #a6b0cf;
}
body[data-layout-mode="dark"]
  .select2-container
  .select2-selection
  .select2-search__field::placeholder {
  color: #a6b0cf;
}
body[data-layout-mode="dark"]
  .select2-container
  .select2-selection
  .select2-selection__placeholder {
  color: #a6b0cf;
}
body[data-layout-mode="dark"]
  .select2-container
  .select2-selection
  .select2-selection__choice {
  background-color: #21334b;
  border: 1px solid #1d2d42;
}
body[data-layout-mode="dark"]
  .select2-container
  .select2-results__option[aria-selected="true"] {
  background-color: #1d2d42;
  color: #bfc8e2;
}
body[data-layout-mode="dark"] .select2-container .select2-dropdown {
  background-color: #162436;
  border: 1px solid #1d2d42;
}
body[data-layout-mode="dark"] .select2-container .select2-search--dropdown {
  background-color: #162436;
}
body[data-layout-mode="dark"]
  .select2-container
  .select2-search--dropdown
  .select2-search__field {
  background-color: #162436;
  border: 1px solid #1d2d42;
  color: #bfc8e2;
}
body[data-layout-mode="dark"] .sp-container {
  background-color: #162436;
}
body[data-layout-mode="dark"] .sp-container button {
  color: #bfc8e2;
}
body[data-layout-mode="dark"] .sp-container button.sp-choose {
  color: #fff;
}
body[data-layout-mode="dark"] .sp-container button.sp-palette-toggle {
  background-color: #1d2d42;
}
body[data-layout-mode="dark"] .sp-palette-container {
  border-right: 1px solid #1d2d42;
}
body[data-layout-mode="dark"] .datepicker {
  border-color: #1d2d42;
}
body[data-layout-mode="dark"] .datepicker table tr td span.focused,
body[data-layout-mode="dark"] .datepicker table tr td span:hover,
body[data-layout-mode="dark"] .datepicker table tr td.day.focused,
body[data-layout-mode="dark"] .datepicker table tr td.day:hover {
  background-color: #1d2d42;
}
body[data-layout-mode="dark"] .datepicker table tr td.range {
  background-color: #1d2d42;
}
body[data-layout-mode="dark"] .datepicker table tr td.range.disabled,
body[data-layout-mode="dark"] .datepicker table tr td.range.disabled:hover,
body[data-layout-mode="dark"] .datepicker table tr td.range:hover {
  background-color: #1d2d42;
}
body[data-layout-mode="dark"] .datepicker .datepicker-switch:hover,
body[data-layout-mode="dark"] .datepicker .next:hover,
body[data-layout-mode="dark"] .datepicker .prev:hover,
body[data-layout-mode="dark"] .datepicker tfoot tr th:hover {
  background-color: #1d2d42;
}
body[data-layout-mode="dark"] .dropzone {
  background-color: #162436;
  border-color: #1d2d42;
}
body[data-layout-mode="dark"] .wizard .steps > ul > li a {
  color: #bfc8e2 !important;
}
body[data-layout-mode="dark"] .activate-select .sorting_1 {
  background-color: #121e2d;
}
body[data-layout-mode="dark"] .dt-button-collection .dt-button.active {
  background-color: #1d2d42;
}
body[data-layout-mode="dark"] .gmaps,
body[data-layout-mode="dark"] .gmaps-panaroma {
  background: #1d2d42;
}
body[data-layout-mode="dark"] .ql-container.ql-snow {
  border-color: #203249;
}
body[data-layout-mode="dark"] .ql-bubble {
  border: #203249 solid #203249 !important;
  border-radius: 0.25rem;
}
body[data-layout-mode="dark"] .ql-toolbar {
  font-family: var(--bs-font-sans-serif) !important;
}
body[data-layout-mode="dark"] .ql-toolbar span {
  color: #bfc8e2;
}
body[data-layout-mode="dark"] .ql-toolbar span:hover {
  color: #0576b9 !important;
}
body[data-layout-mode="dark"] .ql-toolbar.ql-snow {
  border-color: #203249 !important;
}
body[data-layout-mode="dark"]
  .ql-toolbar.ql-snow
  .ql-picker.ql-expanded
  .ql-picker-label {
  border-color: transparent;
}
body[data-layout-mode="dark"] .ql-snow .ql-script,
body[data-layout-mode="dark"] .ql-snow .ql-strike svg,
body[data-layout-mode="dark"] .ql-snow .ql-stroke {
  stroke: #bfc8e2;
}
body[data-layout-mode="dark"] .ql-snow .ql-fill {
  fill: #bfc8e2;
}
body[data-layout-mode="dark"] .ql-snow .ql-picker-options {
  background-color: #121e2d;
  border-color: #203249 !important;
}
body[data-layout-mode="dark"] .flatpickr-calendar {
  background-color: #162436 !important;
  -webkit-box-shadow: 1px 0 0 #1d2d42, -1px 0 0 #1d2d42, 0 1px 0 #1d2d42,
    0 -1px 0 #1d2d42, 0 3px 13px rgba(0, 0, 0, 0.08) !important;
  box-shadow: 1px 0 0 #1d2d42, -1px 0 0 #1d2d42, 0 1px 0 #1d2d42,
    0 -1px 0 #1d2d42, 0 3px 13px rgba(0, 0, 0, 0.08) !important;
}
body[data-layout-mode="dark"] .flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid #1d2d42 !important;
}
body[data-layout-mode="dark"] .flatpickr-weekdays {
  border-color: #1d2d42;
}
body[data-layout-mode="dark"] .flatpickr-day {
  color: #bfc8e2 !important;
}
body[data-layout-mode="dark"] .flatpickr-day:focus,
body[data-layout-mode="dark"] .flatpickr-day:hover {
  background-color: rgba(29, 45, 66, 0.7) !important;
}
body[data-layout-mode="dark"] .flatpickr-day.today:focus,
body[data-layout-mode="dark"] .flatpickr-day.today:hover {
  color: #bfc8e2 !important;
}
body[data-layout-mode="dark"] .flatpickr-day.inRange,
body[data-layout-mode="dark"] .flatpickr-day.nextMonthDay.inRange,
body[data-layout-mode="dark"] .flatpickr-day.nextMonthDay.today.inRange,
body[data-layout-mode="dark"] .flatpickr-day.nextMonthDay:focus,
body[data-layout-mode="dark"] .flatpickr-day.nextMonthDay:hover,
body[data-layout-mode="dark"] .flatpickr-day.prevMonthDay.inRange,
body[data-layout-mode="dark"] .flatpickr-day.prevMonthDay.today.inRange,
body[data-layout-mode="dark"] .flatpickr-day.prevMonthDay:focus,
body[data-layout-mode="dark"] .flatpickr-day.prevMonthDay:hover,
body[data-layout-mode="dark"] .flatpickr-day.today.inRange,
body[data-layout-mode="dark"] .flatpickr-day:focus,
body[data-layout-mode="dark"] .flatpickr-day:hover {
  background-color: #1d2d42;
  border-color: #1d2d42;
}
body[data-layout-mode="dark"] .flatpickr-day.selected {
  background-color: #0576b9 !important;
  border-color: #0576b9 !important;
  color: #fff !important;
}
body[data-layout-mode="dark"] .flatpickr-day.flatpickr-disabled,
body[data-layout-mode="dark"] .flatpickr-day.flatpickr-disabled:hover,
body[data-layout-mode="dark"] .flatpickr-day.nextMonthDay,
body[data-layout-mode="dark"] .flatpickr-day.notAllowed,
body[data-layout-mode="dark"] .flatpickr-day.notAllowed.nextMonthDay,
body[data-layout-mode="dark"] .flatpickr-day.notAllowed.prevMonthDay,
body[data-layout-mode="dark"] .flatpickr-day.prevMonthDay {
  color: rgba(191, 200, 226, 0.3) !important;
}
body[data-layout-mode="dark"] .flatpickr-day.inRange {
  -webkit-box-shadow: -5px 0 0 #1d2d42, 5px 0 0 #1d2d42;
  box-shadow: -5px 0 0 #1d2d42, 5px 0 0 #1d2d42;
}
body[data-layout-mode="dark"] .flatpickr-time .flatpickr-am-pm,
body[data-layout-mode="dark"] .flatpickr-time .flatpickr-time-separator,
body[data-layout-mode="dark"] .flatpickr-time input {
  color: #bfc8e2 !important;
}
body[data-layout-mode="dark"]
  .flatpickr-time
  .numInputWrapper
  span.arrowUp:after {
  border-bottom-color: #bfc8e2;
}
body[data-layout-mode="dark"]
  .flatpickr-time
  .numInputWrapper
  span.arrowDown:after {
  border-top-color: #bfc8e2;
}
body[data-layout-mode="dark"] .chat-list li a {
  border-color: #1d2d42;
}
body[data-layout-mode="dark"] .chat-list li .user-img .user-status {
  border-color: #121e2d;
}
body[data-layout-mode="dark"] .chat-input-section {
  border-top: 1px solid #1d2d42;
}
body[data-layout-mode="dark"]
  .chat-conversation
  .right
  .conversation-list
  .ctext-wrap
  .ctext-wrap-content {
  background-color: #1d2d42;
}
body[data-layout-mode="dark"]
  .chat-conversation
  .right
  .conversation-list
  .ctext-wrap
  .ctext-wrap-content::before {
  border-top-color: #1d2d42;
  border-left-color: #1d2d42;
}
body[data-layout-mode="dark"] .chat-input {
  background-color: #162436 !important;
  border: 1px solid #1d2d42 !important;
}
body[data-layout-mode="dark"] .mail-list a {
  color: #a6b0cf;
}
body[data-layout-mode="dark"] .message-list li a {
  color: #a6b0cf;
}
body[data-layout-mode="dark"] .message-list li.unread,
body[data-layout-mode="dark"] .message-list li:hover {
  background-color: #162436;
  color: #bfc8e2;
}
body[data-layout-mode="dark"] .message-list .checkbox-wrapper-mail {
  -webkit-box-shadow: inset 0 0 0 1px #a6b0cf;
  box-shadow: inset 0 0 0 1px #a6b0cf;
}
body[data-layout-mode="dark"]
  .message-list
  .checkbox-wrapper-mail
  label:before {
  color: #bfc8e2;
}
body[data-layout-mode="dark"] .timeline:before {
  background-color: #1a283b;
}
body[data-layout-mode="dark"] .timeline .timeline-icon:before {
  background-color: #1a283b;
}
body[data-layout-mode="dark"] .pricing-nav-tabs {
  background-color: #162436;
}
