/*Dark Mode*/

:root {
  --text-color: #1c1c1c;
  --text-invert: #1c1c1c;
  --channelText: #aaa;
  --background: #0f0f0f;
  --placeholderBg: #232323;
  --placeholderGradient: rgba(255, 255, 255, 0.05);
}

body[light-mode=dark] {
  --text-invert: white;
}

.checkbox-wrapper .tgl {
   display: none;
}
 .checkbox-wrapper .tgl + .tgl-btn {
   background: #f3f5f7;
   border-radius: 2em;
   padding: 6px;
   transition: all 0.4s ease;
   outline: 0;
   display: block;
   width: 4em;
   height: 2em;
   position: relative;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   margin: 0;
}
 .checkbox-wrapper .tgl + .tgl-btn::before, .checkbox-wrapper .tgl + .tgl-btn::after {
   position: relative;
   display: block;
   content: "";
   height: 100%;
}
 .checkbox-wrapper .tgl + .tgl-btn::before {
   display: none;
   width: 50%;
}
 .checkbox-wrapper .tgl + .tgl-btn::after {
   left: 2px;
   border-radius: 50%;
   background: #1c1c1c;
   width: unset;
   aspect-ratio: 1;
   transition: all 0.2s ease;
}
body[light-mode=dark] .checkbox-wrapper .tgl + .tgl-btn {
   background: #21293c;
   margin: 0;
}
body[light-mode=dark] .checkbox-wrapper .tgl + .tgl-btn:after {
   transform: translateX(150%);
   background: #fff;
}
 .checkbox-wrapper .icon {
   width: 20px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   color: var(--text-invert);
}
 .checkbox-wrapper .icon_sun {
   left: 10%;
}
 .checkbox-wrapper .icon_moon {
   right: 10%;
}

.light-logo {
  display: block;
}

.dark-logo {
  display: none;
}

body[light-mode=dark] .mobile-header {
  background: #0e1420;
}

/*body[light-mode=dark] .bottom-container {
 background-color: #111827;
}*/

body[light-mode=dark] .box, body[light-mode=dark] .cal-box {
 background-color: #192031;
 color: white;
}

body[light-mode=dark] {
  background: #101726 !important;
  color: white;
}

body[light-mode=dark] .sidebar {
    border: unset;
    background-color: #0e1420;
}

body[light-mode=dark] .top-container {
  border: unset;
  background-color: #192031;
}

body[light-mode=dark] .side-nav__item, body[light-mode=dark] .header-container {
  color: white;
}

body[light-mode=dark] .side-wrap {
  background: rgb(14 20 32 / 73%);
  box-shadow: 0 4px 30px rgb(14 20 32);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgb(14 20 32 / 28%);
}

body[light-mode=dark] ::-webkit-scrollbar-track {
  background-color: #1f2937;
}

body[light-mode=dark] .notification {
  border: 1px solid #90A3BF33;
}

body[light-mode=dark] .side-nav__item:hover, body[light-mode=dark] .side-nav__item-active {
  color: #fff;
  background: #192031;
}

body[light-mode=dark] .dark-wrap {
  background: #111827;
}

body[light-mode=dark] .product-slider .slick-next, body[light-mode=dark] .product-slider .slick-prev {
  background: #1f2937;
}

body[light-mode=dark] .light-logo {
  display: none;
}

body[light-mode=dark] .dark-logo {
  display: block;
}

body[light-mode=dark] .version {
  background: #21293c;
  color: white !important;
}

body[light-mode=dark] .section-header {
  color: white;
}

body[light-mode=dark] .box table tbody:nth-child(2n+1) {
  background-color: #192031;
}

body[light-mode=dark] .box table tbody:nth-child(2n) {
  background-color: #0f1625 !important;
}

body[light-mode=dark] .percentage-increase {
  color: #ffc000;
}

