{"version":3,"sources":["../scss/_variables.scss","dark-style.scss"],"names":[],"mappings":"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","file":"dark-style.css","sourcesContent":["\r\n$primary:var(--primary-bg-color);\r\n$primary-01:var(--primary01);\r\n$primary-02:var(--primary02);\r\n$primary-03:var(--primary03);\r\n$primary-06:var(--primary06);\r\n$primary-09:var(--primary09);\r\n$primary-005:var(--primary005);\r\n$primary-hover:var(--primary-bg-hover);\r\n$primary-border:var(--primary-bg-border);\r\n$primary-transparent:var(--primary-transparentcolor);\r\n$darkprimary-transparent:var(--darkprimary-transparentcolor);\r\n$transparentprimary-transparent:var(--transparentprimary-transparentcolor);\r\n$secondary:#eb6f33;\r\n$pink:#f10075;\r\n$teal:#00cccc;\r\n$purple:#6f42c1;\r\n$success:#28a745;\r\n$warning:#ffc107;\r\n$danger:#ff473d;\r\n$info:#01b8ff;\r\n$orange:#fd7e14;\r\n$red:#fb0d0d;\r\n$lime:#0de00d;\r\n$dark:#030303;\r\n$indigo:#4d6a98;\r\n$cyan:#17a2b8;\r\n$light:#f2f2f9;\r\n$green:#0eef04;\r\n$blue:#0768f1;\r\n$yellow:#ffc107;\r\n$maroon: #c71919;\r\n$aqua: #03f1f1;\r\n$gray:#8c9196;\r\n$darkgray:#343a40;\r\n$azure:#45aaf2;\r\n$white:#ffffff;\r\n$black:#000000;\r\n$muted:#99a6b7;\r\n\r\n/*Gradient variables*/\r\n\r\n$primary-gradient:linear-gradient(to bottom right, $primary 0%, #8e77fa 100%);\r\n$secondary-gradient:linear-gradient(to bottom right, #82cff2 0%, #28b7f9 100%);\r\n$warning-gradient:linear-gradient(to bottom right, #f66b4e 0%, #fbc434 100%);\r\n$info-gradient:linear-gradient(to bottom right, #1e63c3 0%, #00f2fe 100%);\r\n$danger-gradient:linear-gradient(to bottom right, #b51b35 0%, #fd4a68 100%);\r\n$success-gradient:linear-gradient(to bottom right, #1ea38f 0%, #5cf9e2 100%);\r\n\r\n/*white variables*/\r\n\r\n$white-1:rgba(255, 255, 255, 0.1);\r\n$white-2:rgba(255, 255, 255, 0.2);\r\n$white-3:rgba(255, 255, 255, 0.3);\r\n$white-4:rgba(255, 255, 255, 0.4);\r\n$white-5:rgba(255, 255, 255, 0.5);\r\n$white-6:rgba(255, 255, 255, 0.6);\r\n$white-7:rgba(255, 255, 255, 0.7);\r\n$white-8:rgba(255, 255, 255, 0.8);\r\n$white-9:rgba(255, 255, 255, 0.9);\r\n$white-05:rgba(255, 255, 255, 0.05);\r\n$white-08:rgba(255, 255, 255, 0.08);\r\n$white-75:rgba(255, 255, 255, 0.075);\r\n\r\n/*black variables*/\r\n\r\n$black-1:rgba(0, 0, 0, 0.1);\r\n$black-2:rgba(0, 0, 0, 0.2);\r\n$black-3:rgba(0, 0, 0, 0.3);\r\n$black-4:rgba(0, 0, 0, 0.4);\r\n$black-5:rgba(0, 0, 0, 0.5);\r\n$black-6:rgba(0, 0, 0, 0.6);\r\n$black-7:rgba(0, 0, 0, 0.7);\r\n$black-8:rgba(0, 0, 0, 0.8);\r\n$black-9:rgba(0, 0, 0, 0.9);\r\n$black-05:rgba(0, 0, 0, 0.05);\r\n\r\n\r\n$shadow:0 5px 15px 5px rgba(80, 102, 224, 0.08);\r\n$dark-theme:#1e2448;\r\n$dark-theme1:#252542;\r\n$dark-theme2:#16192f;\r\n$dark-theme3:#181d3e;\r\n\r\n/*shadow variables*/\r\n\r\n/*Dark Theme Variables*/\r\n\r\n$dark-body:#101329;\r\n$dark-theme-1:#1c1c38;\r\n$text-color:#dedefd;\r\n$border-dark: #2d2d46;\r\n$dark-card-shadow:0 3px 9px 0 rgba(28, 28, 51, 0.15);\r\n\r\n/*Transparent variables*/\r\n\r\n$transparent-primary:$primary;\r\n$transparent-theme:rgba(0, 0, 0, 0.2);\r\n$transparent-theme-1:rgba(0, 0, 0, 0.3);\r\n$transparent-body:var(--transparent-body);\r\n$border-transparent:rgba(255, 255, 255, 0.1);\r\n\r\n$background: #eff1f9;\r\n$color:#334151;\r\n\r\n/*shadow variables*/\r\n$shadow: 0 8px 16px 0 rgba(162, 169, 204,.24);\r\n\r\n/*border variables*/\r\n$border: #e1e6f1;\r\n\r\n\r\n/* dark theme */\r\n$dark-theme:#101329;\r\n\r\n\t\r\n\r\n","@import \"../scss/variables\";\n\n/*Gradient variables*/\n/*white variables*/\n/*black variables*/\n/*shadow variables*/\n/*Dark Theme Variables*/\n/*Transparent variables*/\n/*shadow variables*/\n/*border variables*/\n/* dark theme */\n\nbody.dark-theme {\n  background: $dark-body;\n  color: #fdfeff;\n}\n\n.dark-theme {\n  .box-shadow,\n  .custom-card {\n    box-shadow: 0 0 0 1px $black-3, 0 8px 16px 0 $black-3;\n  }\n}\n\n::-webkit-scrollbar-thumb {\n  background: $white-2;\n}\n\n*:hover::-webkit-scrollbar-thumb {\n  background: $white-1;\n}\n\n.dark-theme {\n  .card-options {\n    color: #6b6b84;\n\n    a:not(.btn) {\n      color: #6b6b84;\n\n      &:hover {\n        color: $color;\n      }\n    }\n  }\n\n  .custom-card-header {\n    background: $dark-theme-1;\n  }\n\n  .card-body + .card-body {\n    border-top: 1px solid $border-dark;\n  }\n\n  .main-navbar .nav-sub-link:before {\n    color: #6b6b84;\n  }\n\n  .page-header .breadcrumb-item {\n    a {\n      color: #fdfeff;\n    }\n\n    &.active {\n      color: $primary;\n    }\n  }\n\n  #back-to-top {\n    color: #fff;\n    background: $primary;\n\n    &:hover {\n      color: $primary !important;\n      border: 2px solid $primary;\n      background: $dark-theme-1 !important;\n    }\n  }\n  .main-chat-footer  .form-control {\n    color: #6b6b84;\n    background-color: transparent;\n    border: transparent;\n  }\n\n  .contact-icon {\n    color: #fff;\n\n    &:hover {\n      background: $white-05;\n    }\n  }\n\n  .accordion-color .card-header a {\n    color: $primary;\n\n    &:hover,\n    &:focus {\n      color: $primary;\n    }\n\n    &.collapsed {\n      background-color: $primary;\n      color: $white-8;\n\n      &:hover,\n      &:focus {\n        background-color: $primary;\n        color: #fff;\n      }\n    }\n  }\n\n  .component-item a:before {\n    color: #6b6b84;\n  }\n\n  .main-icon-list {\n    border: 1px solid $border-dark;\n  }\n\n  .skill-tags a {\n    color: #6b6b84;\n    border: 1px solid $border-dark;\n  }\n\n  .reviewnavs li a {\n    color: #6b6b84;\n  }\n\n  .main-header-right .nav-link.icon {\n    color: #fdfeff;\n  }\n\n  .dash-icon {\n    color: #6b6b84;\n  }\n\n  .sidebar-body h5 {\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .pricing-tabs .nav-price li {\n    a {\n      color: #fdfeff;\n      background: $dark-theme-1;\n      border: 1px solid $border-dark;\n    }\n\n    .active {\n      background: $white-05;\n      color: #fdfeff;\n    }\n  }\n\n  .vtimeline {\n    &:before {\n      background-color: $white-1;\n    }\n\n    .timeline-wrapper {\n      .timeline-panel {\n        background: $dark-theme1;\n        box-shadow: 0 5px 12px 0 $dark-body;\n\n        &:after {\n          border-top-color: transparent;\n          border-left-color: $dark-theme1;\n          border-right-color: $dark-theme1;\n          border-bottom-color: transparent;\n        }\n      }\n\n      .timeline-panel .timeline-title {\n        color: #fff;\n      }\n\n      .timeline-badge {\n        border: 2px solid rgba(16, 19, 41, 0.95);\n      }\n    }\n  }\n\n  .timeline-body p {\n    color: #6b6b84;\n  }\n\n  .vtimeline .timeline-wrapper .timeline-badge i {\n    color: #ffffff;\n  }\n\n  .timeline-wrapper-light {\n    .timeline-panel:before,\n    .timeline-badge {\n      background: #24243e;\n    }\n  }\n\n  .timeline-wrapper-dark {\n    .timeline-panel:before,\n    .timeline-badge {\n      background: #000;\n    }\n  }\n\n  .example {\n    border: 1px solid $border-dark;\n  }\n\n  .highlight {\n    border: 1px solid $border-dark;\n    background: $dark-theme1;\n  }\n\n  .clipboard-icon {\n    background: $dark-theme-1;\n    border: 1px solid $border-dark;\n    box-shadow: 0 5px 12px 0 $dark-body;\n  }\n\n  .our-team {\n    .picture::after {\n      background-color: $primary;\n    }\n\n    &:hover .picture img {\n      box-shadow: 0 0 0 14px $white-05;\n    }\n  }\n\n  .rating-stars .rating-stars-container .rating-star {\n    color: $white-1;\n\n    &.is--active .fa-heart,\n    &.is--hover .fa-heart {\n      color: #fb0d00;\n    }\n\n    &.sm {\n      color: $white-1;\n    }\n\n    &.is--active,\n    &.is--hover {\n      color: #f1c40f;\n    }\n\n    &.is--no-hover,\n    .fa-heart .is--no-hover {\n      color: $dark-theme1;\n    }\n  }\n\n  .br-theme-bars-horizontal .br-widget {\n    a {\n      background-color: $white-05;\n\n      &.br-active,\n      &.br-selected {\n        background-color: $primary;\n      }\n    }\n\n    .br-current-rating {\n      color: $primary;\n    }\n  }\n\n  .br-theme-bars-pill .br-widget a {\n    background-color: $white-08;\n    color: $primary;\n\n    &.br-active,\n    &.br-selected {\n      background-color: $primary;\n      color: white;\n    }\n  }\n\n  .br-theme-bars-square .br-widget a {\n    border: 2px solid $border-dark;\n    background-color: $white-08;\n    color: #6b6b84;\n\n    &.br-active,\n    &.br-selected {\n      border: 2px solid $border-dark;\n      color: $primary;\n    }\n  }\n\n  .br-theme-bars-movie .br-widget {\n    a {\n      background-color: $white-1;\n\n      &.br-active,\n      &.br-selected {\n        background-color: $primary;\n      }\n    }\n\n    .br-current-rating {\n      color: $primary;\n    }\n  }\n\n  .br-theme-bars-1to10 .br-widget {\n    a {\n      background-color: $white-1;\n\n      &.br-active,\n      &.br-selected {\n        background-color: $primary;\n      }\n    }\n\n    .br-current-rating {\n      color: $primary;\n    }\n  }\n\n  .br-theme-fontawesome-stars .br-widget a {\n    &.br-active:after,\n    &.br-selected:after {\n      color: $primary;\n    }\n  }\n\n  .rating-stars input {\n    color: #6b6b84;\n    background-color: $dark-theme1;\n    border: 1px solid $border-dark;\n  }\n\n  .task-list:after {\n    background: $white-1;\n  }\n\n  .product_price .old_price {\n    color: #6b6b84;\n  }\n\n  .carousel-slider #thumbcarousel .carousel-item .thumb:hover {\n    border: 1px solid $white-08;\n  }\n\n  .carousel-control {\n    &:active,\n    &:focus,\n    &:hover {\n      color: #333;\n    }\n  }\n\n  #thumbcarousel {\n    .carousel-control-prev,\n    .carousel-control-next {\n      background: $black-8;\n    }\n  }\n\n  .owl-nav button {\n    background: $white-05 !important;\n    border: 1px solid $border-dark !important;\n    box-shadow: 0 4px 15px rgba(67, 67, 67, 0.15);\n\n    &:before {\n      background: #2098d1;\n    }\n  }\n\n  .owl-carousel:hover .owl-nav button {\n    background: $white-1 !important;\n  }\n\n  .owl-theme .owl-dots .owl-dot span {\n    background: $black-3;\n  }\n\n  .product-carousel .thumb {\n    border: 1px solid $border-dark;\n  }\n\n  .main-profile-menu .border-top {\n    border-top: 1px solid $border-dark !important;\n  }\n\n  .custom-switch-indicator {\n    background: $dark-theme1;\n    border: 1px solid $border-dark;\n\n    &:before {\n      background: #fff;\n    }\n  }\n\n  .custom-switch-input {\n    &:checked ~ .custom-switch-indicator {\n      background: $primary;\n    }\n\n    &:focus ~ .custom-switch-indicator {\n      border-color: $primary;\n    }\n  }\n\n  .custom-switch-description,\n  .custom-switch-input:checked ~ .custom-switch-description {\n    color: #6b6b84;\n  }\n\n  .selectgroup-button {\n    border: 1px solid $border-dark;\n    color: #6b6b84;\n  }\n\n  .selectgroup-input {\n    &:checked + .selectgroup-button {\n      border-color: $primary;\n      color: $primary;\n      background: $dark-theme1;\n    }\n\n    &:focus + .selectgroup-button {\n      border-color: $primary;\n      color: $primary;\n      box-shadow: none;\n    }\n  }\n\n  .colorinput-color {\n    color: #fff;\n  }\n\n  .ql-toolbar.ql-snow .ql-picker-options {\n    border: 1px solid transparent;\n    box-shadow: #242433 0 2px 8px;\n  }\n\n  .ql-snow .ql-picker-options {\n    background-color: $dark-theme-1;\n  }\n\n  .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n    border-color: $white-05;\n  }\n}\n\n@media (max-width: 991px) {\n  .dark-theme {\n    .main-navbar .nav-item {\n      border-bottom: 0px solid $border-dark;\n    }\n\n    .main-header {\n      box-shadow: 0 5px 12px 0 $dark-body;\n      border-bottom: 1px solid $border-dark;\n    }\n\n    .main-navbar .nav-item.show > .nav-sub {\n      border: 0;\n      box-shadow: none;\n    }\n     .main-header-right .navbar-toggler-icon {\n      color: #fdfeff;\n    }\n  }\n}\n\n@media (max-width: 767px) {\n  .dark-theme {\n    .main-content-body-contacts {\n      border-top: 1px solid $border-dark;\n    }\n\n    .vtimeline .timeline-wrapper .timeline-panel:after {\n      border-top-color: transparent !important;\n      border-right-color: $dark-theme1 !important;\n      border-left-color: $dark-theme1 !important;\n      border-bottom-color: transparent !important;\n    }\n  }\n}\n\n/* Back-top-button*/\n\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n  border-color: $white-05;\n}\n\n/* Tags */\n\n.dark-theme {\n  .tag-addon {\n    background: rgba(255, 255, 255, 0.04);\n  }\n\n  .tag {\n    color: #fff;\n  }\n\n  .tag-default {\n    background-color: $white-05;\n    color: #fdfeff;\n  }\n\n  .tag-dark {\n    background-color: #000;\n  }\n\n  .mapael {\n    .zoomButton {\n      background-color: #292929;\n      border: 1px solid #292929;\n      color: #fff;\n    }\n\n    .mapTooltip {\n      background-color: #474c4b;\n      color: #fff;\n    }\n  }\n\n  .dt-button-collection .dropdown-item {\n    &.active,\n    &:active {\n      background-color: $dark-theme-1;\n    }\n  }\n\n  .pulse {\n    background: #ff473d;\n    box-shadow: 0 0 0 rgba(255, 71, 61, 0.9);\n  }\n\n  .main-header-notification.show .dropdown-menu::before,\n  .main-profile-menu.show .dropdown-menu::before {\n    background: #242444;\n    border-top: 1px solid $white-1;\n    border-left: 1px solid $white-1;\n  }\n\n  .page-header .breadcrumb {\n    background: none;\n  }\n\n  .advanced-search {\n    background: $dark-theme-1;\n    box-shadow: 0 0 0 1px rgba(30, 32, 47, 0.12), 0 8px 16px 0 rgba(30, 32, 47, 0.24);\n    border: 1px solid $border-dark;\n  }\n\n  .demo_changer .form_holder {\n    box-shadow: 0 5px 12px 0 #2b2b46;\n  }\n\n  .demo-icon.bg_dark {\n    background: #fff;\n  }\n\n  .demo_changer i {\n    color: #000;\n  }\n\n  .bg-success-transparent {\n    background-color: rgba(56, 210, 80, 0.1);\n  }\n\n  .bg-secondary-transparent {\n    background-color: rgba(236, 131, 27, 0.1);\n  }\n\n  .bg-primary-transparent {\n    background-color: rgba(135, 96, 251, 0.1);\n  }\n\n  .bg-info-transparent {\n    background-color: rgba(1, 184, 255, 0.1);\n  }\n\n  .bg-warning-transparent {\n    background-color: rgba(253, 160, 8, 0.1);\n  }\n\n  .bg-danger-transparent {\n    background-color: rgba(255, 71, 61, 0.1);\n  }\n\n  .bg-pink-transparent {\n    background-color: rgba(241, 0, 117, 0.1);\n  }\n\n  .bg-purple-transparent {\n    background-color: rgba(111, 66, 193, 0.1);\n  }\n\n  .bg-dark-transparent {\n    background-color: rgba(28, 39, 60, 0.1);\n  }\n\n  .bg-white-transparent {\n    background-color: $white-1;\n  }\n\n  .header-search.show .dropdown-menu {\n    background-color: #242444;\n    box-shadow: 0 5px 12px 0 #1f2133;\n\n    &::before {\n      background: #242444;\n      border-top: 1px solid $white-1;\n      border-left: 1px solid $white-1;\n    }\n  }\n\n  .main-form-search {\n    .btn:hover,\n    .sp-container button:hover {\n      color: #fff;\n    }\n  }\n\n  .sp-container .main-form-search button:hover {\n    color: #fff;\n  }\n\n  .main-form-search {\n    .btn:focus,\n    .sp-container button:focus {\n      color: #fff;\n    }\n  }\n\n  .sp-container .main-form-search button:focus {\n    color: #fff;\n  }\n\n  .main-form-search .form-control {\n    background-color: #151529;\n  }\n\n  .card-blog-overlay .custom-card-header,\n  .card-blog-overlay1 .custom-card-header,\n  .card-blog-overlay2 .custom-card-header,\n  .card-blog-overlay .card-footer,\n  .card-blog-overlay1 .card-footer,\n  .card-blog-overlay2 .card-footer {\n    background: none;\n  }\n\n  .card {\n    &.card-blog-overlay2.custom-card,\n    &.card-blog-overlay1.custom-card,\n    &.card-blog-overlay.custom-card {\n      border: 0;\n    }\n  }\n\n  .contact-info .contact-icon:hover {\n    color: #fff;\n  }\n\n  #global-loader {\n    background: $dark-theme-1;\n  }\n\n  #example-input .form-control {\n    color: #fdfeff !important;\n\n    &::placeholder {\n      color: #fdfeff !important;\n    }\n  }\n\n  .main-header-message.show .dropdown-menu::before,\n  .main-header-flags.show .dropdown-menu::before {\n    background: #242444;\n    border-top: 1px solid $white-1;\n    border-left: 1px solid $white-1;\n  }\n}\n\n/*-- Bg-transparent---*/\n/* Leftmenu Toggle*/\n\n.app.dark-theme {\n  .second-sidemenu {\n    background: #1e1e3e;\n    box-shadow: 6px 16px 31px -18px #323246;\n  }\n\n  .resp-vtabs {\n    .first-sidemenu li.active {\n      background: #27234c !important;\n    }\n\n    ul.resp-tabs-list {\n      background: $dark-theme-1;\n    }\n\n    .resp-tabs-list li {\n      border-right: 1px solid $border-dark !important;\n    }\n\n    .first-sidemenu li {\n      &.resp-tab-active {\n        background-color: #1e1e3e !important;\n        border-right: 0px !important;\n      }\n\n      &:hover {\n        background: #1e1e3e !important;\n      }\n    }\n  }\n\n  &.sidebar-mini .slide-item {\n    color: #bfbfe0;\n  }\n\n  &.sidenav-toggled .first-sidemenu {\n    box-shadow: 6px 16px 31px -18px #272035;\n  }\n\n  .first-sidemenu {\n    background: $dark-theme-1;\n  }\n\n  .nav-link.toggle span {\n    background-color: #fff;\n\n    &::before,\n    &::after {\n      background-color: #fff;\n    }\n  }\n\n  .slide-item {\n    &.active,\n    &:hover,\n    &:focus {\n      color: #8645ff;\n    }\n  }\n\n  .side-header {\n    box-shadow: none;\n  }\n}\n\n.dark-theme {\n  .table.dtr-details {\n    border-color: $border-dark;\n  }\n  .tx-inverse,\n  .main-notification-text {\n    color: #8283a0;\n  }\n\n  .tx-gray-500 {\n    color: #797b94;\n  }\n\n  caption {\n    color: #6b6b84;\n  }\n\n  hr {\n    border-top: 1px solid $border-dark;\n  }\n\n  mark,\n  .mark {\n    background-color: #fcf8e3;\n  }\n\n  .blockquote-footer {\n    color: #6b6b84;\n  }\n\n  .img-thumbnail {\n    background-color: $dark-theme-1;\n    border: 1px solid $border-dark;\n  }\n\n  .figure-caption {\n    color: #6b6b84;\n  }\n\n  code {\n    color: #f10075;\n  }\n\n  kbd {\n    color: #ffffff;\n    background-color: #fdfeff;\n  }\n\n  pre {\n    background-color: $dark-theme1;\n    text-shadow: 0 1px $dark-theme-1;\n  }\n\n  .table {\n    color: $color;\n\n    th,\n    td {\n      border-top-color: $border-dark;\n    }\n\n    thead th {\n      border-bottom-color: $border-dark;\n      border-top-color: transparent;\n    }\n\n    tbody + tbody {\n      border-top-color: $border-dark;\n    }\n  }\n  .table.dataTable > tbody > tr.child ul.dtr-details > li {\n    border-bottom-color: $border-dark;\n  }\n\n  .table-bordered {\n    border: 1px solid $border-dark;\n\n    th,\n    td {\n      border-color: $border-dark;\n    }\n  }\n\n  .table-striped tbody tr:nth-of-type(odd) {\n    background-color: $black-05;\n  }\n\n  .table-hover tbody tr:hover {\n    color: #fdfeff;\n    background-color: #24243e;\n  }\n\n  .table-primary,\n  table-primary > th {\n    background-color: #c6d4ff;\n  }\n\n  .table-primary {\n    > td {\n      background-color: #c6d4ff;\n    }\n\n    th,\n    td,\n    thead th,\n    tbody + tbody {\n      border-color: #95afff;\n    }\n  }\n\n  .table-hover .table-primary:hover {\n    background-color: #adc1ff;\n\n    > {\n      td,\n      th {\n        background-color: #adc1ff;\n      }\n    }\n  }\n\n  .table-secondary {\n    background-color: #d9dde5;\n\n    > {\n      th,\n      td {\n        background-color: #d9dde5;\n      }\n    }\n\n    th,\n    td,\n    thead th,\n    tbody + tbody {\n      border-color: #b9c1ce;\n    }\n  }\n\n  .table-hover .table-secondary:hover {\n    background-color: #cacfdb;\n\n    > {\n      td,\n      th {\n        background-color: #cacfdb;\n      }\n    }\n  }\n\n  .table-success {\n    background-color: #c8e9b8;\n\n    > {\n      th,\n      td {\n        background-color: #c8e9b8;\n      }\n    }\n\n    th,\n    td,\n    thead th,\n    tbody + tbody {\n      border-color: #99d67b;\n    }\n  }\n\n  .table-hover .table-success:hover {\n    background-color: #b9e3a5;\n\n    > {\n      td,\n      th {\n        background-color: #b9e3a5;\n      }\n    }\n  }\n\n  .table-info {\n    background-color: #bee5eb;\n\n    > {\n      th,\n      td {\n        background-color: #bee5eb;\n      }\n    }\n\n    th,\n    td,\n    thead th,\n    tbody + tbody {\n      border-color: #86cfda;\n    }\n  }\n\n  .table-hover .table-info:hover {\n    background-color: #abdde5;\n\n    > {\n      td,\n      th {\n        background-color: #abdde5;\n      }\n    }\n  }\n\n  .table-warning {\n    background-color: #ffeeba;\n\n    > {\n      th,\n      td {\n        background-color: #ffeeba;\n      }\n    }\n\n    th,\n    td,\n    thead th,\n    tbody + tbody {\n      border-color: #ffdf7e;\n    }\n  }\n\n  .table-hover .table-warning:hover {\n    background-color: #ffe8a1;\n\n    > {\n      td,\n      th {\n        background-color: #ffe8a1;\n      }\n    }\n  }\n\n  .table-danger {\n    background-color: #f5c6cb;\n\n    > {\n      th,\n      td {\n        background-color: #f5c6cb;\n      }\n    }\n\n    th,\n    td,\n    thead th,\n    tbody + tbody {\n      border-color: #ed969e;\n    }\n  }\n\n  .table-hover .table-danger:hover {\n    background-color: #f1b0b7;\n\n    > {\n      td,\n      th {\n        background-color: #f1b0b7;\n      }\n    }\n  }\n\n  .table-light {\n    background-color: #fcfcfd;\n\n    > {\n      th,\n      td {\n        background-color: #fcfcfd;\n      }\n    }\n\n    th,\n    td,\n    thead th,\n    tbody + tbody {\n      border-color: #f9fafb;\n    }\n  }\n\n  .table-hover .table-light:hover {\n    background-color: #ededf3;\n\n    > {\n      td,\n      th {\n        background-color: #ededf3;\n      }\n    }\n  }\n\n  .table-dark {\n    background-color: #c8ccd3;\n\n    > {\n      th,\n      td {\n        background-color: #c8ccd3;\n      }\n    }\n\n    th,\n    td,\n    thead th,\n    tbody + tbody {\n      border-color: #99a0ae;\n    }\n  }\n\n  .table-hover .table-dark:hover {\n    background-color: #babfc8;\n\n    > {\n      td,\n      th {\n        background-color: #babfc8;\n      }\n    }\n  }\n\n  .table-active {\n    background-color: rgba(0, 0, 0, 0.075);\n\n    > {\n      th,\n      td {\n        background-color: rgba(0, 0, 0, 0.075);\n      }\n    }\n  }\n\n  .table-hover .table-active:hover {\n    background-color: rgba(0, 0, 0, 0.075);\n\n    > {\n      td,\n      th {\n        background-color: rgba(0, 0, 0, 0.075);\n      }\n    }\n  }\n\n  .table {\n    .thead-dark th {\n      color: #ffffff;\n      background-color: #fdfeff;\n      border-color: #49597b;\n    }\n\n    .thead-light th {\n      color: #fdfeff;\n      background-color: $white-05;\n      border-color: $white-05;\n    }\n  }\n\n  .table-dark {\n    color: #ffffff;\n    background-color: #fdfeff;\n\n    th,\n    td,\n    thead th {\n      border-color: #49597b;\n    }\n\n    &.table-striped tbody tr:nth-of-type(odd) {\n      background-color: $white-05;\n    }\n\n    &.table-hover tbody tr:hover {\n      color: #ffffff;\n      background-color: $white-75;\n    }\n  }\n\n  .form-control {\n    color: #6b6b84;\n    background-color: $dark-theme1;\n    border: 1px solid $border-dark;\n\n    &:focus {\n      color: #ffffff;\n      background-color: $dark-theme1;\n      border: 1px solid $white-08;\n      outline: 0;\n    }\n\n    &::placeholder {\n      color: #6b6b84;\n      opacity: 1;\n    }\n\n    &:disabled,\n    &[readonly] {\n      background-color: #27273e;\n      opacity: 1;\n    }\n  }\n\n  select.form-control:focus::-ms-value {\n    color: $color;\n    background-color: #ffffff;\n  }\n\n  .form-control-plaintext {\n    color: $color;\n  }\n\n  .form-check-input:disabled ~ .form-check-label {\n    color: #6b6b84;\n  }\n\n  .valid-feedback {\n    color: #03c895;\n  }\n\n  .valid-tooltip {\n    color: #ffffff;\n    background-color: rgba(59, 176, 1, 0.9);\n  }\n\n  .was-validated .form-control:valid,\n  .form-control.is-valid,\n  input.form-control.parsley-success,\n  textarea.form-control.parsley-success,\n  .was-validated .form-control:valid:focus,\n  .form-control.is-valid:focus,\n  input.form-control.parsley-success:focus,\n  textarea.form-control.parsley-success:focus,\n  .was-validated .custom-select:valid,\n  .custom-select.is-valid,\n  input.custom-select.parsley-success,\n  textarea.custom-select.parsley-success,\n  .was-validated .custom-select:valid:focus,\n  .custom-select.is-valid:focus,\n  input.custom-select.parsley-success:focus,\n  textarea.custom-select.parsley-success:focus {\n    border-color: #03c895;\n  }\n\n  .was-validated .form-check-input:valid ~ .form-check-label,\n  .form-check-input.is-valid ~ .form-check-label,\n  input.form-check-input.parsley-success ~ .form-check-label,\n  textarea.form-check-input.parsley-success ~ .form-check-label,\n  .was-validated .custom-control-input:valid ~ .custom-control-label,\n  .custom-control-input.is-valid ~ .custom-control-label,\n  input.custom-control-input.parsley-success ~ .custom-control-label,\n  textarea.custom-control-input.parsley-success ~ .custom-control-label {\n    color: #03c895;\n  }\n\n  .was-validated .custom-control-input:valid ~ .custom-control-label::before,\n  .custom-control-input.is-valid ~ .custom-control-label::before,\n  input.custom-control-input.parsley-success ~ .custom-control-label::before,\n  textarea.custom-control-input.parsley-success ~ .custom-control-label::before {\n    border-color: #03c895;\n  }\n\n  .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,\n  .custom-control-input.is-valid:checked ~ .custom-control-label::before,\n  input.custom-control-input.parsley-success:checked ~ .custom-control-label::before,\n  textarea.custom-control-input.parsley-success:checked ~ .custom-control-label::before {\n    border-color: #4ce301;\n    background-color: #4ce301;\n  }\n\n  .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,\n  .custom-control-input.is-valid:focus ~ .custom-control-label::before,\n  input.custom-control-input.parsley-success:focus ~ .custom-control-label::before,\n  textarea.custom-control-input.parsley-success:focus ~ .custom-control-label::before {\n    box-shadow: 0 0 0 0.2rem rgba(59, 176, 1, 0.25);\n  }\n\n  .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,\n  .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before,\n  input.custom-control-input.parsley-success:focus:not(:checked) ~ .custom-control-label::before,\n  textarea.custom-control-input.parsley-success:focus:not(:checked) ~ .custom-control-label::before,\n  .was-validated .custom-file-input:valid ~ .custom-file-label,\n  .custom-file-input.is-valid ~ .custom-file-label,\n  input.custom-file-input.parsley-success ~ .custom-file-label,\n  textarea.custom-file-input.parsley-success ~ .custom-file-label {\n    border-color: #03c895;\n  }\n\n  .was-validated .custom-file-input:valid:focus ~ .custom-file-label,\n  .custom-file-input.is-valid:focus ~ .custom-file-label,\n  input.custom-file-input.parsley-success:focus ~ .custom-file-label,\n  textarea.custom-file-input.parsley-success:focus ~ .custom-file-label {\n    border-color: #03c895;\n    box-shadow: 0 0 0 0.2rem rgba(59, 176, 1, 0.25);\n  }\n\n  .invalid-feedback {\n    color: #ff473d;\n  }\n\n  .invalid-tooltip {\n    color: #ffffff;\n    background-color: rgba(220, 53, 69, 0.9);\n  }\n\n  .was-validated .form-control:invalid,\n  .form-control.is-invalid,\n  input.form-control.parsley-error,\n  textarea.form-control.parsley-error,\n  .was-validated .form-control:invalid:focus,\n  .form-control.is-invalid:focus,\n  input.form-control.parsley-error:focus,\n  textarea.form-control.parsley-error:focus,\n  .was-validated .custom-select:invalid,\n  .custom-select.is-invalid,\n  input.custom-select.parsley-error,\n  textarea.custom-select.parsley-error,\n  .was-validated .custom-select:invalid:focus,\n  .custom-select.is-invalid:focus,\n  input.custom-select.parsley-error:focus,\n  textarea.custom-select.parsley-error:focus {\n    border-color: #ff473d;\n  }\n\n  .was-validated .form-check-input:invalid ~ .form-check-label,\n  .form-check-input.is-invalid ~ .form-check-label,\n  input.form-check-input.parsley-error ~ .form-check-label,\n  textarea.form-check-input.parsley-error ~ .form-check-label,\n  .was-validated .custom-control-input:invalid ~ .custom-control-label,\n  .custom-control-input.is-invalid ~ .custom-control-label,\n  input.custom-control-input.parsley-error ~ .custom-control-label,\n  textarea.custom-control-input.parsley-error ~ .custom-control-label {\n    color: #ff473d;\n  }\n\n  .was-validated .custom-control-input:invalid ~ .custom-control-label::before,\n  .custom-control-input.is-invalid ~ .custom-control-label::before,\n  input.custom-control-input.parsley-error ~ .custom-control-label::before,\n  textarea.custom-control-input.parsley-error ~ .custom-control-label::before {\n    border-color: #ff473d;\n  }\n\n  .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,\n  .custom-control-input.is-invalid:checked ~ .custom-control-label::before,\n  input.custom-control-input.parsley-error:checked ~ .custom-control-label::before,\n  textarea.custom-control-input.parsley-error:checked ~ .custom-control-label::before {\n    border-color: #e4606d;\n    background-color: #e4606d;\n  }\n\n  .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,\n  .custom-control-input.is-invalid:focus ~ .custom-control-label::before,\n  input.custom-control-input.parsley-error:focus ~ .custom-control-label::before,\n  textarea.custom-control-input.parsley-error:focus ~ .custom-control-label::before {\n    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);\n  }\n\n  .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,\n  .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before,\n  input.custom-control-input.parsley-error:focus:not(:checked) ~ .custom-control-label::before,\n  textarea.custom-control-input.parsley-error:focus:not(:checked) ~ .custom-control-label::before,\n  .was-validated .custom-file-input:invalid ~ .custom-file-label,\n  .custom-file-input.is-invalid ~ .custom-file-label,\n  input.custom-file-input.parsley-error ~ .custom-file-label,\n  textarea.custom-file-input.parsley-error ~ .custom-file-label {\n    border-color: #ff473d;\n  }\n\n  .was-validated .custom-file-input:invalid:focus ~ .custom-file-label,\n  .custom-file-input.is-invalid:focus ~ .custom-file-label,\n  input.custom-file-input.parsley-error:focus ~ .custom-file-label,\n  textarea.custom-file-input.parsley-error:focus ~ .custom-file-label {\n    border-color: #ff473d;\n    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);\n  }\n}\n\n.dark-theme .btn-light {\n  color: #fdfeff;\n  background-color: #24243e;\n  border-color: #24243e;\n}\n\n.dark-theme {\n  .btn-light {\n    &:hover {\n      color: #fdfeff;\n      background-color: #dde0e9;\n      border-color: #d5d9e4;\n    }\n\n    &:focus,\n    &.focus {\n      box-shadow: 0 0 0 0.2rem rgba(212, 214, 220, 0.5);\n    }\n\n    &.disabled,\n    &:disabled {\n      color: #fdfeff;\n      background-color: #24243e;\n      border-color: #24243e;\n    }\n\n    &:not(:disabled):not(.disabled) {\n      &:active,\n      &.active {\n        color: #fdfeff;\n        background-color: #d5d9e4;\n        border-color: #cdd2df;\n      }\n    }\n  }\n\n  .show > .btn-light.dropdown-toggle {\n    color: #fdfeff;\n    background-color: #d5d9e4;\n    border-color: #cdd2df;\n  }\n\n  .btn-light:not(:disabled):not(.disabled) {\n    &:active:focus,\n    &.active:focus {\n      box-shadow: 0 0 0 0.2rem rgba(212, 214, 220, 0.5);\n    }\n  }\n\n  .show > .btn-light.dropdown-toggle:focus {\n    box-shadow: 0 0 0 0.2rem rgba(212, 214, 220, 0.5);\n  }\n\n  .btn-dark {\n    color: #ffffff;\n    background-color: $color;\n    border-color: $color;\n\n    &:hover {\n      color: #ffffff;\n      background-color: #131212;\n      border-color: #131212;\n    }\n\n    &:focus {\n      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);\n    }\n  }\n}\n\n.btn-dark.focus {\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.dark-theme {\n  .btn-dark:not(:disabled):not(.disabled) {\n    &:active,\n    &.active {\n      color: #ffffff;\n      background-color: #131212;\n      border-color: #232b3b;\n    }\n  }\n\n  .show > .btn-dark.dropdown-toggle {\n    color: #ffffff;\n    background-color: #131212;\n    border-color: #232b3b;\n  }\n\n  .btn-dark:not(:disabled):not(.disabled) {\n    &:active:focus,\n    &.active:focus {\n      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);\n    }\n  }\n\n  .show > .btn-dark.dropdown-toggle:focus {\n    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);\n  }\n\n  .btn-outline-light {\n    color: #fdfeff !important;\n    border-color: $white-05;\n\n    &:hover {\n      color: #fdfeff !important;\n      background-color: $white-05;\n      border-color: $white-05;\n    }\n\n    &:focus,\n    &.focus {\n      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06);\n    }\n\n    &.disabled,\n    &:disabled {\n      color: #fdfeff !important;\n      background-color: transparent;\n    }\n\n    &:not(:disabled):not(.disabled) {\n      &:active,\n      &.active {\n        color: #fdfeff;\n        background-color: $white-05;\n        border-color: $white-05;\n      }\n    }\n  }\n\n  .show > .btn-outline-light.dropdown-toggle {\n    color: #fdfeff;\n    background-color: $white-05;\n    border-color: $white-05;\n  }\n\n  .btn-outline-light:not(:disabled):not(.disabled) {\n    &:active:focus,\n    &.active:focus {\n      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06);\n    }\n  }\n\n  .show > .btn-outline-light.dropdown-toggle:focus {\n    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06);\n  }\n\n  .btn-outline-dark {\n    color: #ffffff !important;\n    border-color: #000;\n\n    &:hover {\n      color: #ffffff !important;\n      background-color: $color;\n      border-color: $color;\n    }\n\n    &:focus,\n    &.focus {\n      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);\n    }\n\n    &.disabled,\n    &:disabled {\n      color: #fdfeff !important;\n      background-color: transparent;\n    }\n\n    &:not(:disabled):not(.disabled) {\n      &:active,\n      &.active {\n        color: #ffffff;\n        background-color: $color;\n        border-color: #000;\n      }\n    }\n  }\n\n  .show > .btn-outline-dark.dropdown-toggle {\n    color: #ffffff;\n    background-color: $color;\n    border-color: #000;\n  }\n\n  .btn-outline-dark:not(:disabled):not(.disabled) {\n    &:active:focus,\n    &.active:focus {\n      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);\n    }\n  }\n\n  .show > .btn-outline-dark.dropdown-toggle:focus {\n    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);\n  }\n\n  .dropdown-menu {\n    color: #fdfeff;\n    border: 1px solid $border-dark;\n    background-color: $dark-theme-1;\n    box-shadow: 0 0 0 1px rgba(30, 32, 47, 0.12), 0 8px 16px 0 rgba(30, 32, 47, 0.24);\n  }\n\n  .dropdown-divider {\n    border-top: 1px solid $border-dark;\n  }\n\n  .dropdown-item {\n    color: #fdfeff;\n\n    &:hover,\n    &:focus {\n      color: #ffffff;\n      background-color: #24243e;\n    }\n\n    &.active,\n    &:active {\n      color: #ffffff;\n    }\n\n    &.disabled,\n    &:disabled {\n      color: #6b6b84;\n    }\n  }\n\n  .dropdown-header {\n    color: #6b6b84;\n  }\n\n  .dropdown-item-text {\n    color: #fdfeff;\n  }\n\n  .input-group-text {\n    color: #fdfeff;\n    background-color: $dark-theme1;\n    border: 1px solid $border-dark;\n  }\n\n  .custom-control-input {\n    &:checked ~ .custom-control-label::before {\n      color: #ffffff;\n    }\n\n    &:focus ~ .custom-control-label::before {\n      box-shadow: none;\n    }\n\n    &:not(:disabled):active ~ .custom-control-label::before {\n      color: #ffffff;\n      background-color: #e6ecff;\n      border-color: #e6ecff;\n    }\n\n    &:disabled ~ .custom-control-label {\n      color: #6b6b84;\n\n      &::before {\n        background-color: $white-05;\n      }\n    }\n  }\n\n  .custom-control-label::before {\n    background-color: $dark-theme1;\n    border: $white-05 solid 1px;\n  }\n\n  .custom-checkbox .custom-control-input:disabled {\n    &:checked ~ .custom-control-label::before,\n    &:indeterminate ~ .custom-control-label::before {\n      background-color: rgba(135, 96, 251, 0.5);\n    }\n  }\n\n  .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before,\n  .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {\n    background-color: rgba(135, 96, 251, 0.5);\n  }\n\n  .custom-select {\n    color: #ffffff;\n    background-color: $dark-theme1;\n    border: 1px solid $border-dark;\n\n    &:focus {\n      box-shadow: none;\n\n      &::-ms-value {\n        color: #ffffff;\n        background-color: #ffffff;\n      }\n    }\n\n    &:disabled {\n      color: #6b6b84;\n      background-color: $white-05;\n    }\n  }\n\n  .custom-file-input:disabled ~ .custom-file-label {\n    background-color: $white-05;\n  }\n\n  .custom-file-label {\n    color: #fdfeff;\n    background-color: $dark-theme1;\n    border: 1px solid $border-dark;\n\n    &::after {\n      color: #fdfeff;\n      background-color: $dark-theme1;\n    }\n  }\n  .panel-group .panel, .panel-group1 .panel {\n      border-color: $border-dark;\n  }\n  .panel-default>.panel-heading{\n    background-color: $dark-theme1;\n  }\n  .accordion-button:not(.collapsed){\n    background-color: $dark-theme1;\n  }\n  .accordion-item{\n    background-color: $dark-theme-1;\n  }\n  .accordion-button{\n    background-color: $dark-theme1;\n     color: $white-8;\n  }\n  .accordionjs .acc_section .acc_head {\n    background: $dark-theme1;\n  }\n  .accordionjs .acc_section.acc_active>.acc_head {\n      border-bottom-color: $border-dark;\n  }\n  .accordionjs .acc_section{\n    border-color: $border-dark;\n\n  }\n  .accordionjs .acc_section.acc_active>.acc_head {\n    background: $primary;\n    color: #fff !important;\n  }\n  .custom-range {\n    &:focus {\n      &::-webkit-slider-thumb,\n      &::-moz-range-thumb,\n      &::-ms-thumb {\n        box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(135, 96, 251, 0.25);\n      }\n    }\n\n    &::-webkit-slider-thumb:active {\n      background-color: #e6ecff;\n    }\n\n    &::-webkit-slider-runnable-track {\n      background-color: $white-05;\n    }\n\n    &::-moz-range-thumb:active {\n      background-color: #e6ecff;\n    }\n\n    &::-moz-range-track {\n      background-color: $white-05;\n    }\n\n    &::-ms-thumb:active {\n      background-color: #e6ecff;\n    }\n\n    &::-ms-fill-lower,\n    &::-ms-fill-upper {\n      background-color: $white-05;\n    }\n\n    &:disabled {\n      &::-webkit-slider-thumb,\n      &::-moz-range-thumb,\n      &::-ms-thumb {\n        background-color: #6b6b84;\n      }\n    }\n  }\n\n  .nav-link.disabled {\n    color: #6b6b84;\n  }\n\n  .nav-tabs {\n    border-bottom: 1px solid $border-dark;\n\n    .nav-link {\n      &:hover,\n      &:focus {\n        border-color: $white-05 $white-05 $white-05;\n      }\n\n      &.disabled {\n        color: #6b6b84;\n      }\n\n      &.active {\n        color: #fdfeff;\n        background-color: #ffffff;\n        border-color: $white-05 $white-05 #ffffff;\n      }\n    }\n\n    .nav-item.show .nav-link {\n      color: #fdfeff;\n      background-color: #ffffff;\n      border-color: $white-05 $white-05 #ffffff;\n    }\n  }\n\n  .nav-pills {\n    .nav-link.active,\n    .show > .nav-link {\n      color: #ffffff;\n    }\n  }\n\n  .navbar-light {\n    .navbar-brand {\n      color: $black-9;\n\n      &:hover,\n      &:focus {\n        color: $black-9;\n      }\n    }\n\n    .navbar-nav {\n      .nav-link {\n        color: rgba(0, 0, 0, 0.5);\n\n        &:hover,\n        &:focus {\n          color: $black-7;\n        }\n\n        &.disabled {\n          color: $black-3;\n        }\n      }\n\n      .show > .nav-link,\n      .active > .nav-link {\n        color: $black-9;\n      }\n\n      .nav-link {\n        &.show,\n        &.active {\n          color: $black-9;\n        }\n      }\n    }\n\n    .navbar-toggler {\n      color: rgba(0, 0, 0, 0.5);\n      border-color: $black-1;\n    }\n\n    .navbar-text {\n      color: rgba(0, 0, 0, 0.5);\n\n      a {\n        color: $black-9;\n\n        &:hover,\n        &:focus {\n          color: $black-9;\n        }\n      }\n    }\n  }\n\n  .navbar-dark {\n    .navbar-brand {\n      color: #ffffff;\n\n      &:hover,\n      &:focus {\n        color: #ffffff;\n      }\n    }\n\n    .navbar-nav {\n      .nav-link {\n        color: $white-5;\n\n        &:hover,\n        &:focus {\n          color: rgba(255, 255, 255, 0.75);\n        }\n\n        &.disabled {\n          color: rgba(255, 255, 255, 0.25);\n        }\n      }\n\n      .show > .nav-link,\n      .active > .nav-link {\n        color: #ffffff;\n      }\n\n      .nav-link {\n        &.show,\n        &.active {\n          color: #ffffff;\n        }\n      }\n    }\n\n    .navbar-toggler {\n      color: $white-5;\n      border-color: $white-1;\n    }\n\n    .navbar-text {\n      color: $white-5;\n\n      a {\n        color: #ffffff;\n\n        &:hover {\n          color: #ffffff;\n        }\n      }\n    }\n  }\n}\n\n.navbar-dark .navbar-text a:focus {\n  color: #ffffff;\n}\n\n.dark-theme {\n  .card {\n    background-color: $dark-theme-1;\n    border: 1px solid $border-dark;\n  }\n\n  .card-header {\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .card-footer {\n    border-top: 1px solid $border-dark;\n    background-color: $dark-theme-1;\n  }\n\n  .breadcrumb {\n    background-color: $white-05;\n  }\n\n  .breadcrumb-item {\n    + .breadcrumb-item::before,\n    &.active {\n      color: #6b6b84;\n    }\n  }\n\n  .page-link {\n    border: 1px solid $border-dark;\n\n    &:hover {\n      color: #7c59e6;\n      background-color: $white-05;\n      border-color: $white-05;\n    }\n\n    &:focus {\n      box-shadow: 0 0 0 0.2rem rgba(135, 96, 251, 0.25);\n    }\n  }\n\n  .page-item {\n    &.active .page-link {\n      color: #ffffff;\n    }\n\n    &.disabled .page-link {\n      color: #6b6b84;\n      background-color: #24243e;\n      border-color: $white-05;\n    }\n  }\n\n  a.badge-light {\n    &:hover {\n      color: #fdfeff;\n      background-color: #d5d9e4;\n    }\n\n    &:focus {\n      color: #fdfeff;\n      background-color: #d5d9e4;\n      outline: 0;\n      box-shadow: 0 0 0 0.2rem rgba(244, 245, 248, 0.5);\n    }\n\n    &.focus {\n      outline: 0;\n      box-shadow: 0 0 0 0.2rem rgba(244, 245, 248, 0.5);\n    }\n  }\n\n  .badge-dark {\n    color: #ffffff;\n    background-color: #000;\n  }\n\n  a.badge-dark {\n    &:hover {\n      color: #ffffff;\n      background-color: #131212;\n    }\n\n    &:focus {\n      color: #ffffff;\n      background-color: #131212;\n      outline: 0;\n      box-shadow: 0 0 0 0.2rem rgba(59, 72, 99, 0.5);\n    }\n\n    &.focus {\n      outline: 0;\n      box-shadow: 0 0 0 0.2rem rgba(59, 72, 99, 0.5);\n    }\n  }\n\n  .jumbotron {\n    background-color: $white-05;\n  }\n\n  .alert-primary {\n    color: #4c73e9;\n\n    .alert-link {\n      color: #9eb0e7;\n    }\n  }\n\n  .alert-secondary {\n    color: #eb6f33;\n\n    .alert-link {\n      color: #e79082;\n    }\n  }\n\n  .alert-success {\n    color: #378112;\n\n    .alert-link {\n      color: #61b139;\n    }\n  }\n\n  .alert-info {\n    color: #1b8fa3;\n\n    .alert-link {\n      color: #60a4b1;\n    }\n  }\n\n  .alert-warning {\n    color: #b18916;\n\n    .alert-link {\n      color: #ab934e;\n    }\n  }\n\n  .alert-danger {\n    color: #d13240;\n\n    .alert-link {\n      color: #c37a80;\n    }\n  }\n\n  .alert-light {\n    color: #a8a8bb;\n\n    .alert-link {\n      color: #d8d8e5;\n    }\n  }\n\n  .alert-dark {\n    color: #9099ad;\n\n    .alert-link {\n      color: #dbe5ff;\n    }\n  }\n\n  .progress {\n    background-color: $white-1;\n  }\n\n  .progress-bar {\n    color: #ffffff;\n  }\n\n  .list-group-item-action {\n    color: #fdfeff;\n\n    &:hover,\n    &:focus {\n      color: #fdfeff;\n      background-color: #24243e;\n    }\n\n    &:active {\n      color: $color;\n      background-color: $white-05;\n    }\n  }\n\n  .list-group-item {\n    color: #fdfeff;\n    background-color: $dark-theme-1;\n    border-color: $border-dark !important;\n\n    &.disabled,\n    &:disabled {\n      color: #6b6b84;\n      background-color: $dark-theme-1;\n    }\n\n    &.active {\n      color: #ffffff;\n      background-color: $primary;\n    }\n  }\n\n  .list-group-item-primary {\n    color: #1b3585;\n    background-color: #c6d4ff;\n    opacity: 0.6;\n\n    &.list-group-item-action {\n      &:hover,\n      &:focus {\n        color: #1b3585;\n        background-color: #adc1ff;\n      }\n\n      &.active {\n        color: #ffffff;\n        background-color: #1b3585;\n        border-color: #1b3585;\n      }\n    }\n  }\n\n  .list-group-item-secondary {\n    color: #eb6f33;\n    background-color: #f9e5db;\n    opacity: 0.6;\n\n    &.list-group-item-action {\n      &:hover,\n      &:focus {\n        color: #3f4654;\n        background-color: #cacfdb;\n      }\n\n      &.active {\n        color: #ffffff;\n        background-color: #3f4654;\n        border-color: #3f4654;\n      }\n    }\n  }\n\n  .list-group-item-success {\n    color: #1f5c01;\n    background-color: #c8e9b8;\n    opacity: 0.6;\n\n    &.list-group-item-action {\n      &:hover,\n      &:focus {\n        color: #1f5c01;\n        background-color: #b9e3a5;\n      }\n\n      &.active {\n        color: #ffffff;\n        background-color: #1f5c01;\n        border-color: #1f5c01;\n      }\n    }\n  }\n\n  .list-group-item-info {\n    color: #0c5460;\n    background-color: #bee5eb;\n    opacity: 0.6;\n\n    &.list-group-item-action {\n      &:hover,\n      &:focus {\n        color: #0c5460;\n        background-color: #abdde5;\n      }\n\n      &.active {\n        color: #ffffff;\n        background-color: #0c5460;\n        border-color: #0c5460;\n      }\n    }\n  }\n\n  .list-group-item-warning {\n    color: #856404;\n    background-color: #ffeeba;\n    opacity: 0.6;\n\n    &.list-group-item-action {\n      &:hover,\n      &:focus {\n        color: #856404;\n        background-color: #ffe8a1;\n      }\n\n      &.active {\n        color: #ffffff;\n        background-color: #856404;\n        border-color: #856404;\n      }\n    }\n  }\n\n  .list-group-item-danger {\n    color: #721c24;\n    background-color: #f5c6cb;\n    opacity: 0.6;\n\n    &.list-group-item-action {\n      &:hover,\n      &:focus {\n        color: #721c24;\n        background-color: #f1b0b7;\n      }\n\n      &.active {\n        color: #ffffff;\n        background-color: #721c24;\n        border-color: #721c24;\n      }\n    }\n  }\n\n  .list-group-item-light {\n    color: #fdfeff;\n    background-color: #24243e;\n    opacity: 0.6;\n\n    &.list-group-item-action {\n      &:hover,\n      &:focus {\n        color: #fdfeff;\n        background-color: $white-05;\n      }\n\n      &.active {\n        color: #ffffff;\n        background-color: #7f7f81;\n        border-color: #7f7f81;\n      }\n    }\n  }\n\n  .list-group-item-dark {\n    color: #ffffff;\n    background-color: #131327;\n    opacity: 0.6;\n\n    &.list-group-item-action {\n      &:hover,\n      &:focus {\n        color: #1f2533;\n        background-color: #babfc8;\n      }\n\n      &.active {\n        color: #ffffff;\n        background-color: #1f2533;\n        border-color: #1f2533;\n      }\n    }\n  }\n\n  .close {\n    color: #6b6b84;\n    text-shadow: 0 1px 0 $dark-theme-1;\n\n    &:hover {\n      color: $color;\n    }\n  }\n\n  .toast {\n    background-color: rgba(255, 255, 255, 0.85);\n    border: 1px solid $black-1;\n    box-shadow: 0 0.25rem 0.75rem $black-1;\n  }\n\n  .toast-header {\n    color: #6b6b84;\n    background-color: $dark-theme1;\n    border-bottom: 1px solid $black-05;\n  }\n\n  .modal-content {\n    background-color: $dark-theme-1 !important;\n    border: 1px solid $border-dark;\n    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12), 0 8px 16px 0 rgba(0, 0, 0, 0.24);\n  }\n\n  .modal-backdrop {\n    background-color: $color;\n  }\n\n  .modal-header {\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .modal-footer {\n    border-top: 1px solid $border-dark;\n  }\n\n  .tooltip-inner {\n    color: #ffffff;\n  }\n\n  .popover {\n    background-color: $dark-theme-1;\n    border: 1px solid $border-dark;\n  }\n\n  .bs-popover-top > .arrow::before,\n  .bs-popover-auto[x-placement^=\"top\"] > .arrow::before {\n    border-top-color: $white-05;\n  }\n\n  .bs-popover-top > .arrow::after,\n  .bs-popover-auto[x-placement^=\"top\"] > .arrow::after {\n    border-top-color: $dark-theme-1;\n  }\n\n  .bs-popover-right > .arrow::before,\n  .bs-popover-auto[x-placement^=\"right\"] > .arrow::before {\n    border-right-color: $white-05;\n  }\n\n  .bs-popover-right > .arrow::after,\n  .bs-popover-auto[x-placement^=\"right\"] > .arrow::after {\n    border-right-color: $dark-theme-1;\n  }\n\n  .bs-popover-bottom > .arrow::before,\n  .bs-popover-auto[x-placement^=\"bottom\"] > .arrow::before {\n    border-bottom-color: $white-05;\n  }\n\n  .bs-popover-bottom > .arrow::after,\n  .bs-popover-auto[x-placement^=\"bottom\"] > .arrow::after {\n    border-bottom-color: $dark-theme-1;\n  }\n\n  .bs-popover-bottom .popover-header::before,\n  .bs-popover-auto[x-placement^=\"bottom\"] .popover-header::before {\n    border-bottom: 1px solid #f7f7f7;\n  }\n\n  .bs-popover-left > .arrow::before,\n  .bs-popover-auto[x-placement^=\"left\"] > .arrow::before {\n    border-left-color: $white-05;\n  }\n\n  .bs-popover-left > .arrow::after,\n  .bs-popover-auto[x-placement^=\"left\"] > .arrow::after {\n    border-left-color: $dark-theme-1;\n  }\n\n  .popover-body {\n    color: #6b6b84;\n  }\n\n  .popover-primary {\n    background-color: $primary;\n\n    &.bs-popover-top .arrow::after,\n    &.bs-popover-auto[x-placement^=\"top\"] .arrow::after {\n      border-top-color: $primary;\n    }\n\n    &.bs-popover-bottom .arrow::after,\n    &.bs-popover-auto[x-placement^=\"bottom\"] .arrow::after {\n      border-bottom-color: $primary;\n    }\n\n    &.bs-popover-left .arrow::after,\n    &.bs-popover-auto[x-placement^=\"left\"] .arrow::after {\n      border-left-color: $primary;\n    }\n\n    &.bs-popover-right .arrow::after,\n    &.bs-popover-auto[x-placement^=\"right\"] .arrow::after {\n      border-right-color: $primary;\n    }\n  }\n\n  .popover-secondary {\n    background-color: #eb6f33;\n\n    &.bs-popover-top .arrow::after,\n    &.bs-popover-auto[x-placement^=\"top\"] .arrow::after {\n      border-top-color: #eb6f33;\n    }\n\n    &.bs-popover-bottom .arrow::after,\n    &.bs-popover-auto[x-placement^=\"bottom\"] .arrow::after {\n      border-bottom-color: #eb6f33;\n    }\n\n    &.bs-popover-left .arrow::after,\n    &.bs-popover-auto[x-placement^=\"left\"] .arrow::after {\n      border-left-color: #eb6f33;\n    }\n\n    &.bs-popover-right .arrow::after,\n    &.bs-popover-auto[x-placement^=\"right\"] .arrow::after {\n      border-right-color: #eb6f33;\n    }\n  }\n\n  .carousel-control-prev,\n  .carousel-control-next {\n    color: #ffffff;\n  }\n\n  .carousel-control-prev {\n    &:hover,\n    &:focus {\n      color: #ffffff;\n    }\n  }\n}\n\n.carousel-control-next:hover {\n  color: #ffffff;\n}\n\n.dark-theme {\n  .carousel-control-next:focus {\n    color: #ffffff;\n  }\n\n  .carousel-indicators li {\n    background-color: #ffffff;\n  }\n\n  .carousel-caption {\n    color: #ffffff;\n  }\n\n  .bg-gray-100 {\n    background-color: $white-05 !important;\n  }\n\n  a.bg-gray-100 {\n    &:hover,\n    &:focus {\n      background-color: #24243e !important;\n    }\n  }\n\n  button.bg-gray-100 {\n    &:hover,\n    &:focus {\n      background-color: #24243e !important;\n    }\n  }\n\n  .bg-light {\n    background-color: $white-05 !important;\n  }\n\n  a.bg-light {\n    &:hover,\n    &:focus {\n      background-color: #24243e !important;\n    }\n  }\n\n  button.bg-light {\n    &:hover,\n    &:focus {\n      background-color: #24243e !important;\n    }\n  }\n\n  .bg-dark {\n    background-color: #fdfeff !important;\n    color: #030303;\n  }\n\n  a.bg-dark {\n    &:hover,\n    &:focus {\n      background-color: #131212 !important;\n    }\n  }\n\n  button.bg-dark {\n    &:hover,\n    &:focus {\n      background-color: #131212 !important;\n    }\n  }\n\n  .bg-white {\n    background-color: $dark-theme-1 !important;\n  }\n\n  .bg-transparent {\n    background-color: transparent !important;\n  }\n\n  .border {\n    border: 1px solid $border-dark !important;\n  }\n\n  .border-top {\n    border-top: 1px solid $border-dark !important;\n  }\n\n  .border-right {\n    border-right: 1px solid $border-dark !important;\n  }\n\n  .border-bottom {\n    border-bottom: 1px solid $border-dark !important;\n  }\n\n  .border-left {\n    border-left: 1px solid $border-dark !important;\n  }\n\n  .border-light {\n    border-color: #24243e !important;\n  }\n\n  .border-dark {\n    border-color: #fdfeff !important;\n  }\n\n  .border-white {\n    border-color: #ffffff !important;\n  }\n\n  .shadow-sm {\n    box-shadow: 0 0.125rem 0.25rem rgba(16, 19, 41, 0.075) !important;\n  }\n\n  .shadow {\n    box-shadow: 0 0.5rem 1rem rgba(16, 19, 41, 0.15) !important;\n  }\n\n  .shadow-lg {\n    box-shadow: 0 1rem 3rem rgba(16, 19, 41, 0.175) !important;\n  }\n\n  .stretched-link::after {\n    background-color: rgba(0, 0, 0, 0);\n  }\n\n  .text-white {\n    color: #ffffff !important;\n  }\n\n  .text-light {\n    color: #24243e !important;\n  }\n\n  a.text-light {\n    &:hover,\n    &:focus {\n      color: #c5cbda !important;\n    }\n  }\n\n  .text-dark {\n    color: #fdfeff !important;\n  }\n\n  a.text-dark {\n    &:hover,\n    &:focus {\n      color: #fdfeff !important;\n    }\n  }\n\n  .text-body {\n    color: #000 !important;\n  }\n\n  .text-muted {\n    color: #6b6b84 !important;\n  }\n\n  .text-black-50 {\n    color: rgba(0, 0, 0, 0.5) !important;\n  }\n\n  .text-white-50 {\n    color: $white-5 !important;\n  }\n\n  .accordion {\n    .card-header a {\n      color: #fdfeff;\n      background-color: $dark-theme1;\n\n      &:hover,\n      &:focus {\n        color: #fdfeff;\n      }\n\n      &.collapsed {\n        color: #fdfeff;\n        background-color: #24243e;\n\n        &:hover,\n        &:focus {\n          color: #fdfeff;\n          background-color: $white-05;\n        }\n      }\n    }\n\n    .card-body {\n      background-color: $dark-theme-1;\n      border: 1px solid $border-dark;\n      color: $white-7;\n    }\n  }\n\n  .accordion-dark {\n    .card {\n      border-color: #fdfeff;\n    }\n\n    .card-header a {\n      color: #fdfeff;\n\n      &:hover,\n      &:focus {\n        color: #fdfeff;\n      }\n\n      &.collapsed {\n        background-color: #fdfeff;\n        color: $white-8;\n\n        &:hover,\n        &:focus {\n          background-color: #141c2b;\n          color: #ffffff;\n        }\n      }\n    }\n  }\n\n  .accordion-gray {\n    .card {\n      border-color: #6b6b84;\n    }\n\n    .card-header a {\n      color: #6b6b84;\n\n      &:hover,\n      &:focus {\n        color: #6b6b84;\n      }\n\n      &.collapsed {\n        background-color: #6b6b84;\n        color: $white-8;\n\n        &:hover,\n        &:focus {\n          background-color: #6a7a96;\n          color: #ffffff;\n        }\n      }\n    }\n  }\n\n  .badge-light {\n    background-color: $white-05;\n    color: #ffffff;\n  }\n\n  .breadcrumb-style1 .breadcrumb-item a,\n  .breadcrumb-style2 .breadcrumb-item a,\n  .breadcrumb-style3 .breadcrumb-item a {\n    color: #fdfeff;\n  }\n\n  .breadcrumb-style1 .breadcrumb-item + .breadcrumb-item::before,\n  .breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before,\n  .breadcrumb-style3 .breadcrumb-item + .breadcrumb-item::before {\n    color: #6b6b84;\n  }\n\n  .btn-light {\n    color: #fdfeff;\n    background-color: rgba(255, 255, 255, 0.06);\n    border-color: rgba(255, 255, 255, 0.06);\n\n    &:hover {\n      color: #fdfeff;\n      background-color: #24243e;\n      border-color: #24243e;\n    }\n\n    &:focus,\n    &.focus {\n      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06);\n    }\n\n    &.disabled,\n    &:disabled {\n      color: #fdfeff;\n      background-color: #24243e;\n      border-color: #24243e;\n    }\n\n    &:not(:disabled):not(.disabled) {\n      &:active,\n      &.active {\n        color: #fdfeff;\n        background-color: #24243e;\n        border-color: #24243e;\n      }\n    }\n  }\n\n  .show > .btn-light.dropdown-toggle {\n    color: #fdfeff;\n    background-color: #24243e;\n    border-color: #24243e;\n  }\n\n  .btn-light:not(:disabled):not(.disabled) {\n    &:active:focus,\n    &.active:focus {\n      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06);\n    }\n  }\n\n  .show > .btn-light.dropdown-toggle:focus {\n    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06);\n  }\n\n  .card-header,\n  .card-footer {\n    border-color: $white-05;\n  }\n\n  .card-title {\n    color: #fdfeff;\n    font-weight: 400;\n  }\n\n  .font-weight-bold,\n  h6,\n  .h6 {\n    font-weight: 400 !important;\n  }\n\n  .form-label {\n    color: #fdfeff;\n  }\n\n  .modal-backdrop {\n    background-color: $black-7;\n    opacity: 1.05;\n  }\n\n  .modal-title {\n    color: #fdfeff;\n  }\n\n  .nav-pills .nav-link {\n    color: #fdfeff;\n\n    &:hover,\n    &:focus {\n      color: #fdfeff;\n    }\n\n    &.active {\n      border-radius: 2px;\n\n      &:hover,\n      &:focus {\n        color: #ffffff;\n      }\n    }\n  }\n\n  .nav-dark .nav-link {\n    color: #6b6b84;\n\n    &:hover,\n    &:focus {\n      color: #ffffff;\n    }\n  }\n\n  .nav-tabs .nav-link {\n    background-color: rgba(255, 255, 255, 0.03);\n    color: #fdfeff;\n\n    &:hover,\n    &:focus {\n      background-color: $white-05;\n      color: #fdfeff;\n    }\n\n    &.active {\n      background-color: $dark-theme-1;\n      color: #fdfeff;\n    }\n  }\n\n  .page-link {\n    color: #fdfeff;\n    background-color: $dark-theme1;\n    border: 1px solid $border-dark;\n\n    &:hover,\n    &:focus {\n      background-color: $white-05;\n      box-shadow: none;\n    }\n  }\n\n  .pagination-dark {\n    .page-item.active .page-link {\n      color: #ffffff;\n    }\n\n    .page-link {\n      background-color: $white-05;\n      color: $white-8;\n\n      &:hover,\n      &:focus {\n        color: #ffffff;\n        background-color: $white-08;\n      }\n    }\n  }\n\n  .pagination-success .page-item.active .page-link {\n    background-color: #03c895;\n    border-color: #03c895;\n  }\n\n  .popover-header {\n    color: #fdfeff;\n    border-color: $white-05;\n    background: transparent;\n  }\n\n  .popover-head-primary .popover-body,\n  .popover-head-secondary .popover-body {\n    border: 1px solid rgba(28, 39, 60, 0.2);\n  }\n\n  .popover-primary {\n    .popover-header {\n      color: #ffffff;\n    }\n\n    .popover-body {\n      padding: 0;\n      color: rgba(255, 255, 255, 0.75);\n    }\n  }\n\n  .popover-secondary .popover-body {\n    padding: 0;\n    color: rgba(255, 255, 255, 0.75);\n  }\n\n  .popover-head-primary .popover-header {\n    background-color: $primary;\n  }\n\n  .popover-head-secondary .popover-header {\n    background-color: #eb6f33;\n  }\n\n  .table {\n    color: #fdfeff;\n\n    thead {\n      th,\n      td {\n        color: #fdfeff;\n      }\n    }\n\n    tbody tr {\n      background-color: $dark-theme-1;\n    }\n  }\n\n  .table-striped tbody tr:nth-of-type(2n + 1) {\n    background-color: #24243e;\n  }\n\n  .table-bordered thead th {\n    background-color: $white-05;\n  }\n}\n\n@media print {\n  .dark-theme pre,\n  blockquote {\n    border: 1px solid #6b6b84;\n  }\n\n  .dark-theme {\n    .badge {\n      border: 1px solid #000;\n    }\n\n    .table {\n      td,\n      th {\n        background-color: #ffffff !important;\n      }\n    }\n\n    .table-bordered {\n      th,\n      td {\n        border: 1px solid $border-dark !important;\n      }\n    }\n\n    .table-dark {\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $white-05;\n      }\n    }\n\n    .table .thead-dark th {\n      border-color: $white-05;\n    }\n  }\n}\n\n/*  ----- BOOTSTRAP OVERRIDES  ----- */\n\n.table-bordered thead td {\n  background-color: $white-05;\n}\n\n.dark-theme {\n  .toast {\n    background-color: $dark-theme1;\n    border-color: $white-05;\n    box-shadow: 0 2px 3px rgba(28, 39, 60, 0.06);\n  }\n\n  .toast-header {\n    border-bottom-color: $white-05;\n\n    .close {\n      color: #6b6b84;\n    }\n  }\n\n  table.dataTable {\n    border-color: $border-dark;\n\n    &.no-footer {\n      border-bottom-color: $white-05;\n    }\n\n    thead {\n      th,\n      td {\n        color: #fdfeff;\n        border-top-color: $border-dark;\n      }\n    }\n  }\n\n  .dataTables_wrapper {\n    .dataTables_filter input {\n      border-color: $border-dark;\n    }\n\n    .dataTables_paginate .paginate_button.current {\n      color: #ffffff !important;\n\n      &:hover,\n      &:focus {\n        color: #ffffff !important;\n      }\n    }\n  }\n\n  .ui-datepicker {\n    background-color: $dark-theme-1;\n    border: 1px solid $border-dark;\n    box-shadow: 0 5px 12px 0 $dark-body;\n\n    .ui-datepicker-header {\n      color: $color;\n\n      .ui-datepicker-next,\n      .ui-datepicker-prev {\n        color: #6b6b84;\n      }\n\n      .ui-datepicker-next {\n        &:hover::before,\n        &:focus::before {\n          color: #fdfeff;\n        }\n      }\n\n      .ui-datepicker-prev {\n        &:hover::before,\n        &:focus::before {\n          color: #fdfeff;\n        }\n      }\n\n      .ui-datepicker-next-hover,\n      .ui-datepicker-prev-hover {\n        color: #fdfeff;\n      }\n    }\n\n    .ui-datepicker-title {\n      color: #fdfeff;\n    }\n\n    .ui-datepicker-calendar {\n      th {\n        color: #fdfeff;\n      }\n\n      td {\n        border: 1px solid $border-dark;\n        background-color: $dark-theme-1;\n\n        &.ui-datepicker-other-month .ui-state-default {\n          color: #6b6b84;\n        }\n\n        span {\n          color: #fdfeff;\n        }\n\n        a {\n          color: #fdfeff;\n\n          &:hover {\n            background-color: $white-05;\n            color: $primary;\n          }\n        }\n      }\n\n      .ui-datepicker-today a {\n        color: #ffffff;\n\n        &:hover,\n        &:focus {\n          color: #ffffff;\n        }\n      }\n    }\n  }\n\n  .ui-datepicker-inline {\n    border-color: $white-05;\n  }\n\n  .wizard {\n    border: 1px solid $border-dark;\n    background-color: $dark-theme-1;\n\n    > {\n      .steps {\n        a {\n          color: #fdfeff;\n\n          &:hover,\n          &:active {\n            color: #fdfeff;\n          }\n\n          .number,\n          &:hover .number,\n          &:active .number {\n            color: #fdfeff;\n            background-color: $white-05;\n          }\n        }\n\n        .current a {\n          .number,\n          &:hover .number,\n          &:active .number {\n            background-color: $primary;\n            color: #ffffff;\n          }\n        }\n\n        .disabled a {\n          color: #6b6b84;\n\n          &:hover,\n          &:active {\n            color: #6b6b84;\n          }\n        }\n\n        .current a {\n          .number,\n          &:hover .number,\n          &:active .number {\n            color: #ffffff;\n          }\n        }\n\n        .done a {\n          color: #6b6b84;\n\n          &:hover,\n          &:active {\n            color: #6b6b84;\n          }\n\n          .number,\n          &:hover .number,\n          &:active .number {\n            background-color: $dark-theme1;\n            border: 1px solid $border-dark;\n          }\n        }\n      }\n\n      .content {\n        border-top: 1px solid $border-dark;\n        border-bottom: 1px solid $border-dark;\n        min-height: 150px;\n        padding: 20px;\n\n        > {\n          .title {\n            color: #fdfeff;\n          }\n\n          .body input.parsley-error {\n            border-color: #ff473d;\n          }\n        }\n      }\n\n      .actions {\n        > ul > li:last-child a {\n          background-color: #ff473d;\n        }\n\n        a {\n          color: #ffffff;\n        }\n      }\n    }\n  }\n}\n\n/*  ---------- CUSTOM VENDOR STYLES  ---------- */\n.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename input {\n  background-color: $dark-theme1;\n  color: $white-3;\n}\n.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button {\n  background-color: $dark-theme1;\n  border: 1px solid #3e3e56;\n}\n.note-btn.btn-default:not(:disabled):not(.disabled).active {\n  background-color: $dark-theme1;\n}\n\n.wizard > .actions a:hover {\n  color: #ffffff;\n}\n\n.dark-theme {\n  .wizard > .actions {\n    a:active {\n      color: #ffffff;\n    }\n\n    .disabled a {\n      background-color: #eb6f33;\n\n      &:hover,\n      &:active {\n        background-color: #eb6f33;\n      }\n    }\n  }\n\n  .wizard-style-1 > .steps > ul {\n    a {\n      .number,\n      &:hover .number,\n      &:active .number {\n        color: #6b6b84;\n        background-color: $white-05;\n      }\n    }\n\n    .current a {\n      .number,\n      &:hover .number,\n      &:active .number {\n        color: #ffffff;\n      }\n    }\n\n    .done a {\n      .number,\n      &:hover .number,\n      &:active .number {\n        background-color: #643ab0;\n        color: #ffffff;\n      }\n    }\n  }\n\n  .wizard-style-2 > .steps > ul {\n    a {\n      .number,\n      &:hover .number,\n      &:active .number {\n        border: 2px solid $border-dark;\n        color: #6b6b84;\n        background-color: #ffffff;\n      }\n    }\n\n    .done a {\n      .number,\n      &:hover .number,\n      &:active .number {\n        border-color: #6f42c1;\n        color: #6f42c1;\n      }\n    }\n  }\n\n  .parsley-checkbox {\n    &.parsley-error {\n      border: 1px solid #ff473d;\n    }\n\n    &.parsley-success {\n      border: 1px solid #03c895;\n    }\n  }\n\n  .parsley-errors-list {\n    color: #ff473d;\n  }\n\n  .parsley-style-1 {\n    .parsley-input {\n      &.parsley-error .form-control {\n        border-color: #ff473d;\n      }\n\n      &.parsley-success .form-control {\n        border-color: #03c895;\n      }\n    }\n\n    .parsley-checkbox.parsley-error {\n      border: 1px solid #ff473d;\n    }\n\n    .parsley-errors-list.filled {\n      color: #ff473d;\n    }\n  }\n\n  .jqvmap-label {\n    background-color: rgba(17, 17, 17, 0.9);\n  }\n\n  .ql-bubble {\n    &.ql-container:not(.ql-disabled) a::before {\n      background-color: #fdfeff;\n    }\n\n    .ql-tooltip {\n      background-color: #fdfeff;\n\n      &.ql-flip .ql-tooltip-arrow {\n        border-top-color: #fdfeff;\n      }\n\n      &:not(.ql-flip) .ql-tooltip-arrow {\n        border-bottom-color: #fdfeff;\n      }\n    }\n\n    .ql-toolbar button {\n      color: #8896af;\n\n      .ql-fill {\n        fill: #8896af;\n      }\n\n      .ql-stroke {\n        stroke: #8896af;\n      }\n\n      &.ql-active {\n        color: #ffffff;\n        background-color: $white-08;\n      }\n    }\n  }\n\n  .ql-snow {\n    &.ql-container {\n      border-color: $white-05;\n    }\n\n    &.ql-toolbar {\n      border-color: $white-05;\n\n      .ql-picker-label {\n        border-color: $white-05;\n\n        &.ql-active {\n          background-color: $white-05;\n          color: #fdfeff;\n        }\n      }\n\n      button {\n        color: #fdfeff;\n\n        &:hover {\n          border-color: $white-05;\n        }\n      }\n    }\n  }\n}\n\n@media (min-width: 576px) {\n  .dark-theme .wizard.vertical > .content {\n    border-left: 1px solid $border-dark;\n  }\n}\n\n@media (min-width: 576px) {\n  .dark-theme .wizard.vertical > .actions {\n    border-left: 1px solid $border-dark;\n  }\n}\n\n/***** CUSTOM STYLES *****/\n\n.ql-snow.ql-toolbar button:focus {\n  border-color: $white-05;\n}\n\n.dark-theme {\n  .ql-snow {\n    &.ql-toolbar button {\n      &:hover .ql-stroke,\n      &:focus .ql-stroke {\n        stroke: #6b6b84;\n      }\n\n      &.ql-active {\n        background-color: $white-05;\n        color: #fdfeff;\n        border-color: transparent;\n\n        .ql-fill {\n          fill: #fdfeff;\n        }\n\n        .ql-stroke {\n          stroke: #fdfeff;\n        }\n      }\n    }\n\n    .ql-picker {\n      color: #fdfeff;\n\n      &:hover .ql-picker-label,\n      &:focus .ql-picker-label {\n        color: #fdfeff;\n      }\n\n      &:hover .ql-picker-label .ql-stroke,\n      &:focus .ql-picker-label .ql-stroke {\n        stroke: #000;\n      }\n    }\n\n    .ql-picker-label {\n      border: 1px solid $border-dark;\n      background-color: $dark-theme1;\n    }\n\n    .ql-stroke {\n      stroke: #000;\n    }\n\n    .ql-editor {\n      padding: 20px;\n      color: #fdfeff;\n    }\n  }\n\n  .irs-slider {\n    &:hover:before,\n    &:focus:before {\n      background-color: #260bfa;\n    }\n  }\n\n  .irs-modern .irs-slider {\n    background-color: #ffffff;\n  }\n\n  .irs-min,\n  .irs-max {\n    background: $dark-theme1;\n    color: #6b6b84;\n  }\n\n  .irs-grid-text {\n    color: #6b6b84;\n  }\n\n  .irs-outline {\n    .irs-line-left,\n    .irs-line-mid,\n    .irs-line-right,\n    .irs-bar,\n    .irs-bar-edge {\n      height: 10px;\n    }\n\n    .irs-slider {\n      background-color: #ffffff;\n    }\n  }\n\n  .ps > .ps__rail-y {\n    background-color: rgba(28, 39, 60, 0.04);\n\n    > .ps__thumb-y {\n      background-color: #6b6b84;\n    }\n  }\n\n  .select2-container--default {\n    .select2-selection--single {\n      background-color: $dark-theme1;\n      border-color: $white-05;\n\n      .select2-selection__rendered,\n      .select2-selection__placeholder {\n        color: #6b6b84;\n      }\n    }\n\n    .select2-selection--multiple {\n      background-color: $dark-theme1;\n      border-color: $white-05;\n\n      .select2-selection__choice,\n      .select2-selection__choice__remove {\n        color: #ffffff;\n      }\n    }\n\n    &.select2-container--focus .select2-selection--multiple,\n    .select2-search--dropdown .select2-search__field {\n      border-color: $white-05;\n    }\n\n    .select2-results__option[aria-selected=\"true\"] {\n      background-color: $dark-theme1;\n    }\n\n    &.select2-container--disabled .select2-selection__choice {\n      background-color: #6b6b84;\n    }\n  }\n\n  .select2-container--open {\n    .select2-selection--single,\n    .select2-selection--multiple {\n      background-color: $dark-theme1;\n      border-color: $white-05;\n    }\n  }\n\n  .select2-dropdown {\n    border-color: $white-05;\n  }\n\n  .bg-gray + .select2-container--default .select2-selection--single {\n    background-color: #455473;\n\n    .select2-selection__rendered {\n      color: $white-05;\n    }\n  }\n\n  .sp-container {\n    background-color: $dark-theme1;\n    border-color: $white-05;\n\n    button {\n      background-color: $white-05;\n\n      &:hover,\n      &:focus {\n        background-color: $white-08;\n      }\n    }\n  }\n\n  .sp-button-container .sp-cancel {\n    font-size: 12px;\n    color: #6b6b84 !important;\n\n    &:hover,\n    &:focus {\n      color: #fdfeff !important;\n    }\n  }\n\n  .sp-replacer {\n    border-color: $white-05;\n    background-color: $dark-theme1;\n\n    &:hover,\n    &:focus {\n      border-color: $white-08;\n    }\n\n    &.sp-active {\n      border-color: #6b6b84;\n    }\n  }\n\n  .sp-dd::before {\n    color: #6b6b84;\n  }\n\n  .sp-choose {\n    background-color: $white-05;\n  }\n\n  .sp-palette .sp-thumb-el {\n    &:hover,\n    &.sp-thumb-active {\n      border-color: #fdfeff;\n    }\n  }\n\n  .datetimepicker {\n    border-color: $white-05;\n\n    table {\n      th {\n        &.prev,\n        &.next,\n        &.switch {\n          background-color: #ffffff;\n          color: $color;\n        }\n\n        &.prev span::before,\n        &.next span::before {\n          color: #fdfeff;\n        }\n\n        &.prev {\n          &:hover,\n          &:focus {\n            background-color: #ffffff;\n          }\n        }\n\n        &.next {\n          &:hover,\n          &:focus {\n            background-color: #ffffff;\n          }\n        }\n\n        &.switch {\n          color: #fdfeff;\n\n          &:hover,\n          &:focus {\n            background-color: #ffffff;\n          }\n        }\n      }\n\n      td {\n        &.old,\n        &.new {\n          color: #6b6b84;\n        }\n\n        &.active {\n          color: #ffffff;\n\n          &:hover,\n          &:focus {\n            color: #ffffff;\n          }\n        }\n      }\n\n      span.active {\n        color: #ffffff;\n\n        &:hover,\n        &:focus {\n          color: #ffffff;\n        }\n      }\n    }\n\n    .datetimepicker-days table thead tr:last-child th {\n      color: #fdfeff;\n    }\n  }\n\n  .main-datetimepicker {\n    border-color: $white-05;\n\n    > .datepicker_inner_container {\n      background-color: #ffffff;\n\n      > {\n        .datepicker_calendar {\n          th {\n            color: #fdfeff;\n          }\n\n          td {\n            &.day_another_month {\n              color: #6b6b84;\n            }\n\n            &.hover {\n              background-color: $white-05;\n            }\n\n            &.active {\n              color: #ffffff;\n            }\n          }\n        }\n\n        .datepicker_timelist {\n          border-left: 1px solid #6b6b84;\n\n          > div.timelist_item {\n            &:hover,\n            &:focus {\n              background-color: $white-05;\n            }\n\n            &.active {\n              color: #ffffff;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .main-accordion {\n    .accordion-item {\n      background-color: #24243e;\n      border: 1px solid #dee2ef;\n\n      &:hover,\n      &:focus {\n        background-color: #f1f2f6;\n        border-color: #bcc4de;\n      }\n\n      &.active {\n        background-color: #ffffff;\n        border-color: #bcc4de;\n      }\n    }\n\n    .accordion-title {\n      color: $color;\n    }\n  }\n\n  .ckbox span:before {\n    background-color: $dark-theme1;\n    border: 1px solid $border-dark;\n  }\n\n  .rdiobox span:before {\n    border: 1px solid $border-dark;\n    background-color: $dark-theme1;\n  }\n\n  select {\n    background: $dark-theme1;\n    border: 1px solid $border-dark;\n    color: #ffffff;\n  }\n\n  .main-toggle {\n    background-color: #2c2c44;\n\n    span {\n      &::before,\n      &::after {\n        color: #ffffff;\n      }\n    }\n  }\n\n  .main-toggle-secondary.on {\n    background-color: #eb6f33;\n  }\n\n  .main-toggle-success.on {\n    background-color: #03c895;\n  }\n\n  .main-toggle-dark.on {\n    background-color: #000;\n  }\n\n  .main-toggle span {\n    background-color: $dark-body;\n  }\n\n  .main-form-group {\n    border: 1px solid $border-dark;\n\n    &.focus {\n      border-color: #6b6b84;\n      box-shadow: 0 0 0 2px rgba(91, 71, 251, 0.16);\n    }\n\n    .form-label {\n      color: #6b6b84;\n    }\n\n    .form-control {\n      color: #fdfeff;\n    }\n  }\n\n  .main-img-user {\n    &::after {\n      background-color: #6b6b84;\n      box-shadow: 0 0 0 2px rgba(16, 19, 41, 0.95);\n    }\n\n    &.online::after {\n      background-color: #03c895;\n    }\n  }\n\n  .main-avatar {\n    color: #ffffff;\n\n    &::after {\n      background-color: #6b6b84;\n      box-shadow: 0 0 0 2px rgba(16, 19, 41, 0.95);\n    }\n\n    &.online::after {\n      background-color: #03c895;\n    }\n  }\n\n  .avatar-xl::after {\n    box-shadow: 0 0 0 2.5px rgba(16, 19, 41, 0.95);\n  }\n\n  .avatar-xxl::after {\n    box-shadow: 0 0 0 3px rgba(16, 19, 41, 0.95);\n  }\n\n  .main-list-item {\n    + .main-list-item {\n      border-top: 1px solid $border-dark;\n    }\n\n    > div {\n      &:first-child h6 {\n        color: #fdfeff;\n      }\n\n      span {\n        color: #6b6b84;\n      }\n    }\n  }\n\n  .main-nav .nav-link {\n    color: #fdfeff;\n\n    &:hover,\n    &:focus {\n      color: #fdfeff;\n    }\n  }\n\n  .main-nav-column .nav-link {\n    color: #fdfeff;\n\n    i:not([class*=\" tx-\"]) {\n      color: #6b6b84;\n    }\n\n    &:hover,\n    &:focus,\n    &:hover i:not([class*=\" tx-\"]),\n    &:focus i:not([class*=\" tx-\"]) {\n      color: #fdfeff;\n    }\n  }\n\n  .main-nav-dark .nav-link {\n    &:hover,\n    &:focus {\n      color: #ffffff;\n    }\n\n    + .nav-link {\n      border-color: #fdfeff;\n    }\n  }\n\n  .main-nav-colored-bg .nav-link {\n    + .nav-link {\n      border-color: $white-4;\n    }\n\n    &.active {\n      color: #ffffff;\n    }\n  }\n\n  .main-nav-line {\n    .nav-link {\n      color: #fdfeff;\n\n      &:hover,\n      &:focus,\n      &.active {\n        color: #fdfeff;\n      }\n    }\n\n    &.main-nav-dark .nav-link {\n      color: $white-7;\n\n      &:hover,\n      &:focus {\n        color: #ffffff;\n      }\n\n      &.active {\n        color: #ffffff;\n\n        &::before {\n          background-color: #ffffff;\n        }\n      }\n    }\n  }\n\n  .main-nav-tabs {\n    background-color: #242444;\n\n    .lSAction > a {\n      background-color: #6b6b84;\n\n      &:hover,\n      &:focus {\n        background-color: $dark-theme-1;\n      }\n\n      &.disabled {\n        background-color: $white-05;\n        color: #ffffff;\n      }\n    }\n\n    .tab-link {\n      color: #fdfeff;\n      background-color: #242444;\n\n      &:hover,\n      &:focus {\n        background-color: #24243e;\n      }\n\n      &.active {\n        background-color: $dark-theme-1;\n        color: #fdfeff;\n      }\n    }\n  }\n\n  .main-content-breadcrumb {\n    color: #6b6b84;\n\n    span {\n      + span::before {\n        color: #6b6b84;\n      }\n\n      &:last-child {\n        color: #fdfeff;\n      }\n    }\n  }\n\n  .main-content-title,\n  .main-content-label,\n  .card-table-two .card-title,\n  .card-dashboard-eight .card-title {\n    color: #fdfeff;\n  }\n\n  .main-content-label-sm,\n  .main-content-text {\n    color: #6b6b84;\n  }\n\n  .main-footer {\n    background-color: $dark-theme-1;\n    border-top: 1px solid $border-dark;\n  }\n\n  .main-table-reference {\n    background-color: $dark-theme-1;\n\n    > {\n      thead > tr > {\n        th,\n        td {\n          border: 1px solid $border-dark;\n        }\n      }\n\n      tbody > tr > {\n        th,\n        td {\n          border: 1px solid $border-dark;\n        }\n      }\n\n      thead > tr > {\n        th,\n        td {\n          background-color: #21213e;\n          color: #6b6b84;\n        }\n      }\n    }\n  }\n\n  .main-header {\n    border-bottom: 1px solid $border-dark;\n    background-color: $dark-theme-1;\n  }\n\n  .main-header-menu-icon span {\n    background-color: #fdfeff;\n\n    &::before,\n    &::after {\n      background-color: #fdfeff;\n    }\n  }\n\n  .main-header-menu {\n    background-color: #ffffff;\n\n    .nav-item {\n      &::before {\n        border-top: 2px solid rgba(28, 39, 60, 0.12);\n        border-left: 2px solid rgba(28, 39, 60, 0.12);\n        background-color: #ffffff;\n      }\n\n      > .nav-link {\n        color: $color;\n      }\n    }\n  }\n\n  .main-header-menu-header {\n    border-bottom: 1px solid rgba(28, 39, 60, 0.05);\n  }\n\n  .main-menu-sub .nav-link {\n    color: #fdfeff;\n\n    + .nav-link {\n      border-top: 1px dotted $white-05;\n    }\n  }\n\n  .main-menu-sub-mega {\n    .nav + .nav {\n      border-top: 1px dotted $white-05;\n    }\n\n    .mega-subtitle {\n      color: #fdfeff;\n    }\n  }\n\n  .main-header-center {\n    .form-control {\n      border-color: rgba(255, 255, 255, 0.07);\n      background-color: $dark-theme1;\n\n      &:focus {\n        background-color: #21213c;\n        border-color: $white-08;\n        color: #ffffff;\n\n        + .btn {\n          color: #6b6b84;\n        }\n      }\n    }\n\n    .sp-container .form-control:focus + button {\n      color: #6b6b84;\n    }\n  }\n\n  .sp-container .main-header-center .form-control:focus + button {\n    color: #6b6b84;\n  }\n\n  .main-header-center {\n    .btn,\n    .sp-container button {\n      color: #6b6b84;\n    }\n  }\n\n  .sp-container .main-header-center button {\n    color: #6b6b84;\n  }\n\n  .main-header-center {\n    .btn:hover,\n    .sp-container button:hover {\n      color: #fdfeff;\n    }\n  }\n\n  .sp-container .main-header-center button:hover {\n    color: #fdfeff;\n  }\n\n  .main-header-center {\n    .btn:focus,\n    .sp-container button:focus {\n      color: #fdfeff;\n    }\n  }\n\n  .sp-container .main-header-center button:focus {\n    color: #fdfeff;\n  }\n\n  .main-header-right {\n    .btn-social {\n      color: #6b6b84;\n\n      &:hover,\n      &:focus {\n        color: #fdfeff;\n      }\n    }\n\n    .btn-buy {\n      color: #ffffff;\n    }\n  }\n\n  .main-header-search-link {\n    color: #fdfeff;\n  }\n\n  .main-header-arrow {\n    color: #fdfeff;\n\n    &:hover,\n    &:focus {\n      color: #fdfeff;\n    }\n  }\n\n  .main-header-message > a,\n  .main-header-notification > a {\n    color: #fdfeff;\n  }\n\n  .main-header-message > a.new::before {\n    background-color: #ff473d;\n  }\n\n  .main-header-notification {\n    > a.new::before {\n      background-color: #ff473d;\n    }\n\n    .dropdown-menu {\n      background-color: #242444;\n      box-shadow: 0 5px 12px 0 #1f2133;\n    }\n\n    .dropdown-footer {\n      border-top: 1px solid $border-dark;\n    }\n  }\n\n  .main-notification-title {\n    color: #fdfeff;\n  }\n\n  .main-notification-list,\n  .main-profile-menu .dropdown-menu .dropdown-item:first-child {\n    border-top: 1px solid $border-dark;\n  }\n\n  .main-notification-list {\n    .media {\n      + .media {\n        border-top: 1px solid $border-dark;\n      }\n\n      &.new {\n        color: #fdfeff;\n      }\n\n      &:hover::before,\n      &:focus::before {\n        background-color: #24243e;\n        border-top: 1px solid $border-dark;\n        border-bottom: 1px solid $border-dark;\n      }\n    }\n\n    .media-body span {\n      color: #6b6b84;\n    }\n  }\n\n  .main-profile-menu {\n    .dropdown-menu {\n      border-color: $white-05;\n      background-color: #242444;\n      box-shadow: 0 5px 12px 0 #1f2133;\n    }\n\n    .dropdown-item {\n      color: #d6d6e4;\n\n      + .dropdown-item {\n        border-top: 1px solid $border-dark;\n      }\n    }\n  }\n\n  .main-header-profile h6 {\n    color: #fdfeff;\n  }\n\n  .main-iconbar {\n    background-color: #ffffff;\n    background-color: #ffffff;\n    border-right: 1px solid $border-dark;\n    border-top: 1px solid $border-dark;\n\n    .nav-link {\n      color: $color;\n\n      &:hover {\n        color: #fdfeff;\n      }\n    }\n  }\n}\n\n/*  ----- 6.1 Content   ----- */\n@media (max-width: 991.98px) {\n  .dark-theme .main-content-left-show .main-content-left {\n    background-color: #ffffff;\n    border-right: 1px solid $border-dark;\n    box-shadow: 0 0 3px rgba(28, 39, 60, 0.1);\n  }\n}\n\n@media (min-width: 992px) {\n  .dark-theme .main-menu-sub {\n    border: 2px solid rgba(28, 39, 60, 0.12);\n  }\n}\n\n@media (min-width: 992px) {\n  .dark-theme .main-menu-sub-mega .container {\n    background-color: #ffffff;\n    border: 2px solid rgba(28, 39, 60, 0.12);\n  }\n}\n\n@media (min-width: 992px) {\n  .dark-theme .main-menu-sub-mega .container > div + div {\n    border-left: 1px solid rgba(28, 39, 60, 0.05);\n  }\n}\n\n/*  ----- 6.5 Iconbar   ----- */\n\n.main-iconbar .nav-link:focus {\n  color: #fdfeff;\n}\n\n.dark-theme {\n  .main-iconbar-logo {\n    color: #fdfeff;\n\n    &:hover,\n    &:focus {\n      color: #fdfeff;\n    }\n  }\n\n  .main-iconbar-help {\n    color: #6b6b84;\n\n    &:hover,\n    &:focus {\n      color: #fdfeff;\n    }\n  }\n\n  .main-iconbar-aside {\n    background-color: #ffffff;\n    border-right: 1px solid $border-dark;\n    border-top: 1px solid $border-dark;\n  }\n\n  .main-iconbar-toggle-menu {\n    color: #fdfeff;\n\n    &:hover,\n    &:focus {\n      color: #fdfeff;\n    }\n  }\n\n  .main-iconbar-body {\n    .nav-item + .nav-item {\n      border-top: 1px dotted $white-05;\n    }\n\n    .nav-link {\n      color: $color;\n\n      i,\n      &.with-sub::after {\n        color: #6b6b84;\n      }\n    }\n\n    .nav-sub {\n      border-top: 1px dotted $white-05;\n\n      .nav-sub-item + .nav-sub-item {\n        border-top: 1px dotted $white-05;\n      }\n\n      .nav-sub-link {\n        color: $color;\n      }\n    }\n  }\n\n  .main-iconbar-title {\n    color: #fdfeff;\n  }\n\n  .main-iconbar-text {\n    color: #6b6b84;\n  }\n\n  .main-navbar-backdrop {\n    background-color: rgba(0, 0, 0, 0.45);\n  }\n\n  .main-navbar {\n    background-color: $dark-theme-1;\n\n    .nav-label {\n      color: #6b6b84;\n    }\n\n    .nav-link {\n      color: #fdfeff;\n\n      &.with-sub {\n        &::after {\n          color: #6b6b84;\n        }\n\n        &::before {\n          border-top-color: $white-1;\n          border-left-color: $white-1;\n          background-color: $dark-theme-1;\n        }\n      }\n    }\n\n    .nav-sub-link {\n      color: #fdfeff;\n\n      &.with-sub::after {\n        color: #6b6b84;\n      }\n\n      &:hover,\n      &:focus {\n        color: $primary;\n      }\n    }\n\n    .nav-sub-mega {\n      border-top: 1px dotted $white-05;\n\n      .nav li:not(.nav-sub-item) {\n        color: #fdfeff;\n      }\n    }\n  }\n\n  .main-navbar-header {\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .main-navbar-search {\n    border-bottom: 1px solid $border-dark;\n    background: $dark-theme1;\n\n    .form-control:focus {\n      border-color: $white-05;\n    }\n  }\n\n  .main-navbar-three .nav-link {\n    color: #fdfeff;\n\n    &:hover,\n    &:focus {\n      color: #fdfeff;\n    }\n  }\n\n  .main-sidebar {\n    border-right: 0 solid $border-dark;\n  }\n\n  .main-sidebar-sticky {\n    background: #ffffff;\n    box-shadow: 0 8px 24px rgba(61, 119, 180, 0.12);\n    border-right: 1px solid $border;\n  }\n\n  .main-sidebar-loggedin .media-body {\n    h6 {\n      color: #fdfeff;\n    }\n\n    span {\n      color: #6b6b84;\n    }\n  }\n\n  .main-sidebar-body {\n    .nav-label {\n      color: #6b6b84;\n    }\n\n    .nav-link {\n      color: #fdfeff;\n    }\n\n    .nav-sub .nav-sub-link:before {\n      color: #6b6b84;\n    }\n\n    .nav-sub-link {\n      color: #bfbfe0;\n\n      &.with-sub::after {\n        color: $white-05;\n      }\n\n      + .nav-sub-link {\n        border-top: 1px dotted $white-05;\n      }\n\n      &:hover,\n      &:focus {\n        color: $primary;\n      }\n    }\n  }\n\n  .main-home-slider {\n    background-color: #1904be;\n  }\n\n  .main-home-content {\n    color: $white-7;\n\n    .main-logo,\n    h1 {\n      color: #ffffff;\n    }\n\n    nav:last-child a {\n      color: $white-5;\n\n      &:hover,\n      &:focus {\n        color: #ffffff;\n      }\n    }\n  }\n\n  .main-content-choose-demo {\n    background-color: #0f0373;\n    color: $white-5;\n\n    .title {\n      color: #ffffff;\n    }\n\n    .card {\n      figcaption {\n        background-color: rgba(25, 4, 190, 0.75);\n      }\n\n      &.coming-soon {\n        color: #fdfeff;\n        background-color: $white-05;\n      }\n    }\n\n    .main-content-label,\n    .card-table-two .card-title {\n      color: #6b6b84;\n    }\n  }\n\n  .card-table-two .main-content-choose-demo .card-title,\n  .main-content-choose-demo .card-dashboard-eight .card-title,\n  .card-dashboard-eight .main-content-choose-demo .card-title {\n    color: #6b6b84;\n  }\n\n  .main-content-choose-demo .main-content-title {\n    color: #ffffff;\n  }\n\n  .main-footer-demo {\n    background-color: #0c025b;\n    color: $white-4;\n\n    a {\n      color: $white-5;\n\n      &:hover,\n      &:focus {\n        color: #ffffff;\n      }\n    }\n  }\n\n  .main-icon-group,\n  .modal-content-demo .modal-body h6 {\n    color: #fdfeff;\n  }\n\n  .tooltip-static-demo,\n  .popover-static-demo {\n    background-color: $white-05;\n  }\n\n  .main-dropdown-form-demo {\n    .static-dropdown {\n      background-color: $white-05;\n    }\n\n    .dropdown-title {\n      color: #fdfeff;\n    }\n  }\n\n  .ql-wrapper-demo {\n    background-color: #ffffff;\n  }\n\n  .ql-scrolling-demo {\n    background-color: $dark-theme1;\n    border: 1px solid $border-dark;\n\n    .ql-container .ql-editor {\n      color: #fdfeff;\n    }\n  }\n\n  .main-content-left-components {\n    border-right: 1px solid $border-dark;\n\n    .component-item .nav-link {\n      color: #8b8ba7;\n    }\n  }\n\n  .main-breadcrumbs .breadcrumb-item {\n    a {\n      color: $color;\n\n      &:hover {\n        color: #6b6b84;\n      }\n    }\n\n    + .breadcrumb-item::before {\n      color: #6b6b84;\n    }\n  }\n\n  .main-page-header {\n    border-bottom: 1px solid #dee2ef;\n  }\n\n  .main-page-content-list li i {\n    color: #6b6b84;\n  }\n\n  .main-syntax-wrapper pre {\n    border-color: $white-05;\n    background-color: #ffffff;\n  }\n\n  .main-datepicker .ui-datepicker .ui-datepicker-calendar {\n    th {\n      color: #fdfeff;\n\n      &.ui-datepicker-week-end:first-child:not(.ui-datepicker-other-month) a {\n        color: #ff473d;\n      }\n    }\n\n    td {\n      &.ui-datepicker-week-end:first-child:not(.ui-datepicker-other-month) a {\n        color: #ff473d;\n      }\n\n      span,\n      a {\n        color: #fdfeff;\n      }\n    }\n\n    .ui-datepicker-today a {\n      color: #ffffff;\n    }\n  }\n\n  .main-nav-calendar-event .nav-link.exclude {\n    color: #6b6b84;\n\n    i {\n      color: #6b6b84;\n    }\n\n    &::before {\n      border-top: 1px solid #6b6b84;\n    }\n  }\n\n  .main-calendar {\n    border-color: $white-05;\n\n    .fc-content,\n    .fc-divider,\n    .fc-list-heading td,\n    .fc-list-view,\n    .fc-popover,\n    .fc-row,\n    tbody,\n    td {\n      border-color: $white-05;\n    }\n  }\n}\n\n@media (min-width: 1200px) {\n  .dark-theme .main-iconbar-toggle-menu::before {\n    border-left: 2px solid #fdfeff;\n  }\n}\n\n/*  ----- 6.6 Navbar   ----- */\n@media (min-width: 992px) {\n  .dark-theme .main-navbar .nav-sub {\n    border: 1px solid $border-dark;\n    background-color: $dark-theme-1;\n    box-shadow: 0 5px 12px 0 $dark-body;\n  }\n  .dark-theme .main-navbar {\n    box-shadow: 0 5px 12px 0 $dark-body;\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .main-navbar.sticky.sticky-pin {\n    border-bottom: 1px solid $border-dark;\n  }\n}\n\n@media (min-width: 992px) {\n  .dark-theme .main-navbar .nav-sub .container {\n    box-shadow: 0 5px 12px 0 $dark-body;\n  }\n}\n\n@media (min-width: 992px) {\n  .dark-theme {\n    .main-navbar .nav-sub-mega {\n      .container,\n      .container-fluid {\n        border: 1px solid transparent;\n      }\n\n      .container,\n      .container-fluid {\n        border: 1px solid $border-dark;\n        background-color: $dark-theme-1;\n        box-shadow: 0 5px 12px 0 $dark-body;\n      }\n    }\n\n    .nav-item-mega .nav-sub.nav-sub-mega {\n      background: none;\n      box-shadow: none;\n      border: 0;\n    }\n  }\n}\n\n@media (min-width: 992px) {\n  .dark-theme .main-navbar .nav-sub-mega {\n    .container > div + div,\n    .container-fluid > div + div {\n      border-left: 1px solid $border-dark;\n    }\n  }\n}\n\n/*  ----- 6.7 Navbar Variant   ----- */\n@media (min-width: 992px) {\n  .dark-theme .main-navbar-three .nav-sub {\n    box-shadow: 0 0 0 2px rgba(180, 189, 206, 0.5);\n  }\n}\n\n/*  ----- 6.8 Sidebar   ----- */\n@media (max-width: 991.98px) {\n  .dark-theme .main-sidebar {\n    background-color: #ffffff;\n  }\n}\n\n/*  ----- -----# TEMPLATE STYLES  ----- -----# */\n/*  ----- 7.1 Demo   ----- */\n/*  ----- 7.2 Calendar   ----- */\n\n.main-calendar th {\n  border-color: $white-05;\n}\n\n.dark-theme {\n  .main-calendar {\n    thead {\n      border-color: $white-05;\n    }\n\n    .fc-header-toolbar {\n      h2 {\n        color: #fdfeff;\n      }\n\n      button {\n        background-color: $dark-theme1;\n        border: 1px solid $border-dark;\n        color: #fdfeff;\n\n        &:hover,\n        &:focus,\n        &.fc-state-active {\n          background-color: $white-05;\n        }\n\n        &.fc-today-button {\n          color: #ffffff;\n\n          &.fc-state-disabled {\n            border-color: $white-05;\n            background-color: #24243e;\n            color: #6b6b84;\n          }\n        }\n      }\n    }\n  }\n\n  .fc-title {\n    color: $color;\n  }\n\n  .main-calendar {\n    .fc-head-container .fc-day-header {\n      color: #fdfeff;\n    }\n\n    .fc-view {\n      > table {\n        background-color: $dark-theme-1;\n        border: 1px solid $border-dark;\n\n        > {\n          thead {\n            th,\n            td {\n              border-color: $white-05;\n            }\n          }\n\n          tbody > tr > td {\n            border-color: $white-05;\n          }\n        }\n      }\n\n      .fc-other-month {\n        background-color: #21213b;\n      }\n\n      .fc-day-number {\n        color: #fdfeff;\n\n        &:hover,\n        &:focus {\n          color: #fdfeff;\n          background-color: #24243e;\n        }\n      }\n\n      &.fc-agenda-view .fc-day-header > a > span:first-child,\n      &.fc-listMonth-view .fc-list-heading-main,\n      &.fc-listWeek-view .fc-list-heading-main {\n        color: #6b6b84;\n      }\n\n      &.fc-listMonth-view .fc-list-heading-main span:last-child,\n      &.fc-listWeek-view .fc-list-heading-main span:last-child {\n        color: #fdfeff;\n      }\n\n      &.fc-listMonth-view .fc-list-item,\n      &.fc-listWeek-view .fc-list-item {\n        background-color: $dark-theme1;\n      }\n\n      &.fc-listMonth-view .fc-list-item > td.fc-list-item-time,\n      &.fc-listWeek-view .fc-list-item > td.fc-list-item-time {\n        border-top: 1px solid $border-dark;\n        border-right: 1px solid $border-dark;\n      }\n\n      &.fc-listMonth-view .fc-list-item > td.fc-list-item-title,\n      &.fc-listWeek-view .fc-list-item > td.fc-list-item-title {\n        border-bottom: 1px solid $border-dark;\n        border-right: 1px solid $border-dark;\n      }\n\n      &.fc-listMonth-view .fc-list-item-title a,\n      &.fc-listWeek-view .fc-list-item-title a {\n        color: #fdfeff;\n      }\n    }\n\n    td.fc-today {\n      background-color: #24243e;\n\n      .fc-day-number {\n        color: #ffffff;\n\n        &:hover,\n        &:focus {\n          color: #ffffff;\n        }\n      }\n    }\n  }\n\n  .fc-unthemed {\n    .fc-divider,\n    .fc-list-heading td,\n    .fc-popover .fc-header {\n      background: #21213b;\n    }\n  }\n\n  .main-calendar {\n    .fc-time-grid-event .fc-desc {\n      color: rgba(28, 39, 60, 0.8);\n    }\n\n    .fc-list-empty {\n      background-color: #ffffff;\n      border: 1px solid $border-dark;\n    }\n  }\n\n  .main-modal-calendar-schedule {\n    .modal-content > .close {\n      color: #6b6b84;\n    }\n\n    .form-group-date {\n      border: 1px solid $border-dark;\n      background-color: #24243e;\n      color: #fdfeff;\n    }\n  }\n\n  .main-modal-calendar-event {\n    .nav-modal-event .nav-link {\n      color: rgba(255, 255, 255, 0.75);\n\n      &:hover,\n      &:focus {\n        color: #ffffff;\n      }\n    }\n\n    .event-title {\n      color: #ffffff;\n    }\n\n    .modal-body {\n      background-color: $dark-theme-1;\n    }\n  }\n\n  .event-desc.tx-gray-900 {\n    color: #6b6b84;\n  }\n\n  .main-modal-calendar-event {\n    .event-start-date,\n    .event-end-date {\n      color: #fdfeff;\n    }\n  }\n\n  .main-nav-line-chat {\n    border-bottom: 1px solid $border-dark;\n\n    .nav-link {\n      color: #fdfeff;\n    }\n  }\n\n  .main-chat-contacts-wrapper {\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .main-chat-contacts-more {\n    color: #ffffff;\n  }\n\n  .main-chat-list {\n    .media {\n      + .media {\n        border-top: 1px solid $border-dark;\n      }\n\n      &.new {\n        background-color: $dark-theme-1;\n\n        .media-contact-name span:first-child {\n          color: #fdfeff;\n        }\n\n        .media-body p {\n          color: #6b6b84;\n        }\n      }\n\n      &:hover,\n      &:focus {\n        cursor: pointer;\n        background-color: #24243e;\n        border-top-color: $white-05;\n        border-bottom-color: $white-05;\n      }\n\n      &:hover:first-child,\n      &:focus:first-child {\n        border-top-color: transparent;\n      }\n\n      &.selected {\n        background-color: #24243e;\n        border-top-color: $white-05;\n        border-bottom-color: $white-05;\n\n        &:first-child {\n          border-top-color: transparent;\n        }\n\n        .media-contact-name span:first-child {\n          color: #fdfeff;\n        }\n\n        .media-body p {\n          color: #6b6b84;\n        }\n      }\n    }\n\n    .main-img-user span {\n      color: #ffffff;\n      background-color: #ff473d;\n      box-shadow: 0 0 0 2px #22223d;\n    }\n\n    .media-body p {\n      color: #6b6b84;\n    }\n\n    .media-contact-name span {\n      &:first-child {\n        color: #fdfeff;\n      }\n\n      &:last-child {\n        color: #6b6b84;\n      }\n    }\n  }\n\n  .main-chat-header {\n    border-bottom: 1px solid $border-dark;\n\n    .nav-link {\n      color: #6b6b84;\n    }\n  }\n\n  .main-chat-msg-name {\n    h6 {\n      color: #fdfeff;\n    }\n\n    small {\n      color: #6b6b84;\n    }\n  }\n\n  .main-chat-body {\n    .media.flex-row-reverse .main-msg-wrapper {\n      color: #ffffff;\n    }\n\n    .media-body > div:last-child {\n      color: #6b6b84;\n    }\n  }\n\n  .main-chat-time span {\n    background: #2b2b4c;\n  }\n\n  .main-msg-wrapper {\n    background-color: $white-05;\n  }\n\n  .main-chat-footer {\n    border-top: 1px solid $border-dark;\n    background-color: $dark-theme-1;\n\n    .nav-link {\n      color: #6b6b84;\n    }\n  }\n\n  .main-contact-label {\n    color: #6b6b84;\n\n    &::after {\n      border-bottom: 1px solid $border-dark;\n    }\n  }\n\n  .main-contact-item {\n    + .main-contact-item {\n      border-top: 1px solid $border-dark;\n    }\n\n    &:hover,\n    &:focus {\n      background-color: #24243e;\n      border-top-color: $white-05;\n      border-bottom-color: $white-05;\n    }\n\n    &.selected {\n      border-left-color: $white-05;\n      border-top-color: $white-05;\n      border-bottom-color: $white-05;\n      background-color: #24243e;\n    }\n  }\n\n  .main-contact-body {\n    h6 {\n      color: #fdfeff;\n    }\n\n    span {\n      color: #6b6b84;\n    }\n  }\n\n  .main-contact-star {\n    color: #6b6b84;\n\n    &:hover,\n    &:focus {\n      color: #6b6b84;\n    }\n\n    &.active {\n      color: #ffc107;\n    }\n  }\n\n  .main-contact-info-header {\n    border-bottom: 1px solid $border-dark;\n\n    .main-img-user a {\n      background-color: $dark-theme1;\n      color: #6b6b84;\n      box-shadow: 0 0 0 2px $white-05;\n\n      &:hover,\n      &:focus {\n        color: #ffffff;\n      }\n    }\n\n    .media-body {\n      h4,\n      p {\n        color: #fdfeff;\n      }\n\n      .nav-link {\n        color: #6b6b84;\n      }\n    }\n  }\n\n  .main-contact-action a {\n    color: #6b6b84;\n  }\n\n  .main-contact-info-body {\n    .media-icon {\n      color: #6b6b84;\n    }\n\n    .media-body {\n      label {\n        color: #6b6b84;\n      }\n\n      span {\n        color: #fdfeff;\n      }\n    }\n  }\n\n  .main-invoice-list {\n    border-top: 1px solid $border-dark;\n\n    .media {\n      border: 1px solid transparent;\n\n      &:hover,\n      &:focus {\n        background-color: #24243e;\n      }\n\n      + .media::before {\n        border-top: 1px dotted $white-05;\n      }\n    }\n\n    .media-icon {\n      color: #6b6b84;\n    }\n\n    .media-body {\n      h6 {\n        color: #fdfeff;\n      }\n\n      p {\n        color: #fdfeff;\n\n        span {\n          color: #6b6b84;\n        }\n      }\n    }\n\n    .selected {\n      background-color: #24243e;\n      border-top-color: $white-05;\n      border-bottom-color: $white-05;\n    }\n  }\n\n  .invoice-title {\n    color: $white-05;\n  }\n\n  .billed-from h6,\n  .billed-to h6 {\n    color: #fdfeff;\n  }\n\n  .invoice-info-row {\n    + .invoice-info-row {\n      border-top: 1px dotted $white-05;\n    }\n\n    span:first-child {\n      color: #fdfeff;\n    }\n  }\n\n  .table-invoice thead > tr > th {\n    color: #8b8ba7;\n  }\n}\n\n@media (max-width: 575px) {\n  .dark-theme .main-calendar .fc-header-toolbar button {\n    &.fc-month-button::before,\n    &.fc-agendaWeek-button::before,\n    &.fc-agendaDay-button::before,\n    &.fc-listWeek-button::before,\n    &.fc-listMonth-button::before {\n      color: $color;\n    }\n  }\n}\n\n@media (min-width: 992px) {\n  .dark-theme .main-content-left-chat {\n    border-right: 1px solid $border-dark;\n  }\n}\n\n/*  ----- 7.4 Contacts   ----- */\n@media (min-width: 992px) {\n  .dark-theme .main-content-left-contacts {\n    border-right: 1px solid $border-dark;\n  }\n}\n\n/*  ----- 7.5 Invoice   ----- */\n@media (min-width: 992px) {\n  .dark-theme .main-content-left-invoice {\n    border-right: 1px solid $border-dark;\n  }\n}\n\n.table-invoice thead > tr > td {\n  color: #8b8ba7;\n}\n\n.dark-theme {\n  .table-invoice tbody > tr > {\n    th:first-child,\n    td:first-child {\n      color: #fdfeff;\n    }\n\n    th:first-child .invoice-notes p,\n    td:first-child .invoice-notes p {\n      color: #8b8ba7;\n    }\n  }\n\n  .main-mail-header .btn-group .btn {\n    border-color: $white-05;\n    background-color: $dark-theme1;\n  }\n}\n\n/*  ----- 7.6 Mail   ----- */\n@media (min-width: 992px) {\n  .dark-theme .main-content-left-mail {\n    border-right: 1px solid $border-dark;\n  }\n}\n\n.main-mail-header .btn-group .sp-container button {\n  border-color: $white-05;\n  background-color: $dark-theme1;\n}\n\n.dark-theme {\n  .sp-container .main-mail-header .btn-group button {\n    border-color: $white-05;\n    background-color: $dark-theme1;\n  }\n\n  .main-mail-header .btn-group {\n    .btn:hover,\n    .sp-container button:hover {\n      color: #fdfeff;\n      background-color: #24243e;\n    }\n  }\n\n  .sp-container .main-mail-header .btn-group button:hover {\n    color: #fdfeff;\n    background-color: #24243e;\n  }\n\n  .main-mail-header .btn-group {\n    .btn:focus,\n    .sp-container button:focus {\n      color: #fdfeff;\n      background-color: #24243e;\n    }\n  }\n\n  .sp-container .main-mail-header .btn-group button:focus {\n    color: #fdfeff;\n    background-color: #24243e;\n  }\n\n  .main-mail-header .btn-group {\n    .btn.disabled,\n    .sp-container button.disabled {\n      background-color: rgba(255, 255, 255, 0.06);\n      color: $white-1;\n      border-color: $white-05;\n    }\n  }\n\n  .sp-container .main-mail-header .btn-group button.disabled {\n    background-color: rgba(255, 255, 255, 0.06);\n    color: $white-1;\n    border-color: $white-05;\n  }\n\n  .main-mail-options {\n    border-top: 1px solid $border-dark;\n    border-bottom: 0;\n\n    .btn:hover,\n    .sp-container button:hover {\n      background-color: $white-05;\n    }\n  }\n\n  .sp-container .main-mail-options button:hover {\n    background-color: $white-05;\n  }\n\n  .main-mail-options {\n    .btn:focus,\n    .sp-container button:focus {\n      background-color: $white-05;\n    }\n  }\n\n  .sp-container .main-mail-options button:focus {\n    background-color: $white-05;\n  }\n\n  .main-mail-options {\n    .btn.disabled,\n    .sp-container button.disabled {\n      color: #6b6b84;\n    }\n  }\n\n  .sp-container .main-mail-options button.disabled {\n    color: #6b6b84;\n  }\n\n  .main-mail-list {\n    border-top: 1px solid transparent;\n  }\n\n  .main-mail-item {\n    border-top: 1px solid $border-dark;\n    border-bottom: 1px solid $border-dark;\n    background-color: #24243e;\n\n    &:hover,\n    &:focus {\n      background-color: #24243e;\n    }\n\n    &.unread {\n      background-color: $dark-theme-1;\n    }\n  }\n\n  .main-mail-star {\n    color: $white-05;\n\n    &.active {\n      color: #ffc107;\n    }\n  }\n\n  .main-mail-subject {\n    strong {\n      color: #fdfeff;\n    }\n\n    span {\n      color: #6b6b84;\n    }\n  }\n\n  .main-mail-date {\n    color: #6b6b84;\n  }\n\n  .main-mail-compose {\n    background-color: $black-8;\n  }\n\n  .main-mail-compose-box {\n    box-shadow: 0 5px 12px 0 $dark-body;\n    border: 1px oslid $white-1;\n  }\n\n  .main-mail-compose-header {\n    background-color: $dark-theme1;\n    color: #fdfeff;\n    border-bottom: 1px solid $border-dark;\n\n    .nav-link {\n      color: #6b6b84;\n\n      &:hover,\n      &:focus {\n        color: #fdfeff;\n      }\n    }\n  }\n\n  .main-mail-compose-body {\n    background-color: $dark-theme1;\n\n    .form-group {\n      .form-label {\n        color: #fdfeff;\n      }\n\n      + .form-group {\n        border-top: 1px solid $border-dark;\n      }\n\n      .nav-link {\n        color: #8b8ba7;\n\n        &:hover,\n        &:focus {\n          color: #fdfeff;\n        }\n      }\n    }\n  }\n\n  .main-mail-two .main-header {\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .main-mail-left {\n    background-color: #f9f9f9;\n    border-right: 1px solid #6b6b84;\n  }\n\n  .main-mail-content {\n    background-color: #f4f5fb;\n  }\n\n  .main-content-left-profile {\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .main-profile-name {\n    color: #fdfeff;\n  }\n\n  .main-profile-name-text {\n    color: #6b6b84;\n  }\n\n  .main-content-body-profile {\n    .nav {\n      border-bottom: 1px solid $border-dark;\n    }\n\n    .main-nav-line .nav-link {\n      color: #fdfeff;\n    }\n  }\n\n  .main-profile-view-info {\n    h6 {\n      color: #fdfeff;\n    }\n\n    span {\n      color: #f10075;\n    }\n  }\n\n  .main-traffic-detail-item > div:first-child > span {\n    &:first-child {\n      color: #6b6b84;\n    }\n\n    &:last-child {\n      color: #fdfeff;\n\n      span {\n        color: #6b6b84;\n      }\n    }\n  }\n\n  .main-profile-work-list {\n    .media-logo {\n      color: #ffffff;\n    }\n\n    .media-body {\n      h6 {\n        color: #fdfeff;\n      }\n\n      p {\n        color: #6b6b84;\n      }\n    }\n  }\n\n  .main-profile-contact-list .media-body {\n    span {\n      color: #6b6b84;\n    }\n\n    div {\n      color: #fdfeff;\n    }\n  }\n\n  .main-card-signin {\n    background-color: $white-5;\n  }\n\n  .main-signin-header {\n    h4 {\n      color: #fdfeff;\n    }\n\n    label {\n      color: #6b6b84;\n    }\n\n    .form-control {\n      color: #fdfeff;\n      border-color: $white-05;\n\n      &:focus {\n        border-color: #6b6b84;\n      }\n\n      &::placeholder {\n        color: #6b6b84;\n      }\n    }\n  }\n\n  .main-signin-footer {\n    p {\n      color: #6b6b84;\n    }\n\n    a {\n      color: #fdfeff;\n    }\n  }\n\n  .main-signup-wrapper {\n    background-color: rgba(244, 245, 248, 0.2);\n  }\n\n  .main-column-signup-left h5 {\n    color: #fdfeff;\n  }\n\n  .main-column-signup {\n    background-color: #ffffff;\n  }\n\n  .main-signup-header {\n    h4 {\n      color: #fdfeff;\n    }\n\n    label {\n      color: #6b6b84;\n    }\n\n    .form-control {\n      color: #fdfeff;\n      border-color: $white-05;\n\n      &:focus {\n        border-color: #6b6b84;\n      }\n\n      &::placeholder {\n        color: #6b6b84;\n      }\n    }\n\n    .row > div:first-child {\n      .btn,\n      .sp-container button {\n        background-color: #4267b2;\n        color: #ffffff;\n      }\n    }\n  }\n\n  .sp-container .main-signup-header .row > div:first-child button {\n    background-color: #4267b2;\n    color: #ffffff;\n  }\n\n  .main-signup-header .row > div:first-child {\n    .btn:hover,\n    .sp-container button:hover {\n      background-color: #375694;\n      color: #ffffff;\n    }\n  }\n\n  .sp-container .main-signup-header .row > div:first-child button:hover {\n    background-color: #375694;\n    color: #ffffff;\n  }\n\n  .main-signup-header .row > div:first-child {\n    .btn:focus,\n    .sp-container button:focus {\n      background-color: #375694;\n      color: #ffffff;\n    }\n  }\n\n  .sp-container .main-signup-header .row > div:first-child button:focus {\n    background-color: #375694;\n    color: #ffffff;\n  }\n\n  .main-signup-footer {\n    p {\n      color: #6b6b84;\n    }\n\n    a {\n      color: #fdfeff;\n    }\n  }\n\n  .main-error-wrapper {\n    h1,\n    h2 {\n      color: #fdfeff;\n    }\n  }\n\n  .main-dashboard-title {\n    color: #fdfeff;\n  }\n\n  .main-dashboard-date {\n    .date > div {\n      &:first-child {\n        color: #fdfeff;\n      }\n\n      &:last-child span {\n        color: #fdfeff;\n\n        &:last-child {\n          color: #6b6b84;\n        }\n      }\n    }\n\n    > i {\n      color: #6b6b84;\n    }\n  }\n\n  .main-dashboard-nav {\n    border-bottom: 1px solid $border-dark;\n\n    .nav-link + .nav-link {\n      border-left: 1px solid $border-dark;\n    }\n\n    .nav {\n      &:first-child .nav-link,\n      &:last-child .nav-link {\n        color: #fdfeff;\n      }\n    }\n  }\n\n  .card-dashboard-one {\n    border-color: $white-05;\n\n    .card-header {\n      .card-title {\n        color: #fdfeff;\n      }\n\n      .btn-group {\n        .btn,\n        .sp-container button {\n          background-color: #ffffff;\n          color: #6b6b84;\n          border: 1px solid $border-dark;\n        }\n      }\n    }\n  }\n\n  .sp-container .card-dashboard-one .card-header .btn-group button {\n    background-color: #ffffff;\n    color: #6b6b84;\n    border: 1px solid $border-dark;\n  }\n\n  .card-dashboard-one .card-header .btn-group {\n    .btn:hover,\n    .sp-container button:hover {\n      background-color: #24243e;\n      border-color: $white-05;\n    }\n  }\n\n  .sp-container .card-dashboard-one .card-header .btn-group button:hover {\n    background-color: #24243e;\n    border-color: $white-05;\n  }\n\n  .card-dashboard-one .card-header .btn-group {\n    .btn:focus,\n    .sp-container button:focus {\n      background-color: #24243e;\n      border-color: $white-05;\n    }\n  }\n\n  .sp-container .card-dashboard-one .card-header .btn-group button:focus {\n    background-color: #24243e;\n    border-color: $white-05;\n  }\n\n  .card-dashboard-one .card-header .btn-group {\n    .btn.active,\n    .sp-container button.active {\n      color: #fdfeff;\n      background-color: $white-05;\n      border-color: $white-05;\n    }\n  }\n\n  .sp-container .card-dashboard-one .card-header .btn-group button.active {\n    color: #fdfeff;\n    background-color: $white-05;\n    border-color: $white-05;\n  }\n\n  .card-dashboard-one {\n    .card-body .flot-chart {\n      .flot-y-axis > div {\n        text-shadow: 1px 1px rgba(255, 255, 255, 0.75);\n        color: $color;\n      }\n\n      .flot-x-axis > div {\n        color: #6b6b84;\n      }\n    }\n\n    .card-body-top h2 {\n      color: #fdfeff;\n    }\n  }\n\n  .card-dashboard-two {\n    border-color: $white-05;\n    background-color: $white-5;\n\n    .card-header h6 {\n      color: #fdfeff;\n\n      small {\n        color: #6b6b84;\n      }\n    }\n  }\n\n  .card-dashboard-three {\n    border-color: $white-05;\n    background-color: $white-5;\n\n    .card-header {\n      h6,\n      p {\n        color: #fdfeff;\n      }\n\n      > small {\n        color: #6b6b84;\n      }\n    }\n  }\n\n  .card-dashboard-pageviews,\n  .card-dashboard-four {\n    border-color: $white-05;\n  }\n\n  .card-dashboard-pageviews .card-title,\n  .card-dashboard-four .card-title {\n    color: #fdfeff;\n  }\n\n  .card-dashboard-five {\n    border-color: $white-05;\n\n    .card-title,\n    .card-body h4 {\n      color: #fdfeff;\n    }\n  }\n\n  .card-table-one {\n    border-color: $white-05;\n\n    .table {\n      thead tr > {\n        th strong,\n        td strong {\n          color: #fdfeff;\n        }\n      }\n\n      tbody tr > {\n        th strong,\n        td strong {\n          color: #fdfeff;\n        }\n      }\n    }\n  }\n\n  .main-content-dashboard-two {\n    background-color: #fdfdfd;\n  }\n\n  .main-dashboard-header-right > div h5 {\n    color: #fdfeff;\n  }\n\n  .main-star i {\n    color: #6b6b84;\n\n    &.active {\n      color: #ffc107;\n    }\n  }\n\n  .card-dashboard-seven {\n    border-color: $white-05;\n\n    .card-header {\n      border-bottom: 1px solid $border-dark;\n      background-color: #24243e;\n\n      .media > div:first-child {\n        color: #ffffff;\n        background-color: #6b6b84;\n      }\n\n      label,\n      .date a {\n        color: #6b6b84;\n      }\n    }\n\n    .card-body {\n      .row > div + div::before {\n        border-left: 1px dotted $white-05;\n      }\n\n      .main-content-label,\n      .card-table-two .card-title {\n        color: $color;\n      }\n    }\n  }\n\n  .card-table-two .card-dashboard-seven .card-body .card-title,\n  .card-dashboard-seven .card-body .card-dashboard-eight .card-title,\n  .card-dashboard-eight .card-dashboard-seven .card-body .card-title {\n    color: $color;\n  }\n\n  .card-dashboard-seven .card-body {\n    h2 {\n      color: #fdfeff;\n\n      span {\n        color: $color;\n      }\n    }\n\n    .desc {\n      span strong {\n        color: #fdfeff;\n      }\n\n      &.up > i {\n        color: #03c895;\n      }\n\n      &.down > i {\n        color: #ff473d;\n      }\n    }\n  }\n\n  .card-dashboard-six,\n  .card-dashboard-map-one,\n  .card-table-two {\n    border-color: $white-05;\n  }\n\n  .card-dashboard-eight {\n    border-color: $white-05;\n    background-color: $white-5;\n\n    .list-group-item {\n      border-color: $white-05;\n\n      span {\n        color: #fdfeff;\n      }\n    }\n  }\n\n  .bd-transparent {\n    border-color: transparent;\n  }\n\n  .bd {\n    border: 1px solid $white-1;\n  }\n\n  .bd-t {\n    border-top: 0px solid $white-1;\n  }\n\n  .bd-r {\n    border-right: 1px solid $white-1;\n  }\n\n  .bd-b {\n    border-bottom: 1px solid $white-1;\n  }\n\n  .bd-l {\n    border-left: 1px solid $white-1;\n  }\n\n  .bd-y {\n    border-top: 1px solid $white-1;\n    border-bottom: 1px solid $white-1;\n  }\n\n  .bd-x {\n    border-left: 1px solid $white-1;\n    border-right: 1px solid $white-1;\n  }\n\n  .shadow-base {\n    box-shadow: 0 0 0 1px $dark-body, 0 8px 16px 0 $dark-body;\n  }\n\n  .shadow-1 {\n    box-shadow: 0 0 7px 7px rgba(28, 39, 60, 0.1);\n  }\n\n  .shadow-2 {\n    box-shadow: 0 0 30px rgba(28, 39, 60, 0.08);\n  }\n\n  .header-brand-img.desktop-logo {\n    display: none;\n\n    &.theme-logo {\n      display: block !important;\n    }\n  }\n\n  .sidebar {\n    background-color: #212140;\n    box-shadow: 0 5px 12px 0 #1f2133;\n    border-left: 1px solid $white-1;\n  }\n\n  .sidebar-icon a:hover {\n    color: #ffffff !important;\n  }\n\n  .select2-dropdown {\n    background-color: $dark-theme1;\n  }\n\n  .select2-container--default {\n    .select2-search--dropdown .select2-search__field {\n      border: 1px solid $border-dark;\n      background: #000;\n      color: #ffffff;\n      border-radius: 0;\n    }\n\n    .select2-selection--single .select2-selection__arrow b {\n      border-color: #6b6b84 transparent transparent transparent;\n    }\n  }\n\n  .ms-choice {\n    border: 1px solid $border-dark;\n    background: $dark-theme1;\n    color: #6b6b84;\n\n    > {\n      span.placeholder {\n        color: #6b6b84;\n      }\n\n      div.icon-caret {\n        border-color: #6b6b84 transparent transparent transparent;\n      }\n    }\n  }\n\n  .ms-drop {\n    border: 1px solid $border-dark;\n    background: $dark-theme1;\n    color: #fdfeff;\n  }\n\n  .ms-search input {\n    border: 1px solid $border-dark;\n    background: #000;\n    color: #ffffff;\n  }\n\n  .expansion-label {\n    color: #6b6b84;\n  }\n\n  table.dataTable.dtr-inline.collapsed > tbody > tr[role=\"row\"] > {\n    td:first-child:before,\n    th:first-child:before {\n      border-color: rgba(16, 19, 41, 0.95);\n    }\n  }\n\n  div.dt-button-info {\n    background-color: $dark-body;\n    border: 2px solid $border-dark;\n    box-shadow: 3px 3px 8px rgba(16, 19, 41, 0.3);\n\n    h2 {\n      border-bottom: 1px solid $border-dark;\n      background-color: $dark-body;\n    }\n  }\n\n  .token.entity {\n    background: #1b1b36;\n  }\n\n  .breadcrumb-style1,\n  .breadcrumb-style2,\n  .breadcrumb-style3 {\n    border-radius: 0;\n    background-color: transparent;\n  }\n\n  .btn,\n  .sp-container button {\n    color: #ffffff;\n  }\n\n  .btn-outline-warning {\n    color: #ffffff !important;\n  }\n\n  .bg-gray-300.nav-bg {\n    background-color: $white-05 !important;\n  }\n\n  .main-nav-line .nav-link.active::before {\n    background-color: $primary;\n  }\n\n  .nav-bg .nav-tabs {\n    border-bottom: 0;\n  }\n\n  .bootstrap-tagsinput {\n    background-color: $dark-theme-1;\n  }\n\n  .carousel-inner.bg-dark {\n    background-color: #3b3e4e !important;\n  }\n\n  .timeline__content {\n    background-color: $dark-theme1;\n    box-shadow: 0 5px 12px 0 $dark-body;\n    color: #fdfeff;\n    border: 1px solid $border-dark;\n  }\n\n  .timeline--horizontal {\n    .timeline__item .timeline__content {\n      &:after {\n        border-top: 10px solid $dark-theme1;\n      }\n\n      &:before {\n        border-top: 12px solid $white-1;\n      }\n    }\n\n    .timeline__item--bottom .timeline__content {\n      &:before {\n        border-bottom: 12px solid $white-1;\n        border-left: 12px solid transparent;\n        border-right: 12px solid transparent;\n        border-top: none;\n        bottom: 100%;\n        top: auto;\n      }\n\n      &:after {\n        border-bottom: 10px solid $dark-theme1;\n        border-left: 10px solid transparent;\n        border-right: 10px solid transparent;\n        border-top: none;\n        bottom: 100%;\n        top: auto;\n      }\n    }\n\n    .timeline-divider {\n      background: $white-1;\n    }\n  }\n\n  .timeline__item:after {\n    background-color: $dark-body;\n    border: 4px solid $dark-theme1;\n  }\n\n  .timeline-nav-button {\n    background-color: $dark-theme1;\n    border: 1px solid $border-dark;\n    outline: 0;\n  }\n\n  .timeline:not(.timeline--horizontal):before {\n    background: $white-1;\n  }\n\n  .timeline--mobile .timeline__item .timeline__content {\n    &:before {\n      border-right: 12px solid $white-1;\n    }\n\n    &:after {\n      border-right: 10px solid $dark-theme1;\n    }\n  }\n\n  .sweet-alert {\n    background-color: $dark-theme-1;\n    box-shadow: 0 0.5rem 1rem rgba(16, 19, 41, 0.15);\n    border: 1px solid $border-dark;\n\n    h2 {\n      color: #fdfeff;\n    }\n\n    p {\n      color: #6b6b84;\n    }\n  }\n\n  .productdesc .nav-tabs {\n    border-bottom: 0;\n  }\n\n  .sp-picker-container {\n    border-left: solid 1px $white-05;\n  }\n\n  .iti__selected-flag {\n    border-right: 1px solid $border-dark;\n    outline: 0;\n  }\n\n  .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {\n    background-color: rgba(255, 255, 255, 0.07);\n  }\n\n  .iti__country-list {\n    background-color: $dark-theme-1;\n    box-shadow: 0 5px 12px 0 $dark-body;\n    border: solid 1px $white-05;\n  }\n\n  .iti__country.iti__highlight {\n    background-color: #24243e;\n  }\n\n  .iti__divider {\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .select2-container--default {\n    &.select2-container--disabled {\n      .select2-selection--single,\n      .select2-selection--multiple {\n        background-color: #27273e;\n      }\n    }\n\n    .select2-selection--multiple .select2-selection__choice {\n      border: 1px solid $border-dark;\n    }\n  }\n\n  .daterangepicker {\n    &.dropdown-menu {\n      box-shadow: 0 5px 12px 0 $dark-body;\n      border: 1px solid $border-dark;\n    }\n\n    .calendar-table {\n      border: 1px solid $border-dark;\n      background-color: $dark-theme-1;\n    }\n\n    .input-mini {\n      border: 1px solid $border-dark;\n\n      &.active {\n        border: 1px solid $white-08;\n      }\n    }\n\n    .calendar td {\n      color: #6b6b84 !important;\n    }\n\n    td {\n      &.active {\n        background-color: #24243e;\n        border-color: transparent;\n        color: #ffffff !important;\n\n        &:hover {\n          background-color: #24243e;\n          border-color: transparent;\n          color: #ffffff !important;\n        }\n      }\n\n      &.off {\n        background-color: #24243e;\n\n        &.in-range,\n        &.start-date,\n        &.end-date {\n          background-color: #24243e;\n        }\n      }\n\n      &.in-range,\n      &.available:hover {\n        background-color: #24243e;\n      }\n    }\n\n    th.available:hover {\n      background-color: #24243e;\n    }\n\n    &:after {\n      border-bottom: 6px solid $dark-theme-1;\n    }\n\n    &:before {\n      border-bottom: 7px solid $white-1;\n    }\n  }\n\n  .SumoSelect {\n    > .CaptionCont {\n      border: 1px solid $border-dark;\n      color: #6b6b84;\n      background-color: $dark-theme1;\n    }\n\n    &:focus > .CaptionCont {\n      border: 1px solid rgba(255, 255, 255, 0.07);\n    }\n\n    &.open > .optWrapper {\n      box-shadow: 0 5px 12px 0 $dark-body;\n      border: 1px solid $border-dark;\n      background: $dark-theme-1;\n    }\n\n    > .optWrapper > .options li.opt {\n      border-bottom: 1px solid $border-dark;\n\n      &:hover {\n        background-color: #24243e;\n      }\n    }\n\n    &.disabled > .CaptionCont {\n      border-color: #27273e;\n    }\n\n    > .optWrapper.multiple > .options li.opt span i {\n      border: 1px solid $border-dark;\n      background-color: $dark-theme1;\n    }\n\n    .select-all {\n      border-bottom: 1px solid $border-dark;\n      background-color: $dark-theme-1;\n\n      > span i {\n        border: 1px solid $border-dark;\n        background-color: $dark-theme1;\n      }\n    }\n\n    > .optWrapper {\n      > .MultiControls {\n        border-top: 1px solid $border-dark;\n        background-color: $dark-theme1;\n      }\n\n      &.multiple > .MultiControls > p {\n        &.btnOk {\n          border-right: 1px solid $border-dark;\n        }\n\n        &:hover {\n          background-color: #24243e;\n        }\n      }\n    }\n  }\n\n  .dropify-wrapper {\n    background-color: $dark-theme1;\n    border: 1px solid $border-dark;\n    color: #6b6b84;\n\n    .dropify-preview {\n      background-color: $dark-theme1;\n    }\n  }\n\n  .ff_fileupload_wrap .ff_fileupload_dropzone {\n    border: 2px dashed $white-05;\n    background-color: $dark-theme1;\n\n    &:hover,\n    &:focus,\n    &:active {\n      background-color: #24243e;\n      border: 1px solid $border-dark;\n    }\n  }\n\n  .note-popover .popover-content,\n  .card-header.note-toolbar {\n    background: $dark-theme1;\n  }\n\n  .note-editor.note-frame .note-editing-area .note-editable {\n    background: $dark-theme1;\n    color: #fdfeff;\n  }\n\n  .note-placeholder {\n    color: #fdfeff;\n  }\n\n  .note-btn-group .btn {\n    color: #fdfeff !important;\n  }\n\n  .note-editor.note-frame .note-statusbar {\n    background-color: $dark-theme1;\n    border-top: 1px solid $border-dark;\n  }\n\n  .ql-snow .ql-tooltip {\n    background-color: $dark-theme-1;\n    border: 1px solid $border-dark;\n    box-shadow: 0px 0px 5px $dark-body;\n    color: #6b6b84;\n\n    input[type=\"text\"] {\n      border: 1px solid #13172b;\n      background: #000;\n      color: #ffffff;\n    }\n  }\n  .avatar-list-stacked .main-img-user .radius,\n  .avatar-list-stacked .avatar.radius {\n    box-shadow: 0 0 0 2px $white-1;\n  }\n\n  .morris-wrapper-demo text {\n    fill: #6b6b84;\n  }\n  p {\n    color: $white-6;\n  }\n\n  .main-content-body-profile {\n    .table {\n      td,\n      tbody + tbody {\n        border-top: 0;\n      }\n    }\n\n    p {\n      color: #6b6b84;\n    }\n  }\n\n  .bg-gray-100 {\n    background-color: #494983;\n  }\n\n  .bg-gray-200 {\n    background-color: #404072;\n  }\n\n  .bg-gray-300 {\n    background-color: #373762;\n  }\n\n  .bg-gray-400 {\n    background-color: #2e2e52;\n  }\n\n  .bg-gray-500 {\n    background-color: $dark-theme1;\n  }\n\n  .bg-gray-600 {\n    background-color: #1c1c31;\n  }\n\n  .bg-gray-700 {\n    background-color: #121221;\n  }\n\n  .bg-gray-800 {\n    background-color: #090910;\n  }\n\n  .bg-gray-900 {\n    background-color: #000000;\n  }\n\n  .side-header {\n    box-shadow: 0 5px 12px 0 $dark-body;\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .main-sidebar-sticky {\n    background: $dark-theme-1;\n    box-shadow: 0 5px 12px 0 $dark-body;\n    border-right: 1px solid $border-dark;\n  }\n\n  .main-sidebar-body {\n    border-top: 1px solid $border-dark;\n  }\n\n  &.main-sidebar-hide {\n    .side-menu .main-logo {\n      .icon-logo {\n        display: none;\n      }\n\n      .desktop-logo.theme-logo {\n        display: none !important;\n      }\n\n      .theme-logo.icon-logo {\n        display: block !important;\n      }\n    }\n\n    &.main-sidebar-open .side-menu .main-logo {\n      .theme-logo.icon-logo {\n        display: none !important;\n      }\n\n      .desktop-logo {\n        display: none !important;\n\n        &.theme-logo {\n          display: block !important;\n        }\n      }\n    }\n  }\n\n  .main-navbar-search .form-control {\n    border: 1px solid transparent;\n  }\n\n  &.color-horizontal .main-navbar-search {\n    background: $primary;\n  }\n\n  &.light-horizontal .main-navbar-search {\n    background: #ffffff;\n    border-bottom: 1px solid $border;\n\n    .form-control {\n      background: #ffffff;\n    }\n\n    .btn {\n      color: #000;\n      opacity: 0.5;\n    }\n  }\n\n  &.gradient-horizontal .main-navbar-search {\n    background: linear-gradient 310.6deg, 123, 86, 232 6.8%, 123, 86, 232 57.8%;\n  }\n\n  .main-header.hor-header .dropdown-menu {\n    margin-top: 0;\n  }\n\n  .table td {\n    font-weight: 300;\n  }\n\n  .main-navbar .nav-item .nav-sub li:not(.nav-sub-item) {\n    color: #ffffff;\n  }\n\n  .main-msg-wrapper {\n    &:before,\n    &:after {\n      border-color: transparent $border-dark transparent transparent;\n    }\n  }\n\n  .main-chat-body .media.flex-row-reverse .main-msg-wrapper {\n    background-color: rgba(135, 96, 251, 0.08);\n\n    &:before,\n    &:after {\n      border-left-color: rgba(135, 96, 251, 0.08);\n    }\n  }\n\n  .main-content-left-components .component-item .nav-link:hover {\n    color: $primary;\n  }\n\n  .dropify-wrapper:hover {\n    background-image: linear-gradient(\n      -45deg,\n      #181c3a 25%,\n      transparent 25%,\n      transparent 50%,\n      #181c3a 50%,\n      #181c3a 75%,\n      transparent 75%,\n      transparent\n    );\n  }\n\n  .bd-primary {\n    border-color: $primary;\n  }\n\n  .bd-secondary {\n    border-color: #eb6f33;\n  }\n\n  .bd-success {\n    border-color: #03c895;\n  }\n\n  .bd-warning {\n    border-color: #ffc107;\n  }\n\n  .bd-danger {\n    border-color: #ff473d;\n  }\n\n  .bd-info {\n    border-color: #01b8ff;\n  }\n\n  .bd-white {\n    border-color: #ffffff;\n  }\n\n  .bd-gray-100 {\n    border-color: #f1f2f9;\n  }\n\n  .bd-gray-200,\n  .bd-gray-300 {\n    border-color: $border;\n  }\n\n  .bd-gray-400 {\n    border-color: #b4bdce;\n  }\n\n  .bd-gray-500,\n  .bd-gray-600 {\n    border-color: #99a6b7;\n  }\n\n  .bd-gray-700 {\n    border-color: #596882;\n  }\n\n  .bd-gray-800 {\n    border-color: #3b4863;\n  }\n\n  .bd-gray-900 {\n    border-color: $color;\n  }\n\n  .bd-white-1 {\n    border-color: $white-1;\n  }\n\n  .bd-white-2 {\n    border-color: $white-2;\n  }\n\n  .bd-white-3 {\n    border-color: $white-3;\n  }\n\n  .bd-white-4 {\n    border-color: $white-4;\n  }\n\n  .bd-white-5 {\n    border-color: $white-5;\n  }\n\n  .bd-white-6 {\n    border-color: $white-6;\n  }\n\n  .bd-white-7 {\n    border-color: $white-7;\n  }\n\n  .bd-white-8 {\n    border-color: $white-8;\n  }\n\n  .productdesc .bg-light {\n    background-color: $white-05 !important;\n  }\n\n  .main-sidebar-body .nav-link:hover {\n    color: $primary;\n  }\n\n  .sub-slide-item,\n  .sub-slide-menu .sub-slide-item2 {\n    color: #bfbfe0;\n  }\n\n  .second-sidemenu {\n    .sub-slide .is-expanded .angle1,\n    .sub-slide-menu .is-expanded .angle2,\n    .sub-slide .angle1,\n    .sub-slide-menu .angle2 {\n      color: #bfbfe0;\n    }\n  }\n\n  .side-menu {\n    .nav-sub-link.with-sub1 i.angle1,\n    .nav-sub1 .nav-sub-link.with-sub2 i.angle2,\n    .nav-sub-item.show .nav-sub-link.with-sub1 i.angle1,\n    .nav-sub1 .nav-sub-item.show .nav-sub-link.with-sub2 i.angle2 {\n      color: #bfbfe0;\n    }\n  }\n\n  .tree {\n    li {\n      &.branch {\n        background: #101328;\n      }\n\n      border: 1px solid $border-dark;\n      color: #ffffff;\n\n      a {\n        color: #ffffff;\n      }\n\n      &.branch li {\n        background: #101328;\n      }\n    }\n\n    ul {\n      &:before {\n        border-left: 2px solid $dark-theme-1;\n      }\n\n      li:before {\n        border-top: 2px solid $dark-theme-1;\n      }\n    }\n  }\n\n  .sidemenu-logo {\n    background: $dark-theme-1;\n    border-right: 1px solid $border-dark;\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .light-layout {\n    display: block;\n  }\n\n  .dark-layout {\n    display: none;\n  }\n\n  a {\n    color: #ffffff;\n  }\n\n  .mail-compose .active {\n    background: $dark-body;\n  }\n\n  .bg-light {\n    color: #a9bfd7;\n  }\n  .table.dataTable th,\n  .table.dataTable td {\n    border-left-color: $border-dark;\n  }\n\n  .card-header {\n    background-color: transparent;\n  }\n\n  .btn-white {\n    background-color: $dark-theme1;\n    border: 1px solid $border-dark;\n  }\n\n  .main-chat-body .media.flex-row-reverse .main-msg-wrapper-1 {\n    color: #f1ecff;\n  }\n\n  .dTree a {\n    color: $white-7;\n  }\n\n  .cal1 .clndr {\n    .clndr-controls {\n      border: 1px solid $border-dark !important;\n    }\n\n    .clndr-table {\n      .header-days .header-day {\n        color: $white-8;\n      }\n\n      tr .day {\n        &.event,\n        &:hover {\n          background: $dark-theme1 !important;\n        }\n      }\n\n      .header-days .header-day,\n      tr .day {\n        border-left: 1px solid $border-dark;\n        border-top: 1px solid $border-dark;\n        border-right: 1px solid $border-dark;\n      }\n    }\n  }\n\n  .fc-direction-ltr .fc-list-day-side-text,\n  .fc-direction-rtl .fc-list-day-text {\n    color: $white-8;\n  }\n\n  .cal1 .clndr .clndr-table tr:last-child {\n    .day,\n    .my-day {\n      border-bottom: 1px solid $border-dark;\n    }\n  }\n  .top-footer a {\n    color: $white-6 !important;\n  }\n\n  #external-events {\n    border: 1px solid $border-dark !important;\n  }\n\n  .fc-theme-standard {\n    td,\n    th,\n    .fc-scrollgrid {\n      border-color: $border-dark;\n    }\n  }\n  .ui-state-default,\n  .ui-widget-content .ui-state-default,\n  .ui-widget-header .ui-state-default,\n  .ui-button {\n    background: $dark-theme1;\n  }\n\n  .fc {\n    .fc-daygrid-day-number {\n      color: $white-8;\n    }\n\n    .fc-daygrid-day.fc-day-today {\n      background: $dark-theme1 !important;\n    }\n  }\n\n  .fc-theme-standard .fc-list-day-cushion {\n    background-color: $dark-theme1 !important;\n  }\n\n  .fc-direction-ltr .fc-list-day-text,\n  .fc-direction-rtl .fc-list-day-side-text {\n    color: $white-8;\n  }\n\n  .fc-list-event.fc-event {\n    color: $white-8 !important;\n  }\n\n  .fc-theme-standard .fc-list {\n    border: 1px solid $border-dark !important;\n  }\n\n  .fc .fc-list-event:hover td {\n    background-color: $dark-theme1 !important;\n  }\n\n  .irs-line-mid,\n  .irs-line-right,\n  .irs-line-left {\n    background-color: $dark-theme1;\n  }\n\n  .icons-list-item {\n    border: 1px solid $border-dark !important;\n\n    i {\n      color: $white-8;\n    }\n  }\n\n  .file-image-1 {\n    border: 1px solid $border-dark !important;\n\n    .file-name-1 {\n      color: $white-8;\n    }\n  }\n\n  .form-control {\n    &:disabled,\n    &[readonly] {\n      background-color: $dark-theme1 !important;\n    }\n  }\n\n  .form-control-sm,\n  .form-control-lg {\n    background-color: $dark-theme1 !important;\n    border: 1px solid $border-dark;\n  }\n\n  .form-control {\n    &:disabled,\n    &[readonly] {\n      background-color: #1c1c2e !important;\n    }\n  }\n\n  .wizard.vertical > .content {\n    border-right: 1px solid $border-dark;\n  }\n\n  .note-editor.note-frame.panel.panel-default .panel-heading {\n    background-color: $dark-theme1;\n    border-bottom: 1px solid #35354c !important;\n  }\n\n  .note-btn.btn-default {\n    background-color: $dark-theme1;\n    border: 1px solid #35354c !important;\n  }\n\n  .note-editor {\n    &.note-airframe,\n    &.note-frame {\n      border: 1px solid #35354c;\n    }\n  }\n\n  kbd {\n    background-color: $dark-theme1;\n  }\n\n  .richText {\n    .richText-editor {\n      background-color: $dark-theme1;\n      border-left: $border-dark solid 2px;\n    }\n\n    .richText-toolbar {\n      ul {\n        li a {\n          border-right: #35354c solid 1px;\n          color: $white-8;\n\n          &:hover {\n            background-color: $dark-theme1;\n          }\n\n          .richText-dropdown-outer {\n            .richText-dropdown {\n              background-color: $dark-body;\n              border: $border-dark solid 1px;\n            }\n\n            ul.richText-dropdown li a {\n              border-bottom: $border-dark solid 1px;\n            }\n          }\n        }\n\n        border-bottom: #35354c solid 1px;\n      }\n\n      border-bottom: #35354c solid 1px;\n      border-top: #35354c solid 1px;\n    }\n\n    background-color: $dark-theme1 !important;\n    background-color: $border-dark !important;\n    border-right: $border-dark solid 1px !important;\n    border-left: $border-dark solid 1px !important;\n\n    .richText-form {\n      input {\n        &[type=\"text\"],\n        &[type=\"file\"],\n        &[type=\"number\"] {\n          border: $border-dark solid 1px;\n          background-color: $dark-body;\n        }\n      }\n\n      select {\n        border: $border-dark solid 1px;\n        background-color: $dark-body;\n      }\n    }\n  }\n\n  .table-striped > tbody > tr:nth-of-type(odd) > *,\n  .table-hover > tbody > tr:hover > * {\n    --bs-table-accent-bg: $dark-theme1;\n    color: $white-8;\n  }\n\n  .offcanvas {\n    background: $dark-theme1;\n  }\n\n  .navbar-light .navbar-brand {\n    color: $white-8 !important;\n  }\n\n  .scrollspy-example {\n    border-right: 1px solid $border-dark;\n    border-left: 1px solid $border-dark;\n    border-bottom: 1px solid $border-dark;\n  }\n\n  #navbar-example3 .nav-link {\n    color: $white-8 !important;\n  }\n\n  .scrollspy-example-2 {\n    border: 1px solid $border-dark;\n  }\n\n  .dropdown-menu {\n    .dropdown-plus-title {\n      color: $white-8;\n      border: 1px solid $border-dark;\n    }\n\n    > li > a {\n      color: $white-8;\n    }\n  }\n\n  .bs-popover-bottom > .popover-arrow::after,\n  .bs-popover-auto[data-popper-placement^=\"bottom\"] > .popover-arrow::after,\n  .bs-popover-bottom > .popover-arrow::before,\n  .bs-popover-auto[data-popper-placement^=\"bottom\"] > .popover-arrow::before {\n    border-bottom-color: $dark-theme-1;\n  }\n\n  .bs-popover-top > .popover-arrow::after,\n  .bs-popover-auto[data-popper-placement^=\"top\"] > .popover-arrow::after,\n  .bs-popover-top > .popover-arrow::before,\n  .bs-popover-auto[data-popper-placement^=\"top\"] > .popover-arrow::before {\n    border-top-color: $dark-theme-1;\n  }\n\n  .bs-popover-start > .popover-arrow::after,\n  .bs-popover-auto[data-popper-placement^=\"left\"] > .popover-arrow::after {\n    border-left-color: $dark-theme-1;\n  }\n\n  .bs-popover-end > .popover-arrow::before,\n  .bs-popover-auto[data-popper-placement^=\"right\"] > .popover-arrow::before,\n  .bs-popover-end > .popover-arrow::after,\n  .bs-popover-auto[data-popper-placement^=\"right\"] > .popover-arrow::after {\n    border-right-color: $dark-theme-1;\n  }\n\n  .bs-popover-start > .popover-arrow::before,\n  .bs-popover-auto[data-popper-placement^=\"left\"] > .popover-arrow::before {\n    border-left-color: $dark-theme-1;\n  }\n\n  .expanel,\n  .expanel-default > .expanel-heading.expanel-default > .expanel-heading {\n    background: $dark-theme1;\n    border-color: $border-dark;\n  }\n\n  .expanel-footer,\n  .expanel-default > .expanel-heading {\n    background: $dark-theme-1;\n    border-color: $border-dark;\n  }\n\n  .tab-menu-heading {\n    border-color: $border-dark;\n  }\n  .tab_wrapper .content_wrapper .accordian_header.active {\n    border-color: $border-dark;\n  }\n  .tab_wrapper .content_wrapper .accordian_header {\n    border-color: $border-dark;\n  }\n\n  .tabs-menu ul li a,\n  .tabs-menu1 ul li a {\n    color: $white-8;\n  }\n\n  .tabs-menu-boxed ul li {\n    a {\n      color: $white-8;\n      border-color: $border-dark;\n    }\n\n    .active {\n      border-color: $border-dark;\n    }\n  }\n\n  .tabs-menu-border ul li .active {\n    border-color: $border-dark;\n  }\n\n  .tab_wrapper {\n    &.right_side {\n      > ul li.active,\n      .content_wrapper {\n        border: 1px solid $border-dark;\n      }\n\n      > ul {\n        li {\n          border-left: 1px solid $border-dark;\n        }\n\n        border-bottom: 1px solid $border-dark;\n      }\n\n      > ul li {\n        &:after,\n        &.active:before {\n          background: $dark-theme1;\n        }\n      }\n    }\n\n    > ul li {\n      border-top-color: $border-dark;\n    }\n  }\n  .product-grid6 .border-danger {\n    border-color: #ff473d !important;\n  }\n  .btn-default,\n  .img-sm,\n  .card-pay .tabs-menu li a {\n    background-color: $dark-theme1;\n    border-color: $border-dark;\n  }\n\n  .counter-minus.btn,\n  .counter-plus.btn {\n    border-color: $border-dark;\n  }\n\n  .handle-counter input {\n    background: $dark-theme-1;\n    color: $white-8;\n  }\n\n  #checkoutsteps {\n    .checkoutline {\n      background-color: $dark-theme1;\n    }\n\n    > .steps a {\n      color: $white-8;\n    }\n\n    .item .thumb {\n      border: 1px solid $border-dark;\n    }\n  }\n\n  .bd-e {\n    border-right-color: #3e3e55;\n  }\n  .bd-s {\n    border-left-color: #3e3e55;\n  }\n\n  #avatar .tag {\n    background-color: $dark-theme1;\n  }\n\n  .notifit_confirm,\n  .notifit_prompt {\n    background-color: $dark-theme1;\n    box-shadow: 0px 2px 10px #1e1e38;\n  }\n\n  .leaflet-control-zoom {\n    .leaflet-control-zoom-in,\n    .leaflet-control-zoom-out {\n      color: $dark-theme1;\n    }\n  }\n\n  .dropdown-menu > li > a:hover {\n    background-color: $dark-theme1;\n  }\n\n  .file-image-btn {\n    border: 1px solid $dark-theme1;\n\n    .file-name-1 {\n      color: $white-7;\n    }\n  }\n\n  .breadcrumb1 .breadcrumb-item.active {\n    color: $white-7;\n  }\n  .main-signin-wrapper .header-brand-img {\n    display: none;\n  }\n  .main-signin-wrapper .header-brand-img.theme-logos {\n    display: block;\n  }\n  .main-signin-wrapper .header-brand-img {\n    margin: 0 auto;\n  }\n  .error-bg {\n    background-image: url(../img/pngs/bg1.png);\n    background-position: center;\n    background-size: cover;\n  }\n}\n.dark-theme {\n  .ql-snow .ql-formats {\n    background: $dark-theme1;\n  }\n  .ql-snow.ql-toolbar button,\n  .ql-snow .ql-toolbar button {\n    border: 1px solid $border-dark;\n    background: $dark-theme1;\n    color: $white-6 !important;\n  }\n}\n\n/*  ----- 7.7 Mail Two   ----- */\n/*  ----- 7.8 Profile   ----- */\n@media (min-width: 992px) {\n  .dark-theme .main-content-left-profile {\n    border-right: 1px solid $border-dark;\n  }\n  .dark-theme.horizontal .main-navbar .slide-left,\n  .dark-theme.horizontal .main-navbar .slide-right {\n    background: $dark-theme1;\n    border: 1px solid $border-dark;\n    color: $white;\n  }\n}\n\n/*  ----- 7.9 Signin   ----- */\n@media (min-width: 480px) {\n  .dark-theme .main-card-signin {\n    border: 1px solid $border-dark;\n  }\n}\n\n/*  ----- 7.10 Signup   ----- */\n@media (min-width: 992px) {\n  .dark-theme .main-column-signup {\n    border-left: 1px solid $border-dark;\n  }\n}\n\n/*  ----- 7.11 Error   ----- */\n@media (min-width: 480px) {\n  .dark-theme {\n    .bd-xs {\n      border: 1px solid $white-2;\n    }\n\n    .bd-xs-t {\n      border-top: 1px solid $white-1;\n    }\n\n    .bd-xs-r {\n      border-right: 1px solid $white-1;\n    }\n\n    .bd-xs-b {\n      border-bottom: 1px solid $white-1;\n    }\n\n    .bd-xs-l {\n      border-left: 1px solid $white-1;\n    }\n\n    .bd-xs-y {\n      border-top: 1px solid $white-1;\n      border-bottom: 1px solid $white-1;\n    }\n\n    .bd-xs-x {\n      border-left: 1px solid $white-1;\n      border-right: 1px solid $white-1;\n    }\n  }\n}\n\n@media (min-width: 576px) {\n  .dark-theme {\n    .bd-sm {\n      border: 1px solid $white-1;\n    }\n\n    .bd-sm-t {\n      border-top: 1px solid $white-1;\n    }\n\n    .bd-sm-r {\n      border-right: 1px solid $white-1;\n    }\n\n    .bd-sm-b {\n      border-bottom: 1px solid $white-1;\n    }\n\n    .bd-sm-l {\n      border-left: 1px solid $white-1;\n    }\n\n    .bd-sm-y {\n      border-top: 1px solid $white-1;\n      border-bottom: 1px solid $white-1;\n    }\n\n    .bd-sm-x {\n      border-left: 1px solid $white-1;\n      border-right: 1px solid $white-1;\n    }\n  }\n}\n\n@media (min-width: 768px) {\n  .dark-theme {\n    .bd-md {\n      border: 1px solid $white-1;\n    }\n\n    .bd-md-t {\n      border-top: 1px solid $white-1;\n    }\n\n    .bd-md-r {\n      border-right: 1px solid $white-1;\n    }\n\n    .bd-md-b {\n      border-bottom: 1px solid $white-1;\n    }\n\n    .bd-md-l {\n      border-left: 1px solid $white-1;\n    }\n\n    .bd-md-y {\n      border-top: 1px solid $white-1;\n      border-bottom: 1px solid $white-1;\n    }\n\n    .bd-md-x {\n      border-left: 1px solid $white-1;\n      border-right: 1px solid $white-1;\n    }\n  }\n}\n\n@media (min-width: 992px) {\n  .dark-theme.hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .header-brand-img.desktop-logo.theme-logo {\n    display: none !important;\n  }\n  .dark-theme.hover-submenu.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo.theme-logo {\n    display: block !important;\n  }\n  .dark-theme.hover-submenu.main-sidebar-hide .nav-sub {\n    background-color: $dark-theme1;\n    border-left-color: #2d2348;\n    box-shadow: 0 8px 16px 0 $black-3;\n  }\n  .dark-theme.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .header-brand-img.desktop-logo.theme-logo {\n    display: none !important;\n  }\n  .dark-theme.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu .main-logo .icon-logo.theme-logo {\n    display: block !important;\n  }\n  .dark-theme.hover-submenu1.main-sidebar-hide .nav-sub {\n    background-color: $dark-theme1;\n    border-left-color: #2d2348;\n    box-shadow: 0 8px 16px 0 $black-3;\n  }\n  .dark-theme.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu-label1 {\n    border-bottom-color: $border-dark;\n  }\n  .dark-theme.hover-submenu1.main-sidebar-hide.main-sidebar-open .side-menu-label1 a {\n    color: #ffffff;\n  }\n  .dark-theme {\n    .bd-lg {\n      border-color: $white-1;\n    }\n\n    .bd-lg-t {\n      border-top-color: $white-1;\n    }\n\n    .bd-lg-r {\n      border-right-color: $white-1;\n    }\n\n    .bd-lg-b {\n      border-bottom: 1px solid $white-1;\n    }\n\n    .bd-lg-l {\n      border-left: 1px solid $white-1;\n    }\n\n    .bd-lg-y {\n      border-top: 1px solid $white-1;\n      border-bottom: 1px solid $white-1;\n    }\n\n    .bd-lg-x {\n      border-left: 1px solid $white-1;\n      border-right: 1px solid $white-1;\n    }\n  }\n  .rtl.dark-theme.hover-submenu.main-sidebar-hide .nav-sub {\n    border-right: 1px solid $border-dark;\n    border-left: 0px solid $border-dark;\n  }\n  .rtl.dark-theme.hover-submenu1.main-sidebar-hide .nav-sub {\n    border-right: 1px solid $border-dark;\n    border-left: 0px solid $border-dark;\n  }\n}\n\n@media (min-width: 1200px) {\n  .dark-theme {\n    .bd-xl {\n      border: 1px solid $white-1;\n    }\n\n    .bd-xl-t {\n      border-top: 1px solid $white-1;\n    }\n\n    .bd-xl-r {\n      border-right: 1px solid $white-1;\n    }\n\n    .bd-xl-b {\n      border-bottom: 1px solid $white-1;\n    }\n\n    .bd-xl-l {\n      border-left: 1px solid $white-1;\n    }\n\n    .bd-xl-y {\n      border-top: 1px solid $white-1;\n      border-bottom: 1px solid $white-1;\n    }\n\n    .bd-xl-x {\n      border-left: 1px solid $white-1;\n      border-right: 1px solid $white-1;\n    }\n  }\n}\n\n@media (max-width: 575.98px) {\n  .dark-theme .header-brand-img.icon-logo {\n    display: none !important;\n\n    &.theme-logo {\n      display: block !important;\n    }\n  }\n}\n\n@media (max-width: 991px) {\n  .dark-theme .responsive-navbar.navbar .navbar-collapse {\n    background: $dark-theme-1;\n    border-bottom: 1px solid $border-dark;\n    border-top: 1px solid $border-dark;\n  }\n}\n\n@media (min-width: 576px) {\n  .dark-theme .wizard.vertical > .actions {\n    border-top: 1px solid $border-dark;\n  }\n}\n\n.rtl.dark-theme {\n  .main-msg-wrapper:before,\n  .main-msg-wrapper:after {\n    border-color: transparent transparent transparent #282842;\n  }\n  .main-chat-body .media.flex-row-reverse .main-msg-wrapper:after {\n    border-left-color: transparent;\n    border-right-color: rgba(135, 96, 251, 0.08);\n  }\n  .main-chat-body .media.flex-row-reverse .main-msg-wrapper:before,\n  .rtl .main-chat-body .media.flex-row-reverse .main-msg-wrapper:after {\n    border-left-color: transparent;\n    border-right-color: rgba(135, 96, 251, 0.08);\n  }\n  .sidemenu-logo,\n  .main-sidebar-sticky {\n    border-left: 1px solid $border-dark;\n  }\n  .tree ul:before {\n    border-right: 2px solid #1c1c38;\n    border-left: 0px solid #1c1c38;\n  }\n  .table.dataTable {\n    th,\n    td {\n      border-color: $border-dark;\n    }\n  }\n  .bd-s {\n    border-right-color: #3e3e55;\n  }\n  .bd-e {\n    border-left-color: #3e3e55;\n  }\n  .border-start-0 {\n    border-left-color: $border-dark !important;\n    border-right-color: $border-dark !important;\n  }\n  .border-end-0 {\n    border-left-color: $border-dark !important;\n    border-right-color: $border-dark !important;\n  }\n\n  .iti__selected-flag {\n    border-left: 1px solid $border-dark;\n  }\n\n  .richText .richText-toolbar ul li a {\n    border-left: $border-dark solid 1px;\n  }\n\n  .tab_wrapper.right_side > ul li {\n    border-right: 1px solid $border-dark;\n  }\n\n  // .vtimeline .timeline-wrapper .timeline-panel:after {\n  //   border-color: $dark-theme1;\n  //   border-left-color:$dark-theme1;\n  // }\n}\n.dark-theme .demo_changer h4 {\n  border-bottom: 1px solid #33334c;\n  background: #101329;\n  border-top: 1px solid #33334c;\n}\n.dark-theme .demo_changer .form_holder {\n  border-left: 1px solid #33334c;\n}\n.dark-theme .demo_changer .form_holder {\n  background: #1c1c38;\n  color: #fff;\n}\n.rtl.dark-theme .demo_changer .form_holder {\n  border-right: 1px solid $border-dark;\n}\n.dark-theme .border-start {\n  border-left: 1px solid $border-dark !important;\n}\n\n/*# sourceMappingURL=dark-style.css.map */\n"]}