{"version":3,"sources":["../scss/_variables.scss","style-dark.scss"],"names":[],"mappings":"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","file":"style-dark.css","sourcesContent":["$background: #eaf3f147;\r\n$default-color:#4a4a69;\r\n\r\n/*Color variables*/\r\n$primary:var(--primary-bg-color);\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$primary-02:var(--primary02);\r\n$primary-05:var(--primary05);\r\n$darkprimary-transparent:var(--darkprimary-transparentcolor);\r\n$transparentprimary-transparent:var(--transparentprimary-transparentcolor);\r\n$secondary:#f74f75;\r\n$success:#24d5b8 ;\r\n$warning:#ffbd5a;\r\n$danger:#f34343;\r\n$info:#4ec2f0;\r\n$pink:#f754fa;\r\n$teal:#29ddee;\r\n$purple:#ad4ffa;\r\n$orange:#fd7e14;\r\n$dark:#3b4863;\r\n$indigo:#5b67c7;\r\n$white:#fff;\r\n$black:#000;\r\n$yellow:#ffc102;\r\n$muted:#7987a1;\r\n$dark-primary:#834cc3;\r\n\r\n$primary-transaprent:#f5faf8;\r\n\r\n/*gradient variables*/\r\n$primary-gradient:linear-gradient(to right, $primary  0%,  $primary-05 100%);\r\n$secondary-gradient:linear-gradient(to right, $secondary 0%,  rgba($secondary,0.5) 100%);\r\n$success-gradient:linear-gradient(to right,$success  0%,  rgba($success,0.5) 100%);\r\n$warning-gradient:linear-gradient(to right, $warning 0%,rgba($warning,0.5) 100%);\r\n$pink-gradient:linear-gradient(to right, $pink 0%, rgba($pink,0.5) 100%);\r\n$teal-gradient:linear-gradient(to right, $teal 0%, rgba($teal,0.5) 100%);\r\n$danger-gradient:linear-gradient(to right,$danger 0%,rgba($danger,0.5) 100%);\r\n$info-gradient:linear-gradient(to right, $info 0%,rgba($info,0.5) 100%);\r\n$orange-gradient:linear-gradient(to right,$orange 0%,rgba($orange,0.5) 100%);\r\n$purple-gradient:linear-gradient(to right, $purple 0%, rgba($purple,0.5) 100%);\r\n\r\n/*gray variables*/\r\n$gray-100:#f9f9fb;\r\n$gray-200:#f0f0f8;\r\n$gray-300:#e1e1ef;\r\n$gray-400:#d6d6e6;\r\n$gray-500:#949eb7;\r\n$gray-600:#7987a1;\r\n$gray-700:#4d5875;\r\n$gray-800:#383853;\r\n$gray-900:#323251;\r\n\r\n/*white variables*/\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$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/*shadow variables*/\r\n$shadow: 1px 1px 7px rgba(154, 154, 204, .1);\r\n\r\n$dark-theme:#2a2e3f;\r\n$border:#ededf5;\r\n$form-border:#cdd4e2;\r\n$bg-hover:#fcfcff;\r\n$bg-active:var(--primary02);\r\n$bg-active2:#fafaff;\r\n$border-dark:#484863;\r\n\r\n\r\n/*alerts*/\r\n$alert-primary-link:#00aa90;\r\n\r\n/*navigation*/\r\n$nav-primary-border :#07b79c;\r\n$nav-secondary-border :#f52756;\r\n$nav-info-border : #26b7f0;\r\n\r\n/*dark colors*/\r\n$primary-dark :#00b598;\r\n\r\n\r\n//transparent-theme\r\n$transparent-theme: rgba(0,0,0,0.2);\r\n$transparent-body: var(--transparent-body);\r\n$transparent-border: rgba(255,255,255,0.15)","@import \"../scss/variables\";\n\n/*---FONTS IMPORT --- */\n\nbody.dark-theme {\n  color: #eaecf3;\n  background: #383d52;\n}\n\n.dark-theme {\n  @media (max-width: 480px) {\n    .border-end.bd-xs-e-0 {\n      border-right: 0 !important;\n    }\n    .border-end.bd-xs-s-0 {\n      border-left: 0 !important;\n    }\n  }\n  @media (max-width: 991px) {\n    .border-end.bd-md-e-0 {\n      border-right: 0 !important;\n    }\n  }\n  @media (max-width: 1024px) {\n    .border-end.bd-lg-e-0 {\n      border-right: 0 !important;\n    }\n  }\n  @media (max-width: 1366px) {\n    .border-end.bd-xl-e-0 {\n      border-right: 0 !important;\n    }\n  }\n  &.rtl {\n    @media (max-width: 480px) {\n      .border-end.bd-xs-e-0 {\n        border-left: 0 !important;\n        border-right: inherit !important;\n      }\n      .border-end.bd-xs-s-0 {\n        border-right: 0 !important;\n        border-left: inherit !important;\n      }\n    }\n    @media (max-width: 991px) {\n      .border-end.bd-md-e-0 {\n        border-left: 0 !important;\n        border-right: inherit !important;\n      }\n    }\n    @media (max-width: 1024px) {\n      .border-end.bd-lg-e-0 {\n        border-left: 0 !important;\n        border-right: inherit !important;\n      }\n    }\n    @media (max-width: 1366px) {\n      .border-end.bd-xl-e-0 {\n        border-left: 0 !important;\n        border-right: inherit !important;\n      }\n    }\n  }\n\n  // Plugin primary colors//\n\n  .tree li i {\n    color: $primary;\n  }\n\n  .bootstrap-tagsinput .badge {\n    background-color: $primary;\n    border: 1px solid $primary-border;\n  }\n\n  .sweet-alert button {\n    background-color: $primary !important;\n  }\n\n  // Quill editor styles //\n\n  .ql-snow.ql-toolbar button:hover,\n  .ql-snow .ql-toolbar button:hover,\n  .ql-snow.ql-toolbar button:focus,\n  .ql-snow .ql-toolbar button:focus,\n  .ql-snow.ql-toolbar button.ql-active,\n  .ql-snow .ql-toolbar button.ql-active,\n  .ql-snow.ql-toolbar .ql-picker-label:hover,\n  .ql-snow .ql-toolbar .ql-picker-label:hover,\n  .ql-snow.ql-toolbar .ql-picker-label.ql-active,\n  .ql-snow .ql-toolbar .ql-picker-label.ql-active,\n  .ql-snow.ql-toolbar .ql-picker-item:hover,\n  .ql-snow .ql-toolbar .ql-picker-item:hover,\n  .ql-snow.ql-toolbar .ql-picker-item.ql-selected,\n  .ql-snow .ql-toolbar .ql-picker-item.ql-selected {\n    color: $primary;\n  }\n\n  .ql-snow.ql-toolbar button:hover .ql-fill,\n  .ql-snow .ql-toolbar button:hover .ql-fill,\n  .ql-snow.ql-toolbar button:focus .ql-fill,\n  .ql-snow .ql-toolbar button:focus .ql-fill,\n  .ql-snow.ql-toolbar button.ql-active .ql-fill,\n  .ql-snow .ql-toolbar button.ql-active .ql-fill,\n  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,\n  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,\n  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,\n  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,\n  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,\n  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n  .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,\n  .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,\n  .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,\n  .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,\n  .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,\n  .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,\n  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,\n  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {\n    fill: $primary;\n  }\n\n  .ql-snow.ql-toolbar button:hover .ql-stroke,\n  .ql-snow .ql-toolbar button:hover .ql-stroke,\n  .ql-snow.ql-toolbar button:focus .ql-stroke,\n  .ql-snow .ql-toolbar button:focus .ql-stroke,\n  .ql-snow.ql-toolbar button.ql-active .ql-stroke,\n  .ql-snow .ql-toolbar button.ql-active .ql-stroke,\n  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,\n  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,\n  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,\n  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,\n  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n  .ql-snow.ql-toolbar button:hover .ql-stroke-miter,\n  .ql-snow .ql-toolbar button:hover .ql-stroke-miter,\n  .ql-snow.ql-toolbar button:focus .ql-stroke-miter,\n  .ql-snow .ql-toolbar button:focus .ql-stroke-miter,\n  .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,\n  .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,\n  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,\n  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {\n    stroke: $primary;\n  }\n\n  .ql-snow a {\n    color: $primary;\n  }\n\n  // !Quill editor styles //\n\n  // gallery //\n\n  .lg-actions .lg-next,\n  .lg-actions .lg-prev {\n    background-color: $primary-05;\n    border: 1px solid $primary;\n  }\n\n  .lg-toolbar {\n    background-color: $primary-05;\n  }\n\n  //  !gallery //\n\n  // Bootstrap datepicker //\n  .datepicker .datepicker-switch {\n    color: $primary;\n  }\n\n  .datepicker .datepicker-switch:hover,\n  .datepicker .prev:hover,\n  .datepicker .next:hover,\n  .datepicker tfoot tr th:hover {\n    color: $primary !important;\n  }\n\n  .datepicker table tr td.disabled,\n  .datepicker table tr td.disabled:hover {\n    color: $primary;\n  }\n\n  .datepicker table tr td.active,\n  .datepicker table tr td.active:hover,\n  .datepicker table tr td.active.disabled,\n  .datepicker table tr td.active.disabled:hover {\n    background-image: -moz-linear-gradient(to bottom, $primary, $primary);\n    background-image: -ms-linear-gradient(to bottom, $primary, $primary);\n    background-image: -webkit-gradient(\n      linear,\n      0 0,\n      0 100%,\n      from($primary),\n      to($primary)\n    );\n    background-image: -webkit-linear-gradient(to bottom, $primary, $primary);\n    background-image: -o-linear-gradient(to bottom, $primary, $primary);\n    background-image: linear-gradient(to bottom, $primary, $primary);\n    background-repeat: repeat-x;\n    filter: gradient(\n      startColorstr= \"$primary\",\n      endColorstr= \"$primary\",\n      GradientType=0\n    );\n    border-color: $primary;\n  }\n\n  .datepicker table tr td span:hover,\n  .datepicker table tr td span.focused {\n    background: $primary;\n  }\n\n  .datepicker table tr td span.disabled,\n  .datepicker table tr td span.disabled:hover {\n    background: none;\n    color: $primary;\n  }\n\n  .datepicker table tr td span.active,\n  .datepicker table tr td span.active:hover,\n  .datepicker table tr td span.active.disabled,\n  .datepicker table tr td span.active.disabled:hover {\n    background-image: -moz-linear-gradient(to bottom, $primary, $primary);\n    background-image: -ms-linear-gradient(to bottom, $primary, $primary);\n    background-image: -webkit-gradient(\n      linear,\n      0 0,\n      0 100%,\n      from($primary),\n      to($primary)\n    );\n    background-image: -webkit-linear-gradient(to bottom, $primary, $primary);\n    background-image: -o-linear-gradient(to bottom, $primary, $primary);\n    background-image: linear-gradient(to bottom, $primary, $primary);\n    filter: gradient(\n      startColorstr= \"$primary\",\n      endColorstr= \"$primary\",\n      GradientType=0\n    );\n    border-color: $primary;\n  }\n\n  .datepicker table tr td span.old,\n  .datepicker table tr td span.new {\n    color: $primary;\n  }\n\n  // !Bootstrap datepicker //\n\n  // !Plugin primary colors//\n\n  .form-control:focus {\n    border-color: $primary;\n  }\n\n  .btn-white:not(:disabled):not(.disabled):active,\n  .btn-white:not(:disabled):not(.disabled).active {\n    color: $white;\n    background-color: $dark-theme;\n    border-color: $border-dark !important;\n  }\n\n  .btn-white:focus {\n    background-color: $dark-theme !important;\n    color: $white;\n    border-color: $border-dark !important;\n  }\n\n  .qty {\n    border-left: 0 !important;\n    border-right: 0 !important;\n  }\n\n  .card {\n    background-color: $dark-theme !important;\n    // border: 1px solid $dark-theme ;\n    box-shadow: 0 0 10px rgba(28, 39, 60, 0.1);\n  }\n\n  .main-header {\n    background: $dark-theme;\n    border-bottom: 1px solid $border-dark;\n    box-shadow: none;\n  }\n\n  .side-header {\n    border-right: 0;\n  }\n\n  .header-icons .new.nav-link {\n    color: $white;\n  }\n\n  .card-dashboard-audience-metrics {\n    .card-header,\n    .card-body {\n      background-color: $dark-theme;\n    }\n  }\n\n  .card-header {\n    background-color: $dark-theme;\n    border-bottom: 0;\n  }\n\n  .border-bottom {\n    border-bottom: 1px solid rgba(234, 236, 241, 0.1) !important;\n  }\n\n  .border-top {\n    border-top: 1px solid rgba(234, 236, 241, 0.1) !important;\n  }\n\n  .border-right {\n    border-right: 1px solid rgba(234, 236, 241, 0.1) !important;\n  }\n\n  .border-left {\n    border-left: 1px solid rgba(234, 236, 241, 0.1) !important;\n  }\n\n  .border {\n    border: 1px solid rgba(234, 236, 241, 0.1) !important;\n  }\n\n  .table tbody tr,\n  .table-bordered thead th {\n    background-color: $dark-theme;\n  }\n}\n\n.table-bordered thead td {\n  background-color: $dark-theme;\n}\n\n.dark-theme {\n  .table {\n    color: $white-7;\n    border: 1px solid #3c3f50;\n  }\n\n  .table-bordered {\n    border: 1px solid rgba(234, 236, 241, 0.1) !important;\n\n    th,\n    td {\n      border: 1px solid rgba(234, 236, 241, 0.1);\n    }\n  }\n\n  .card-dashboard-audience-metrics .card-body h4 {\n    color: #fcfcfd;\n  }\n\n  .progress {\n    background-color: $white-1;\n  }\n\n  .card-dashboard-audience-metrics\n    .flot-chart\n    .flot-x-axis\n    > div\n    span:last-child {\n    color: #b9c6de;\n  }\n\n  .main-footer {\n    background-color: $dark-theme;\n    border-top: 1px solid $border-dark;\n  }\n\n  .sidebar {\n    &.sidebar-right {\n      box-shadow: 5px 7px 26px -5px #171a21 !important;\n    }\n\n    .tabs-menu ul {\n      border-bottom: 1px solid rgba(235, 234, 241, 0.1);\n    }\n  }\n\n  .chat .contacts li {\n    border-bottom: 1px solid rgba(227, 227, 247, 0.1);\n  }\n\n  .form-control {\n    color: $white;\n    background-color: $dark-theme;\n    border: 1px solid $border-dark;\n  }\n\n  .list-group-item {\n    background-color: $dark-theme !important;\n    border: 1px solid $border-dark;\n    color: #bdbac0;\n  }\n\n  .main-header-center .form-control {\n    border-color: $white-1 !important;\n    background-color: $dark-theme;\n  }\n\n  .main-header {\n    form[role=\"search\"] {\n      &.active input {\n        background: $dark-theme;\n      }\n\n      button[type=\"reset\"] {\n        background: transparent;\n      }\n    }\n\n    .input-group-btn .btn:hover i {\n      color: $white;\n    }\n  }\n\n  .main-header-notification .dropdown-menu {\n    background-color: #272738;\n  }\n\n  .notification-label {\n    color: $white;\n  }\n\n  .main-notification-list a:hover,\n  .main-message-list a:hover {\n    background: $white-05;\n  }\n\n  .notification-subtext {\n    color: $white-3;\n  }\n\n  .main-header-message .dropdown-footer,\n  .main-header-notification .dropdown-footer {\n    border-top: 1px solid rgba(220, 225, 239, 0.1);\n    background: $dark-theme;\n    border-radius: 0px 0px 3px 3px;\n  }\n\n  .dropdown-menu {\n    color: $white;\n    background-color: #272738;\n    border: 1px solid rgba(138, 153, 191, 0.125);\n  }\n\n  .main-message-list a {\n    .name {\n      color: $white;\n    }\n\n    .time,\n    .desc {\n      color: $white-4;\n    }\n  }\n\n  .task-line a {\n    color: $white;\n  }\n\n  .latest-tasks .nav-tabs .nav-link {\n    color: #bc289a;\n    background: transparent;\n  }\n\n  .chips p {\n    color: $white-5;\n  }\n\n  .chip {\n    color: $white;\n    background-color: rgba(245, 246, 251, 0.1);\n  }\n\n  .form-select {\n    color: #ffffe3;\n    background-color: $dark-theme;\n    background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\");\n    border: 1px solid #444566;\n  }\n\n  .ps__thumb-y {\n    background-color: $border-dark;\n  }\n\n  .ps__rail-y:hover > .ps__thumb-y,\n  .ps__rail-y:focus > .ps__thumb-y,\n  .ps__rail-y.ps--clicking .ps__thumb-y {\n    background-color: $border-dark;\n    width: 8px;\n  }\n}\n\n@media (min-width: 1245px) {\n  .dark-theme .main-header-center .form-control {\n    border-color: $white-1 !important;\n    background-color: transparent;\n  }\n}\n\n.chip:hover {\n  background: #8485fb;\n  color: $white;\n}\n\n.dark-theme {\n  .latest-tasks .check-box .ckbox span:before {\n    border: 1px solid #0f0f20;\n  }\n\n  .table {\n    th,\n    td {\n      border-top: 1px solid $border-dark;\n    }\n  }\n\n  #global-loader {\n    background: #1a233a;\n  }\n\n  .app-sidebar {\n    background: $dark-theme;\n    border-top: 0;\n    box-shadow: 0 0 10px rgba(20, 28, 43, 0.8);\n    border-right: 1px solid $border-dark;\n  }\n\n  .main-sidebar-header {\n    background: $dark-theme;\n    background: $dark-theme;\n  }\n\n  .side-menu__label,\n  .side-menu .side-menu__icon {\n    color: #a9abbd;\n    fill: #a9abbd;\n  }\n\n  .app-sidebar__user .user-info h4 {\n    color: $white !important;\n  }\n\n  .side-menu h3 {\n    color: $white-4 !important;\n  }\n\n  .main-sidebar-header {\n    border-bottom: 1px solid $border-dark;\n    border-right: 1px solid $border-dark;\n  }\n\n  .main-sidebar-loggedin .media-body h6 {\n    color: $white;\n  }\n\n  .app-sidebar .slide.active .side-menu__item {\n    background: transparent;\n  }\n\n  .slide {\n    a {\n      color: $white-6;\n    }\n\n    &.is-expanded {\n      background: transparent;\n\n      a {\n        color: $white-6;\n      }\n    }\n  }\n\n  .side-menu__item {\n    color: $white-7;\n  }\n\n  .app-sidebar__user .user-pro-body img {\n    border: 2px solid $primary;\n    background: rgba(109, 110, 243, 0.2);\n  }\n\n  .slide.is-expanded:before {\n    background: $border-dark;\n  }\n\n  .slide-menu .slide-item:before {\n    border-color: #6d7582;\n  }\n\n  .main-logo.dark-theme {\n    display: block;\n  }\n\n  .desktop-logo {\n    margin: 0 auto;\n    display: none;\n  }\n\n  .open-toggle svg g,\n  .close-toggle svg g {\n    fill: $white;\n  }\n\n  .angle {\n    color: #a9abbd !important;\n  }\n\n  .main-header-center {\n    .btn:hover,\n    .sp-container button:hover {\n      color: $white;\n    }\n  }\n\n  .sp-container .main-header-center button:hover {\n    color: $white;\n  }\n\n  .main-header-center {\n    .btn:focus,\n    .sp-container button:focus {\n      color: $white;\n    }\n  }\n\n  .sp-container .main-header-center button:focus,\n  .main-header .input-group-btn .btn i {\n    color: $white;\n  }\n\n  .main-mail-item {\n    &.unread {\n      background-color: $dark-theme;\n    }\n\n    border-top: 1px solid $border-dark;\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .main-content-title {\n    color: $white;\n  }\n\n  .main-mail-options {\n    border: 1px solid $border-dark;\n    border-bottom: 0;\n  }\n\n  .main-mail-list {\n    border: 1px solid $border-dark;\n  }\n\n  .main-mail-item {\n    background-color: $dark-theme;\n  }\n\n  .main-mail-subject strong {\n    color: $white-7;\n  }\n\n  .ckbox span:before {\n    background-color: #1d1d2a;\n    border: 1px solid $border-dark;\n  }\n\n  .main-mail-star {\n    color: $white-2;\n  }\n\n  .main-nav-column .nav-link {\n    color: #c3c7d1;\n\n    &:hover,\n    &:focus {\n      color: $white;\n    }\n  }\n\n  .btn-light {\n    color: $white;\n    background-color: $border-dark;\n    border-color: rgba(189, 198, 214, 0.2);\n  }\n\n  .main-nav-column .nav-link {\n    &:hover i:not([class*=\" tx-\"]),\n    &:focus i:not([class*=\" tx-\"]) {\n      color: $white;\n    }\n  }\n\n  .nav-search .input-group-text {\n    color: $white;\n    background-color: $white-2;\n    border: 1px solid $white-1;\n    border-left: 0;\n  }\n\n  .main-nav-column .nav-link.active {\n    color: $primary !important;\n\n    &:hover,\n    &:focus {\n      color: $primary !important;\n    }\n  }\n\n  .main-mail-header .btn-group .btn {\n    border-color: #555c6e;\n    background-color: #555c6e;\n  }\n\n  .table > :not(:last-child) > :last-child > * {\n    border-bottom-color: #3c3f50;\n  }\n  .table.dataTable > :not(:last-child) > :last-child > * {\n    border-bottom-color: transparent;\n  }\n}\n\n/*----- Left-Sidemenu -----*/\n\n.main-mail-header .btn-group .sp-container button,\n.sp-container .main-mail-header .btn-group button {\n  border-color: #555c6e;\n  background-color: #555c6e;\n}\n\n.dark-theme {\n  .main-mail-header .btn-group {\n    .btn.disabled,\n    .sp-container button.disabled {\n      background-color: #555c6e;\n      color: $border;\n      border-color: #555c6e;\n    }\n  }\n\n  .sp-container .main-mail-header .btn-group button.disabled {\n    background-color: #555c6e;\n    color: $border;\n    border-color: #555c6e;\n  }\n\n  .main-mail-header .btn-group {\n    .btn:hover,\n    .sp-container button:hover {\n      color: $white;\n      background-color: $white-3;\n      border-left: 0;\n    }\n  }\n\n  .sp-container .main-mail-header .btn-group button:hover {\n    color: $white;\n    background-color: $white-3;\n    border-left: 0;\n  }\n\n  .main-mail-header .btn-group {\n    .btn:focus,\n    .sp-container button:focus {\n      color: $white;\n      background-color: $white-3;\n      border-left: 0;\n    }\n  }\n\n  .sp-container .main-mail-header .btn-group button:focus {\n    color: $white;\n    background-color: $white-3;\n    border-left: 0;\n  }\n\n  .card-header,\n  .card-footer {\n    position: relative;\n    border-color: $border-dark;\n  }\n\n  hr {\n    border-color: rgb(89, 90, 118);\n  }\n\n  .main-content-label,\n  .card-table-two .card-title,\n  .card-dashboard-eight .card-title {\n    color: $white;\n  }\n\n  .form-label {\n    color: #cfdaec;\n  }\n\n  .select2-container--default .select2-selection--single {\n    background-color: $dark-theme;\n    border-color: $border-dark !important;\n\n    .select2-selection__rendered {\n      color: #cfdaec;\n    }\n  }\n\n  .select2-dropdown {\n    background-color: $dark-theme;\n    border-color: $white-05;\n  }\n\n  .select2-container--default {\n    .select2-results__option[aria-selected=\"true\"] {\n      background-color: $white-05;\n    }\n\n    .select2-search--dropdown .select2-search__field {\n      border-color: rgba(226, 232, 245, 0.2);\n      background: $dark-theme;\n      color: $white;\n    }\n  }\n\n  .main-nav-line-chat {\n    border-bottom: 1px solid $border-dark !important;\n  }\n\n  .main-nav-line .nav-link {\n    color: $white-4;\n  }\n\n  .main-chat-msg-name h6 {\n    color: $white;\n  }\n\n  .main-chat-header {\n    border-bottom: 1px solid $border-dark;\n    box-shadow: 2px 3px 14px #1a233a;\n  }\n\n  .main-nav-line-chat .nav-link.active {\n    color: #ffffff !important;\n    background: $primary;\n  }\n\n  .main-chat-contacts-more {\n    background-color: $primary;\n  }\n\n  .main-chat-list {\n    .media {\n      &.new {\n        background-color: $dark-theme;\n\n        .media-body p {\n          color: #a9b2c7;\n        }\n\n        .media-contact-name span:first-child {\n          color: #f3f6fb;\n        }\n      }\n\n      border-bottom: 1px solid $border-dark;\n    }\n\n    .media-contact-name span:first-child {\n      color: $white !important;\n    }\n\n    .media.selected {\n      background-color: rgba(243, 246, 251, 0.1);\n    }\n  }\n\n  .main-chat-contacts-wrapper {\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .main-chat-list .media {\n    &:hover,\n    &:focus {\n      background-color: rgba(252, 252, 252, 0.05);\n    }\n\n    &.selected .media-body p {\n      color: #b7bfd2;\n    }\n  }\n\n  .main-msg-wrapper {\n    background-color: $border-dark;\n    color: $white;\n  }\n\n  .main-chat-footer {\n    background-color: $dark-theme;\n    z-index: 999;\n\n    .form-control {\n      background: transparent;\n      border-color: transparent;\n    }\n  }\n\n  .irs-line-mid,\n  .irs-line-left,\n  .irs-line-right {\n    background-color: $border-dark;\n  }\n\n  .irs-min,\n  .irs-max {\n    color: $white;\n    background: $white-1;\n  }\n\n  .main-calendar .fc-header-toolbar h2 {\n    color: $white;\n  }\n\n  .ui-datepicker {\n    background-color: $dark-theme;\n    box-shadow: 0 0 24px rgba(20, 28, 43, 0.6);\n    border: 1px solid $white-1;\n\n    .ui-datepicker-calendar td {\n      border: 1px solid $white-1;\n      background-color: $dark-theme;\n\n      span,\n      a {\n        color: $white-4;\n      }\n    }\n\n    .ui-datepicker-title,\n    .ui-datepicker-calendar th {\n      color: $white;\n    }\n  }\n\n  .main-datepicker .ui-datepicker .ui-datepicker-calendar th {\n    color: $bg-active;\n  }\n\n  .card--calendar .ui-datepicker .ui-datepicker-header {\n    border-bottom: 1px solid rgba(227, 227, 227, 0.1);\n  }\n\n  .ui-datepicker .ui-datepicker-calendar td a:hover {\n    background-color: $primary;\n    color: $white;\n  }\n\n  .main-calendar {\n    .fc-view > table {\n      background-color: $dark-theme;\n    }\n\n    .fc-head-container .fc-day-header {\n      color: $white;\n    }\n\n    .fc-view {\n      .fc-day-number {\n        color: $white;\n      }\n\n      .fc-other-month {\n        background-color: rgba(40, 92, 247, 0.07);\n      }\n    }\n\n    .fc-content {\n      border-color: $border-dark;\n    }\n  }\n}\n\n.main-calendar .fc-divider {\n  border-color: $border-dark;\n}\n\n.dark-theme .main-calendar {\n  .fc-list-heading td,\n  .fc-list-view,\n  .fc-popover,\n  .fc-row,\n  tbody,\n  td {\n    border-color: $border-dark;\n  }\n}\n\n.main-calendar th {\n  border-color: $border-dark;\n}\n\n.dark-theme {\n  .main-calendar {\n    thead {\n      border-color: $border-dark;\n    }\n\n    .fc-view .fc-day-number {\n      &:hover,\n      &:focus {\n        color: $white;\n        background-color: transparent;\n      }\n    }\n\n    td.fc-today {\n      background-color: $primary;\n    }\n\n    .fc-view > table > {\n      thead {\n        th,\n        td {\n          border-color: $white-1;\n        }\n      }\n\n      tbody > tr > td {\n        border-color: $border-dark;\n      }\n    }\n\n    .fc-header-toolbar button {\n      background-color: #384361;\n      border: 1px solid $border-dark;\n\n      &.fc-state-active {\n        background-color: $primary;\n      }\n    }\n\n    .fc-view {\n      &.fc-listMonth-view .fc-list-item,\n      &.fc-listWeek-view .fc-list-item {\n        background-color: #333d5a;\n      }\n    }\n  }\n\n  .fc-unthemed {\n    .fc-divider,\n    .fc-list-heading td,\n    .fc-popover .fc-header {\n      background: #384361;\n    }\n  }\n\n  .main-calendar .fc-view {\n    &.fc-listMonth-view .fc-list-item-title .fc-desc,\n    &.fc-listWeek-view .fc-list-item-title .fc-desc {\n      color: $white-6;\n    }\n\n    &.fc-listMonth-view .fc-list-item-title a,\n    &.fc-listWeek-view .fc-list-item-title a,\n    &.fc-listMonth-view .fc-list-heading-main span:last-child,\n    &.fc-listWeek-view .fc-list-heading-main span:last-child {\n      color: $white;\n    }\n  }\n\n  .main-contact-info-header .media-body p,\n  .tx-inverse {\n    color: $white-8;\n  }\n\n  .contact-icon:hover {\n    background: $white-1;\n    color: $white;\n  }\n\n  .main-contact-info-header {\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .main-contact-info-body {\n    .media-body {\n      span {\n        color: $white-8;\n      }\n\n      label {\n        color: $white-4;\n      }\n    }\n\n    .media + .media::before {\n      border-top: 1px dotted rgba(226, 232, 245, 0.2);\n    }\n  }\n\n  .main-contact-body {\n    span {\n      color: $white-4;\n    }\n\n    h6 {\n      color: $white-8;\n    }\n  }\n\n  .main-contact-item {\n    &.selected {\n      border-left-color: $primary;\n      border-top-color: $border-dark !important;\n      border-bottom-color: $border-dark !important;\n      background-color: $border-dark;\n    }\n\n    + .main-contact-item {\n      border-top-color: rgba(227, 231, 237, 0.19);\n\n      &::before {\n        border-top: 1px solid rgba(227, 231, 237, 0.05);\n      }\n    }\n\n    &:hover,\n    &:focus {\n      background-color: $border-dark !important;\n      border-top-color: $border-dark;\n      border-bottom-color: $border-dark;\n    }\n  }\n\n  .main-contact-label::after {\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .notifit_confirm,\n  .notifit_prompt {\n    background-color: $dark-theme;\n  }\n\n  .tree {\n    li {\n      a {\n        text-decoration: none;\n        color: $white-6;\n      }\n\n      color: $white-6;\n    }\n\n    ul {\n      li:last-child:before {\n        background: #141432;\n      }\n\n      &:before {\n        border-left-color: rgba(227, 227, 227, 0.2);\n        border-right-color: rgba(227, 227, 227, 0.2);\n      }\n\n      li:before {\n        border-top-color: rgba(227, 227, 227, 0.2);\n      }\n    }\n  }\n\n  .text-muted {\n    color: $white-6 !important;\n  }\n\n  .main-icon-group {\n    color: $white-8;\n  }\n\n  .table thead th {\n    border-bottom: 1px solid $border-dark;\n    border-top: 0 !important;\n    color: $white;\n  }\n\n  .table-hover tbody tr:hover {\n    color: $white;\n    background-color: rgba($white, 0.04) !important;\n  }\n\n  table.dataTable {\n    border: 1px solid $border-dark;\n\n    thead {\n      th,\n      td {\n        color: $white;\n      }\n\n      .sorting_asc,\n      .sorting_desc {\n        background-color: $dark-theme;\n      }\n    }\n  }\n\n  #example-delete.table thead th {\n    border-bottom: 0;\n  }\n\n  .dataTables_wrapper {\n    .dataTables_length,\n    .dataTables_filter,\n    .dataTables_info,\n    .dataTables_processing,\n    .dataTables_paginate {\n      color: $white;\n    }\n\n    .dataTables_filter input {\n      border: 1px solid rgba(226, 232, 245, 0.2);\n    }\n\n    .dataTables_paginate .paginate_button {\n      background-color: transparent;\n    }\n  }\n\n  .page-link {\n    color: $white;\n    background-color: $dark-theme;\n  }\n\n  .dataTables_wrapper .dataTables_paginate {\n    .page-item.disabled .page-link {\n      background-color: $dark-theme;\n      color: #a9abbd;\n    }\n  }\n\n  select option {\n    background: $dark-theme;\n  }\n\n  table.dataTable tbody tr.selected {\n    background: $dark-theme;\n  }\n\n  .example {\n    padding: 1rem;\n    border: 1px solid rgba(225, 230, 241, 0.1);\n  }\n\n  #icon-dismissalerts {\n    .alert-default.alert-dismissible .close {\n      color: $white;\n    }\n  }\n\n  .main-table-reference > {\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\n  pre {\n    color: #dfe1ef;\n    background-color: #141b2d;\n    text-shadow: 0 1px #242266;\n  }\n\n  code.language-markup {\n    background: transparent;\n    border: transparent;\n  }\n\n  .token {\n    color: #dc2a2a;\n\n    &.selector,\n    &.attr-name,\n    &.string,\n    &.char,\n    &.builtin,\n    &.inserted {\n      color: #4e9cf1;\n    }\n\n    &.atrule,\n    &.attr-value,\n    &.keyword {\n      color: #e40dae;\n    }\n\n    &.operator,\n    &.entity,\n    &.url {\n      color: #ecc494;\n      background: $white-1;\n    }\n  }\n\n  .language-css .token.string,\n  &.style .token.string {\n    color: #ecc494;\n    background: $white-1;\n  }\n\n  .clipboard-icon {\n    background: #141b2d;\n    border: 1px solid rgba(225, 230, 241, 0.1);\n  }\n\n  .main-table-reference {\n    > thead > tr > {\n      th,\n      td {\n        background: $dark-theme !important;\n        border: 1px solid rgba(225, 230, 241, 0.1) !important;\n      }\n    }\n\n    background: transparent;\n  }\n\n  .breadcrumb-style .breadcrumb-item a,\n  .breadcrumb-style1 .breadcrumb-item a,\n  .breadcrumb-style2 .breadcrumb-item a,\n  .breadcrumb-style3 .breadcrumb-item a {\n    color: $white-6;\n  }\n\n  .dropdown-item {\n    color: $white-6;\n\n    &:hover,\n    &:focus {\n      background: rgba(255, 255, 255, 0.05);\n    }\n  }\n\n  .dropdown-divider {\n    border-top: 1px solid rgba(227, 231, 237, 0.16);\n  }\n\n  .img-thumbnail {\n    background-color: $white-1;\n    border: 1px solid $border-dark;\n\n    p {\n      color: $white-5;\n      font-size: 13px;\n    }\n  }\n\n  .bd {\n    border-color: $border-dark;\n  }\n\n  .main-nav .nav-link {\n    &:hover,\n    &:focus {\n      color: $white;\n    }\n  }\n\n  .nav-pills .nav-link {\n    color: $white-4;\n\n    &:hover,\n    &:focus {\n      color: $white;\n    }\n\n    &.active {\n      color: $white !important;\n    }\n  }\n\n  .main-nav .nav-link {\n    color: $white-4;\n  }\n\n  .bg-gray-300 {\n    background-color: rgba($white, 0.3);\n  }\n\n  #tab .bg-gray-300 {\n    background-color: #37415f;\n    border-bottom: 1px solid #404563;\n  }\n\n  .nav-tabs .nav-link {\n    &.active,\n    &:hover,\n    &:focus {\n      background-color: $primary;\n      color: $white;\n    }\n\n    color: rgb(255, 255, 255);\n  }\n\n  .popover-static-demo {\n    background-color: $dark-theme;\n  }\n\n  .popover {\n    background-color: $dark-theme;\n    border-color: #3d4152;\n  }\n\n  .popover-body {\n    color: $white-7;\n  }\n\n  .popover-header {\n    color: $white-7;\n    background-color: $dark-theme;\n    border-color: #373e52;\n  }\n\n  .bs-popover-top > .arrow::before,\n  .bs-popover-auto[data-popper-placement^=\"top\"] > .arrow::before {\n    border-top-color: rgb(78, 86, 109);\n  }\n\n  .bs-popover-top > .arrow::after,\n  .bs-popover-auto[data-popper-placement^=\"top\"] > .arrow::after {\n    border-top-color: #373e52;\n  }\n\n  .bs-popover-bottom > .arrow::after,\n  .bs-popover-auto[data-popper-placement^=\"bottom\"] > .arrow::after {\n    border-bottom-color: #373e52;\n  }\n\n  .bs-popover-bottom > .arrow::before,\n  .bs-popover-auto[data-popper-placement^=\"bottom\"] > .arrow::before {\n    border-bottom-color: rgb(78, 86, 109);\n  }\n\n  .bs-popover-left > .arrow::after,\n  .bs-popover-auto[data-popper-placement^=\"left\"] > .arrow::after,\n  .bs-popover-left > .arrow::after,\n  .bs-popover-auto[data-popper-placement^=\"left\"] > .arrow::after {\n    border-left-color: #373e52;\n  }\n\n  .bs-popover-right > .arrow::after,\n  .bs-popover-auto[data-popper-placement^=\"right\"] > .arrow::after {\n    border-right-color: #373e52;\n  }\n\n  .bs-popover-right > .arrow::before,\n  .bs-popover-auto[data-popper-placement^=\"right\"] > .arrow::before {\n    border-right-color: rgb(78, 86, 109);\n  }\n\n  .bs-popover-left > .arrow::before,\n  .bs-popover-auto[data-popper-placement^=\"left\"] > .arrow::before {\n    border-left-color: rgb(78, 86, 109);\n  }\n\n  .bg-gray-200 {\n    background-color: rgba($white, 0.2);\n  }\n\n  .media-body {\n    font-size: 13px;\n    color: $white-8;\n  }\n\n  .bg-gray-100 {\n    background-color: rgba($white, 0.01);\n  }\n\n  .tooltip-static-demo {\n    background-color: $dark-theme;\n  }\n\n  .toast-header {\n    border-bottom-color: rgba(205, 212, 224, 0.2);\n  }\n\n  .toast {\n    background-color: $white-1;\n    border-color: rgba(84, 90, 109, 0.7);\n  }\n\n  .toast-header {\n    color: rgba(255, 255, 255, 0.58);\n    background: $primary-02;\n  }\n\n  .bootstrap-tagsinput {\n    background-color: transparent;\n  }\n\n  .tag {\n    color: $white;\n    background-color: rgba(239, 239, 245, 0.1);\n  }\n\n  .accordion {\n    .card-header a {\n      color: $white;\n      background-color: $dark-theme;\n    }\n\n    .card-body {\n      background-color: $dark-theme;\n    }\n\n    .card-header a.collapsed {\n      &:hover,\n      &:focus {\n        color: $white;\n        background-color: $dark-theme;\n      }\n    }\n  }\n\n  .modal-content {\n    background-color: $dark-theme;\n    border: 1px solid rgba(255, 255, 255, 0.18);\n  }\n\n  .modal-header {\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .modal-title {\n    color: $white;\n  }\n\n  .modal-footer {\n    border-top: 1px solid $border-dark;\n  }\n\n  .modal-content-demo .modal-body h6 {\n    color: $white;\n  }\n\n  .vtimeline {\n    .timeline-wrapper {\n      .timeline-panel {\n        background: rgba($white, 0.05);\n        box-shadow: 0 8px 16px 0 rgba(47, 53, 84, 0.24);\n      }\n\n      &.timeline-inverted .timeline-panel:after {\n        border-right: 14px solid #353949;\n        border-left: 0 solid $dark-theme;\n      }\n\n      .timeline-panel:after {\n        border-left: 14px solid #353949;\n        border-right: 0 solid $dark-theme;\n      }\n    }\n\n    &:before {\n      background-color: #1d1d2a;\n    }\n  }\n\n  .timeline-body {\n    color: $white-6;\n  }\n\n  .sweet-alert {\n    background-color: $dark-theme;\n\n    h2 {\n      color: $white;\n    }\n  }\n\n  .btn-outline-light {\n    border-color: #595e6d;\n    color: #97a3b9;\n\n    &:hover,\n    &:focus {\n      background-color: rgba(255, 255, 255, 0.05);\n      border: 1px solid #595e6d !important;\n      box-shadow: none !important;\n      color: $white !important;\n    }\n  }\n\n  .main-content-body-profile .nav {\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .card-body + .card-body {\n    border-top: 1px solid $border-dark;\n  }\n\n  .rating-stars {\n    input {\n      color: $white;\n      background-color: $dark-theme;\n      border: 1px solid rgba(234, 237, 241, 0.1);\n    }\n\n    .rating-stars-container .rating-star {\n      color: #2e3954;\n\n      &.is--active,\n      &.is--hover {\n        color: #f1c40f !important;\n      }\n    }\n  }\n\n  .br-theme-bars-horizontal .br-widget a {\n    &.br-active,\n    &.br-selected {\n      background-color: $primary !important;\n    }\n  }\n\n  .br-theme-bars-pill .br-widget a {\n    &.br-active,\n    &.br-selected {\n      background-color: $primary !important;\n      color: white;\n    }\n  }\n\n  .br-theme-bars-1to10 .br-widget a,\n  .br-theme-bars-movie .br-widget a,\n  .br-theme-bars-horizontal .br-widget a {\n    background-color: $primary-02;\n  }\n\n  .br-theme-bars-1to10 .br-widget a {\n    &.br-active,\n    &.br-selected {\n      background-color: $primary !important;\n    }\n  }\n\n  .br-theme-bars-movie .br-widget a {\n    &.br-active,\n    &.br-selected {\n      background-color: $primary !important;\n    }\n  }\n\n  .br-theme-bars-square .br-widget a {\n    border: 2px solid #4f576f;\n    background-color: $dark-theme;\n    color: #8694a5;\n\n    &.br-active,\n    &.br-selected {\n      border: 2px solid $primary;\n      color: $primary;\n    }\n  }\n\n  .br-theme-bars-pill .br-widget a {\n    background-color: $primary-02;\n  }\n\n  .custom-file-label {\n    color: $white-7;\n    background-color: rgba(255, 255, 255, 0.07);\n    border: 1px solid rgba(255, 255, 255, 0.07);\n\n    &::after {\n      color: $white;\n      background-color: $primary;\n      border: 1px solid $primary;\n    }\n  }\n\n  .input-group-text {\n    color: rgb(230, 226, 226);\n    background-color: $primary-02;\n    border: 1px solid $border-dark;\n  }\n\n  .sp-replacer {\n    border-color: rgba(255, 255, 255, 0.12);\n    background-color: #2d3653;\n\n    &:hover,\n    &:focus {\n      border-color: $white-2;\n    }\n  }\n\n  .sp-container {\n    background-color: $dark-theme;\n    border-color: rgba(226, 232, 245, 0.2);\n  }\n\n  .select2-container--default {\n    &.select2-container--focus .select2-selection--multiple {\n      border-color: $white-1;\n      background: $white-1;\n    }\n\n    .select2-selection--multiple {\n      background-color: $white-1 !important;\n      border-color: $white-1;\n      background-color: $white-1 !important;\n      color: $white;\n      border-color: $white-1;\n      background-color: $white-1 !important;\n      border-color: $white-1;\n    }\n\n    &.select2-container--disabled .select2-selection--multiple {\n      background-color: $white-1 !important;\n    }\n  }\n\n  .SumoSelect {\n    > {\n      .CaptionCont {\n        border: 1px solid rgba(225, 230, 241, 0.1);\n        color: #99a6b7;\n        background-color: $dark-theme;\n      }\n\n      .optWrapper {\n        background: $dark-theme;\n        border: 1px solid rgba(234, 234, 236, 0.15);\n        box-shadow: 0 2px 17px 2px rgb(7, 4, 86);\n      }\n    }\n\n    .select-all {\n      border-bottom: 1px solid rgba(234, 234, 236, 0.15);\n      background-color: $dark-theme;\n    }\n\n    > .optWrapper > {\n      .options li.opt {\n        border-bottom: 1px solid rgba(234, 234, 236, 0.15);\n      }\n\n      .MultiControls {\n        border-top: 1px solid rgba(234, 234, 236, 0.15);\n        background-color: $dark-theme;\n      }\n    }\n\n    &.open > .optWrapper {\n      box-shadow: 0 2px 17px 2px rgb(28, 33, 64);\n    }\n\n    > .optWrapper {\n      > .options li.opt:hover {\n        background-color: rgba(244, 245, 245, 0.1);\n      }\n\n      &.multiple > .options li.opt span i {\n        border: 1px solid $white-1;\n        background-color: $white-1;\n      }\n    }\n\n    .select-all > span i {\n      border: 1px solid $white-1;\n      background-color: $white-1;\n    }\n  }\n\n  .dropify-wrapper {\n    background-color: $dark-theme;\n    border: 1px solid rgba(239, 242, 247, 0.07);\n    color: $white;\n\n    .dropify-preview {\n      background-color: $white-1;\n    }\n\n    &:hover {\n      background-image: -webkit-linear-gradient(\n        135deg,\n        rgba(250, 251, 254, 0.05) 25%,\n        transparent 25%,\n        transparent 50%,\n        rgba(250, 251, 254, 0.1) 50%,\n        rgba(250, 251, 254, 0.1) 75%,\n        transparent 75%,\n        transparent\n      );\n      background-image: linear-gradient(\n        -45deg,\n        rgba(250, 251, 254, 0.1) 25%,\n        transparent 25%,\n        transparent 50%,\n        rgba(250, 251, 254, 0.1) 50%,\n        rgba(250, 251, 254, 0.1) 75%,\n        transparent 75%,\n        transparent\n      );\n      -webkit-animation: stripes 2s linear infinite;\n      animation: stripes 2s linear infinite;\n    }\n  }\n\n  .ff_fileupload_wrap .ff_fileupload_dropzone {\n    border: 2px dashed #5e6882;\n    background-color: $dark-theme;\n    background-image: url(../plugins/fancyuploder/fancy_upload-dark.png);\n\n    &:hover,\n    &:focus,\n    &:active {\n      background-color: $white-1;\n      border-color: $white-1;\n    }\n  }\n\n  .main-form-group {\n    border: 1px solid $border-dark;\n\n    .form-control {\n      padding: 0 15px;\n    }\n  }\n\n  .parsley-style-1 {\n    .parsley-input.parsley-error .form-control,\n    .parsley-checkbox.parsley-error,\n    .parsley-select.parsley-error\n      .select2-container--default\n      .select2-selection--single {\n      background-color: #141b2d;\n    }\n\n    .wizard > .actions .disabled a {\n      background-color: #ffffff;\n      border-radius: 3px;\n    }\n  }\n\n  .wizard {\n    border: 1px solid $border-dark;\n    background-color: $dark-theme;\n\n    > {\n      .content {\n        > .title {\n          color: $white;\n        }\n\n        border-top: 1px solid $border-dark;\n        border-bottom: 1px solid $border-dark;\n      }\n    }\n  }\n\n  #wizard3.wizard.vertical > .content {\n    border-top: 0;\n    border-bottom: 0;\n  }\n\n  .ql-scrolling-demo {\n    border: 1px solid $white-1;\n\n    .ql-container .ql-editor {\n      color: $white-8;\n    }\n  }\n\n  .ql-snow {\n    .ql-picker-label {\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      background-color: rgba($white, 0.1);\n    }\n\n    .ql-stroke {\n      stroke: $white-8;\n    }\n\n    .ql-editor,\n    &.ql-toolbar button {\n      color: $white-8;\n    }\n\n    .ql-picker {\n      color: $white-5;\n    }\n\n    &.ql-toolbar {\n      border: 1px solid $white-1;\n    }\n\n    &.ql-container {\n      border-color: $white-1;\n    }\n\n    .ql-picker-options {\n      background-color: $dark-theme;\n    }\n  }\n\n  .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n    border-color: #545b6d;\n  }\n\n  #modalQuill .modal-header {\n    border-bottom: 0;\n  }\n\n  .main-profile-work-list .media-body {\n    h6 {\n      color: $white;\n    }\n\n    p {\n      color: $white-4;\n    }\n  }\n\n  .main-mail-star.active {\n    color: #ffbd5a;\n  }\n\n  .sub-slide-menu .sub-side-menu__item.active {\n    color: $primary;\n  }\n\n  .main-profile-contact-list .media-body {\n    div {\n      color: $white-6;\n    }\n\n    span {\n      color: $white;\n    }\n  }\n\n  .plan-icon {\n    border: 1px solid rgba(245, 246, 251, 0.1);\n    background: rgba(245, 246, 251, 0.1);\n  }\n\n  .bg-success-transparent {\n    background-color: rgba($success, 0.17) !important;\n  }\n\n  .bg-primary-transparent {\n    background-color: $primary-02 !important;\n  }\n\n  .bg-secondary-transparent {\n    background-color: rgba($secondary, 0.2) !important;\n  }\n\n  .bg-warning-transparent {\n    background-color: rgba($warning, 0.1) !important;\n  }\n\n  .bg-pink-transparent {\n    background-color: rgba($pink, 0.1) !important;\n  }\n\n  .bg-teal-transparent {\n    background-color: rgba($teal, 0.12) !important;\n  }\n\n  .bg-purple-transparent {\n    background-color: rgba($purple, 0.1) !important;\n  }\n\n  .bg-danger-transparent {\n    background-color: rgba($danger, 0.1) !important;\n  }\n\n  .main-profile-name,\n  .main-profile-body .media-body h6 {\n    color: #fbfcff;\n  }\n\n  .main-profile-social-list .media-body a {\n    color: $white;\n    opacity: 0.5;\n  }\n\n  .profile-footer a {\n    background: #141b2d;\n    color: $white;\n  }\n\n  .billed-from h6 {\n    color: #f4f5f8;\n  }\n\n  .invoice-title {\n    color: rgb(225, 225, 225);\n  }\n\n  .main-invoice-list {\n    .media-body h6 {\n      color: $white;\n    }\n\n    .selected {\n      background-color: rgba(244, 245, 248, 0.1);\n      border-top-color: 1px dotted $border-dark;\n      border-bottom-color: $border-dark;\n      border-left-color: $primary;\n    }\n\n    .media {\n      + .media::before {\n        border-top: 1px dotted transparent;\n      }\n\n      border: 1px dotted $border-dark;\n\n      &:hover,\n      &:focus {\n        background-color: rgba(244, 245, 248, 0.1);\n      }\n    }\n\n    .media-body p {\n      color: #9da5b5;\n\n      span {\n        color: #cbcfd8;\n      }\n    }\n  }\n\n  .table-invoice tbody > tr > th:first-child .invoice-notes p {\n    color: $white-6;\n  }\n}\n\n@media (max-width: 991px) {\n  .dark-theme .vtimeline .timeline-wrapper .timeline-panel:after {\n    border-right: 14px solid #353949 !important;\n    border-left: 0 solid #141b2d !important;\n  }\n}\n\n@media (min-width: 576px) {\n  .dark-theme .wizard.vertical > {\n    .content,\n    .actions {\n      border-left-color: $border-dark;\n      border-right-color: $border-dark;\n    }\n  }\n}\n\n.table-invoice tbody > tr > td:first-child .invoice-notes p {\n  color: $white-6;\n}\n\n.dark-theme {\n  .table-invoice tbody > tr > {\n    th:first-child,\n    td:first-child {\n      color: $white-6;\n    }\n  }\n\n  .billed-from p,\n  .billed-to p {\n    color: $white-5;\n  }\n\n  .card-invoice .tx-gray-600 {\n    color: #eef0f3;\n  }\n\n  .billed-to h6 {\n    color: #d3d8e2;\n  }\n\n  .invoice-info-row {\n    + .invoice-info-row {\n      border-top: 1px dotted rgba(226, 232, 245, 0.15);\n    }\n\n    span:first-child {\n      color: $white-3;\n    }\n  }\n\n  .main-invoice-list {\n    border-top: 1px solid $border-dark;\n  }\n\n  .card-category {\n    background: rgba(239, 242, 246, 0.1);\n  }\n\n  .pricing-card .list-unstyled li {\n    border-bottom: 1px solid rgba(234, 237, 241, 0.1);\n  }\n\n  .price {\n    &.panel-color > .panel-body,\n    .panel-footer {\n      background-color: rgb(38, 50, 78);\n    }\n  }\n\n  .pricing .list-unstyled li {\n    border-bottom: 1px solid rgba(234, 237, 241, 0.1);\n  }\n\n  .card--events .list-group-item h6 {\n    color: $white-6;\n  }\n\n  .rdiobox span:before {\n    background-color: #141b2d;\n    border: 1px solid #4a5677;\n  }\n\n  .colorinput-color {\n    border: 1px solid rgba(234, 240, 247, 0.2);\n  }\n\n  .nice-select {\n    .list {\n      background-color: $dark-theme;\n      -webkit-box-shadow: 0px 0px 15px 1px rgb(4, 17, 56);\n      box-shadow: 0px 0px 15px 1px rgb(4, 17, 56);\n    }\n\n    .option {\n      &:hover,\n      &.focus,\n      &.selected.focus {\n        background-color: rgba(237, 239, 245, 0.1);\n      }\n    }\n  }\n\n  .item-card {\n    .cardtitle a {\n      color: #fefefe;\n    }\n\n    .cardprice span {\n      color: #dfe5ec;\n    }\n  }\n\n  .bd-b {\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .bd-r {\n    border-right: 1px solid $border-dark;\n  }\n\n  .bd-t {\n    border-top: 1px solid $border-dark;\n  }\n\n  .bd-l {\n    border-left: 1px solid $border-dark;\n  }\n\n  .bd-y {\n    border-top: 1px solid $border-dark;\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .bd-x {\n    border-left: 1px solid $border-dark;\n    border-right: 1px solid $border-dark;\n  }\n\n  .bg-gray-500 {\n    background-color: rgba(151, 163, 185, 0.2);\n  }\n\n  .bg-gray-400 {\n    background-color: rgba($white, 0.4);\n  }\n\n  .main-card-signin {\n    background-color: transparent;\n    border: 0px solid rgba(227, 227, 227, 0.1);\n  }\n\n  .main-signin-header h4 {\n    color: $white;\n  }\n\n  .main-signin-footer a {\n    color: $white-8;\n  }\n\n  .main-signup-footer a {\n    color: $white;\n  }\n\n  .construction .btn.btn-icon {\n    border: 1px solid rgba(221, 230, 241, 0.1);\n  }\n}\n\n.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {\n  width: 2px;\n}\n\n.dark-theme {\n  .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {\n    background-color: #3b4563 !important;\n  }\n\n  .horizontalMenucontainer {\n    .desktop-logo,\n    .desktop-logo-dark {\n      display: none;\n    }\n  }\n\n  .desktop-dark {\n    display: block !important;\n  }\n}\n\n.dark-theme.sidenav-toggled .desktop-dark {\n  display: none !important;\n}\n\n.dark-theme.sidenav-toggled-open .desktop-dark {\n  display: block !important;\n}\n\n@media (min-width: 992px) {\n  .dark-theme.sidebar-mini.sidenav-toggled {\n    .main-sidebar-header {\n      .icon-light .logo-icon {\n        display: none;\n        height: 2.5rem;\n      }\n\n      .icon-dark .logo-icon.dark-theme {\n        display: block;\n        height: 2.5rem;\n      }\n    }\n\n    &.sidenav-toggled1 .main-sidebar-header .logo-light .main-logo {\n      display: none;\n    }\n  }\n}\n\n@media (max-width: 991px) and (min-width: 568px) {\n  .dark-theme .horizontalMenucontainer .desktop-dark {\n    margin-left: 2rem !important;\n  }\n}\n\n@media (max-width: 598px) {\n  .dark-theme {\n    .horizontalMenucontainer .desktop-logo-dark {\n      display: none;\n      margin-left: 2.5rem;\n      height: 2.5rem;\n    }\n\n    .main-header-left .header-brand {\n      top: 12px;\n    }\n  }\n}\n\n@media (max-width: 991px) {\n  .dark-theme {\n    .animated-arrow span {\n      background: $white;\n\n      &:before,\n      &:after {\n        background: $white;\n      }\n    }\n\n    &.active .animated-arrow span {\n      background-color: transparent;\n    }\n  }\n}\n\n.dark-theme {\n  .sidebar {\n    background: $dark-theme;\n  }\n\n  .main-calendar.fc-list-empty {\n    background-color: $dark-theme;\n    border: 1px solid #141b2d;\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: $white;\n    }\n  }\n}\n\n.dark-theme {\n  .breadcrumb {\n    background-color: $border-dark;\n  }\n\n  table.dataTable {\n    > tbody > tr.child ul.dtr-details > li {\n      border-bottom: 1px solid rgba(239, 239, 239, 0.1);\n    }\n\n    &.dtr-inline.collapsed > tbody > tr[role=\"row\"] > td:first-child::before {\n      background-color: $primary;\n    }\n  }\n}\n\n/*----- Horizontal-menu -----*/\n\n.dark-theme {\n  .horizontal-main.hor-menu {\n    background: $dark-theme;\n    border-bottom: 1px solid rgba(213, 216, 226, 0.1);\n    border-top: 0;\n    box-shadow: 0 0.15rem 1.75rem 0 #0e0f2e;\n  }\n\n  .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {\n    color: $primary;\n    background: transparent;\n  }\n\n  .horizontalMenu > .horizontalMenu-list > li > a {\n    color: #bfc8de;\n  }\n\n  .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover {\n    color: $primary;\n    background: transparent;\n  }\n\n  .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {\n    border: 1px solid rgba(231, 234, 243, 0.1);\n\n    > li > a {\n      color: $white-5;\n    }\n  }\n\n  .sub-menu li a:before {\n    border-color: $white-5;\n  }\n\n  .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {\n    .sub-menu-sub:after {\n      color: $white-8;\n    }\n\n    > li > ul.sub-menu {\n      background-color: $dark-theme;\n      box-shadow: 0 8px 16px 0 rgba(8, 13, 25, 0.4);\n      border: none;\n\n      > li > a {\n        color: $white-5;\n\n        &:hover {\n          color: $primary !important;\n        }\n      }\n    }\n  }\n\n  .mega-menubg {\n    background: $dark-theme;\n    box-shadow: 0 8px 16px 0 rgba(9, 17, 33, 0.4);\n    border: 1px solid rgba(231, 234, 243, 0.1);\n  }\n\n  .hor-menu\n    .horizontalMenu\n    > .horizontalMenu-list\n    > li\n    > .horizontal-megamenu\n    .link-list\n    li\n    a {\n    background: transparent;\n    color: $white-6;\n  }\n\n  .mega-menubg.hor-mega-menu h3 {\n    color: $white;\n  }\n\n  .main-profile-menu .dropdown-item + .dropdown-item {\n    border-top: 1px solid rgba(226, 234, 249, 0.2);\n  }\n\n  .rating-scroll h6 {\n    color: $white;\n  }\n\n  .latest-tasks .nav-link {\n    &.active,\n    &:hover,\n    &:focus {\n      background: transparent;\n      color: $primary;\n    }\n  }\n\n  .main-calendar .fc-list-empty {\n    background-color: $dark-theme;\n    border: 1px solid #384361;\n  }\n\n  .card.bg-info-transparent {\n    background: rgba(23, 162, 184, 0.2) !important;\n  }\n\n  .form-control::placeholder {\n    color: rgba(212, 218, 236, 0.4) !important;\n    opacity: 1;\n  }\n\n  .header-icon,\n  .main-header-message .nav-link i,\n  .main-header-notification .nav-link i,\n  .nav-item.full-screen .nav-link i,\n  .sales-flot .flot-chart .flot-x-axis > div span:last-child,\n  .p-text .p-name {\n    color: #a9abbd;\n  }\n\n  .hor-menu\n    .horizontalMenu\n    > .horizontalMenu-list\n    > li\n    > ul.sub-menu\n    > li\n    > a.active {\n    color: $primary;\n  }\n\n  .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {\n    color: #696af1;\n    color: $primary;\n  }\n\n  .hor-menu\n    .horizontalMenu\n    > .horizontalMenu-list\n    > li\n    > .horizontal-megamenu\n    .link-list\n    li\n    a.active {\n    color: $primary !important;\n  }\n\n  .sidebar {\n    .tab-menu-heading {\n      background: rgba(255, 255, 255, 0.05);\n    }\n\n    .tabs-menu ul li {\n      a {\n        border: 1px solid rgba(220, 231, 245, 0.1);\n        background: $primary-02;\n        color: $white;\n      }\n\n      .active {\n        background: $primary;\n        color: $white;\n        border: 1px solid $primary;\n      }\n    }\n  }\n\n  .datepicker > {\n    .datepicker_inner_container > {\n      .datepicker_calendar,\n      .datepicker_timelist {\n        background-color: $dark-theme;\n      }\n    }\n\n    .datepicker_header {\n      background-color: $dark-theme;\n      color: $white;\n    }\n  }\n\n  .main-datetimepicker {\n    > .datepicker_inner_container > {\n      .datepicker_calendar th {\n        color: #fcfdff;\n      }\n\n      .datepicker_timelist {\n        border-left: 1px solid $white-1;\n\n        > div.timelist_item {\n          &:hover,\n          &:focus {\n            background-color: #323850;\n          }\n        }\n      }\n    }\n\n    border: 1px solid $white-1;\n  }\n\n  .datepicker\n    > .datepicker_inner_container\n    > .datepicker_timelist\n    > div.timelist_item.hover {\n    color: $white;\n    background-color: #26324c;\n  }\n\n  .datetimepicker {\n    .datetimepicker-days table thead tr:last-child th {\n      color: $white;\n    }\n\n    table {\n      th.dow {\n        background: $dark-theme;\n      }\n\n      td.old {\n        color: #7a82af;\n      }\n    }\n  }\n}\n\n@media (max-width: 991px) {\n  .dark-theme {\n    .horizontalMenu > .horizontalMenu-list {\n      background: $dark-theme;\n\n      > li > a {\n        border-bottom-color: rgba(231, 234, 243, 0.1);\n      }\n    }\n\n    .hor-menu .horizontalMenu > .horizontalMenu-list > li {\n      > a {\n        border-radius: 0;\n      }\n\n      &:hover .sub-icon {\n        color: $primary;\n        background: $dark-theme;\n        border-bottom: 1px solid rgba(231, 234, 243, 0.1);\n      }\n\n      &:hover .side-menu__icon {\n        fill: #7c52ca;\n      }\n    }\n\n    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {\n      li:hover > a {\n        background-color: transparent;\n        color: #7c52ca !important;\n      }\n\n      > li > {\n        a:hover:before {\n          border-color: #eef0f7;\n        }\n\n        ul.sub-menu > li > a:hover {\n          color: $white !important;\n          background-color: rgba(231, 231, 231, 0.1);\n        }\n      }\n    }\n\n    .hor-menu\n      .horizontalMenu\n      > .horizontalMenu-list\n      > li\n      > .horizontal-megamenu\n      .link-list\n      li:hover\n      a {\n      &:before {\n        border-color: #eef0f7 !important;\n        color: $white !important;\n      }\n    }\n\n    .mega-menubg li a:before {\n      border-color: #8594ad;\n    }\n\n    .horizontalMenu\n      > .horizontalMenu-list\n      > li\n      > ul.sub-menu\n      .sub-menu-sub:after {\n      display: none;\n    }\n\n    .mega-menubg {\n      background: $dark-theme !important;\n    }\n\n    .hor-menu\n      .horizontalMenu\n      > .horizontalMenu-list\n      > li\n      > .horizontal-megamenu\n      .link-list\n      li\n      a {\n      background: $dark-theme !important;\n      color: #8291af !important;\n    }\n  }\n}\n\n@media (min-width: 578px) {\n  .dark-theme {\n    .desktop-logo.logo-light .main-logo {\n      display: none;\n    }\n\n    .logo-icon.mobile-logo.icon-light .logo-icon {\n      display: none !important;\n\n      &.dark-theme {\n        display: none !important;\n      }\n    }\n\n    .desktop-logo.logo-dark .main-logo.dark-theme {\n      display: block !important;\n    }\n  }\n\n  .dark-theme.sidenav-toggled .desktop-logo.logo-dark .main-logo.dark-theme {\n    display: none !important;\n  }\n}\n\n@media (max-width: 578px) {\n  .dark-theme {\n    .desktop-logo.logo-light .main-logo {\n      display: none;\n    }\n\n    .logo-icon.mobile-logo {\n      &.icon-light {\n        display: none !important;\n\n        .logo-icon.dark-theme {\n          display: block !important;\n        }\n      }\n\n      &.icon-dark {\n        display: block !important;\n      }\n    }\n  }\n}\n\n.dark-theme.sidenav-toggled.sidenav-toggled-open\n  .desktop-logo.logo-dark\n  .main-logo.dark-theme {\n  display: block !important;\n}\n\n.dark-theme.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open\n  .desktop-logo.logo-dark {\n  display: block !important;\n}\n\n.datetimepicker table td.new {\n  color: #7a82af;\n}\n\n.dark-theme .datetimepicker table {\n  td {\n    background: transparent;\n    color: $white;\n  }\n\n  th.prev {\n    background-color: transparent;\n    color: $white;\n  }\n}\n\n.dark-theme .datetimepicker table th {\n  &.next,\n  &.switch {\n    background-color: transparent;\n    color: $white;\n  }\n}\n\n.dark-theme .datetimepicker table th.prev:hover,\n.datetimepicker table th.prev:focus {\n  background-color: $dark-theme;\n}\n\n.dark-theme .datetimepicker table th {\n  &.next {\n    &:hover,\n    &:focus {\n      background-color: $dark-theme;\n    }\n  }\n\n  &.prev span::before,\n  &.next span::before {\n    color: $white;\n  }\n\n  &.switch:hover {\n    background-color: $dark-theme;\n    color: #5965f9;\n  }\n}\n\n.datetimepicker table th.switch:focus {\n  background-color: $dark-theme;\n  color: #5965f9;\n}\n\n.dark-theme {\n  .main-datetimepicker\n    > .datepicker_inner_container\n    > .datepicker_calendar\n    td.hover {\n    background-color: $primary;\n  }\n\n  .iti__selected-flag {\n    border-right: 1px solid rgba(225, 230, 241, 0.1);\n  }\n\n  .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {\n    background-color: $dark-theme;\n  }\n\n  .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {\n    background: $dark-theme;\n  }\n\n  .dashboard-carousel .btn-icons {\n    background: rgba(239, 242, 246, 0.2) !important;\n    color: $white;\n  }\n\n  .slide.dashboard-carousel:hover {\n    background: transparent;\n  }\n\n  .btn-light {\n    &:focus,\n    &.focus {\n      box-shadow: 0 0 0 0.2rem rgba(165, 175, 191, 0.5);\n    }\n\n    &:not(:disabled):not(.disabled) {\n      &:active,\n      &.active {\n        color: $white;\n        background-color: $border-dark;\n        border-color: rgba(189, 198, 214, 0.2);\n      }\n    }\n  }\n\n  .show > .btn-light.dropdown-toggle {\n    color: $white;\n    background-color: $border-dark;\n    border-color: rgba(189, 198, 214, 0.2);\n  }\n\n  .modal-dialog {\n    box-shadow: none;\n  }\n\n  .email-media .media-body {\n    small {\n      color: rgb(255, 255, 255);\n    }\n\n    .media-title {\n      color: rgb(255, 255, 255);\n      font-size: 15px;\n    }\n  }\n\n  .page-item.disabled .page-link {\n    color: $white;\n    background: #141b2d;\n  }\n\n  .demo-gallery .pagination {\n    border: 0;\n  }\n\n  .chat {\n    .msg_cotainer,\n    .msg_cotainer_send {\n      background-color: rgba(255, 255, 255, 0.2);\n    }\n\n    .dropdown-menu li {\n      &:hover {\n        color: $primary;\n        background: rgba(238, 238, 247, 0.06);\n      }\n\n      padding: 7px;\n      color: #dde2e8;\n    }\n  }\n\n  .latest-tasks .tasks .span {\n    color: $white;\n  }\n\n  .list-group-item-action {\n    color: $white-6;\n  }\n\n  .list-group-item.active {\n    color: $white;\n  }\n\n  .list-group-item-success {\n    color: #1f5c01;\n    background-color: #c8e9b8;\n  }\n\n  .list-group-item-info {\n    color: #0c5460;\n    background-color: #bee5eb;\n  }\n\n  .list-group-item-warning {\n    color: #856404;\n    background-color: #ffeeba;\n  }\n\n  .list-group-item-danger {\n    color: #721c24;\n    background-color: #f5c6cb;\n  }\n\n  .bg-danger {\n    background-color: $danger !important;\n  }\n\n  .bg-primary {\n    background-color: $primary !important;\n  }\n\n  .bg-secondary {\n    background-color: $secondary !important;\n  }\n\n  .bg-gray-800 {\n    background-color: $primary-02 !important;\n  }\n\n  .bg-success {\n    background-color: $success !important;\n  }\n\n  .bg-info {\n    p.card-text {\n      color: $black;\n    }\n  }\n\n  .main-content-body.main-content-body-contacts .media-body h5 {\n    color: $white;\n  }\n\n  .table-striped tbody tr:nth-of-type(2n + 1) {\n    background-color: $dark-theme;\n  }\n\n  .dataTables_wrapper .dataTables_filter input {\n    color: $white;\n\n    &::placeholder {\n      color: rgba(212, 218, 236, 0.4) !important;\n    }\n  }\n\n  .dataTables_paginate .page-link {\n    background: transparent;\n  }\n\n  .iti__divider {\n    border-bottom: 1px solid rgba(189, 198, 214, 0.2);\n  }\n\n  .iti__country.iti__highlight {\n    background-color: $dark-theme;\n  }\n\n  .iti__country-list {\n    background-color: $dark-theme;\n    box-shadow: 0 8px 16px 0 rgb(44, 50, 82);\n  }\n\n  .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {\n    background-color: #414565;\n  }\n\n  .price.panel-color > .panel-body {\n    background-color: #1f2940;\n    border: 1px solid rgba(234, 237, 241, 0.1);\n    border-bottom: 0;\n    border-top: 0;\n  }\n\n  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {\n    background-color: transparent;\n    color: $white;\n\n    &:hover,\n    &:focus {\n      background-color: transparent;\n      color: $white;\n    }\n  }\n\n  .main-nav-line .nav-link.active {\n    color: $white;\n    background-color: rgba($white, 0.05);\n  }\n\n  .datetimepicker table {\n    background: transparent;\n  }\n}\n\n.dark-theme .dataTables_paginate .pagination .page-link {\n  border: 1px solid rgba(205, 215, 239, 0.15);\n}\n\n@media only screen and (max-width: 991px) {\n  .dark-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {\n    background-color: $dark-theme;\n    border: none;\n  }\n\n  .dark-theme .main-header {\n    box-shadow: 0 0 10px rgba(5, 6, 9, 0.8) !important;\n  }\n}\n\n@media only screen and (min-width: 992px) {\n  .dark-theme {\n    .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover {\n      color: $primary;\n      background: transparent;\n    }\n\n    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {\n      background: $dark-theme;\n      box-shadow: 0 8px 16px 0 rgba(9, 17, 33, 0.4);\n    }\n\n    .main-header {\n      background: $dark-theme;\n      border-bottom: 1px solid $border-dark;\n      box-shadow: none;\n    }    \n    &.horizontal {\n      .main-sidemenu .slide-left,\n      .main-sidemenu .slide-right {\n        background-color: $dark-theme;\n      }\n    }\n  }\n}\n\n@media (min-width: 992px) {\n  .dark-theme .main-content-left-contacts {\n    border-right: 1px solid $border-dark;\n  }\n}\n\n@media (min-width: 576px) {\n  .dark-theme .main-calendar .fc-header-toolbar button {\n    color: $white;\n  }\n}\n\n@media (max-width: 575px) {\n  .dark-theme .main-calendar .fc-header-toolbar .fc-left button {\n    color: $white;\n\n    &.fc-today-button {\n      color: $black;\n    }\n  }\n}\n\n@media (max-width: 605px) {\n  .dark-theme .fc-view,\n  .fc-view > table {\n    border: 1px solid rgba(226, 232, 245, 0.2);\n  }\n}\n\n.dark-theme {\n  .chat {\n    abbr.timestamp,\n    .msg_time,\n    .msg_time_send {\n      color: $white;\n    }\n  }\n\n  .nav-tabs {\n    border-bottom: 1px solid rgba(226, 232, 245, 0.2);\n  }\n\n  .nav-tabs .nav-link.active {\n    border-color: rgba(226, 232, 245, 0.2);\n  }\n}\n\n.dark-theme {\n  .page-link {\n    border: 1px solid rgba(226, 232, 245, 0.2);\n  }\n\n  .popover-head-primary .popover-header {\n    color: $white !important;\n    background-color: $primary !important;\n  }\n\n  .popover-head-secondary {\n    .popover-header {\n      color: $white !important;\n      background-color: $primary !important;\n    }\n\n    &.bs-popover-bottom .arrow::after,\n    &.bs-popover-auto[data-popper-placement^=\"bottom\"] .arrow::after {\n      border-bottom-color: $primary !important;\n    }\n  }\n\n  .popover-primary .popover-header,\n  .popover-secondary .popover-header {\n    background-color: transparent !important;\n    color: $white !important;\n  }\n\n  .popover-primary {\n    &.bs-popover-top .arrow::after,\n    &.bs-popover-auto[data-popper-placement^=\"top\"] .arrow::after {\n      border-top-color: $primary !important;\n    }\n  }\n\n  .popover-secondary {\n    &.bs-popover-bottom .arrow::after,\n    &.bs-popover-auto[data-popper-placement^=\"bottom\"] .arrow::after {\n      border-bottom-color: $primary !important;\n    }\n  }\n}\n\n.dark-theme .gray-set {\n  .bg-transparent {\n    background-color: transparent !important;\n  }\n\n  .bg-gray-100 {\n    background-color: $gray-100 !important;\n  }\n\n  .bg-gray-200 {\n    background-color: $gray-200 !important;\n  }\n\n  .bg-gray-300 {\n    background-color: $gray-300 !important;\n  }\n\n  .bg-gray-400 {\n    background-color: $gray-400 !important;\n  }\n\n  .bg-gray-500 {\n    background-color: $gray-500 !important;\n  }\n\n  .bg-gray-600 {\n    background-color: $gray-600 !important;\n  }\n\n  .bg-gray-700 {\n    background-color: $gray-700 !important;\n  }\n\n  .bg-gray-800 {\n    background-color: $gray-800 !important;\n  }\n\n  .bg-gray-900 {\n    background-color: $gray-900 !important;\n  }\n}\n\n.dark-theme .main-card-signin {\n  box-shadow: none;\n}\n\n.dark-theme .page-item.disabled .page-link {\n  border-color: #4c576f;\n  background: $dark-theme;\n}\n\n.dark-theme .ps > .ps__rail-y {\n  background-color: transparent;\n}\n\n.dark-theme .app-sidebar .ps > .ps__rail-y {\n  background-color: transparent;\n}\n\n.dark-theme .slide.is-expanded .side-menu__icon,\n.dark-theme .slide.is-expanded .angle {\n  color: $primary !important;\n}\n\n.dark-theme .close-toggle {\n  color: $white !important;\n}\n\n.dark-theme .slide.is-expanded .side-menu__label,\n.dark-theme .slide.is-expanded .side-menu__icon,\n.dark-theme .slide.is-expanded .angle {\n  color: #a9abbd !important;\n}\n\n.dark-theme .slide-item.active,\n.dark-theme .slide-item:hover,\n.dark-theme .slide-item:focus {\n  color: $primary !important;\n}\n\n.dark-theme .side-menu .slide.active .side-menu__label,\n.dark-theme .side-menu .slide.active .side-menu__icon {\n  color: $primary !important;\n}\n\n.dark-theme .slide:hover .side-menu__label,\n.dark-theme .slide:hover .angle,\n.dark-theme .slide:hover .side-menu__icon {\n  color: $primary;\n}\n\n.dark-theme .card.bg-primary-gradient {\n  background-image: linear-gradient(\n    to left,\n    $primary 0%,\n    $primary-05 100%\n  ) !important;\n}\n\n.dark-theme .card.bg-secondary-gradient {\n  background-image: linear-gradient(\n    to right,\n    #f714c2 0%,\n    #b9309a 100%\n  ) !important;\n}\n\n.dark-theme .card.bg-success-gradient {\n  background-image: linear-gradient(\n    to left,\n    #029666 0%,\n    #4ec752 100%\n  ) !important;\n}\n\n.dark-theme .card.bg-warning-gradient {\n  background-image: linear-gradient(to left, #f76a2d, #fb8c12ed) !important;\n}\n\n.dark-theme .vmap-wrapper {\n  background: $dark-theme !important;\n}\n\n.dark-theme .card-dashboard-eight .list-group-item span {\n  color: #f1f4f9;\n}\n\n.dark-theme .card-dashboard-eight .list-group-item {\n  background-color: #1f2940;\n  border-bottom: 1px solid rgba(231, 235, 243, 0.1);\n  border-color: $border-dark;\n}\n\n.dark-theme .sales-info h3,\n.dark-theme .card-table h4 {\n  color: #f0f3f9;\n}\n\n.dark-theme .total-revenue h4 {\n  color: #fcfdff;\n}\n\n.dark-theme .product-timeline ul.timeline-1:before {\n  border-left: 2px dotted rgba(192, 204, 218, 0.3);\n}\n\n.dark-theme .main-dashboard-header-right > div h5 {\n  color: $white;\n}\n\n.dark-theme .customers .list-group-item-action:hover,\n.dark-theme .customers .list-group-item-action:focus {\n  color: #0160e4;\n  background-color: $dark-theme;\n}\n\n.dark-theme .customers h5 {\n  color: $white;\n}\n\n.dark-theme .side-menu .slide .side-menu__item.active {\n  background-color: transparent;\n}\n\n.dark-theme nav.prod-cat li a {\n  color: rgb(176, 187, 204);\n}\n\n.dark-theme .product-sale .wishlist {\n  color: $black;\n}\n\n.dark-theme .nav-tabs.preview-thumbnail {\n  border-bottom: 0;\n}\n\n.dark-theme .select2-dropdown {\n  border-color: rgba(208, 215, 232, 0.1);\n}\n\n.dark-theme .bd-2 {\n  border-width: 2px !important;\n}\n\n.dark-theme .sidebar-right .list a {\n  color: rgba(247, 248, 251, 0.7);\n}\n\n.dark-theme .card-footer {\n  background-color: $dark-theme;\n}\n\n.dark-theme .card.card-primary {\n  border-top: 2px solid $primary !important;\n}\n\n.dark-theme .card.card-secondary {\n  border-top: 2px solid $gray-600 !important;\n}\n\n.dark-theme .card.card-success {\n  border-top: 2px solid #22e840 !important;\n}\n\n.dark-theme .card.card-danger {\n  border-top: 2px solid #ee335e !important;\n}\n\n.dark-theme .card.card-warning {\n  border-top: 2px solid #ffb209 !important;\n}\n\n.dark-theme .card.card-info {\n  border-top: 2px solid #01b8ff !important;\n}\n\n.dark-theme .card.card-purple {\n  border-top: 2px solid #673ab7 !important;\n}\n\n.dark-theme .card.card-dark {\n  border-top: 2px solid #343a40 !important;\n}\n\n.dark-theme .nav-tabs.html-source {\n  border-bottom: 0;\n}\n\n.dark-theme .nav-tabs.html-source .nav-link.active {\n  border-color: rgb(20, 27, 45);\n  background-color: #141b2d;\n}\n\n.dark-theme .toast-body {\n  padding: 0.75rem;\n  background: $dark-theme;\n  color: #b8bfc9;\n}\n\n.dark-theme .tabs-style-1 .main-nav-line .nav-link {\n  background: $dark-theme;\n}\n\n.dark-theme .tabs-style-2 .main-nav-line .nav-link {\n  background: $dark-theme !important;\n}\n\n.dark-theme .tabs-style-2 .main-nav-line .nav-link.active {\n  background: $dark-theme !important;\n}\n\n.dark-theme .tabs-style-2 .main-nav-line .nav-link {\n  border: 1px solid $border-dark;\n}\n\n.dark-theme .tabs-style-3 .nav.panel-tabs li a {\n  background: $dark-theme;\n  color: $white;\n}\n\n.dark-theme .tabs-style-4 .nav.panel-tabs li a {\n  background: $dark-theme;\n  color: $white;\n}\n\n.dark-theme .nav-link.html-code {\n  background: #1f2940;\n}\n\n.dark-theme .nav-tabs .nav-link.html-code {\n  &.active,\n  &:hover,\n  &:focus {\n    background-color: #141b2d;\n    color: $white;\n  }\n}\n\n.dark-theme .nav-tabs .nav-link.html-code:hover,\n.dark-theme .nav-tabs .nav-link.html-code:focus {\n  border: 0;\n}\n\n.dark-theme .card .box {\n  box-shadow: 0 0 25px $dark-theme;\n  border: 0;\n}\n\n.dark-theme .userlist-table .user-link {\n  color: #fbf5f5;\n}\n\n.dark-theme\n  .select2-container--default\n  .select2-results__option[aria-selected=\"true\"] {\n  background-color: $primary;\n}\n\n.dark-theme .main-chat-body .content-inner:before {\n  background: rgba(15, 26, 51, 0.93);\n}\n\n.dark-theme .left.main-msg-wrapper:before {\n  color: #343e53;\n}\n\n.dark-theme .icons-list-item {\n  border: 1px solid rgba(214, 220, 236, 0.15);\n  box-shadow: 0px 1px 6px 0px #1d1e20;\n  color: #a9abbd !important;\n  fill: #a9abbd !important;\n}\n\n.dark-theme .user-wideget-footer {\n  background-color: $dark-theme;\n}\n\n.dark-theme .profile.navtab-custom .active a {\n  background: #273350;\n  border-bottom: 0;\n  color: #fffafa;\n}\n\n.dark-theme .profile.navtab-custom li a {\n  color: $white-7;\n  border: 1px solid rgba(227, 230, 240, 0.1);\n}\n\n.dark-theme .profile.navtab-custom a.active {\n  background: #273350;\n}\n\n.dark-theme .nav.prod-cat li a {\n  color: $white;\n}\n\n.dark-theme .prod-cat li ul li.active a {\n  background: none;\n  color: #ee335e;\n}\n\n.dark-theme .header-icon-svgs {\n  fill: #a9abbd;\n}\n\n.dark-theme .app-sidebar .side-item.side-item-category {\n  color: #c5cfcd;\n}\n\n// .dark-theme .product-pagination .page-link {\n//   background-color: #1f2940 !important;\n//   border: 1px solid rgb(46, 60, 93);\n// }\n\n.dark-theme .product-pagination .page-item.disabled .page-link {\n  border-color: #3c465d;\n  background: #383d52 !important;\n  color: #555d6f;\n}\n\n.dark-theme .price span {\n  color: #ebedf1;\n}\n\n.dark-theme #list3 .media-body h6 {\n  color: rgb(255, 255, 255);\n}\n\n.dark-theme #list3 .list-group-item,\n.dark-theme #list8 .list-group-item,\n.dark-theme #list1 .list-group-item,\n.dark-theme #list8 .list-group-item {\n  border: 1px solid rgba(231, 235, 243, 0.1);\n}\n\n.dark-theme .bg-gray-100.nav-bg .nav-tabs {\n  border-bottom: 1px solid rgb(45, 54, 75);\n}\n\n.dark-theme .bg-gray-100.nav-bg .nav-tabs .nav-link {\n  background-color: $primary-02;\n}\n\n.dark-theme .popover-static-demo .popover {\n  box-shadow: -8px 12px 18px 0 #141b2d;\n  border: 1px solid #3d4152;\n}\n\n.dark-theme .heading-inverse {\n  background-color: #141b2c;\n}\n\n.dark-theme .toast {\n  box-shadow: -8px 12px 18px 0 #1820330f;\n}\n\n.dark-theme .tabs-style-1 .dark-theme .border {\n  border: 1px solid rgba(234, 236, 241, 0.1) !important;\n}\n\n.dark-theme .tabs-style-1 .dark-theme .border-top-0 {\n  border-top: 0 !important;\n}\n\n.dark-theme .tabs-style-1 .main-nav-line .nav-link.active {\n  color: #f3f5f9;\n  border: 1px solid;\n  border-color: rgba(224, 230, 237, 0.1) rgba(224, 230, 237, 0.1) #1f2940;\n  border-bottom-color: transparent !important;\n}\n\n.dark-theme .tabs-style-1 .panel-tabs {\n  border-bottom: 0;\n}\n\n.dataTables_paginate .page-item.previous a {\n  width: 77px;\n}\n\n.dark-theme.app.sidenav-toggled.sidenav-toggled-open .side-menu__label {\n  color: #a9abbd;\n}\n\n.dark-theme.app.sidenav-toggled.sidenav-toggled-open\n  .side-menu__item.active\n  .side-menu__label {\n  color: #a9abbd;\n}\n\n@media (min-width: 992px) {\n  .dark-theme.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open\n    .desktop-logo {\n    display: none !important;\n  }\n\n  .dark-theme.leftbgimage1 .main-sidebar-header,\n  .dark-theme.leftbgimage2 .main-sidebar-header,\n  .dark-theme.leftbgimage3 .main-sidebar-header,\n  .dark-theme.leftbgimage4 .main-sidebar-header,\n  .dark-theme.leftbgimage5 .main-sidebar-header {\n    border-right: 1px solid #242e45;\n    width: 240px;\n  }\n}\n\n@media (max-width: 1199px) {\n  .dark-theme .total-revenue {\n    border-bottom: 1px solid rgba(227, 232, 247, 0.1) !important;\n  }\n}\n\n.dark-theme .horizontalMenucontainer .side-menu__icon {\n  color: #bfc8de;\n  fill: #bfc8de;\n}\n\n.dark-theme.horizontal-light .horizontalMenucontainer .side-menu__icon {\n  color: #5b6e88;\n  fill: #5b6e88;\n}\n\n.dark-theme .main-header .dropdown-menu-start {\n  box-shadow: 0px 0px 15px 1px #041138;\n}\n\n.dark-theme .main-header .dropdown.nav-itemd-none .dropdown-menu:after {\n  border-bottom: 9px solid #1f2940;\n}\n\n@media (min-width: 992px) {\n  .dark-theme .top-header .header-brand.header-brand2 .desktop-dark {\n    display: block;\n    position: absolute;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n    text-align: center;\n  }\n}\n\n.dark-theme .app-sidebar.toggle-sidemenu {\n  border-top: 1px solid $border-dark;\n}\n\n.dark-theme .first-sidemenu {\n  background: #1f2940;\n}\n\n.dark-theme .second-sidemenu {\n  background: #1f2940;\n  border-right: 1px solid $border-dark;\n}\n\n.dark-theme .resp-vtabs .resp-tabs-list li {\n  border: 1px solid $border-dark !important;\n  border-left: 0 !important;\n  border-top: 0 !important;\n  border-bottom: 0;\n}\n\n.dark-theme .first-sidemenu li.active,\n.dark-theme .resp-vtabs .resp-tab-active:hover {\n  background: #1f2940;\n  border-right: 0 !important;\n}\n\n.dark-theme .resp-vtabs li.resp-tab-active {\n  border-right: 0 !important;\n}\n\n.dark-theme .first-sidemenu .side-menu__icon,\n.dark-theme .toggle-sidemenu .slide-item {\n  color: #a9abbd;\n  fill: #a9abbd;\n}\n\n.dark-theme .second-sidemenu h5 {\n  color: #dde3ea;\n}\n\n.dark-theme.app.sidebar-mini.sidenav-toggled .first-sidemenu li.active {\n  border-right: 1px solid $border-dark !important;\n}\n\n.dark-theme .file-browser .btn-default {\n  background: #3e405e;\n  color: #fff;\n  border: 1px solid rgba(226, 232, 245, 0.1);\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.dark-theme .card.bg-purple-gradient {\n  background-image: linear-gradient(\n    to right,\n    #673ab7 0%,\n    #884af1 100%\n  ) !important;\n}\n\n.dark-theme .fc-datepicker.main-datepicker.hasDatepicker {\n  border: 1px solid #333d52;\n}\n\n.dark-theme .ql-snow .ql-picker:hover .ql-picker-label,\n.dark-theme .ql-snow .ql-picker:focus .ql-picker-label {\n  color: #fff;\n}\n\n.dark-theme .ql-snow .ql-picker:hover .ql-picker-label,\n.dark-theme .ql-snow .ql-picker:focus .ql-picker-label {\n  color: #fff;\n}\n\n.dark-theme .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n  border-color: #2c3242;\n}\n\n.dark-theme.hoversubmenu .side-menu__item.active .side-menu__icon {\n  fill: #106ef1;\n}\n\n@media (min-width: 992px) {\n  .dark-theme.hoversubmenu.style1-leftmenu.sidenav-toggled\n    .app-sidebar\n    .side-menu-label1 {\n    border-bottom: 1px solid rgba(225, 230, 241, 0.1);\n    color: #fff !important;\n  }\n}\n\n@media (min-width: 992px) {\n  .dark-theme.app.sidebar-mini.sidenav-toggled-open\n    .ps\n    > .ps__rail-y\n    > .ps__thumb-y {\n    background-color: #1f2940;\n  }\n}\n\n.dark-theme .app-sidebar__toggle {\n  background: transparent;\n}\n\n.dark-theme .header-icons .new.nav-link {\n  background: transparent;\n}\n\n.dark-theme .main-profile-menu .profile-user img {\n  background: #141432;\n  box-shadow: 0px 1px 6px 0px #3b3b3b;\n}\n\n.dark-theme {\n  ul.timeline:before {\n    background: #4e4e6b;\n  }\n\n  .apexcharts-radialbar-track.apexcharts-track path {\n    stroke: $dark-theme;\n  }\n\n  .apex-charts .apexcharts-datalabels-group text {\n    fill: #fff;\n  }\n\n  .slide.is-expanded a {\n    color: rgba(255, 255, 255, 0.6);\n  }\n\n  .featured_icon i {\n    color: #bfbcc3;\n  }\n\n  .pro-img-box img {\n    border: 1px solid #3d4152 !important;\n  }\n\n  .carousel-inner .carousel-item .thumb {\n    background: $dark-theme;\n    border: 1px solid $border-dark;\n  }\n\n  .table-hover > tbody > tr:hover {\n    --bs-table-accent-bg: $primary-02;\n    color: #bfbcc3;\n  }\n\n  .handle-counter input {\n    border: 1px solid #3c3c4b;\n    background: $dark-theme;\n    color: #e3dcdc;\n  }\n\n  .product-details .media img {\n    border: 1px solid $dark-theme;\n  }\n\n  a {\n    color: #faf9fa;\n  }\n\n  .btn a {\n    color: #f2eeee;\n  }\n\n  .btn-list a {\n    color: #f2eeee;\n  }\n\n  .fc .fc-non-business {\n    background: $dark-theme;\n  }\n\n  .fc .fc-daygrid-day.fc-day-today {\n    background-color: $dark-theme;\n  }\n\n  .fc-theme-standard .fc-scrollgrid {\n    border: 0px solid #3d4152;\n  }\n\n  #external-events {\n    border: 1px solid $dark-theme;\n    background: #383d52;\n  }\n\n  .fc .fc-list-empty {\n    background-color: #323258;\n  }\n  #calendar2 .fc-scrollgrid.fc-scrollgrid-liquid thead tr th {\n    border-bottom: 0;\n  }\n\n  .fc .fc-button-primary {\n    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);\n  }\n\n  .main-contact-label {\n    border-top: 1px solid #3d4152;\n  }\n\n  .contact-icon {\n    box-shadow: 0px 1px 6px 0px #151b21;\n  }\n\n  .bg-dark-1 {\n    background: $dark-theme;\n  }\n  @media (min-width: 768px) {\n    .main-nav .nav-link + .nav-link {\n      border-left: 1px solid $white-3;\n    }\n\n    &.rtl .main-nav .nav-link + .nav-link {\n      border-right: 1px solid $white-3;\n      border-left: 0;\n    }\n  }\n\n  .pagination-dark.pagination .page-link {\n    background-color: $dark-theme !important;\n    border: 1px solid #434364 !important;\n  }\n\n  .bs-popover-top > .popover-arrow::after,\n  .bs-popover-auto[data-popper-placement^=\"top\"] > .popover-arrow::after {\n    border-top-color: $dark-theme;\n  }\n\n  .bs-popover-bottom > .popover-arrow::after,\n  .bs-popover-auto[data-popper-placement^=\"bottom\"] > .popover-arrow::after {\n    border-bottom-color: $dark-theme;\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;\n  }\n\n  .bs-popover-end > .popover-arrow::after,\n  .bs-popover-auto[data-popper-placement^=\"right\"] > .popover-arrow::after {\n    border-right-color: $dark-theme;\n  }\n\n  .popover-secondary.bs-popover-top .popover-arrow::after,\n  .popover-secondary.bs-popover-auto[data-popper-placement^=\"top\"]\n    .popover-arrow::after {\n    border-top-color: #bc289a;\n  }\n\n  .bd-example-row .row > .col,\n  .bd-example-row .row > [class^=\"col-\"] {\n    background-color: $border-dark;\n    border: 1px solid rgb(74, 74, 104);\n  }\n\n  .vtimeline .timeline-wrapper .timeline-badge {\n    border: 2px solid #3d4152;\n  }\n\n  .bg-danger-gradient {\n    background-image: linear-gradient(45deg, #f93a5a, #f7778c) !important;\n  }\n\n  .table-striped > tbody > tr:nth-of-type(odd) {\n    --bs-table-accent-bg: $dark-theme;\n    color: rgba(255, 255, 255, 0.7);\n  }\n\n  .main-nav-column .nav-link.active {\n    background: $primary-02;\n    color: $primary;\n  }\n\n  .main-nav-column .nav-link i:not([class*=\" tx-\"]) {\n    color: #c3c7d1;\n  }\n\n  .mail-option .chk-all,\n  .mail-option .btn-group a.btn {\n    border: 1px solid $primary-02;\n  }\n\n  .inbox-pagination a.np-btn {\n    border: 1px solid $primary-02;\n  }\n\n  .main-mail-compose-header {\n    background-color: $dark-theme;\n    color: #fff;\n  }\n\n  .main-mail-compose-body {\n    background-color: #181e37;\n  }\n\n  .main-mail-compose-body .form-group .form-label {\n    margin: 0;\n    color: #a2a2ae;\n  }\n\n  .main-mail-compose-body .form-group + .form-group {\n    border-top: 1px dotted #595f6f;\n  }\n\n  .main-chat-header .nav-link {\n    color: #a9abbd;\n    border: solid 1px $primary-02;\n    background: $dark-theme;\n  }\n\n  .main-chat-footer .nav-link,\n  .main-chat-footer .main-msg-send {\n    color: #a9abbd;\n    border: solid 1px $primary-02;\n    background: $dark-theme;\n  }\n\n  .main-msg-wrapper.left:nth-child(1):after {\n    border-right-color: $border-dark;\n  }\n  &.rtl .main-msg-wrapper.left:nth-child(1):after {\n    border-left-color: $border-dark !important;\n  }\n\n  .datepicker table tr td span {\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    background-color: $dark-theme;\n  }\n\n  .datepicker td {\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    background-color: $dark-theme;\n    color: rgba(255, 255, 255, 0.4);\n  }\n\n  .datepicker table tr td.day:hover,\n  .datepicker table tr td.day.focused {\n    background: $dark-theme;\n  }\n\n  .datepicker {\n    background-color: $dark-theme;\n    border: 1px solid #3d4152;\n  }\n\n  .ql-snow.ql-toolbar {\n    border-color: #3d4152;\n    background: $dark-theme;\n  }\n\n  .ql-scrolling-demo {\n    background-color: $dark-theme;\n  }\n\n  .ql-snow.ql-toolbar button.ql-active {\n    background-color: rgba($white, 0.1);\n    color: #dee4f3;\n    border-color: transparent;\n  }\n\n  div.dt-button-info {\n    background-color: $dark-theme;\n    border: 2px solid #3d4152;\n    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);\n    color: $white;\n  }\n\n  div.dt-button-info h2 {\n    background-color: $dark-theme;\n    border: 2px solid #3d4152;\n    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);\n    color: $white;\n  }\n\n  .border-end {\n    border-right: 1px solid #3c3c60 !important;\n  }\n\n  .border-start {\n    border-left: 1px solid #3c3c60 !important;\n  }\n\n  .profile-cover__img > .h3 {\n    color: #d6d6d7;\n  }\n\n  .profile-cover__info .nav li {\n    color: #d6d6d7;\n  }\n\n  .bd-e {\n    border-color: $border-dark;\n  }\n\n  .card-sigin {\n    background: $dark-theme;\n    color: #d6d6d7;\n  }\n\n  .bxl-instagram.tx-prime,\n  .bxl-linkedin.tx-prime,\n  .bxl-twitter.tx-prime,\n  .bxl-facebook.tx-prime {\n    color: $primary;\n    background: $dark-theme;\n    border: 0px solid #dfd7e9;\n    box-shadow: 0px 1px 6px 0px #424449;\n  }\n\n  .form-control {\n    color: #c0c2c7;\n    background-color: $dark-theme;\n    border: 1px solid $border-dark;\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: #5f626c;\n  }\n\n  .btn:hover,\n  .sp-container button:hover {\n    color: #faf9fa;\n  }\n\n  .custom-control-label::before {\n    background-color: #141524;\n    border: #3c4358 solid 1px;\n  }\n\n  .navbar-toggler {\n    background: transparent;\n    color: #faf9fa;\n  }\n\n  .nav-tabs .nav-link:hover,\n  .nav-tabs .nav-link:focus {\n    border-color: #454570 #454570 #454570;\n  }\n\n  .horizontalMenu\n    > .horizontalMenu-list\n    > li\n    > ul.sub-menu\n    > li\n    > ul.sub-menu\n    > li\n    > ul.sub-menu {\n    background-color: $dark-theme;\n    border: 1px solid #323254;\n  }\n\n  .horizontalMenu\n    > .horizontalMenu-list\n    > li\n    > ul.sub-menu\n    > li\n    > ul.sub-menu\n    > li\n    > ul.sub-menu\n    > li\n    > a {\n    color: rgba(255, 255, 255, 0.5) !important;\n  }\n\n  .btn-close {\n    box-sizing: content-box;\n    border: 0;\n    border-radius: 0.25rem;\n    opacity: 0.5;\n    padding: 5px;\n    line-height: 1;\n    font-size: 24px;\n    background-image: none;\n    color: white;\n  }\n\n  .horizontalMenucontainer .main-header.hor-header {\n    border-bottom: 1px solid #3c3f50;\n  }\n\n  .btn-light:not(:disabled):not(.disabled):active:focus,\n  .btn-light:not(:disabled):not(.disabled).active:focus {\n    box-shadow: 0 0 0 0.2rem #45456a;\n  }\n\n  #external-events p {\n    color: #ffffff8a;\n  }\n\n  .datepicker th {\n    color: #d9d9d9;\n  }\n\n  .datepicker table tr td.old,\n  .datepicker table tr td.new {\n    opacity: 0.9;\n  }\n\n  .datepicker table tr td span.active:hover,\n  .datepicker table tr td span.active:hover:hover,\n  .datepicker table tr td span.active.disabled:hover,\n  .datepicker table tr td span.active.disabled:hover:hover,\n  .datepicker table tr td span.active:active,\n  .datepicker table tr td span.active:hover:active,\n  .datepicker table tr td span.active.disabled:active,\n  .datepicker table tr td span.active.disabled:hover:active,\n  .datepicker table tr td span.active.active,\n  .datepicker table tr td span.active:hover.active,\n  .datepicker table tr td span.active.disabled.active,\n  .datepicker table tr td span.active.disabled:hover.active,\n  .datepicker table tr td span.active.disabled,\n  .datepicker table tr td span.active:hover.disabled,\n  .datepicker table tr td span.active.disabled.disabled,\n  .datepicker table tr td span.active.disabled:hover.disabled,\n  .datepicker table tr td span.active[disabled],\n  .datepicker table tr td span.active:hover[disabled],\n  .datepicker table tr td span.active.disabled[disabled],\n  .datepicker table tr td span.active.disabled:hover[disabled] {\n    background-color: #666886;\n  }\n\n  .datepicker table tr td.active:hover,\n  .datepicker table tr td.active:hover:hover,\n  .datepicker table tr td.active.disabled:hover,\n  .datepicker table tr td.active.disabled:hover:hover,\n  .datepicker table tr td.active:active,\n  .datepicker table tr td.active:hover:active,\n  .datepicker table tr td.active.disabled:active,\n  .datepicker table tr td.active.disabled:hover:active,\n  .datepicker table tr td.active.active,\n  .datepicker table tr td.active:hover.active,\n  .datepicker table tr td.active.disabled.active,\n  .datepicker table tr td.active.disabled:hover.active,\n  .datepicker table tr td.active.disabled,\n  .datepicker table tr td.active:hover.disabled,\n  .datepicker table tr td.active.disabled.disabled,\n  .datepicker table tr td.active.disabled:hover.disabled,\n  .datepicker table tr td.active[disabled],\n  .datepicker table tr td.active:hover[disabled],\n  .datepicker table tr td.active.disabled[disabled],\n  .datepicker table tr td.active.disabled:hover[disabled] {\n    background-color: #666886;\n  }\n\n  input:focus-visible {\n    outline-offset: #2e3954;\n  }\n\n  .main-nav .nav-link + .nav-link {\n    border-top: 0px solid #3d4152;\n  }\n\n  .text-dark {\n    color: #fcfcfc !important;\n  }\n\n  .nav-link.icon i {\n    color: #a9abbd !important;\n  }\n}\n\n@media (max-width: 991.98px) {\n  .dark-theme .responsive-navbar.navbar .navbar-collapse {\n    background: $dark-theme;\n    box-shadow: 5px 6px 6px -3px #18181d;\n  }\n\n  .dark-theme .mobile-main-header form[role=\"search\"].active input {\n    background: $dark-theme;\n    box-shadow: 0 1px 15px 1px rgb(58, 58, 75);\n  }\n\n  .dark-theme .mobile-main-header form[role=\"search\"] button[type=\"reset\"] {\n    background: $primary-02;\n  }\n\n  .dark-theme .mobile-main-header .input-group-btn .btn i {\n    color: #848597;\n  }\n}\n\n@media (max-width: 991.98px) {\n  .dark-theme .btn.btn-default.nav-link.resp-btn {\n    background: transparent;\n  }\n\n  .dark-theme .responsive-logo .header-logo .mobile-logo {\n    &.logo-1 {\n      display: none;\n    }\n  }\n}\n\n.dark-theme .light-layout {\n  display: block;\n}\n\n.dark-theme .dark-layout {\n  display: none;\n}\n\n.dark-theme .card-title {\n  color: #bfc1d4;\n}\n\n@media (max-width: 991.98px) {\n  .dark-theme .header-brand .desktop-dark {\n    display: block !important;\n    margin: 0 auto !important;\n  }\n}\n\n.dark-theme {\n  .responsive-logo .mobile-logo.dark-logo-1 {\n    display: block;\n    margin: 0 auto;\n  }\n\n  #checkoutsteps > .steps .number {\n    background-color: $primary-02;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n  }\n\n  #checkoutsteps .checkoutline {\n    background-color: #3d4152;\n  }\n\n  #checkoutsteps > .steps a {\n    color: #9a98b7;\n  }\n\n  .custom-select {\n    border: 1px solid #3d4152;\n  }\n\n  .custom-select {\n    color: #ffffff;\n    background-color: rgba($white, 0.1);\n    border: 1px solid $border-dark;\n  }\n\n  #checkoutsteps .item .thumb {\n    border: 0px solid #24243e;\n  }\n\n  #checkoutsteps .item {\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .card-pay .tabs-menu.nav a {\n    color: $primary;\n    background: $primary-02;\n  }\n\n  .card-pay .tabs-menu li a.active {\n    background: $primary;\n    color: #ffffff;\n  }\n\n  .card-pay .tabs-menu.nav li {\n    border-right: 1px solid #24243e;\n  }\n\n  .wizard > .actions .disabled a {\n    background-color: $primary-02;\n  }\n\n  .fc-theme-standard .fc-list-day-cushion {\n    background-color: $dark-theme;\n  }\n\n  .fc-theme-standard .fc-list-day-cushion .fc-list-day-text,\n  .fc-theme-standard .fc-list-day-cushion .fc-list-day-side-text {\n    color: #dedefd !important;\n  }\n\n  .sidebar {\n    border-left: 1px solid #3d4152;\n  }\n\n  .tree li {\n    background: #141432;\n  }\n\n  .bg-light {\n    background-color: $dark-theme !important;\n  }\n\n  .page-item.active .page-link-outline {\n    background-color: $dark-theme;\n    border: 1px solid $primary;\n  }\n\n  .page-link-outline {\n    background-color: $dark-theme;\n  }\n\n  .panel-body {\n    border: 1px solid #3d4152;\n  }\n\n  .accordion .card-header a {\n    border: 1px solid #3d4152;\n  }\n\n  .accordion .card-header a.collapsed {\n    border-bottom-color: #3d4152;\n  }\n\n  .bg-white {\n    background-color: $dark-theme !important;\n  }\n\n  .fc-theme-standard .fc-list {\n    border: 1px solid #3d4152;\n  }\n\n  .fc-event,\n  .fc-event-dot {\n    color: #fff !important;\n  }\n\n  .fc-theme-standard td,\n  .fc-theme-standard th {\n    border: 1px solid #3d4152;\n  }\n\n  .alert-dark {\n    color: #ffffff;\n    background-color: $primary-02;\n    border-color: #3d4152;\n  }\n\n  .alert-light {\n    color: #a9abbd;\n    background-color: $dark-theme;\n    border-color: #3d4152;\n  }\n\n  .alert-primary .alert-link {\n    color: $primary;\n  }\n\n  .alert-secondary .alert-link {\n    color: $secondary;\n  }\n\n  .alert-success .alert-link {\n    color: $success;\n  }\n\n  .alert-danger .alert-link {\n    color: $danger;\n  }\n\n  .alert-warning .alert-link {\n    color: $warning;\n  }\n\n  .alert-info .alert-link {\n    color: $info;\n  }\n\n  .alert-light .alert-link {\n    color: #bdbdef;\n  }\n\n  .alert-dark .alert-link {\n    color: $white;\n  }\n\n  .alert-default {\n    color: #ffffff;\n    background-color: $primary-02;\n    border-color: #3d4152;\n  }\n\n  .badge.bg-white {\n    background-color: #fff !important;\n  }\n\n  .badge.bg-light {\n    background-color: rgba($white, 0.5) !important;\n  }\n\n  .custom-control-input:disabled ~ .custom-control-label::before {\n    background-color: transparent;\n  }\n\n  .custom-switch-indicator-xl {\n    background: $primary-02;\n    border: 1px solid $border-dark;\n  }\n\n  .custom-switch-indicator {\n    background: $primary-02;\n    border: 1px solid $border-dark;\n  }\n\n  .custom-switch-indicator-lg,\n  .dark-theme .custom-switch-indicator-xl {\n    background: $primary-02;\n    border: 1px solid #3f4167;\n  }\n\n  .custom-switch-indicator:before,\n  .custom-switch-indicator-md:before,\n  .custom-switch-indicator-lg:before {\n    background: #1c1c29;\n  }\n\n  .wizard > .steps a .number,\n  .wizard > .steps a:hover .number,\n  .wizard > .steps a:active .number {\n    background-color: $primary-02;\n  }\n\n  .breadcrumb-item + .breadcrumb-item::before {\n    color: #5f626c;\n  }\n\n  .tree li.branch {\n    background: #141432;\n  }\n\n  .tree li.branch li {\n    background: #141432;\n  }\n\n  .tree li {\n    border: 1px solid $dark-theme;\n  }\n\n  .nav.panel-tabs .side-menu__icon {\n    color: #a9abbd;\n    fill: #a9abbd;\n  }\n\n  .panel-heading1 {\n    background: $primary-02;\n    color: $primary;\n  }\n\n  #accordion11 .panel-body {\n    border: 1px solid transparent;\n  }\n\n  .accor h4 a {\n    border-bottom: 1px solid #36385c;\n    background: $primary-02 !important;\n    color: $primary !important;\n  }\n\n  .btn-dark-light {\n    border-color: #2b2b55;\n  }\n\n  .main-nav-line .nav-link {\n    border: 1px solid #3d4152;\n  }\n\n  .dropdown-menu {\n    box-shadow: 0px 16px 18px rgba(28, 28, 39, 0.2) !important;\n  }\n\n  .page-link-outline {\n    border: 1px solid #424364;\n  }\n\n  .tag {\n    border: 1px solid #3d4152;\n  }\n\n  .tag-addon {\n    background: $dark-theme;\n  }\n\n  .tabs-style-3 .nav.panel-tabs li a {\n    border: 1px solid #3d4152;\n  }\n\n  .tabs-style-4 .nav.panel-tabs li a {\n    border: 1px solid #3d4152;\n  }\n\n  .ql-snow.ql-toolbar button {\n    border: 0px solid #3d4152;\n  }\n\n  code {\n    color: #c9c9c9;\n  }\n\n  .profile-cover__info .nav strong,\n  .profile-tab .main-nav-line .nav-link.active {\n    border: 1px solid #3d3d60;\n  }\n\n  .profile-cover__info .nav li:not(:first-child) {\n    border-left: 1px solid rgba(47, 47, 78, 0.2);\n  }\n\n  .Choose1 {\n    border: #3d4152 solid 1px;\n  }\n\n  .card-category1 {\n    color: #fcfcff;\n  }\n\n  .bd-s {\n    border-color: $border-dark !important;\n  }\n\n  .bg-dark {\n    background-color: $primary-02 !important;\n  }\n\n  .fc .fc-daygrid-day-number {\n    color: #fdfafa9c;\n  }\n\n  .fc-list-table td {\n    border: 0;\n  }\n\n  .card-pay .tabs-menu.nav {\n    background: $dark-theme;\n  }\n\n  .list-group-item.active {\n    color: #fff;\n    background-color: $primary-02 !important;\n    border-color: $primary-02 !important;\n  }\n\n  .bs-popover-start > .popover-arrow::before,\n  .bs-popover-auto[data-popper-placement^=\"left\"] > .popover-arrow::before {\n    border-left-color: #3d4152;\n  }\n\n  .bs-popover-top > .popover-arrow::before,\n  .bs-popover-auto[data-popper-placement^=\"top\"] > .popover-arrow::before {\n    border-top-color: #3d4152;\n  }\n\n  .bs-popover-bottom > .popover-arrow::before,\n  .bs-popover-auto[data-popper-placement^=\"bottom\"] > .popover-arrow::before {\n    border-bottom-color: #3d4152;\n  }\n\n  .bs-popover-end > .popover-arrow::before,\n  .bs-popover-auto[data-popper-placement^=\"right\"] > .popover-arrow::before {\n    border-right-color: #3d4152;\n  }\n\n  .popover {\n    box-shadow: 4px 8px 16px 0 #141b2d;\n  }\n\n  a.tag-addon:hover {\n    background: $dark-theme;\n  }\n\n  .bootstrap-tagsinput input {\n    color: #fff !important;\n  }\n\n  .accordion .card-body {\n    border: 1px solid #3d4152;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: rgba(255, 255, 255, 0.2);\n  }\n\n  @media (min-width: 769px) {\n    .main-nav-line .nav-link + .nav-link {\n      border: 1px solid #3d4152;\n    }\n  }\n\n  @media (max-width: 992px) {\n    .vtimeline .timeline-wrapper .timeline-panel:after {\n      border-right: 14px solid #353949 !important;\n      border-left: 0 solid $dark-theme !important;\n    }\n  }\n\n  @media (max-width: 991.98px) {\n    .responsive-navbar.navbar .navbar-collapse {\n      border-bottom: 1px solid #3c3f50;\n      border-top: 1px solid #3c3f50;\n    }\n  }\n\n  .btn-light svg {\n    fill: rgba(255, 255, 255, 0.5);\n  }\n\n  .datepicker\n    > .datepicker_inner_container\n    > .datepicker_timelist::-webkit-scrollbar {\n    background: rgba(255, 255, 255, 0.5) !important;\n  }\n\n  .datepicker\n    > .datepicker_inner_container\n    > .datepicker_timelist::-webkit-scrollbar-thumb {\n    background: #00000085 !important;\n  }\n\n  .main-toggle {\n    background-color: #ffffff45;\n  }\n\n  .main-toggle span {\n    background-color: #000000cf;\n  }\n\n  .ff_fileupload_wrap\n    table.ff_fileupload_uploads\n    td.ff_fileupload_summary\n    .ff_fileupload_filename\n    input {\n    background-color: $primary-02;\n    border: 0px solid #ffffff;\n    color: #ffffff;\n  }\n\n  .main-dropdown-form-demo .dropdown-title {\n    color: #ffffff;\n  }\n\n  .form-check-input {\n    background-color: #9295a1;\n    border: 1px solid rgba(0, 0, 0, 0.25);\n  }\n\n  .profile-tab.tab-menu-heading .main-nav-line .nav-link {\n    border: 1px solid #3d3d60;\n  }\n\n  @media (min-width: 1135px) {\n    .main-header-left .form-control {\n      width: 280px;\n    }\n  }\n\n  .fc .fc-list-sticky .fc-list-day > * {\n    background: #00000073;\n  }\n\n  @media (min-width: 992px) {\n    .main-header-left .btn {\n      background-color: transparent;\n      border: 0px solid $white-1;\n    }\n  }\n\n  .main-header .dropdown-menu {\n    border: 1px solid $border-dark !important;\n  }\n\n  #country-selector .modal-header {\n    border-color: $border-dark !important;\n  }\n\n  .btn-country {\n    color: #eaecf3;\n  }\n\n  #country-selector .modal-body {\n    background-image: url(../../assets/img/png/countrymap1.png) !important;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    position: relative;\n  }\n\n  .btn-check:checked + .btn-country {\n    color: #000;\n  }\n\n  .sidebar .tabs-menu ul li .active {\n    .side-menu__icon {\n      color: $white;\n      fill: $white;\n    }\n  }\n\n  .chat .msg_cotainer {\n    background-color: $primary-02;\n  }\n\n  .primary-custom-card:before {\n    content: \"\";\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    background-color: $dark-theme !important;\n    opacity: 0.5;\n    left: 0;\n    right: 0;\n    border-radius: 5px;\n    top: 0;\n    bottom: 0;\n  }\n\n  .apexcharts-legend-text {\n    color: #eaecf3 !important;\n  }\n\n  .apexcharts-menu-icon {\n    svg {\n      fill: #a9abbd;\n    }\n  }\n\n  .apexcharts-menu-icon:hover svg {\n    fill: #a9abbd !important;\n  }\n\n  .apexcharts-menu {\n    background: $dark-theme;\n    border: 1px solid $border-dark;\n  }\n\n  .apexcharts-gridlines-horizontal {\n    line {\n      stroke: #323254;\n    }\n  }\n\n  .apexcharts-menu-item:hover {\n    background: $dark-theme !important;\n  }\n\n  .shadow {\n    box-shadow: 0 0.5rem 1rem rgba($black, 0.4) !important;\n  }\n\n  .select2-dropdown {\n    border-color: $border-dark !important;\n  }\n\n  @media (max-width: 991px) {\n    .responsive-logo .mobile-logo {\n      margin-top: 3px !important;\n    }\n  }\n\n  form[role=\"search\"].active input {\n    box-shadow: 5px 6px 6px -3px rgba($black, 0.4);\n  }\n\n  .navbar-toggler-icon {\n    color: #a9abbd;\n  }\n\n  .card-options a:not(.btn) {\n    color: #a9abbd;\n  }\n\n  .side-menu .slide .side-menu__item.active .side-menu__label {\n    color: #eaecf3 !important;\n  }\n\n  .irs-modern .irs-slider {\n    background-color: $dark-theme;\n  }\n\n  .irs-modern .irs-slider::before {\n    background-color: $dark-theme;\n  }\n\n  .irs-outline .irs-slider {\n    background-color: $dark-theme;\n  }\n\n  .apexcharts-xaxistooltip {\n    color: #ffffff;\n    background: $dark-theme;\n    border: 1px solid $border-dark;\n  }\n\n  .apexcharts-xaxistooltip-bottom:before {\n    border-bottom-color: $dark-theme !important;\n    border-color: $border-dark;\n  }\n\n  .apexcharts-xaxistooltip-bottom:after {\n    border-bottom-color: $dark-theme !important;\n    border-color: $border-dark;\n  }\n\n  .twentytwenty-handle {\n    border: 2px solid #3d4152;\n    background: rgba(0, 0, 0, 0.6);\n  }\n\n  .twentytwenty-left-arrow {\n    border-right: 10px solid #000;\n  }\n\n  .twentytwenty-right-arrow {\n    border-left: 10px solid #000;\n  }\n\n  .twentytwenty-horizontal .twentytwenty-handle:before,\n  .twentytwenty-horizontal .twentytwenty-handle:after,\n  .twentytwenty-vertical .twentytwenty-handle:before,\n  .twentytwenty-vertical .twentytwenty-handle:after {\n    background: $dark-theme;\n  }\n\n  .twentytwenty-horizontal .twentytwenty-handle:before {\n    box-shadow: 0 3px 0 $dark-theme, 0px 0px 12px $dark-theme;\n  }\n\n  .twentytwenty-horizontal .twentytwenty-handle:after {\n    box-shadow: 0 -3px 0 $dark-theme, 0px 0px 12px $dark-theme;\n  }\n\n  .twentytwenty-up-arrow {\n    border-bottom: 6px solid #000;\n  }\n\n  .twentytwenty-down-arrow {\n    border-top: 6px solid #000;\n  }\n\n  a.option-dots {\n    border: 1px solid #454560;\n  }\n\n  .owl-nav button {\n    background: rgba($black, 0.5) !important;\n    border: 1px solid #3d4152 !important;\n  }\n\n  .avatar-list-stacked .avatar1 {\n    box-shadow: #3d4152 0px 0px 0px 2px !important;\n  }\n\n  .btn-light:focus,\n  .btn-light.focus {\n    background-color: $dark-theme !important;\n    box-shadow: none;\n    border-color: #3d4152 !important;\n  }\n\n  .btn-outline-light:not(:disabled):not(.disabled):active {\n    background-color: $dark-theme;\n    color: #a9abbd;\n    border-color: #3d4152;\n  }\n\n  .dropdown-item.active,\n  .dropdown-item:active {\n    background-color: #2b2f40;\n  }\n\n  .dropdown-menu .dropdown-header {\n    border-bottom: 1px solid #3d4152;\n  }\n\n  .tab-menu-heading {\n    border-bottom: 0px solid #e9edf4 !important;\n  }\n\n  .accor div a {\n    border-bottom: 0px solid #fbfbfd;\n    color: #a9abbd;\n  }\n\n  #user-datatable thead th {\n    background-color: $dark-theme !important;\n  }\n\n  .background-image-blog {\n    background-image: url(../../assets/img/photos/error.jpg) !important;\n    background-position: center !important;\n    background-size: cover !important;\n    background-repeat: no-repeat !important;\n    height: 320px;\n    position: relative;\n    border-top-left-radius: calc(0.25rem - 1px);\n    border-top-right-radius: calc(0.25rem - 1px);\n    border-radius: 0px;\n  }\n\n  .mail-option .dropdown-menu > li > a {\n    color: #c3c7d1;\n  }\n\n  .dropdown-menu > li > a:focus {\n    background: #272738;\n  }\n\n  .main-chat-footer {\n    border-top: 1px solid $border-dark;\n  }\n\n  .shared-files {\n    border: 1px solid #3b3f4f;\n  }\n\n  .nice-select .list {\n    border: 1px solid $border-dark;\n  }\n\n  .tabs-menu1 ul li a {\n    color: #eaecf3;\n  }\n\n  .btn-white {\n    color: #ffffff;\n    background-color: #1d1d2a;\n    border-color: $border-dark;\n  }\n\n  .theme-container button {\n    color: #fff !important;\n    background-color: #1d1d2a;\n    border: 1px solid $border-dark;\n  }\n\n  .theme-container1 button {\n    color: #fff !important;\n    background-color: #1d1d2a;\n    border: 1px solid $border-dark;\n  }\n\n  .theme-container2 button {\n    color: #fff !important;\n    background-color: #1d1d2a;\n    border: 1px solid $border-dark;\n  }\n\n  .intl-tel-input input {\n    border: 1px solid rgba(225, 230, 241, 0.1);\n    background: #1c1c29;\n    color: #fff;\n  }\n\n  .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {\n    border-right: 1px solid $border-dark;\n    border-radius: 0px 0px 0px 3px;\n  }\n\n  .SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {\n    background-color: $dark-theme;\n  }\n\n  .notification .notification-body {\n    background: $dark-theme;\n  }\n\n  .notification .notification-body:before {\n    border-right-color: $dark-theme;\n  }\n\n  .notification .notification-icon a {\n    background: #1d1d2a;\n  }\n\n  .notification-badge {\n    background-color: rgba($white, 0.4);\n    color: #eaecf3;\n  }\n\n  .pricing-tabs ul.nav-price li a {\n    background: $dark-theme;\n  }\n\n  .pricing-tabs ul.nav-price {\n    border: 1px solid $border-dark;\n  }\n\n  .pricing-tabs ul.nav-price li a.active {\n    color: #fff;\n    background-color: $primary;\n  }\n\n  a.text-primary:hover,\n  a.text-primary:focus {\n    color: $primary !important;\n  }\n\n  .panel-heading2 {\n    background: $dark-theme !important;\n    color: #eaecf3 !important;\n  }\n\n  .gray-set .bg-gray-100 {\n    color: $black;\n  }\n\n  .gray-set .bg-gray-200 {\n    color: $black;\n  }\n\n  .gray-set .bg-gray-300 {\n    color: $black;\n  }\n\n  .gray-set .bg-gray-400 {\n    color: $black;\n  }\n\n  .richText .richText-editor {\n    background-color: $dark-theme;\n    border-left: transparent solid 2px;\n  }\n\n  .richText {\n    border: $border-dark solid 1px !important;\n    background-color: $dark-theme !important;\n  }\n\n  .richText .richText-toolbar ul {\n    border-bottom: $border-dark solid 1px;\n  }\n\n  .richText .richText-toolbar ul li a {\n    color: #eaecf3;\n  }\n\n  .ck.ck-editor__main > .ck-editor__editable {\n    background: $dark-theme;\n  }\n\n  .ck.ck-toolbar {\n    border: 1px solid $border-dark !important;\n    background: $dark-theme !important;\n    color: #eaecf3 !important;\n  }\n\n  .ck.ck-editor__main > .ck-editor__editable {\n    border: 1px solid $border-dark !important;\n  }\n\n  .ck.ck-reset_all * {\n    color: #eaecf3 !important;\n  }\n\n  .ck.ck-button,\n  a.ck.ck-button {\n    background: transparent !important;\n    border: 1px solid $border-dark;\n  }\n\n  .richText .richText-undo,\n  .richText .richText-redo {\n    border-right: #efefef solid 0px;\n  }\n\n  .richText .richText-toolbar ul li a:hover {\n    background-color: $dark-theme;\n  }\n\n  .richText\n    .richText-toolbar\n    ul\n    li\n    a\n    .richText-dropdown-outer\n    .richText-dropdown {\n    background-color: #272738;\n    border: $border-dark solid 1px;\n  }\n\n  .richText\n    .richText-toolbar\n    ul\n    li\n    a\n    .richText-dropdown-outer\n    ul.richText-dropdown\n    li\n    a {\n    display: block;\n    border-bottom: $border-dark solid 1px;\n  }\n\n  .richText\n    .richText-toolbar\n    ul\n    li\n    a\n    .richText-dropdown-outer\n    .richText-dropdown\n    .richText-dropdown-close {\n    background: #fff0;\n    color: #ffffff;\n  }\n\n  .richText\n    .richText-toolbar\n    ul\n    li\n    a\n    .richText-dropdown-outer\n    ul.richText-dropdown\n    li\n    a:hover {\n    background-color: #272738;\n  }\n\n  .richText\n    .richText-toolbar\n    ul\n    li\n    a\n    .richText-dropdown-outer\n    ul.richText-dropdown\n    li\n    a:hover {\n    background-color: #272738;\n  }\n\n  .richText .richText-form input[type=\"text\"],\n  .richText .richText-form input[type=\"file\"],\n  .richText .richText-form input[type=\"number\"],\n  .richText .richText-form select {\n    border: $border-dark solid 1px;\n    background-color: #1d202c;\n    color: #fff;\n  }\n\n  .ql-snow .ql-tooltip {\n    background-color: $dark-theme;\n    box-shadow: 0px 0px 5px #000;\n    border: 1px solid $border-dark;\n    color: #eaecf3;\n  }\n\n  .ql-snow .ql-tooltip input[type=\"text\"] {\n    border: 1px solid $border-dark;\n    background-color: $dark-theme;\n    color: #eaecf3;\n  }\n\n  .ck.ck-list {\n    background: #272738;\n  }\n\n  .ck.ck-dropdown__panel,\n  .ck.ck-balloon-panel {\n    border: 1px solid $border-dark !important;\n    box-shadow: 0 3px 9px 0 #000 !important;\n  }\n\n  .ck-rounded-corners .ck.ck-dropdown__panel,\n  .ck.ck-dropdown__panel.ck-rounded-corners,\n  .ck.ck-list {\n    border-radius: 0px !important;\n  }\n\n  .ck.ck-reset,\n  .ck.ck-reset_all,\n  .ck.ck-reset_all * {\n    background: $dark-theme;\n  }\n\n  .ck.ck-input-text {\n    border: 1px solid $border-dark !important;\n  }\n\n  .ck.ck-labeled-field-view\n    > .ck.ck-labeled-field-view__input-wrapper\n    > .ck.ck-label {\n    background-color: $dark-theme;\n  }\n\n  .ck.ck-balloon-panel[class*=\"arrow_n\"]:after {\n    border-bottom-color: $dark-theme;\n    margin-top: 0;\n  }\n\n  .ck .ck-fake-link-selection_collapsed {\n    outline: 0px;\n  }\n\n  .main-error-wrapper h1 {\n    color: #eaecf3;\n  }\n\n  .main-error-wrapper h2 {\n    color: #eaecf3;\n  }\n\n  .main-signup-header label {\n    color: #eaecf3;\n  }\n\n  .main-signup-header .form-control:focus {\n    border-color: $border-dark;\n  }\n\n  .main-signin-header .form-control:focus {\n    border-color: $border-dark;\n  }\n\n  .note-editor.note-frame.panel.panel-default .panel-heading {\n    background-color: $dark-theme;\n    border-bottom: 1px solid $border-dark;\n  }\n\n  .note-editor.note-airframe,\n  .note-editor.note-frame {\n    border: 1px solid $border-dark;\n  }\n\n  .note-btn.btn-default {\n    background-color: $dark-theme;\n    border-color: $border-dark;\n  }\n\n  .note-btn {\n    i,\n    span {\n      color: #eaecf3;\n    }\n  }\n\n  .ql-wrapper-demo {\n    background-color: $dark-theme;\n  }\n\n  #global-loader {\n    background-color: #000;\n  }\n\n  #videomodal,\n  #audiomodal {\n    .modal-content {\n      box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.5);\n    }\n  }\n\n  .file-image-1 {\n    border: 1px solid $border-dark;\n  }\n\n  .table-striped > tbody > tr:nth-of-type(2n + 1) > * {\n    color: rgba(255, 255, 255, 0.7);\n    background-color: #363b50;\n  }\n\n  .select2-container--default\n    .select2-selection--single\n    .select2-selection__placeholder {\n    color: $white-5;\n  }\n}\n\n.dark-theme .table-hover > tbody > tr:hover > * {\n  color: #ffffff !important;\n}\n\n.dark-theme table.table-bordered.dataTable th:last-child,\n.dark-theme table.table-bordered.dataTable th:last-child {\n  border-right-width: 0px !important;\n}\n\n.rtl.dark-theme table.table-bordered.dataTable th:last-child,\n.rtl.dark-theme table.table-bordered.dataTable th:last-child,\n.rtl.dark-theme table.table-bordered.dataTable td:last-child,\n.rtl.dark-theme table.table-bordered.dataTable td:last-child {\n  border-right-width: 1px !important;\n  border-left-width: 1px !important;\n}\n\n.dark-theme.rtl .sidebar {\n  border-right: 1px solid #3d4152;\n}\n\n.dark-theme .note-editor .btn-default:not(:disabled):not(.disabled):active {\n  background-color: $dark-theme;\n}\n\n.dark-theme .main-header-right {\n  .dropdown-menu:before {\n    background: #272738;\n    border-top: 1px solid $border-dark;\n    border-left: 1px solid $border-dark;\n  }\n}\n\n.dark-theme .SumoSelect.disabled > .CaptionCont {\n  background-color: #383d52;\n}\n\n.dark-theme .fc-theme-standard .fc-popover {\n  background-color: $dark-theme;\n  border-color: $border-dark;\n}\n\n.dark-theme .fc-theme-standard .fc-popover-header {\n  background-color: $dark-theme;\n}\n\n.dark-theme .note-btn.btn-default:not(:disabled):not(.disabled).active {\n  background-color: transparent;\n  border-color: $white-2;\n}\n\n.rtl.dark-theme\n  .vtimeline\n  .timeline-wrapper.timeline-inverted\n  .timeline-panel:after {\n  border-right: 0px solid $dark-theme;\n  border-left: 14px solid #353949;\n}\n\n.rtl.dark-theme .vtimeline .timeline-wrapper .timeline-panel:after {\n  border-left: 0 solid $dark-theme;\n  border-right: 14px solid #353949;\n}\n\n.rtl.dark-theme .notification .notification-body:before {\n  border-left-color: #2a2e3f;\n  border-right-color: transparent !important;\n}\n.dark-theme table.table-bordered.dataTable th:last-child,\n.dark-theme table.table-bordered.dataTable th:last-child,\n.dark-theme table.table-bordered.dataTable td:last-child,\n.dark-theme table.table-bordered.dataTable td:last-child {\n  border-right-width: 0px !important;\n}\n.dark-theme .primary-custom-card1:before {\n  background-color: $dark-theme;\n}\n.dark-theme .btn-country.active {\n  background-color: $dark-theme;\n}\n\n.rtl.dark-theme {\n  .border-start {\n    border-right: 1px solid #3c3c60 !important;\n    border-left: 0 !important;\n  }\n}\n\n.dark-theme.app.sidebar-mini .desktop-logo.logo-dark {\n  display: block;\n}\n.dark-theme .main-cart-list .main-cart-item:hover {\n  background-color: $white-05;\n}\n.dark-theme {\n  .datetimepicker-hours span.hour:hover,\n  .datetimepicker-hours span.minute:hover,\n  .datetimepicker-hours span.month:hover,\n  .datetimepicker-hours span.year:hover {\n    background: $dark-theme;\n  }\n  .datetimepicker-minutes span.hour:hover,\n  .datetimepicker-minutes span.minute:hover,\n  .datetimepicker-minutes span.month:hover,\n  .datetimepicker-minutes span.year:hover {\n    background: $dark-theme;\n  }\n}\n.dark-theme.color-header {\n  .pulse:before {\n    background: #086858 !important;\n  }\n}\n\n.dark-theme {\n  .Basicwizard {\n    border-top: 1px solid $border-dark !important;\n    border-bottom: 1px solid $border-dark !important;\n  }\n  .bordera {\n    border-right: 1px solid $border-dark !important;\n  }\n  .background__single-value {\n    color: $white !important;\n  }\n  .pcr-app {\n    background: $dark-theme !important;\n  }\n  .ql-wrapper {\n    border: 1px solid $border-dark;\n  }\n  .msl {\n    border: 1px solid $border-dark;\n    .msl-input:before {\n      color: $white !important;\n    }\n  }\n  .form-control:disabled {\n    background-color: #383d52;\n    opacity: 0.5;\n  }\n  .form-control[readonly] {\n    background-color: #383d52;\n  }\n  .form-control-plaintext {\n    color: $white-8;\n    &::placeholder {\n      color: $white-5;\n    }\n  }\n}\n.dark-theme.rtl\n  .main-datetimepicker\n  > .datepicker_inner_container\n  > .datepicker_timelist {\n  border-right: 1px solid $white-1;\n  border-left: 0;\n}\n.dark-theme.error-page1 {\n  .tabs-menu1 ul li button.active {\n    border-bottom: 3px solid var(--primary-bg-color) !important;\n    background: $dark-theme !important;\n    border-top: transparent !important;\n    border-left: transparent !important;\n    border-right: transparent !important;\n  }\n  .nav.panel-tabs button.active {\n    color: var(--primary-bg-color) !important;\n  }\n  .tabs-menu1 ul li button {\n    border-bottom: 3px solid $border !important;\n    background: $dark-theme !important;\n    border-top: transparent !important;\n    border-left: transparent !important;\n    border-right: transparent !important;\n  }\n}\n.dark-theme {\n  .export-table {\n    .rdt_TableHead {\n      border: 1px solid $border-dark !important;\n    }\n  }\n\n  #accordion11 {\n    .accordion-button.collapsed::after {\n      background-image: none !important;\n      content: \"\\e92d\";\n      position: absolute;\n      font-family: \"feather\";\n      right: 10px;\n      top: 0px;\n      font-size: 16px;\n      line-height: 2.3;\n      transition: all 0.5s;\n      transform: scale(1);\n      color: $primary !important;\n    }\n  }\n  #accordion11 {\n    .accordion-button::after {\n      background-image: none !important;\n      content: \"\\e930\";\n      position: absolute;\n      font-family: \"feather\";\n      right: 10px;\n      top: 6px;\n      font-size: 16px;\n      line-height: 2.3;\n      transition: all 0.5s;\n      transform: scale(1);\n      color: var(--primary-bg-color);\n    }\n  }\n  .checkoutstepss .item {\n    border-bottom: 1px solid $border-dark;\n  }\n  .pri-tabs-heading {\n    .nav-pills {\n      border: 1px solid $border-dark;\n      .nav-item {\n        .nav-link {\n          background-color: $dark-theme;\n        }\n        .nav-link.active {\n          background-color: $primary;\n        }\n      }\n    }\n  }\n  .chk-all,\n  .hidden-phone {\n    button {\n      color: $white !important;\n    }\n  }\n  .card.customs-cards {\n    border: 1px solid $border-dark !important;\n  }\n  .swiper-slide-thumb-active {\n    border: 1px solid $border-dark !important;\n    background: var(--primary02) !important;\n  }\n}\n.dark-theme {\n  .apexcharts-tooltip {\n    background: $dark-theme !important;\n    color: $white !important;\n    border: 1px solid $border-dark !important;\n  }\n  .apexcharts-tooltip-title {\n    background: $dark-theme !important;\n    color: $white !important;\n    border-bottom: $border-dark !important;\n  }\n  .sidebar-right {\n    .nav.panel-tabs .active .side-menu__icon {\n      fill: #fff !important;\n    }\n    .tabs-menu .nav-item a {\n      padding: 8px 8px;\n      font-size: 12px;\n      display: inline-block;\n      margin-bottom: 10px;\n      border-radius: 3px;\n      border: 1px solid $border-dark;\n      font-weight: 500;\n      background: var(--primary02);\n      color: $default-color;\n      margin: 0 2px;\n      &.active {\n        background-color: $primary;\n      }\n    }\n  }\n  .main-header-center {\n    .form-control:focus {\n      border: 1px solid $border-dark !important;\n    }\n  }\n  .accordiondclose .accordion-header button {\n    border: 1px solid $border-dark !important;\n  }\n  .productdesc {\n    .tabs-menu1 {\n      .nav-tabs {\n        .nav-item .nav-link.active {\n          background: $primary;\n          color: $white !important;\n        }\n      }\n    }\n  }\n}\n.dark-theme.scrollable-layout.light-menu.light-header .app-sidebar {\n  border-right: 1px solid $border;\n}\n.dark-theme .ql-wrapper {\n  .rdw-dropdown-optionwrapper {\n    background: #000 !important;\n  }\n  .rdw-dropdownoption-active {\n    background: #000 !important;\n    color: #24d5b8 !important;\n  }\n  .rdw-dropdownoption-highlighted {\n    background: transparent !important;\n  }\n  .rdw-dropdownoption-default {\n    font-size: 13px;\n  }\n  .rdw-colorpicker-modal,\n  .rdw-link-modal,\n  .rdw-link-modal-input {\n    background: $dark-theme !important;\n    border: 1px solid $border-dark;\n    box-shadow: none;\n  }\n  .rdw-link-modal-btn,\n  .rdw-embedded-modal-link-input,\n  .rdw-image-modal-size-input,\n  .rdw-image-modal-btn,\n  .rdw-embedded-modal-btn,\n  .rdw-image-modal,\n  .rdw-image-modal-url-input,\n  .rdw-emoji-modal,\n  .rdw-embedded-modal-size-input,\n  .rdw-embedded-modal {\n    background: $dark-theme !important;\n    border: 1px solid $border-dark;\n    box-shadow: none;\n    color: $white;\n  }\n  .rdw-embedded-modal-header-label {\n    display: none !important;\n  }\n}\n.dark-theme {\n  #accordion11 .panel-body {\n    border-top: 1px solid $border-dark !important ;\n  }\n  .swal2-popup,\n  .swal2-validation-message {\n    background-color: $dark-theme !important;\n    color: $white !important;\n  }\n  .MuiDialog-paperScrollPaper {\n    background-color: $dark-theme !important;\n    color: $white !important;\n    .MuiDialogContentText-root {\n      color: $white !important;\n    }\n  }\n  .accordion-item {\n    background-color: transparent !important;\n  }\n  .accordion .accordion-body {\n    background-color: #2a2e3f !important;\n  }\n  #headingOne1,\n  .panel-group1 {\n    .panel-heading1 .accordion-header button {\n      background: var(--primary02) !important;\n      color: var(--primary-bg-color) !important;\n    }\n  }\n  .accordion.accor .accordion-header button {\n    color: #fff !important;\n    background-color: $primary-02 !important;\n    border: 1px solid $border-dark !important;\n  }\n  .accordion .accordion-header button {\n    color: #fff !important;\n    background-color: $dark-theme !important;\n  }\n  .tab_wrapper.right_side .nav-pills .nav-item {\n    border: 1px solid $border-dark !important;\n  }\n  .tab_wrapper.right_side .nav-pills a.active:before {\n    background-color: transparent !important;\n  }\n  .tab_wrapper.right_side .nav-pills a:after {\n    background: $primary !important;\n  }\n  .tabs-style-4 .nav.nav-pills .nav-item a.active {\n    background-color: $primary !important;\n  }\n  .tab_wrapper.right_side .tab-content {\n    border: 1px solid $border-dark;\n  }\n  .tabs-style-4 .nav.nav-pills .nav-item a {\n    background-color: $dark-theme !important;\n    border: 1px solid $border-dark !important;\n  }\n  .tabs-style-3 .nav.panel-tabs li button {\n    background: $dark-theme !important;\n    color: #fff;\n    border: 1px solid $border-dark !important;\n  }\n  .bg-dark .bg-gray-800 {\n    background-color: $dark-theme !important;\n  }\n  .bg-gray-100.nav-bg .nav-tabs .nav-link.active {\n    background-color: $primary !important;\n  }\n  .bg-dark {\n    background-color: #383d51 !important;\n  }\n  .bg-gray-100.nav-bg .nav-tabs .nav-link {\n    background-color: #383d52;\n  }\n  .deni-react-treeview-container.classic\n    .deni-react-treeview-item-container.classic\n    .icon-and-text:hover:not(.select-row) {\n    background-color: transparent !important;\n  }\n  .deni-react-treeview-item-container .icon-and-text:hover {\n    border-style: none !important;\n  }\n  .tree li {\n    background: #383d52 !important;\n  }\n  .deni-react-treeview-container.classic\n    .deni-react-treeview-item-container.classic {\n    color: rgba(255, 255, 255, 0.6) !important;\n  }\n  .deni-react-treeview-container.classic\n    .deni-react-treeview-item-container.classic\n    .expand-button {\n    color: $primary !important;\n  }\n  .main-content-contacts {\n    .main-nav-line .nav-link {\n      border: none !important;\n    }\n  }\n  .tabs-style-4 .nav.panel-tabs .nav-item a.active {\n    background: var(--primary-bg-color);\n    color: #fff;\n  }\n  .MuiSlider-markLabel,\n  .MuiSlider-valueLabelLabel {\n    color: #eaecf3 !important;\n  }\n  .table-responsive {\n    .selectpage {\n      background: #383d52;\n      color: #fff;\n    }\n    select {\n      color: #fff;\n      border-radius: 5px;\n    }\n    span {\n      input {\n        border: 1px solid #555c6e !important;\n      }\n    }\n  }\n  .borderrigth {\n    border-right: 1px solid #555c6e;\n  }\n  .rdt_Table {\n    background-color: $dark-theme !important;\n    border: 1px solid #555c6e !important;\n    .rdt_TableHeadRow {\n      background-color: $dark-theme !important;\n      color: #fff;\n    }\n    .rdt_TableBody {\n      .rdt_TableRow {\n        background-color: $dark-theme !important;\n        border: 1px solid #555c6e;\n        color: rgba(255, 255, 255, 0.7);\n      }\n    }\n  }\n  .datatable > div:nth-child(2) {\n    background-color: $dark-theme !important;\n  }\n  .datatable {\n    .rdt_TableHead {\n      .rdt_TableHeadRow > div {\n        border-right: 1px solid #555c6e;\n      }\n    }\n    .rdt_TableBody {\n      .rdt_TableRow > div {\n        border-right: 1px solid #555c6e;\n      }\n    }\n  }\n  .rdt_Pagination {\n    background-color: $dark-theme !important;\n    color: #fff;\n  }\n\n  a {\n    color: #faf9fa !important;\n  }\n  .sc-llJcti {\n    border: 1px solid $border-dark;\n  }\n  .rdw-option-wrapper:hover {\n    box-shadow: none !important;\n  }\n  .MuiTypography-h5 {\n    color: rgb(147, 147, 181);\n  }\n  .rdw-dropdown-selectedtext {\n    span {\n      \n    }\n  }\n  .rdw-option-wrapper,\n  .rdw-fontfamily-placeholder {\n    background-color: transparent !important;\n    border: 1px solid transparent !important;\n    \n  }\n  .rdw-fontfamily-wrapper {\n    color: $white-3 !important;\n  }\n  .rdw-dropdown-wrapper {\n    background-color: transparent !important;\n    border: 1px solid transparent !important;\n    \n    z-index: 9;\n  }\n  .rdw-editor-toolbar,\n  .dropzone,\n  .MuiDropzoneArea-root,\n  .background__control,\n  .selectform__control {\n    background-color: $dark-theme !important;\n    border: 1px solid $border-dark !important;\n  }\n  .background__menu,\n  .selectform__menu {\n    background-color: $dark-theme !important;\n    border: 1px solid $border-dark !important;\n    color: $default-color;\n  }\n  .selectform__menu:hover {\n    background-color: $dark-theme !important;\n    border: 1px solid $border-dark !important;\n    color: $default-color !important;\n  }\n  .msl-options {\n    background-color: $dark-theme !important;\n  }\n  .msl-active,\n  .msl-active-up,\n  .msl-active ~ .msl-options {\n    background-color: $dark-theme !important;\n  }\n  .msl-option {\n    border-bottom: 1px solid $border-dark !important;\n  }\n  .Basicwizard {\n    border-top: 1px solid $border-dark !important;\n    border-bottom: 1px solid $border-dark !important;\n  }\n  .msl {\n    border: 1px solid $border-dark !important;\n  }\n  .msl-disabled > .msl {\n    background-color: transparent !important;\n  }\n  .form-control {\n    border: 1px solid $border-dark !important;\n  }\n}\n.dark-theme {\n  .sc-gicCDI {\n    color: $white !important;\n    fill: $white !important;\n  }\n  .sc-gicCDI:disabled {\n    color: $gray-300 !important;\n    fill: $gray-300 !important;\n  }\n  .uselistdata {\n    .rdt_TableHeader {\n      background-color: $dark-theme !important;\n    }\n  }\n  .datatable {\n    .rdt_Table {\n      border: 1px solid $border-dark !important;\n    }\n  }\n  .leaflet-control-zoom-in,\n  .leaflet-control-zoom-out {\n    color: $black !important;\n  }\n}\n.dark-theme .text-primary {\n  color: var(--primary-bg-color) !important;\n}\n.dark-theme.rtl #accordion11 .accordion-button::after {\n  background-image: none !important;\n  content: \"\\e930\";\n  position: absolute;\n  font-family: \"feather\";\n  left: 10px !important;\n  right: inherit;\n  top: 0px;\n  font-size: 16px;\n  line-height: 2.3;\n  transition: all 0.5s;\n  transform: scale(1);\n  color: var(--primary-bg-color);\n}\n.dark-theme {\n  .faq #accordion11 .accordion-button.collapsed::after {\n    background-image: none !important;\n    content: \"\\e92d\";\n    position: absolute;\n    font-family: \"feather\";\n    right: 10px;\n    top: 6px;\n    font-size: 16px;\n    line-height: 2.3;\n    transition: all 0.5s;\n    transform: scale(1);\n    color: var(--primary-bg-color) !important;\n  }\n  .panel-heading1 {\n    .accordion-collapse.collapse.show {\n      color: $white;\n    }\n  }\n  .user-lock .dropdown button {\n    border: 1px solid $border-dark;\n  }\n  .sc-fnykZs {\n    background: #383d52;\n    color: $white;\n  }\n}\n.dark-theme .main-chat-footer .nav-link {\n  border: 1px solid $border-dark;\n}\n.dark-theme .uselistdata .rdt_Table .rdt_TableBody .rdt_TableRow {\n  background-color: #2a2e3f !important;\n  border-bottom-color: $border-dark;\n  color: rgba(255, 255, 255, 0.7);\n}\n.dark-theme .swal2-input:focus {\n  border: 1px solid $border-dark !important;\n}\n.dark-theme .accordiondclose .accordion-header button.collapsed {\n  background-color: $dark-theme !important;\n}\n.dark-theme {\n  .optiondots .btn,\n  .rti--container {\n    border: 1px solid $border-dark !important;\n  }\n}\n.dark-theme .lg-actions .lg-next,\n.dark-theme .lg-actions .lg-prev {\n  background-color: $primary;\n}\n.dark-theme {\n  .tags-bg {\n    .msl-options {\n      background-color: $dark-theme !important;\n    }\n  }\n  .selectform__menu-list,\n  .selectform__single-value {\n    color: $white !important;\n  }\n  .selectform__option {\n    background-color: $dark-theme !important;\n  }\n  .msl-options .msl-option:hover {\n    background: var(--primary-bg-color);\n    color: $white !important;\n  }\n  .msl-active-up .msl-options {\n    background-color: $dark-theme !important;\n  }\n  .intl-tel-input .country-list {\n    background-color: $dark-theme !important;\n    white-space: normal;\n    border: 1px solid $border-dark;\n    .divider {\n      border: 1px solid transparent;\n    }\n    .country.highlight {\n      background: transparent;\n      border: transparent;\n      margin: 0;\n    }\n  }\n  .msl-chip {\n    background: transparent;\n  }\n  .msl-chip-delete {\n    background: transparent;\n    color: $white;\n  }\n  .selectform__input-container{\n    color: $white !important;\n  }\n  .MuiInputBase-input{\n    color:#eaecf3\n  }\n  .react-datepicker__month-container,.react-datepicker__header.react-datepicker-year-header{\n    background-color: $dark-theme;\n    color: $white;\n  }\n  .react-datepicker{\n    border: 1px solid $border-dark;\n  }\n  .react-datepicker__header{\n    border-bottom: transparent;\n  }\n  .react-datepicker__triangle::after{\nborder: 8px solid $dark-theme !important;\n  }\n  .react-datepicker__header,.react-datepicker__year--container {\n    background-color: $dark-theme;\n    color:$white;\n  }\n  .react-datepicker__month-container{\n    color: $white;\n  }\n  .react-datepicker{\n    background-color: transparent;\n  }\n}\n.dark-theme{\n  .borders{\n    border-bottom:1px solid $border-dark ;\n    border-top: 0px solid $border-dark;\n    border-left: 1px solid $border-dark;\n    border-right:1px solid $border-dark ;\n  }\n}\n.dark-theme .card-pay .tabs-menu.nav li button {\n  color: var(--primary-bg-color);\n  background: var(--primary02) !important;\n}\n.dark-theme .card-pay .tabs-menu li button.active {\n  background: var(--primary-bg-color) !important;\n  color: #ffffff;\n}\n.dark-theme {.nvd3 .nv-legend .nv-series text{\n  fill: $white;\n}\n.nv-axisMaxMin-y{\n  fill:transparent\n}\n.main-contact-star .dropdown-menu.show{\n  background-color: $dark-theme !important;\n}\n}\n.dark-theme .drop .dropzone:hover {\n  // background-image: -webkit-linear-gradient(135deg, rgba(250, 251, 254, 0.05) 25%, transparent 25%, transparent 50%, rgba(250, 251, 254, 0.1) 50%, rgba(250, 251, 254, 0.1) 75%, transparent 75%, transparent);\n  background-image: linear-gradient(-45deg, rgba(250, 251, 254, 0.1) 25%, transparent 25%, transparent 50%, rgba(250, 251, 254, 0.1) 50%, rgba(250, 251, 254, 0.1) 75%, transparent 75%, transparent) !important;\n  // -webkit-animation: stripes 2s linear infinite;\n  animation: stripes 2s linear infinite;\n}\n.dark-theme{\n  .msl-chip{\n    background: transparent;\n      }\n  .datetimepicker-2 {.MuiInputBase-input{\n  color:$white\n  }}}\n  .dark-theme{\n    .rdw-block-dropdown,.rdw-fontfamily-dropdown{\n      a{\n        color:#000 !important\n      }\n    }\n    .rdw-editor-wrapper{\n      border: 1px solid $border-dark;\n    }\n    .rdw-editor-toolbar{\n      border-top:0px !important ;\n      border-left:0px !important ;\n      border-right:0px !important ;\n      border-bottom: 1px solid $border-dark !important;\n    }\n    .rdw-dropdown-optionwrapper,.rdw-colorpicker-modal,.rdw-embedded-modal,.rdw-emoji-modal,.rdw-image-modal,.rdw-link-modal{\n      background: $dark-theme;\n      border: 1px solid $border-dark;\n      box-shadow: none;\n    }\n    .rdw-dropdownoption-active,.rdw-image-modal-upload-option{\n      background: transparent;\n    }\n    .rdw-image-modal-size,.rdw-embedded-modal-link-input-wrapper,.rdw-embedded-modal-size,.rdw-link-modal,.rdw-image-modal-url-section{\n      input{\n        background: transparent;\n        border: 1px solid $border-dark;\n      }\n    }\n    .rdw-image-modal-btn:active{\n      background: $primary !important;\n  color:$primary;\n  border: 1px solid $border-dark;\n    }\n    .rdw-image-modal-btn{\n      background: $dark-theme;\n      color:$white;\n      border: 1px solid $border-dark;\n    }\n    .rdw-embedded-modal-btn-section{\n      .rdw-image-modal-btn:active{\n        background: $primary !important;\n    color:$primary;\n    border: 1px solid $border-dark;\n      }\n      .rdw-image-modal-btn{\n        background: $dark-theme;\n        color:$white;\n        border: 1px solid $border-dark;\n      }\n    }\n    .rdw-embedded-modal-btn-section{\n      .rdw-embedded-modal-btn:active{\n        background: $primary !important;\n    color:$primary;\n    border: 1px solid $border-dark;\n      }\n      .rdw-embedded-modal-btn{\n        background: $dark-theme;\n        color:$white;\n        border: 1px solid $border-dark;\n      }\n    }\n  }"]}