body[light-mode=dark] .acf-field input[type="text"], body[light-mode=dark] .acf-field input[type="password"], body[light-mode=dark] .acf-field input[type="date"], body[light-mode=dark] .acf-field input[type="datetime"], body[light-mode=dark] .acf-field input[type="datetime-local"], body[light-mode=dark] .acf-field input[type="email"], body[light-mode=dark] .acf-field input[type="month"], body[light-mode=dark] .acf-field input[type="number"], body[light-mode=dark] .acf-field input[type="search"], body[light-mode=dark] .acf-field input[type="tel"], body[light-mode=dark] .acf-field input[type="time"], body[light-mode=dark] .acf-field input[type="url"], body[light-mode=dark] .acf-field input[type="week"], body[light-mode=dark] .acf-field textarea, body[light-mode=dark] .acf-field select {
  box-shadow: 0 0 0 1px #101726, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05) !important;
  color: white !important;
  background: #101726 !important;
}

body[light-mode=dark] .acfe-image-selector > ul > li > label > .image {
  border-color: #101726 !important;
}

body[light-mode=dark] table.dataTable tr.even {
  background-color: #192031;
}

body[light-mode=dark] .dataTables_filter input, body[light-mode=dark] .dataTables_length select {
  border: 1px solid #1e2b46 !important;
  background: #111827 !important;
  color: white !important;
}

body[light-mode=dark] .search-bar {
  border: 1px solid #0e1420 !important;
  background: #111827 !important;
  color: white !important;
  box-shadow: 0 0 0 1px #0e1420, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05) !important;
}

body[light-mode=dark] .paginate_button {
  color: white !important;
}

body[light-mode=dark] .table-loader, body[light-mode=dark] #my-form .loader, body[light-mode=dark] .cal-loader, body[light-mode=dark] .graph-loader, body[light-mode=dark] .ticket-loader, body[light-mode=dark] .loader, body[light-mode=dark] .comment-loader {
  background: rgba(25, 32, 49, 0.87);
}

body[light-mode=dark] .spinner {
  border: 6px solid #434c62 !important;
  border-top: 6px solid #ffc000 !important;
}

body[light-mode=dark] .blog-item, body[light-mode=dark] .individual-comment {
  background: #101726;
  box-shadow: 0 0 0 1px #101726, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
}

body[light-mode=dark] a.edit, body[light-mode=dark] button.edit, body[light-mode=dark] a.reset_variations, body[light-mode=dark] .duplicate-button {
  color: #5e95ff !important;
}

body[light-mode=dark] .box.yellow-box {
  color: white;
}

body[light-mode=dark] .float-button, body[light-mode=dark] .box.yellow-box::before {
  background: #101726;
}

body[light-mode=dark] .total-box__left {
  border-bottom: 1px solid #0E1420 !important;
}

body[light-mode=dark] #my-form .form-input, body[light-mode=dark] .select2-container .select2-selection--single .select2-selection__rendered {
  box-shadow: 0 0 0 1px #101726, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05) !important;
  color: hsla(0, 0%, 100%, 0.9) !important;
  background: #101726 !important;
}

body[light-mode=dark] .select2-dropdown {
  background-color: #101726 !important;
  border: 1px solid #101726 !important;
}

body[light-mode=dark] .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #192031 !important;
  background: #192031 !important;
  color: white !important;
}

body[light-mode=dark] .select2-container--default .select2-selection--single {
  background-color: #101726 !important;
}

body[light-mode=dark] .fc-today {
  background: #28324a !important;
}

body[light-mode=dark] .fc-past {
  background: #151c2b !important;
}

body[light-mode=dark] .fc-unthemed .fc-content, body[light-mode=dark] .fc-unthemed .fc-divider, body[light-mode=dark] .fc-unthemed .fc-list-heading td, body[light-mode=dark] .fc-unthemed .fc-list-view, body[light-mode=dark] .fc-unthemed .fc-popover, body[light-mode=dark] .fc-unthemed .fc-row, body[light-mode=dark] .fc-unthemed tbody, body[light-mode=dark] .fc-unthemed td, body[light-mode=dark] .fc-unthemed th, body[light-mode=dark] .fc-unthemed thead {
  border-color: #192031 !important;
}

body[light-mode=dark] .fc-unthemed th.fc-day-header {
  background: #28324a !important;
}

body[light-mode=dark] .affwp-form input[type="text"], body[light-mode=dark] .affwp-form input[type="password"], body[light-mode=dark] .affwp-form input[type="email"], body[light-mode=dark] .affwp-form input[type="url"], body[light-mode=dark] .affwp-form textarea, body[light-mode=dark] .custom-billing input, body[light-mode=dark] .wpcf7-text, body[light-mode=dark] .wpcf7 select, body[light-mode=dark] .wpcf7 textarea {
  box-shadow: 0 0 0 1px #101726, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05) !important;
  color: hsla(0, 0%, 100%, 0.9) !important;
  background: #101726 !important;
}

body[light-mode=dark] .product-wrap {
  box-shadow: 0 0 0 1px #101726, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
}

body[light-mode=dark] .product-details {
  background: #101726;
}

body[light-mode=dark] #current-time {
  color: #ffc000;
}

body[light-mode=dark] .box .social-icon {
  background: #21293c !important;
  color: white !important;
}

body[light-mode=dark] ul.page-numbers span, body[light-mode=dark] ul.page-numbers li a {
  color: white !important;
}

body[light-mode=dark] .blurrer {
  background: rgba(14, 20, 32, 0.7);
}

body[light-mode=dark] .lock-icon i {
    background: #0e1420;
}

body[light-mode=dark] .box tr.odd > td {
  border-bottom: 1px solid #181f30 !important;
}

body[light-mode=dark] .box tr.even > td {
  border-bottom: 1px solid #0f1625 !important;
}

body[light-mode=dark] .box tbody tr > td {
  border-bottom: 1px solid #181f30 !important;
}

body[light-mode=dark] .box tbody:nth-child(2n+1) tr > td {
  border-bottom: 1px solid #0f1625 !important;
}

body[light-mode=dark] .box tr > td:last-child {
  border-bottom: 0 !important;
}

body[light-mode=dark] .box tbody tr > td:last-child {
  border-bottom: 0 !important;
}

body[light-mode=dark] a.remove-invoice, body[light-mode=dark] a.remove-quote {
  color: #d53838 !important;
}

body[light-mode=dark] .acf-image-uploader .image-wrap img {
  background: white !important;
  border-radius: 10px !important;
}

body[light-mode=dark] .pdf-wrapper {
  background: transparent;
}

body[light-mode=dark] .pdf-title {
  color: white;
}

body[light-mode=dark] .pdf-info span {
  color: white !important;
}

body[light-mode=dark] .pdf-footer .number-hold {
  color: #2d2d2d;
}
body[light-mode=dark] .send-wrapper input[type="text"], body[light-mode=dark] .send-wrapper input.wpcf7-text, body[light-mode=dark] .send-wrapper select, body[light-mode=dark] #loginform input[type="checkbox"], body[light-mode=dark] #loginform input[type="password"], body[light-mode=dark] #loginform input[type="text"] {
  box-shadow: 0 0 0 1px #192031, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05) !important;
  color: hsla(0, 0%, 100%, 0.9) !important;
  background: #101726 !important;
}

body[light-mode=dark] .pdf-header, body[light-mode=dark] .pdf-billing {
  border-bottom: 2px solid #101726;
}

body[light-mode=dark] .pdf-footer {
  border-top: 2px solid #101726;
}

body[light-mode=dark] .box .pdf-table-totals tr {
  border-bottom: 1px solid #101726;
}

body[light-mode=dark] .box .pdf-table-totals tr:last-child {
  border-bottom: 0;
}

body[light-mode=dark] .pdf-logo {
  background: white;
  border-radius: 10px;
}

body[light-mode=dark] .login-page {
  background: #111827;
}

body[light-mode=dark] .sub-float {
  background: #192031;
  color: white;
}

body[light-mode=dark] .login-float .heading {
  color: white;
}

body[light-mode=dark] .total-box__left {
  border-right: 1px solid #111725;
}

body[light-mode=dark] .total-box .total-box__left {
  border-bottom: 0 !important;
}

body[light-mode=dark] .button {
  color: #fff;
  background: #21293c;
}

body[light-mode=dark] .dataTable td i, body[light-mode=dark] .row-body i {
  background: #21293c;
}

body[light-mode=dark] .box .float-button {
  background: #21293c !important;
  color: #fff !important;
}

body[light-mode=dark] .complete-payment-button {
  color: #fff;
  background: #2d62c8;
}

body[light-mode="dark"] .complete-payment-button.red-button {
  color: #fff;
  background: #103477;
}

:root {
    --text-color: #2d2d2d;
}

[data-text-color] {
    --text-color: #2d2d2d;
}

body[light-mode="dark"] [data-text-color] {
    --text-color: #fff;
}

body[light-mode="dark"] .key-label {
  color: white;
}

body[light-mode="dark"] .includes {
  background: #101726;
}

.confirm-button-class {
    background-color: #ffc000 !important;
}
body[light-mode="dark"] .confirm-button-class {
  background-color: #192031 !important;
  color: white !important;
}
.trans-panel {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999999;
    background: rgba(255, 255, 255, 0.19);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(8px);
    transition: all .5s ease;
    border-radius: 10px;
}
.trans-panel.show {
    opacity: 1;
    visibility: visible;
}
body[light-mode="dark"] .trans-panel {
    background: rgba(25, 32, 49, 0.62);
}
div:where(.swal2-icon).swal2-success [class^="swal2-success-line"] {
  background-color: #ffc000 !important;
}
div:where(.swal2-icon).swal2-success .swal2-success-ring {
  border: .25em solid #ffc0007d !important;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
  box-shadow: 0 0 4px 3px rgba(255, 192, 0, 0.3) !important;
}

body[light-mode="dark"] .box-warning {
  background: #192031;
}

body[light-mode="dark"] .box-warning i {
  background: #0e1524;
}

body[light-mode="dark"] .coming-soon {
  background: #192031;
}

body[light-mode="dark"] .soon-icon i {
  background: #0e1524;
}

body[light-mode="dark"] .cust-status {
  background: #21293c;
}

body[light-mode="dark"] .comment-form-comment #comment {
  box-shadow: 0 0 0 1px #0e1420, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  color: hsla(0, 0%, 100%, 0.9);
  background: #101726;
}

body[light-mode="dark"] .form-submit #submit {
  color: white;
  background: #21293c;
}

body[light-mode="dark"] .acf-table > tbody > tr > th, body[light-mode="dark"] .acf-table > tbody > tr > td, body[light-mode="dark"] .acf-table > thead > tr > th, body[light-mode="dark"] .acf-table > thead > tr > td {
  background: #192031;
}

body[light-mode="dark"] .box .pdf-container tbody:nth-child(2n+1) tr > td {
  border-bottom: 0 !important;
}

body[light-mode="dark"] .box .pdf-container .pdf-table-totals tr {
  border-bottom: 0 !important;
}

body[light-mode="dark"] .pdf-status {
  background: #21293c;
}

body[light-mode="dark"] input:focus {
  outline: 2px solid #69789b !important;
}
body[light-mode="dark"] .cal-modal {
  background: #192031;
  color: white;
}
body[light-mode="dark"] .cal-modal input, body[light-mode="dark"] .cal-modal textarea, body[light-mode="dark"] .cal-modal select {
  color: hsla(0, 0%, 100%, 0.9);
  background: #0e1420;
  box-shadow: 0 0 0 1px #192031, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
}
body[light-mode="dark"] .modal-btn {
  color: #5e95ff !important;
}
body[light-mode="dark"] .modal-btn.del {
  color: #d53838 !important;
}
body[light-mode="dark"] .cal-modal .label {
  color: #FFF;
}
body[light-mode="dark"] .fc-state-default {
  color: #fff !important;
  text-shadow: none !important;
}
body[light-mode="dark"] .fc-button {
  color: white !important;
  opacity: 1 !important;
}
body[light-mode="dark"] .notice-container, body[light-mode="dark"] .box.notice {
  background: #21293cad !important;
  border: 3px solid #364260 !important;
}
body[light-mode="dark"] .notice-container .header-container span.scheduled {
  color: #ffc000;
}
body[light-mode="dark"] select.toggle-meta, body[light-mode="dark"] select.assigned-admin {
  border: 1px solid #21293c !important;
  background: #21293c;
  color: white;
}
body[light-mode="dark"] .user-notes {
  border: 1px solid #21293c !important;
  background: #21293c;
  color: white;
}
body[light-mode="dark"] .label {
  color: #fff;
}
body[light-mode="dark"] .colour-wrapper.colour-selected::before, body[light-mode="dark"] .selection-wrapper.selection-confirmed::before {
  background: #101726;
}
body[light-mode="dark"] .template-confirmed-button, body[light-mode="dark"] .template-select-button {
  background: #21293c;
}
body[light-mode="dark"] .template-preview {
  background: #21293ce3;
}
body[light-mode="dark"] .template-preview.selected {
  background: #495571;
}
body[light-mode="dark"] .g-blue {
  color: #2D62C8;
}
body[light-mode="dark"] .g-red {
  color: #45557d;
}
body[light-mode="dark"] .g-yellow {
  color: #5283E1;
}
body[light-mode="dark"] .g-green {
  color: #6980AC;
}
body[light-mode="dark"] .invoice-viewer-button {
  color: #5e95ff !important;
}
body[light-mode="dark"] #button-block {
  color: color: #d53838 !important;
}
body[light-mode="dark"] div:where(.swal2-container) input:where(.swal2-input), body[light-mode="dark"] div:where(.swal2-container) input:where(.swal2-file), body[light-mode="dark"] div:where(.swal2-container) textarea:where(.swal2-textarea) {
  border: 1px solid #d9d9d921 !important;
}
body[light-mode="dark"] .input_wrapper input[type="checkbox"] {
  background: #2d62c8;
}
body[light-mode="dark"] .input_wrapper input[type="checkbox"]:checked {
  background: #21293c;
}
body[light-mode="dark"] .box #custom_quote_id {
  box-shadow: 0 0 0 1px #101726, 0 2px 4px 0 rgba(0,0,0,.07), 0 1px 1.5px 0 rgba(0,0,0,.05);
  background: #101726;
}
body[light-mode="dark"] .step-heading, body[light-mode="dark"] .form-message {
  background: #21293c;
  color: #fff;
}
body[light-mode="dark"] .paginate_button.current::before {
  background: #21293c;
}
body[light-mode="dark"] .side-nav__header {
  color: #FFF;
  background: #101726;
}
body[light-mode="dark"] ul.tabs li i {
  color: #fff;
  background: #21293c;
}
@media (max-width: 450px) {
  body[light-mode="dark"] ul.tabs li i {
    background: transparent;
  }
}
body[light-mode="dark"] .step-field, body[light-mode="dark"] .acf-row input, body[light-mode="dark"] .acf-edit-field {
  border: 2px solid #101726 !important;
  color: white !important;
  background: #101726 !important;
}
body[light-mode="dark"] .step-field-label {
  color: white !important;
}
body[light-mode="dark"] .industry-select-field .select2-container--default .select2-selection--multiple {
  border: 2px solid #101726 !important;
}
body[light-mode="dark"] .select2-container--default .select2-selection--multiple {
  background-color: #101726;
}
body[light-mode="dark"] .industry-select-field .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #21293c !important;
}
body[light-mode="dark"] .form-hold {
  background-color: #192031;
}
body[light-mode="dark"] .form-wrapper {
  background: #101726 !important;
  color: white;
}
body[light-mode="dark"] .setup-header {
  color: #fff;
  opacity: 0.8;
}
body[light-mode="dark"] .setup-header i {
  color: #ffc000;
}
body[light-mode="dark"] .form_button.skip {
  background: #2f384f;
  color: #fff;
}
body[light-mode="dark"] .form_button, body[light-mode="dark"] .general_button {
  background: #2f384f;
  color: #fff;
}
body[light-mode="dark"] .form_button:hover, body[light-mode="dark"] .general_button:hover {
  background: #293044;
}
body[light-mode="dark"] .page-number, body[light-mode="dark"] .form-tag {
  background: #2f384f;
  color: white;
}
body[light-mode="dark"] .step-field {
  border: 1px solid #101726 !important;
  background: #101726 !important;
}
body[light-mode="dark"] .dataTables_length label, body[light-mode="dark"] .dataTables_filter label, body[light-mode="dark"] .box tr > th {
  color: #fff;
}
body[light-mode="dark"] .dataTable svg path {
  stroke: white !important;
}
body[light-mode="dark"] .industry-select-field .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #ffc000 !important;
}
body[light-mode="dark"] .acf-field input[type="text"], body[light-mode="dark"] .acf-field input[type="password"], body[light-mode="dark"] .acf-field input[type="date"], body[light-mode="dark"] .acf-field input[type="datetime"], body[light-mode="dark"] .acf-field input[type="datetime-local"], body[light-mode="dark"] .acf-field input[type="email"], body[light-mode="dark"] .acf-field input[type="month"], body[light-mode="dark"] .acf-field input[type="number"], body[light-mode="dark"] .acf-field input[type="search"], body[light-mode="dark"] .acf-field input[type="tel"], body[light-mode="dark"] .acf-field input[type="time"], body[light-mode="dark"] .acf-field input[type="url"], body[light-mode="dark"] .acf-field input[type="week"], body[light-mode="dark"] .acf-field textarea, body[light-mode="dark"] .acf-field select {
  border: 1px solid #101726 !important;
}
body[light-mode="dark"] .logo-upload-block {
  background: #101726;
  border: 2px solid #101726;
  color: white;
}
body[light-mode="dark"] .tab-step.colour-step-wrapper.colour-selected::before, body[light-mode="dark"] .step.colour-step-wrapper.colour-selected::before {
  background: #101726;
}
body[light-mode="dark"] img.file-preview {
  border: 2px solid #2f384f;
}
body[light-mode="dark"] #my-form .form-input, body[light-mode="dark"] .select2-container .select2-selection--single .select2-selection__rendered {
  border: 1px solid #101726 !important;
}
body[light-mode="dark"] .ql-toolbar.ql-snow {
  background: #21293c !important;
}
body[light-mode="dark"] .ql-snow .ql-stroke {
  stroke: #fff;
}
body[light-mode="dark"] .ql-snow.ql-toolbar button:hover .ql-stroke {
  stroke: #ffc000;
}
body[light-mode="dark"] .ql-container.ql-snow {
  border: 1px solid #101726 !important;
  background: #101726 !important;
  color: white;
}
body[light-mode="dark"] .modern-loader {
  background: rgba(25, 32, 49, 0.66);
}
body[light-mode="dark"] .dot-spinner div::after {
  color: #fff;
}
body[light-mode="dark"] .form-input {
  border: 1px solid #101726 !important;
  background: #101726 !important;
  color: white;
}
body[light-mode="dark"] .custom-billing input[type="text"], body[light-mode="dark"] .custom-billing input[type="password"] {
  border: 1px solid #101726 !important;
}
body[light-mode="dark"] .login-column {
  background-color: #192031;
  color: white;
}
body[light-mode="dark"] .avatar {
  border: 2px solid #101726;
}
body[light-mode="dark"] .saving-loader {
  color: #fff;
}
body[light-mode="dark"] .save-spinner {
  border: 3px solid #2f384f;
  border-top: 3px solid #fff;
}
body[light-mode="dark"] .wizard-complete-block, body[light-mode="dark"] .media-upload-block {
  background: #101726;
  border: 2px solid #101726;
  color: #fff;
}
body[light-mode="dark"] .modern-loader#setup-loader {
  background: #101726 !important;
}
body[light-mode="dark"] .modern-loader#apex-loader {
  background: #192031 !important;
}
body[light-mode="dark"] .package-block {
  border: 2px solid #2f384f;
}
body[light-mode="dark"] .package-block ul i {
  background: #2f384f;
}
body[light-mode="dark"] .package-title {
  background: #2f384f;
}
body[light-mode="dark"] .package-block:hover, body[light-mode="dark"] .package-block.value:hover, body[light-mode="dark"] .package-block.selected, body[light-mode="dark"] .package-block.value.selected {
  background: #ffc00021;
  border-color: #ffc000;
}
body[light-mode="dark"] .package-block:hover ul i, body[light-mode="dark"] .package-block.value:hover ul i, body[light-mode="dark"] .package-block.selected ul i, body[light-mode="dark"] .package-block.value.selected ul i {
  background: #ffc000;
  color: #3c3c3c;
}
body[light-mode="dark"] .package-block.value {
  background: #ffc00021;
  border-color: #ffc000;
}
body[light-mode="dark"] .package-block.value li i, body[light-mode="dark"] .package-block.value .package-title {
  background: #ffc000;
  color: #3c3c3c;
}
body[light-mode="dark"] #password-lost-form input[type="text"] {
  border: 1px solid #101726 !important;
  background: #101726 !important;
  color: white;
}
body[light-mode="dark"] .side-nav__item {
    background: transparent;
}
body[light-mode="dark"] .side-nav__item:hover, body[light-mode="dark"] .side-nav__item-active {
  color: #fff;
  background: #192031;
}
body[light-mode="dark"]