{"version":3,"sources":["../scss/_variables.scss","style-transparent.scss"],"names":[],"mappings":"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vKC;;ACmwKL;EACE,kBDnxKQ;;ACsxKV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIA;EACE,MD3xKC;;AC+xKL;EACE;;AAGF;EACE,YDltKgB;ECmtKhB;;AAIA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;IACE;;;AAIJ;EACE;;AAGF;EACE,ODj0KG;;ACo0KL;EACE,ODr0KG;;ACw0KL;EACE,ODz0KG;;AC40KL;EACE;;AAGF;AAAA;EAEE;;AAGF;EACE,kBDpwKgB;;ACuwKlB;EACE,kBDxwKgB;;AC2wKlB;EACE,kBD5wKgB;;AC+wKlB;EACE;EACA,YDjxKgB;ECkxKhB;;AAGF;EACE;EACA,cDrxKiB;;ACwxKnB;EACE;EACA,cD1xKiB;;AC6xKnB;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;AAAA;AAAA;EAIE,YDhzKgB;;ACmzKlB;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EACE,kBDx1KgB;ECy1KhB,OD36KG;EC46KH,cDx1KiB;;AC21KnB;AAAA;EAEE,kBD91Ke;;ACi2KjB;EACE;;AAGF;EACE;;AAGF;EACE;EACA,OD97KG;;ACi8KL;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE,ODl9KG;;ACq9KL;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA,cDx5KiB;;AC25KnB;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE,ODlgLG;;ACqgLL;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE,kBDn8KgB;;ACs8KlB;EACE,YDv8KgB;;AC08KlB;EACE,oBD38KgB;;AC88KlB;EACE;;AAGF;EACE;EACA;;AAGF;EACE,YDx9KgB;;AC29KlB;EACE;;A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","file":"style-transparent.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\";\r\n\r\n/*---FONTS IMPORT --- */\r\n\r\nbody.transparent-theme {\r\n  color: #eaecf3;\r\n  background: $transparent-body;\r\n}\r\n\r\nbody.transparent-theme.bg-img1 {\r\n  background: url(../img/media/bg-img1.jpg) !important;\r\n  background-blend-mode: overlay;\r\n  background-size: cover !important;\r\n  background-position: center !important;\r\n  background-repeat: no-repeat !important;\r\n  background-attachment: fixed !important;\r\n  content: \"\";\r\n  left: 0;\r\n  right: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  position: absolute;\r\n}\r\n\r\nbody.transparent-theme.bg-img2 {\r\n  background: url(../img/media/bg-img2.jpg) !important;\r\n  background-blend-mode: overlay;\r\n  background-size: cover !important;\r\n  background-position: center !important;\r\n  background-repeat: no-repeat !important;\r\n  background-attachment: fixed !important;\r\n  content: \"\";\r\n  left: 0;\r\n  right: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  position: absolute;\r\n}\r\n\r\nbody.transparent-theme.bg-img3 {\r\n  background: url(../img/media/bg-img3.jpg) !important;\r\n  background-blend-mode: overlay;\r\n  background-size: cover !important;\r\n  background-position: center !important;\r\n  background-repeat: no-repeat !important;\r\n  background-attachment: fixed !important;\r\n  content: \"\";\r\n  left: 0;\r\n  right: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  position: absolute;\r\n}\r\n\r\nbody.transparent-theme.bg-img4 {\r\n  background: url(../img/media/bg-img4.jpg) !important;\r\n  background-blend-mode: overlay;\r\n  background-size: cover !important;\r\n  background-position: center !important;\r\n  background-repeat: no-repeat !important;\r\n  background-attachment: fixed !important;\r\n  content: \"\";\r\n  left: 0;\r\n  right: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  position: absolute;\r\n}\r\n\r\n@media (min-width: 1400px) {\r\n  body.layout-boxed.transparent-theme {\r\n    background: $transparent-body;\r\n  }\r\n}\r\n\r\n@media (min-width: 1400px) {\r\n  .transparent-theme.layout-boxed.bg-img3 .page,\r\n  .transparent-theme.layout-boxed.bg-img1 .page,\r\n  .transparent-theme.layout-boxed.bg-img2 .page,\r\n  .transparent-theme.layout-boxed.bg-img4 .page {\r\n    background: transparent;\r\n    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\r\n  }\r\n}\r\n\r\n.transparent-theme {\r\n  @media (max-width: 480px) {\r\n    .border-end.bd-xs-e-0 {\r\n      border-right: 0 !important;\r\n    }\r\n    .border-end.bd-xs-s-0 {\r\n      border-left: 0 !important;\r\n    }\r\n  }\r\n  @media (max-width: 991px) {\r\n    .border-end.bd-md-e-0 {\r\n      border-right: 0 !important;\r\n    }\r\n  }\r\n  @media (max-width: 1024px) {\r\n    .border-end.bd-lg-e-0 {\r\n      border-right: 0 !important;\r\n    }\r\n  }\r\n  @media (max-width: 1366px) {\r\n    .border-end.bd-xl-e-0 {\r\n      border-right: 0 !important;\r\n    }\r\n  }\r\n  &.rtl {\r\n    @media (max-width: 480px) {\r\n      .border-end.bd-xs-e-0 {\r\n        border-left: 0 !important;\r\n        border-right: inherit !important;\r\n      }\r\n      .border-end.bd-xs-s-0 {\r\n        border-right: 0 !important;\r\n        border-left: inherit !important;\r\n      }\r\n    }\r\n    @media (max-width: 991px) {\r\n      .border-end.bd-md-e-0 {\r\n        border-left: 0 !important;\r\n        border-right: inherit !important;\r\n      }\r\n    }\r\n    @media (max-width: 1024px) {\r\n      .border-end.bd-lg-e-0 {\r\n        border-left: 0 !important;\r\n        border-right: inherit !important;\r\n      }\r\n    }\r\n    @media (max-width: 1366px) {\r\n      .border-end.bd-xl-e-0 {\r\n        border-left: 0 !important;\r\n        border-right: inherit !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (min-width: 992px) {\r\n    &.hover-submenu.app.sidenav-toggled-open .slide-menu,\r\n    &.hover-submenu1.app.sidenav-toggled-open .slide-menu {\r\n      border-radius: 0px 5px 5px 0px !important;\r\n    }\r\n  }\r\n\r\n  .sticky.sticky-pin {\r\n    div.main-sidebar-header {\r\n      background: $primary !important;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 992px) {\r\n    &.icontext-menu,\r\n    &.hover-submenu,\r\n    &.hover-submenu1 {\r\n      .app-sidebar.sidebar-scroll .main-sidebar-header {\r\n        background-color: $primary !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  .browser-stats .sub-text {\r\n    color: rgba($white, 0.5);\r\n  }\r\n\r\n  .latest-tasks .time {\r\n    color: $white;\r\n  }\r\n\r\n  .tx-gray-500 {\r\n    color: rgba($white, 0.8);\r\n  }\r\n\r\n  .custom-control-input:disabled ~ .custom-control-label {\r\n    color: $white;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .select2-search__field::placeholder {\r\n    color: $white;\r\n  }\r\n\r\n  .pricing-tabs ul.nav-price {\r\n    background: transparent;\r\n  }\r\n\r\n  .main-chat-list .media-contact-name span:last-child {\r\n    color: $white;\r\n  }\r\n\r\n  .main-chat-body .media-body > div:last-child {\r\n    color: $white;\r\n  }\r\n\r\n  .main-chat-list .media-body p {\r\n    color: $white;\r\n  }\r\n\r\n  .main-chat-msg-name small {\r\n    color: $white;\r\n  }\r\n\r\n  .select2-container--default\r\n    .select2-selection--single\r\n    .select2-selection__arrow\r\n    b {\r\n    border-color: $white transparent transparent transparent;\r\n    border-width: 5px 4px 0 4px !important;\r\n  }\r\n\r\n  .main-nav-column .nav-link span {\r\n    color: $white;\r\n  }\r\n\r\n  @media (max-width: 992px) {\r\n    .card-pay .tabs-menu li a {\r\n      padding: 0.7rem 1rem;\r\n      display: block;\r\n      font-size: 10px;\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  .card-item-desc .card-item-desc-1 dd {\r\n    color: $white;\r\n  }\r\n\r\n  .theme-switch a svg {\r\n    fill: #ffffff;\r\n  }\r\n\r\n  .swal2-popup p {\r\n    color: $white;\r\n  }\r\n\r\n  &.rtl {\r\n    @media (min-width: 992px) {\r\n      &.hover-submenu.app.sidenav-toggled-open .slide-menu,\r\n      &.hover-submenu1.app.sidenav-toggled-open .slide-menu {\r\n        border-radius: 5px 0px 0px 5px !important;\r\n      }\r\n    }\r\n\r\n    .border-end {\r\n      border-left: 1px solid $transparent-border !important;\r\n    }\r\n\r\n    .border-start {\r\n      border-right: 1px solid $transparent-border !important;\r\n    }\r\n\r\n    @media (min-width: 576px) {\r\n      .wizard.vertical > .content,\r\n      .wizard.vertical > .actions {\r\n        border-right: 1px solid $transparent-border !important;\r\n        border-left: inherit;\r\n      }\r\n    }\r\n\r\n    .select2-container--default .select2-selection--single {\r\n      .select2-selection__rendered {\r\n        float: right;\r\n      }\r\n    }\r\n\r\n    .select2-container--default\r\n      .select2-selection--single\r\n      .select2-selection__arrow\r\n      b {\r\n      border-color: transparent transparent $white transparent;\r\n      border-width: 0px 4px 5px 4px !important;\r\n    }\r\n\r\n    .notification .notification-body:before {\r\n      border-left-color: $transparent-theme;\r\n      right: -20px;\r\n      left: inherit;\r\n      border-right-color: transparent !important;\r\n    }\r\n\r\n    .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel:after {\r\n      border-left: 14px solid $white-05;\r\n      border-right: 0 solid rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .vtimeline .timeline-wrapper .timeline-panel:after {\r\n      border-right: 14px solid $white-05;\r\n      border-left: 0 solid rgba(0, 0, 0, 0.2);\r\n    }\r\n  }\r\n\r\n  .card-header:first-child {\r\n    border-radius: 5px 5px 0 0 !important;\r\n  }\r\n\r\n  .tab_wrapper .content_wrapper .accordian_header {\r\n    border-top: 1px solid $transparent-border;\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .tab_wrapper .content_wrapper .accordian_header .arrow {\r\n    // border-top: 3px solid $transparent-border !important;\r\n    // border-left: 3px solid $transparent-border !important;\r\n    background: transparent;\r\n  }\r\n\r\n  .tabs-style-3 .nav.panel-tabs li a.active {\r\n    background: $white-05;\r\n  }\r\n\r\n  .flot-text .flot-x-axis,\r\n  .flot-text .flot-y-axis {\r\n    div {\r\n      color: $white !important;\r\n    }\r\n  }\r\n\r\n  .morris-wrapper-demo text,\r\n  .morris-donut-wrapper-demo text {\r\n    fill: $white;\r\n  }\r\n\r\n  .switcher-wrapper .leftmenu-styles,\r\n  .switcher-wrapper .header-styles {\r\n    display: none !important;\r\n  }\r\n\r\n  a.text-dark:hover,\r\n  a.text-dark:focus {\r\n    color: $white !important;\r\n  }\r\n\r\n  @media (min-width: 992px) {\r\n    &.horizontal .main-sidemenu .slide-left,\r\n    &.horizontal .main-sidemenu .slide-right {\r\n      svg {\r\n        color: $white;\r\n        fill: $white !important;\r\n      }\r\n    }\r\n       \r\n    &.horizontal {\r\n      .main-sidemenu .slide-left,\r\n      .main-sidemenu .slide-right {\r\n        background-color: transparent;\r\n      }\r\n    }\r\n  }\r\n\r\n  // skin-modes //\r\n  @media (min-width: 992px) {\r\n    &.hover-submenu,\r\n    &.hover-submenu1 {\r\n      &.app.sidenav-toggled .side-menu__label {\r\n        color: $white !important;\r\n      }\r\n\r\n      &.app.sidenav-toggled-open .slide-menu {\r\n        background-color: $transparent-body;\r\n        border: 1px solid $transparent-border;\r\n      }\r\n    }\r\n\r\n    &.icontext-menu {\r\n      &.app.sidenav-toggled .side-menu__label {\r\n        color: $white !important;\r\n      }\r\n\r\n      &.app.sidenav-toggled-open .slide-menu {\r\n        background-color: transparent;\r\n        border: 0;\r\n      }\r\n    }\r\n\r\n    &.app.sidenav-toggled-open .side-menu__label1 {\r\n      border-bottom: 1px solid $transparent-border;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 1400px) {\r\n    &.layout-boxed .page {\r\n      background: $transparent-body;\r\n      box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\r\n    }\r\n  }\r\n\r\n  // !skin-modes //\r\n  .intl-tel-input .flag-dropdown .country-list .country.highlight {\r\n    background-color: $transparent-body;\r\n  }\r\n\r\n  .intl-tel-input .flag-dropdown .country-list .divider {\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .intl-tel-input .flag-dropdown .country-list {\r\n    background-color: $transparent-body;\r\n  }\r\n\r\n  .intl-tel-input .flag-dropdown .selected-flag {\r\n    background: $transparent-body;\r\n  }\r\n\r\n  .main-content-app .card.custom-card {\r\n    background-color: transparent !important;\r\n  }\r\n\r\n  .notification .notification-time .date {\r\n    color: $white !important;\r\n  }\r\n\r\n  .notification .notification-time .time {\r\n    color: $white !important;\r\n  }\r\n\r\n  .btn-primary {\r\n    border-color: $primary;\r\n  }\r\n\r\n  .tab_wrapper.right_side > ul li.active:before {\r\n    background: $transparent-body;\r\n  }\r\n\r\n  .tab_wrapper.right_side > ul li:after {\r\n    background: $transparent-body;\r\n  }\r\n\r\n  .tab_wrapper > ul li {\r\n    border: 1px solid $transparent-border;\r\n    border-top: 3px solid $transparent-border;\r\n  }\r\n\r\n  .tab_wrapper.right_side > ul {\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .tab_wrapper.right_side > ul li.active {\r\n    border-color: $transparent-border !important;\r\n  }\r\n\r\n  .tab_wrapper.right_side .content_wrapper {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .tabs-style-3 {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  @media (min-width: 992px) {\r\n    &.horizontal {\r\n      .main-header {\r\n        background: $transparent-theme !important;\r\n      }\r\n\r\n      .sticky.sticky-pin {\r\n        .app-sidebar.horizontal-main {\r\n          background-color: $transparent-body !important;\r\n        }\r\n      }\r\n\r\n      .app-sidebar.horizontal-main {\r\n        background-color: $transparent-theme !important;\r\n      }\r\n\r\n      .horizontal-main .slide .slide-menu,\r\n      .horizontal-main .slide .sub-slide-menu {\r\n        background-color: $transparent-body !important;\r\n        border: 1px solid $transparent-border !important;\r\n      }\r\n\r\n      .logo-horizontal {\r\n        .logo-1 {\r\n          display: none !important;\r\n        }\r\n\r\n        .dark-logo-1 {\r\n          display: block !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .irs-grid-text {\r\n    color: #fff;\r\n  }\r\n\r\n  form[role=\"search\"].active {\r\n    background: $transparent-body;\r\n  }\r\n\r\n  .main-header form[role=\"search\"].active input {\r\n    color: $white !important;\r\n  }\r\n\r\n  @media (max-width: 991.98px) {\r\n    .app-sidebar {\r\n      background: $transparent-body !important;\r\n    }\r\n\r\n    &.sidenav-toggled .app-sidebar {\r\n      background: $transparent-body !important;\r\n    }\r\n\r\n    .main-sidemenu {\r\n      margin-top: 0px !important;\r\n    }\r\n\r\n    &.sidenav-toggled .side-menu .slide .side-menu__item.active {\r\n      border-right: 3px solid $white !important;\r\n    }\r\n  }\r\n\r\n  .modal-backdrop.show {\r\n    opacity: 0.6;\r\n  }\r\n\r\n  .theme-layout {\r\n    display: none !important;\r\n  }\r\n\r\n  &.sidenav-toggled.sidenav-toggled-open {\r\n    .app-sidebar {\r\n      border-right: 1px solid $primary-02;\r\n      background: $primary !important;\r\n    }\r\n\r\n    .main-sidebar-header {\r\n      background: rgba(0, 0, 0, 0.2);\r\n    }\r\n  }\r\n\r\n  .app-sidebar.sidebar-scroll {\r\n    .main-sidebar-header {\r\n      background-color: $primary !important;\r\n    }\r\n  }\r\n\r\n  &.sidebar-mini .side-menu {\r\n    height: 150vh !important;\r\n    padding-top: 21px;\r\n    background-color: $transparent-theme !important;\r\n  }\r\n\r\n  .app-sidebar .slide-menu .slide-item::before {\r\n    color: $white;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .slide .sub-side-menu__item:before {\r\n    color: $white;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .slide.is-expanded .sub-slide-item2:before {\r\n    color: $white;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .pulse:before {\r\n    background: rgb(8, 104, 88);\r\n  }\r\n\r\n  .breadcrumb-item.active {\r\n    color: $white;\r\n  }\r\n\r\n  .main-header.side-header.sticky.nav.nav-item.fixed-header.visible-title.sticky-pin {\r\n    background: $primary;\r\n  }\r\n\r\n  .select2-container--default.select2-container--open\r\n    .select2-selection--single\r\n    .select2-selection__arrow\r\n    b {\r\n    border-color: $white transparent $white transparent;\r\n  }\r\n\r\n  .dataTables_wrapper\r\n    .dataTables_length\r\n    .select2-container--default\r\n    .select2-selection--single\r\n    .select2-selection__arrow\r\n    b {\r\n    border-top-color: $white;\r\n  }\r\n\r\n  .table > :not(caption) > * > * {\r\n    background-color: transparent !important;\r\n  }\r\n\r\n  .text-success {\r\n    color: $success !important;\r\n  }\r\n\r\n  .badge-success-transparent {\r\n    color: $success;\r\n    background-color: rgba(8, 104, 88, 0.15) !important;\r\n  }\r\n\r\n  .badge-light-transparent {\r\n    color: $white;\r\n    background-color: rgba(255, 255, 255, 0.1);\r\n  }\r\n\r\n  @media (min-width: 992px) {\r\n    .main-header-left .btn {\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  // Plugin primary colors//\r\n\r\n  .tree li i {\r\n    color: $white;\r\n  }\r\n\r\n  .bootstrap-tagsinput .badge {\r\n    background-color: $primary;\r\n    border: 1px solid $primary-border;\r\n  }\r\n\r\n  .swal2-popup button {\r\n    background-color: $primary !important;\r\n    border-color: $white-8;\r\n  }\r\n\r\n  // Quill editor styles //\r\n\r\n  .ql-snow.ql-toolbar button:hover,\r\n  .ql-snow .ql-toolbar button:hover,\r\n  .ql-snow.ql-toolbar button:focus,\r\n  .ql-snow .ql-toolbar button:focus,\r\n  .ql-snow.ql-toolbar button.ql-active,\r\n  .ql-snow .ql-toolbar button.ql-active,\r\n  .ql-snow.ql-toolbar .ql-picker-label:hover,\r\n  .ql-snow .ql-toolbar .ql-picker-label:hover,\r\n  .ql-snow.ql-toolbar .ql-picker-label.ql-active,\r\n  .ql-snow .ql-toolbar .ql-picker-label.ql-active,\r\n  .ql-snow.ql-toolbar .ql-picker-item:hover,\r\n  .ql-snow .ql-toolbar .ql-picker-item:hover,\r\n  .ql-snow.ql-toolbar .ql-picker-item.ql-selected,\r\n  .ql-snow .ql-toolbar .ql-picker-item.ql-selected {\r\n    color: $primary;\r\n  }\r\n\r\n  .ql-snow.ql-toolbar button:hover .ql-fill,\r\n  .ql-snow .ql-toolbar button:hover .ql-fill,\r\n  .ql-snow.ql-toolbar button:focus .ql-fill,\r\n  .ql-snow .ql-toolbar button:focus .ql-fill,\r\n  .ql-snow.ql-toolbar button.ql-active .ql-fill,\r\n  .ql-snow .ql-toolbar button.ql-active .ql-fill,\r\n  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,\r\n  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,\r\n  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,\r\n  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,\r\n  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,\r\n  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,\r\n  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,\r\n  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,\r\n  .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,\r\n  .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,\r\n  .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,\r\n  .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,\r\n  .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,\r\n  .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,\r\n  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\r\n  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\r\n  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\r\n  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\r\n  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\r\n  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\r\n  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,\r\n  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {\r\n    fill: $primary;\r\n  }\r\n\r\n  .ql-snow.ql-toolbar button:hover .ql-stroke,\r\n  .ql-snow .ql-toolbar button:hover .ql-stroke,\r\n  .ql-snow.ql-toolbar button:focus .ql-stroke,\r\n  .ql-snow .ql-toolbar button:focus .ql-stroke,\r\n  .ql-snow.ql-toolbar button.ql-active .ql-stroke,\r\n  .ql-snow .ql-toolbar button.ql-active .ql-stroke,\r\n  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,\r\n  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,\r\n  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\r\n  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,\r\n  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,\r\n  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,\r\n  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\r\n  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\r\n  .ql-snow.ql-toolbar button:hover .ql-stroke-miter,\r\n  .ql-snow .ql-toolbar button:hover .ql-stroke-miter,\r\n  .ql-snow.ql-toolbar button:focus .ql-stroke-miter,\r\n  .ql-snow .ql-toolbar button:focus .ql-stroke-miter,\r\n  .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,\r\n  .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,\r\n  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\r\n  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\r\n  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\r\n  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\r\n  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\r\n  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\r\n  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,\r\n  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {\r\n    stroke: $primary;\r\n  }\r\n\r\n  .ql-snow a {\r\n    color: $primary;\r\n  }\r\n\r\n  // !Quill editor styles //\r\n\r\n  // gallery //\r\n\r\n  .lg-actions .lg-next,\r\n  .lg-actions .lg-prev {\r\n    background-color: $primary-05;\r\n    border: 1px solid $primary;\r\n  }\r\n\r\n  .lg-toolbar {\r\n    background-color: $primary-05;\r\n  }\r\n\r\n  //  !gallery //\r\n\r\n  // Bootstrap datepicker //\r\n  .datepicker .datepicker-switch {\r\n    color: $white;\r\n  }\r\n\r\n  .datepicker .datepicker-switch:hover,\r\n  .datepicker .prev:hover,\r\n  .datepicker .next:hover,\r\n  .datepicker tfoot tr th:hover {\r\n    color: $primary !important;\r\n  }\r\n\r\n  .datepicker table tr td.disabled,\r\n  .datepicker table tr td.disabled:hover {\r\n    color: $primary;\r\n  }\r\n\r\n  .datepicker table tr td.active,\r\n  .datepicker table tr td.active:hover,\r\n  .datepicker table tr td.active.disabled,\r\n  .datepicker table tr td.active.disabled:hover {\r\n    background-image: -moz-linear-gradient(to bottom, $primary, $primary);\r\n    background-image: -ms-linear-gradient(to bottom, $primary, $primary);\r\n    background-image: -webkit-gradient(\r\n      linear,\r\n      0 0,\r\n      0 100%,\r\n      from($primary),\r\n      to($primary)\r\n    );\r\n    background-image: -webkit-linear-gradient(to bottom, $primary, $primary);\r\n    background-image: -o-linear-gradient(to bottom, $primary, $primary);\r\n    background-image: linear-gradient(to bottom, $primary, $primary);\r\n    background-repeat: repeat-x;\r\n    filter: gradient(\r\n      startColorstr= \"$primary\",\r\n      endColorstr= \"$primary\",\r\n      GradientType=0\r\n    );\r\n    border-color: $primary;\r\n  }\r\n\r\n  .datepicker table tr td span:hover,\r\n  .datepicker table tr td span.focused {\r\n    background: $primary;\r\n  }\r\n\r\n  .datepicker table tr td span.disabled,\r\n  .datepicker table tr td span.disabled:hover {\r\n    background: none;\r\n    color: $primary;\r\n  }\r\n\r\n  .datepicker table tr td span.active,\r\n  .datepicker table tr td span.active:hover,\r\n  .datepicker table tr td span.active.disabled,\r\n  .datepicker table tr td span.active.disabled:hover {\r\n    background-image: -moz-linear-gradient(to bottom, $primary, $primary);\r\n    background-image: -ms-linear-gradient(to bottom, $primary, $primary);\r\n    background-image: -webkit-gradient(\r\n      linear,\r\n      0 0,\r\n      0 100%,\r\n      from($primary),\r\n      to($primary)\r\n    );\r\n    background-image: -webkit-linear-gradient(to bottom, $primary, $primary);\r\n    background-image: -o-linear-gradient(to bottom, $primary, $primary);\r\n    background-image: linear-gradient(to bottom, $primary, $primary);\r\n    filter: gradient(\r\n      startColorstr= \"$primary\",\r\n      endColorstr= \"$primary\",\r\n      GradientType=0\r\n    );\r\n    border-color: $primary;\r\n  }\r\n\r\n  .datepicker table tr td span.old,\r\n  .datepicker table tr td span.new {\r\n    color: $primary;\r\n  }\r\n\r\n  // !Bootstrap datepicker //\r\n\r\n  // !Plugin primary colors//\r\n\r\n  .form-control:focus {\r\n    border-color: $primary;\r\n  }\r\n\r\n  .btn-white:not(:disabled):not(.disabled):active,\r\n  .btn-white:not(:disabled):not(.disabled).active {\r\n    color: $white;\r\n    background-color: $transparent-theme;\r\n    border-color: $transparent-border !important;\r\n  }\r\n\r\n  .btn-white:focus {\r\n    background-color: $transparent-theme !important;\r\n    color: $white;\r\n    border-color: $transparent-border !important;\r\n  }\r\n\r\n  .qty {\r\n    border-left: 0 !important;\r\n    border-right: 0 !important;\r\n  }\r\n\r\n  .card {\r\n    background-color: $transparent-theme !important;\r\n    border-color: $transparent-border !important;\r\n    box-shadow: 0 0 10px rgba(28, 39, 60, 0.1);\r\n  }\r\n\r\n  .main-header {\r\n    background: $transparent-theme;\r\n    border-bottom: 1px solid $transparent-border;\r\n    box-shadow: none;\r\n  }\r\n\r\n  .side-header {\r\n    border-right: 0;\r\n  }\r\n\r\n  .header-icons .new.nav-link {\r\n    color: $white;\r\n  }\r\n\r\n  .card-dashboard-audience-metrics {\r\n    .card-header,\r\n    .card-body {\r\n      background-color: $transparent-theme;\r\n    }\r\n  }\r\n\r\n  .card-header {\r\n    background-color: transparent;\r\n    border-bottom: 0;\r\n  }\r\n\r\n  .border-bottom {\r\n    border-bottom: 1px solid rgba(234, 236, 241, 0.2) !important;\r\n  }\r\n\r\n  .border-top {\r\n    border-top: 1px solid rgba(234, 236, 241, 0.2) !important;\r\n  }\r\n\r\n  .border-right {\r\n    border-right: 1px solid rgba(234, 236, 241, 0.2) !important;\r\n  }\r\n\r\n  .border-left {\r\n    border-left: 1px solid rgba(234, 236, 241, 0.2) !important;\r\n  }\r\n\r\n  .border {\r\n    border: 1px solid rgba(234, 236, 241, 0.2) !important;\r\n  }\r\n\r\n  .table tbody tr,\r\n  .table-bordered thead th {\r\n    background-color: transparent;\r\n  }\r\n}\r\n\r\n.table-bordered thead td {\r\n  background-color: transparent;\r\n}\r\n\r\n.transparent-theme {\r\n  .table {\r\n    color: $white-7;\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n\r\n  .table-bordered {\r\n    border: 1px solid rgba(234, 236, 241, 0.1) !important;\r\n\r\n    th,\r\n    td {\r\n      border: 1px solid rgba(234, 236, 241, 0.1);\r\n    }\r\n  }\r\n\r\n  .card-dashboard-audience-metrics .card-body h4 {\r\n    color: #fcfcfd;\r\n  }\r\n\r\n  .progress {\r\n    background-color: $white-1;\r\n  }\r\n\r\n  .card-dashboard-audience-metrics\r\n    .flot-chart\r\n    .flot-x-axis\r\n    > div\r\n    span:last-child {\r\n    color: #b9c6de;\r\n  }\r\n\r\n  .main-footer {\r\n    background-color: transparent;\r\n    border-top: 0px;\r\n  }\r\n\r\n  .sidebar {\r\n    &.sidebar-right {\r\n      box-shadow: 5px 7px 26px -5px #171a21 !important;\r\n    }\r\n\r\n    .tabs-menu ul {\r\n      border-bottom: 1px solid rgba(235, 234, 241, 0.1);\r\n    }\r\n  }\r\n\r\n  .chat .contacts li {\r\n    border-bottom: 1px solid rgba(227, 227, 247, 0.1);\r\n  }\r\n\r\n  .form-control {\r\n    color: $white;\r\n    background-color: transparent;\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n\r\n  .list-group-item {\r\n    background-color: transparent !important;\r\n    border: 1px solid $transparent-border;\r\n    color: $white;\r\n  }\r\n\r\n  .main-header-center .form-control {\r\n    border-color: $transparent-border !important;\r\n    background-color: $transparent-theme !important;\r\n  }\r\n\r\n  .main-header {\r\n    form[role=\"search\"] {\r\n      &.active input {\r\n        background: $transparent-body;\r\n      }\r\n\r\n      button[type=\"reset\"] {\r\n        background: transparent;\r\n      }\r\n    }\r\n\r\n    .input-group-btn .btn:hover i {\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .main-header-notification .dropdown-menu {\r\n    background-color: $primary;\r\n  }\r\n\r\n  .notification-label {\r\n    color: $white;\r\n  }\r\n\r\n  .main-notification-list a:hover,\r\n  .main-message-list a:hover {\r\n    background: $white-05;\r\n  }\r\n\r\n  .notification-subtext {\r\n    color: $white-7;\r\n  }\r\n\r\n  .main-header-message .dropdown-footer,\r\n  .main-header-notification .dropdown-footer {\r\n    border-top: 1px solid rgba(220, 225, 239, 0.1);\r\n    background: $transparent-theme;\r\n    border-radius: 0px 0px 3px 3px;\r\n  }\r\n\r\n  .dropdown-menu {\r\n    color: $white;\r\n    background-color: $primary;\r\n    border: 1px solid rgba(138, 153, 191, 0.125);\r\n  }\r\n\r\n  .main-message-list a {\r\n    .name {\r\n      color: $white;\r\n    }\r\n\r\n    .time,\r\n    .desc {\r\n      color: $white-7;\r\n    }\r\n  }\r\n\r\n  .task-line a {\r\n    color: $white;\r\n  }\r\n\r\n  .latest-tasks .nav-tabs .nav-link {\r\n    color: #bc289a;\r\n    background: transparent;\r\n  }\r\n\r\n  .chips p {\r\n    color: $white-5;\r\n  }\r\n\r\n  .chip {\r\n    color: $white;\r\n    background-color: rgba(245, 246, 251, 0.1);\r\n  }\r\n\r\n  .form-select {\r\n    color: #ffffe3;\r\n    background-color: $transparent-theme;\r\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\");\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .ps__thumb-y {\r\n    background-color: transparent;\r\n  }\r\n\r\n  .ps__rail-y:hover > .ps__thumb-y,\r\n  .ps__rail-y:focus > .ps__thumb-y,\r\n  .ps__rail-y.ps--clicking .ps__thumb-y {\r\n    background-color: $transparent-border;\r\n    width: 8px;\r\n  }\r\n}\r\n\r\n@media (min-width: 1245px) {\r\n  .transparent-theme .main-header-center .form-control {\r\n    border-color: $transparent-border !important;\r\n    background-color: transparent;\r\n  }\r\n}\r\n\r\n.chip:hover {\r\n  background: #8485fb;\r\n  color: $white;\r\n}\r\n\r\n.transparent-theme {\r\n  &.sidebar-mini .main-sidemenu {\r\n    margin-top: 64px;\r\n  }\r\n\r\n  .latest-tasks .check-box .ckbox span:before {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .table {\r\n    th,\r\n    td {\r\n      border-top: 1px solid $transparent-border;\r\n    }\r\n  }\r\n\r\n  #global-loader {\r\n    background: #1a233a;\r\n  }\r\n\r\n  .app-sidebar {\r\n    background: transparent !important;\r\n    border-top: 0;\r\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\r\n    border-right: 1px solid $transparent-border;\r\n  }\r\n\r\n  .main-sidebar-header {\r\n    background: transparent;\r\n  }\r\n\r\n  .side-menu__label,\r\n  .side-menu .side-menu__icon {\r\n    color: $white;\r\n    fill: $white;\r\n  }\r\n\r\n  .app-sidebar__user .user-info h4 {\r\n    color: $white !important;\r\n  }\r\n\r\n  .side-menu h3 {\r\n    color: $white-4 !important;\r\n  }\r\n\r\n  .main-sidebar-header {\r\n    border-bottom: 0px solid $transparent-border;\r\n    border-right: 0px solid $transparent-border;\r\n  }\r\n\r\n  &.sidenav-toggled-open {\r\n    .main-sidebar-header {\r\n      border-bottom: 1px solid $transparent-border;\r\n    }\r\n  }\r\n\r\n  .main-sidebar-loggedin .media-body h6 {\r\n    color: $white;\r\n  }\r\n\r\n  .app-sidebar .slide.active .side-menu__item {\r\n    background: transparent;\r\n  }\r\n\r\n  .slide {\r\n    a {\r\n      color: $white-8;\r\n    }\r\n\r\n    &.is-expanded {\r\n      background: transparent;\r\n\r\n      a {\r\n        color: $white-6;\r\n      }\r\n    }\r\n  }\r\n\r\n  .side-menu__item {\r\n    color: $white-7;\r\n  }\r\n\r\n  .app-sidebar__user .user-pro-body img {\r\n    border: 2px solid $primary;\r\n    background: rgba(109, 110, 243, 0.2);\r\n  }\r\n\r\n  .slide.is-expanded:before {\r\n    background: $transparent-border;\r\n  }\r\n\r\n  .slide-menu .slide-item:before {\r\n    border-color: #6d7582;\r\n  }\r\n\r\n  .main-logo.transparent-theme {\r\n    display: block;\r\n  }\r\n\r\n  .desktop-logo {\r\n    margin: 0 auto;\r\n    display: none;\r\n  }\r\n\r\n  .open-toggle svg g,\r\n  .close-toggle svg g {\r\n    fill: $white;\r\n  }\r\n\r\n  .angle {\r\n    color: $white !important;\r\n  }\r\n\r\n  .main-header-center {\r\n    .btn:hover,\r\n    .sp-container button:hover {\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .sp-container .main-header-center button:hover {\r\n    color: $white;\r\n  }\r\n\r\n  .main-header-center {\r\n    .btn:focus,\r\n    .sp-container button:focus {\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .sp-container .main-header-center button:focus,\r\n  .main-header .input-group-btn .btn i {\r\n    color: $white;\r\n  }\r\n\r\n  .main-mail-item {\r\n    &.unread {\r\n      background-color: $transparent-theme;\r\n    }\r\n\r\n    border-top: 1px solid $transparent-border;\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .main-content-title {\r\n    color: $white;\r\n  }\r\n\r\n  .main-mail-options {\r\n    border: 1px solid $transparent-border;\r\n    border-bottom: 0;\r\n  }\r\n\r\n  .main-mail-list {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .main-mail-item {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .main-mail-subject strong {\r\n    color: $white-7;\r\n  }\r\n\r\n  .ckbox span:before {\r\n    background-color: rgba(255, 255, 255, 0.3);\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .main-mail-star {\r\n    color: $white-2;\r\n  }\r\n\r\n  .main-nav-column .nav-link {\r\n    color: $white;\r\n\r\n    &:hover,\r\n    &:focus {\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .btn-light {\r\n    color: $white;\r\n    background-color: $transparent-border;\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .main-nav-column .nav-link {\r\n    &:hover i:not([class*=\" tx-\"]),\r\n    &:focus i:not([class*=\" tx-\"]) {\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .nav-search .input-group-text {\r\n    color: $white;\r\n    background-color: $white-2;\r\n    border: 1px solid $white-1;\r\n    border-left: 0;\r\n  }\r\n\r\n  .main-nav-column .nav-link.active {\r\n    color: $primary !important;\r\n\r\n    &:hover,\r\n    &:focus {\r\n      color: $primary !important;\r\n    }\r\n  }\r\n\r\n  .main-mail-header .btn-group .btn {\r\n    border-color: #555c6e;\r\n    background-color: #555c6e;\r\n  }\r\n\r\n  .table > :not(:last-child) > :last-child > * {\r\n    border-bottom-color: $transparent-border !important;\r\n  }\r\n  .table.dataTable > :not(:last-child) > :last-child > * {\r\n    border-bottom-color: transparent !important;\r\n  }\r\n}\r\n\r\n/*----- Left-Sidemenu -----*/\r\n\r\n.main-mail-header .btn-group .sp-container button,\r\n.sp-container .main-mail-header .btn-group button {\r\n  border-color: $transparent-border;\r\n  background-color: #555c6e;\r\n}\r\n\r\n.transparent-theme {\r\n  .main-mail-header .btn-group {\r\n    .btn.disabled,\r\n    .sp-container button.disabled {\r\n      background-color: #555c6e;\r\n      color: $border;\r\n      border-color: $transparent-border;\r\n    }\r\n  }\r\n\r\n  .sp-container .main-mail-header .btn-group button.disabled {\r\n    background-color: #555c6e;\r\n    color: $border;\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .main-mail-header .btn-group {\r\n    .btn:hover,\r\n    .sp-container button:hover {\r\n      color: $white;\r\n      background-color: $white-3;\r\n      border-left: 0;\r\n    }\r\n  }\r\n\r\n  .sp-container .main-mail-header .btn-group button:hover {\r\n    color: $white;\r\n    background-color: $white-3;\r\n    border-left: 0;\r\n  }\r\n\r\n  .main-mail-header .btn-group {\r\n    .btn:focus,\r\n    .sp-container button:focus {\r\n      color: $white;\r\n      background-color: $white-3;\r\n      border-left: 0;\r\n    }\r\n  }\r\n\r\n  .sp-container .main-mail-header .btn-group button:focus {\r\n    color: $white;\r\n    background-color: $white-3;\r\n    border-left: 0;\r\n  }\r\n\r\n  .card-header,\r\n  .card-footer {\r\n    position: relative;\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  hr {\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .main-content-label,\r\n  .card-table-two .card-title,\r\n  .card-dashboard-eight .card-title {\r\n    color: $white;\r\n  }\r\n\r\n  .form-label {\r\n    color: #cfdaec;\r\n  }\r\n\r\n  .select2-container--default .select2-selection--single {\r\n    background-color: transparent;\r\n    border-color: $transparent-border !important;\r\n\r\n    .select2-selection__rendered {\r\n      color: #cfdaec;\r\n    }\r\n  }\r\n\r\n  .select2-dropdown {\r\n    background-color: $transparent-body;\r\n    border-color: $white-05;\r\n  }\r\n\r\n  .select2-container--default {\r\n    .select2-results__option[aria-selected=\"true\"] {\r\n      background-color: $white-05;\r\n    }\r\n\r\n    .select2-search--dropdown .select2-search__field {\r\n      border-color: $transparent-border;\r\n      background: $transparent-theme;\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .main-nav-line-chat {\r\n    border-bottom: 0px solid $transparent-border !important;\r\n  }\r\n\r\n  .main-nav-line .nav-link {\r\n    color: $white-4;\r\n  }\r\n\r\n  .main-chat-msg-name h6 {\r\n    color: $white;\r\n  }\r\n\r\n  .main-chat-header {\r\n    border-bottom: 1px solid $transparent-border;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  .main-nav-line-chat .nav-link.active {\r\n    color: #ffffff !important;\r\n    background: $primary;\r\n  }\r\n\r\n  .main-chat-contacts-more {\r\n    background-color: $primary;\r\n  }\r\n\r\n  .main-chat-list {\r\n    .media {\r\n      &.new {\r\n        background-color: $transparent-theme;\r\n\r\n        .media-body p {\r\n          color: #a9b2c7;\r\n        }\r\n\r\n        .media-contact-name span:first-child {\r\n          color: #f3f6fb;\r\n        }\r\n      }\r\n\r\n      border-bottom: 1px solid $transparent-border;\r\n    }\r\n\r\n    .media-contact-name span:first-child {\r\n      color: $white !important;\r\n    }\r\n\r\n    .media.selected {\r\n      background-color: rgba(243, 246, 251, 0.1);\r\n    }\r\n  }\r\n\r\n  .main-chat-contacts-wrapper {\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .main-chat-list .media {\r\n    &:hover,\r\n    &:focus {\r\n      background-color: rgba(252, 252, 252, 0.05);\r\n    }\r\n\r\n    &.selected .media-body p {\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .main-msg-wrapper {\r\n    background-color: $transparent-border;\r\n    color: $white;\r\n  }\r\n\r\n  .main-chat-footer {\r\n    background-color: transparent;\r\n    z-index: 999;\r\n\r\n    .form-control {\r\n      background: transparent;\r\n      border-color: transparent;\r\n    }\r\n  }\r\n\r\n  .irs-line-mid,\r\n  .irs-line-left,\r\n  .irs-line-right {\r\n    background-color: $transparent-border;\r\n  }\r\n\r\n  .irs-min,\r\n  .irs-max {\r\n    color: $white;\r\n    background: $white-1;\r\n  }\r\n\r\n  .main-calendar .fc-header-toolbar h2 {\r\n    color: $white;\r\n  }\r\n\r\n  .ui-datepicker {\r\n    background-color: $transparent-body;\r\n    box-shadow: 0 0 24px rgba(20, 28, 43, 0.6);\r\n    border: 1px solid $white-1;\r\n\r\n    .ui-datepicker-calendar td {\r\n      border: 1px solid $white-3;\r\n      background-color: transparent;\r\n\r\n      span,\r\n      a {\r\n        color: $white;\r\n      }\r\n    }\r\n\r\n    .ui-datepicker-title,\r\n    .ui-datepicker-calendar th {\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .main-datepicker .ui-datepicker .ui-datepicker-calendar th {\r\n    color: $bg-active;\r\n  }\r\n\r\n  .card--calendar .ui-datepicker .ui-datepicker-header {\r\n    border-bottom: 1px solid rgba(227, 227, 227, 0.1);\r\n  }\r\n\r\n  .ui-datepicker .ui-datepicker-calendar td a:hover {\r\n    background-color: $primary;\r\n    color: $white;\r\n  }\r\n\r\n  .main-calendar {\r\n    .fc-view > table {\r\n      background-color: $transparent-theme;\r\n    }\r\n\r\n    .fc-head-container .fc-day-header {\r\n      color: $white;\r\n    }\r\n\r\n    .fc-view {\r\n      .fc-day-number {\r\n        color: $white;\r\n      }\r\n\r\n      .fc-other-month {\r\n        background-color: rgba(40, 92, 247, 0.07);\r\n      }\r\n    }\r\n\r\n    .fc-content {\r\n      border-color: $transparent-border;\r\n    }\r\n  }\r\n}\r\n\r\n.main-calendar .fc-divider {\r\n  border-color: $transparent-border;\r\n}\r\n\r\n.transparent-theme .main-calendar {\r\n  .fc-list-heading td,\r\n  .fc-list-view,\r\n  .fc-popover,\r\n  .fc-row,\r\n  tbody,\r\n  td {\r\n    border-color: $transparent-border;\r\n  }\r\n}\r\n\r\n.main-calendar th {\r\n  border-color: $transparent-border;\r\n}\r\n\r\n.transparent-theme {\r\n  .main-calendar {\r\n    thead {\r\n      border-color: $transparent-border;\r\n    }\r\n\r\n    .fc-view .fc-day-number {\r\n      &:hover,\r\n      &:focus {\r\n        color: $white;\r\n        background-color: transparent;\r\n      }\r\n    }\r\n\r\n    td.fc-today {\r\n      background-color: $primary;\r\n    }\r\n\r\n    .fc-view > table > {\r\n      thead {\r\n        th,\r\n        td {\r\n          border-color: $white-1;\r\n        }\r\n      }\r\n\r\n      tbody > tr > td {\r\n        border-color: $transparent-border;\r\n      }\r\n    }\r\n\r\n    .fc-header-toolbar button {\r\n      background-color: #384361;\r\n      border: 1px solid $transparent-border;\r\n\r\n      &.fc-state-active {\r\n        background-color: $primary;\r\n      }\r\n    }\r\n\r\n    .fc-view {\r\n      &.fc-listMonth-view .fc-list-item,\r\n      &.fc-listWeek-view .fc-list-item {\r\n        background-color: #333d5a;\r\n      }\r\n    }\r\n  }\r\n\r\n  .fc-unthemed {\r\n    .fc-divider,\r\n    .fc-list-heading td,\r\n    .fc-popover .fc-header {\r\n      background: #384361;\r\n    }\r\n  }\r\n\r\n  .main-calendar .fc-view {\r\n    &.fc-listMonth-view .fc-list-item-title .fc-desc,\r\n    &.fc-listWeek-view .fc-list-item-title .fc-desc {\r\n      color: $white-6;\r\n    }\r\n\r\n    &.fc-listMonth-view .fc-list-item-title a,\r\n    &.fc-listWeek-view .fc-list-item-title a,\r\n    &.fc-listMonth-view .fc-list-heading-main span:last-child,\r\n    &.fc-listWeek-view .fc-list-heading-main span:last-child {\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .main-contact-info-header .media-body p,\r\n  .tx-inverse {\r\n    color: $white-8;\r\n  }\r\n\r\n  .contact-icon:hover {\r\n    background: $white-1;\r\n    color: $white;\r\n  }\r\n\r\n  .main-contact-info-header {\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .main-contact-info-body {\r\n    .media-body {\r\n      span {\r\n        color: $white-8;\r\n      }\r\n\r\n      label {\r\n        color: $white-4;\r\n      }\r\n    }\r\n\r\n    .media + .media::before {\r\n      border-top: 1px dotted rgba(226, 232, 245, 0.2);\r\n    }\r\n  }\r\n\r\n  .main-contact-body {\r\n    span {\r\n      color: $white-4;\r\n    }\r\n\r\n    h6 {\r\n      color: $white-8;\r\n    }\r\n  }\r\n\r\n  .main-contact-item {\r\n    &.selected {\r\n      border-left-color: $primary;\r\n      border-top-color: $transparent-border !important;\r\n      border-bottom-color: $transparent-border !important;\r\n      background-color: $transparent-border;\r\n    }\r\n\r\n    + .main-contact-item {\r\n      border-top-color: rgba(227, 231, 237, 0.19);\r\n\r\n      &::before {\r\n        border-top: 1px solid rgba(227, 231, 237, 0.05);\r\n      }\r\n    }\r\n\r\n    &:hover,\r\n    &:focus {\r\n      background-color: $transparent-border !important;\r\n      border-top-color: $transparent-border;\r\n      border-bottom-color: $transparent-border;\r\n    }\r\n  }\r\n\r\n  .main-contact-label::after {\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .notifit_confirm,\r\n  .notifit_prompt {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .tree {\r\n    li {\r\n      a {\r\n        text-decoration: none;\r\n        color: $white-6;\r\n      }\r\n\r\n      color: $white-6;\r\n    }\r\n\r\n    ul {\r\n      li:last-child:before {\r\n        background: $transparent-body;\r\n      }\r\n\r\n      &:before {\r\n        border-left-color: $white-4;\r\n        border-right-color: $white-4;\r\n      }\r\n\r\n      li:before {\r\n        border-top-color: $white-4;\r\n      }\r\n    }\r\n  }\r\n\r\n  .text-muted {\r\n    color: $white-7 !important;\r\n  }\r\n\r\n  .main-icon-group {\r\n    color: $white-8;\r\n  }\r\n\r\n  .table thead th {\r\n    border-bottom: 1px solid $transparent-border;\r\n    border-top: 0 !important;\r\n    color: $white;\r\n  }\r\n\r\n  .table-hover tbody tr:hover {\r\n    color: $white;\r\n    background-color: rgba($white, 0.04) !important;\r\n  }\r\n\r\n  table.dataTable {\r\n    border: 1px solid $transparent-border;\r\n\r\n    thead {\r\n      th,\r\n      td {\r\n        color: $white;\r\n      }\r\n\r\n      .sorting_asc,\r\n      .sorting_desc {\r\n        background-color: transparent;\r\n      }\r\n    }\r\n  }\r\n\r\n  #example-delete.table thead th {\r\n    border-bottom: 0;\r\n  }\r\n\r\n  .dataTables_wrapper {\r\n    .dataTables_length,\r\n    .dataTables_filter,\r\n    .dataTables_info,\r\n    .dataTables_processing,\r\n    .dataTables_paginate {\r\n      color: $white;\r\n    }\r\n\r\n    .dataTables_filter input {\r\n      border: 1px solid $transparent-border;\r\n    }\r\n\r\n    .dataTables_paginate .paginate_button {\r\n      background-color: transparent;\r\n    }\r\n  }\r\n\r\n  .page-link {\r\n    color: $white;\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .dataTables_wrapper .dataTables_paginate {\r\n    .page-item.disabled .page-link {\r\n      background-color: $transparent-theme;\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  select option {\r\n    background: $primary;\r\n  }\r\n\r\n  table.dataTable tbody tr.selected {\r\n    background: $transparent-theme;\r\n  }\r\n\r\n  .example {\r\n    padding: 1rem;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  #icon-dismissalerts {\r\n    .alert-default.alert-dismissible .close {\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .main-table-reference > {\r\n    thead > tr > {\r\n      th,\r\n      td {\r\n        border: 1px solid $transparent-border;\r\n      }\r\n    }\r\n\r\n    tbody > tr > {\r\n      th,\r\n      td {\r\n        border: 1px solid $transparent-border;\r\n      }\r\n    }\r\n  }\r\n\r\n  pre {\r\n    color: #dfe1ef;\r\n    background-color: #141b2d;\r\n    text-shadow: 0 1px #242266;\r\n  }\r\n\r\n  code.language-markup {\r\n    background: transparent;\r\n    border: transparent;\r\n  }\r\n\r\n  .token {\r\n    color: #dc2a2a;\r\n\r\n    &.selector,\r\n    &.attr-name,\r\n    &.string,\r\n    &.char,\r\n    &.builtin,\r\n    &.inserted {\r\n      color: #4e9cf1;\r\n    }\r\n\r\n    &.atrule,\r\n    &.attr-value,\r\n    &.keyword {\r\n      color: #e40dae;\r\n    }\r\n\r\n    &.operator,\r\n    &.entity,\r\n    &.url {\r\n      color: #ecc494;\r\n      background: $white-1;\r\n    }\r\n  }\r\n\r\n  .language-css .token.string,\r\n  &.style .token.string {\r\n    color: #ecc494;\r\n    background: $white-1;\r\n  }\r\n\r\n  .highlight {\r\n    border: 1px solid $transparent-border !important;\r\n    background: $transparent-body;\r\n  }\r\n\r\n  .clipboard-icon {\r\n    background: #141b2d;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .main-table-reference {\r\n    > thead > tr > {\r\n      th,\r\n      td {\r\n        background: $transparent-theme !important;\r\n        border: 1px solid $transparent-border !important;\r\n      }\r\n    }\r\n\r\n    background: transparent;\r\n  }\r\n\r\n  .breadcrumb-style .breadcrumb-item a,\r\n  .breadcrumb-style1 .breadcrumb-item a,\r\n  .breadcrumb-style2 .breadcrumb-item a,\r\n  .breadcrumb-style3 .breadcrumb-item a {\r\n    color: $white-6;\r\n  }\r\n\r\n  .dropdown-item {\r\n    color: $white;\r\n\r\n    &:hover,\r\n    &:focus {\r\n      background: rgba(255, 255, 255, 0.05);\r\n    }\r\n  }\r\n\r\n  .dropdown-divider {\r\n    border-top: 1px solid $transparent-border;\r\n  }\r\n\r\n  .img-thumbnail {\r\n    background-color: $white-1;\r\n    border: 1px solid $transparent-border;\r\n\r\n    p {\r\n      color: $white-5;\r\n      font-size: 13px;\r\n    }\r\n  }\r\n\r\n  .bd {\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .main-nav .nav-link {\r\n    &:hover,\r\n    &:focus {\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .nav-pills .nav-link {\r\n    color: $white-4;\r\n\r\n    &:hover,\r\n    &:focus {\r\n      color: $white;\r\n    }\r\n\r\n    &.active {\r\n      color: $white !important;\r\n    }\r\n  }\r\n\r\n  .main-nav .nav-link {\r\n    color: $white-4;\r\n  }\r\n\r\n  .bg-gray-300 {\r\n    background-color: rgba($white, 0.3);\r\n  }\r\n\r\n  #tab .bg-gray-300 {\r\n    background-color: #37415f;\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .nav-tabs .nav-link {\r\n    &.active,\r\n    &:hover,\r\n    &:focus {\r\n      background-color: $primary;\r\n      color: $white;\r\n    }\r\n\r\n    color: rgb(255, 255, 255);\r\n  }\r\n\r\n  .popover-static-demo {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .popover {\r\n    background-color: $transparent-body;\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .popover-body {\r\n    color: $white-7;\r\n  }\r\n\r\n  .popover-header {\r\n    color: $white-7;\r\n    background-color: $transparent-theme;\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .bs-popover-top > .arrow::before,\r\n  .bs-popover-auto[data-popper-placement^=\"top\"] > .arrow::before {\r\n    border-top-color: $transparent-border;\r\n  }\r\n\r\n  .bs-popover-top > .arrow::after,\r\n  .bs-popover-auto[data-popper-placement^=\"top\"] > .arrow::after {\r\n    border-top-color: $transparent-border;\r\n  }\r\n\r\n  .bs-popover-bottom > .arrow::after,\r\n  .bs-popover-auto[data-popper-placement^=\"bottom\"] > .arrow::after {\r\n    border-bottom-color: $transparent-border;\r\n  }\r\n\r\n  .bs-popover-bottom > .arrow::before,\r\n  .bs-popover-auto[data-popper-placement^=\"bottom\"] > .arrow::before {\r\n    border-bottom-color: $transparent-border;\r\n  }\r\n\r\n  .bs-popover-left > .arrow::after,\r\n  .bs-popover-auto[data-popper-placement^=\"left\"] > .arrow::after,\r\n  .bs-popover-left > .arrow::after,\r\n  .bs-popover-auto[data-popper-placement^=\"left\"] > .arrow::after {\r\n    border-left-color: $transparent-border;\r\n  }\r\n\r\n  .bs-popover-right > .arrow::after,\r\n  .bs-popover-auto[data-popper-placement^=\"right\"] > .arrow::after {\r\n    border-right-color: $transparent-border;\r\n  }\r\n\r\n  .bs-popover-right > .arrow::before,\r\n  .bs-popover-auto[data-popper-placement^=\"right\"] > .arrow::before {\r\n    border-right-color: $transparent-border;\r\n  }\r\n\r\n  .bs-popover-left > .arrow::before,\r\n  .bs-popover-auto[data-popper-placement^=\"left\"] > .arrow::before {\r\n    border-left-color: $transparent-border;\r\n  }\r\n\r\n  .bg-gray-200 {\r\n    background-color: rgba($white, 0.2);\r\n  }\r\n\r\n  .media-body {\r\n    font-size: 13px;\r\n    color: $white-8;\r\n  }\r\n\r\n  .bg-gray-100 {\r\n    background-color: rgba($white, 0.01);\r\n  }\r\n\r\n  .tooltip-static-demo {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .toast-header {\r\n    border-bottom-color: $transparent-border;\r\n  }\r\n\r\n  .toast {\r\n    background-color: $white-1;\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .toast-header {\r\n    color: rgba(255, 255, 255, 0.58);\r\n    background: $primary-02;\r\n  }\r\n\r\n  .bootstrap-tagsinput {\r\n    .badge {\r\n      margin: 11px 0 12px 10px;\r\n    }\r\n\r\n    background-color: transparent;\r\n  }\r\n\r\n  .tag {\r\n    color: $white;\r\n    background-color: rgba(239, 239, 245, 0.1);\r\n  }\r\n\r\n  .accordion {\r\n    .card-header a {\r\n      color: $white;\r\n      background-color: $transparent-theme;\r\n    }\r\n\r\n    .card-body {\r\n      background-color: $transparent-theme;\r\n    }\r\n\r\n    .card-header a.collapsed {\r\n      &:hover,\r\n      &:focus {\r\n        color: $white;\r\n        background-color: $transparent-theme;\r\n      }\r\n    }\r\n  }\r\n\r\n  .modal-content {\r\n    background-color: $transparent-body;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .modal-header {\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .modal-title {\r\n    color: $white;\r\n  }\r\n\r\n  .modal-footer {\r\n    border-top: 1px solid $transparent-border;\r\n  }\r\n\r\n  .modal-content-demo .modal-body h6 {\r\n    color: $white;\r\n  }\r\n\r\n  .vtimeline {\r\n    .timeline-wrapper {\r\n      .timeline-panel {\r\n        background: rgba($white, 0.05);\r\n        box-shadow: 0 8px 16px 0 rgba(47, 53, 84, 0.24);\r\n      }\r\n\r\n      &.timeline-inverted .timeline-panel:after {\r\n        border-right: 14px solid rgba(255, 255, 255, 0.05);\r\n        border-left: 0 solid $transparent-theme;\r\n      }\r\n\r\n      .timeline-panel:after {\r\n        border-left: 14px solid rgba(255, 255, 255, 0.05);\r\n        border-right: 0 solid $transparent-theme;\r\n      }\r\n    }\r\n\r\n    &:before {\r\n      background-color: rgba(255, 255, 255, 0.3);\r\n    }\r\n  }\r\n\r\n  .transparent-theme.bg-img1 .vtimeline {\r\n    .timeline-wrapper {\r\n      .timeline-panel {\r\n        background: rgba($white, 0.05);\r\n        box-shadow: 0 8px 16px 0 rgba(47, 53, 84, 0.24);\r\n      }\r\n\r\n      &.timeline-inverted .timeline-panel:after {\r\n        border-right: 14px solid rgba(255, 255, 255, 0.05) !important;\r\n        border-left: 0 solid $transparent-theme;\r\n      }\r\n\r\n      .timeline-panel:after {\r\n        border-left: 14px solid rgba(255, 255, 255, 0.05) !important;\r\n        border-right: 0 solid $transparent-theme;\r\n      }\r\n    }\r\n\r\n    &:before {\r\n      background-color: rgba(255, 255, 255, 0.3);\r\n    }\r\n  }\r\n\r\n  .timeline-body {\r\n    color: $white-6;\r\n  }\r\n  .swal2-validation-message {\r\n    background-color: transparent;\r\n    backdrop-filter: blur(30px);\r\n    color: $white;\r\n    border: 1px solid $transparent-border;\r\n    box-shadow: 0 4px 16px $transparent-theme;\r\n  }\r\n  .swal2-popup {\r\n    background-color: transparent;\r\n    backdrop-filter: blur(30px);\r\n    border: 1px solid $transparent-border;\r\n    box-shadow: 0 4px 16px $transparent-theme;\r\n    .swal2-title {\r\n      color: $white;\r\n    }\r\n    .swal2-html-container {\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .btn-outline-light {\r\n    border-color: $transparent-border;\r\n    color: $white;\r\n\r\n    &:hover,\r\n    &:focus {\r\n      background-color: rgba(255, 255, 255, 0.05);\r\n      border: 1px solid $transparent-border !important;\r\n      box-shadow: none !important;\r\n      color: $white !important;\r\n    }\r\n  }\r\n\r\n  .dropdown .fe-more-vertical {\r\n    color: $white-6;\r\n  }\r\n\r\n  .main-content-body-profile .nav {\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .card-body + .card-body {\r\n    border-top: 1px solid $transparent-border;\r\n  }\r\n\r\n  .rating-stars {\r\n    input {\r\n      color: $white;\r\n      background-color: $transparent-theme;\r\n      border: 1px solid $transparent-border;\r\n    }\r\n\r\n    .rating-stars-container .rating-star {\r\n      color: #2e3954;\r\n\r\n      &.is--active,\r\n      &.is--hover {\r\n        color: #f1c40f !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  .br-theme-bars-horizontal .br-widget a {\r\n    &.br-active,\r\n    &.br-selected {\r\n      background-color: $primary !important;\r\n    }\r\n  }\r\n\r\n  .br-theme-bars-pill .br-widget a {\r\n    &.br-active,\r\n    &.br-selected {\r\n      background-color: $primary !important;\r\n      color: white;\r\n    }\r\n  }\r\n\r\n  .br-theme-bars-1to10 .br-widget a,\r\n  .br-theme-bars-movie .br-widget a,\r\n  .br-theme-bars-horizontal .br-widget a {\r\n    background-color: $primary-02;\r\n  }\r\n\r\n  .br-theme-bars-1to10 .br-widget a {\r\n    &.br-active,\r\n    &.br-selected {\r\n      background-color: $primary !important;\r\n    }\r\n  }\r\n\r\n  .br-theme-bars-movie .br-widget a {\r\n    &.br-active,\r\n    &.br-selected {\r\n      background-color: $primary !important;\r\n    }\r\n  }\r\n\r\n  .br-theme-bars-square .br-widget a {\r\n    border: 2px solid #4f576f;\r\n    background-color: $transparent-theme;\r\n    color: #8694a5;\r\n\r\n    &.br-active,\r\n    &.br-selected {\r\n      border: 2px solid $primary;\r\n      color: $primary;\r\n    }\r\n  }\r\n\r\n  .br-theme-bars-pill .br-widget a {\r\n    background-color: $primary-02;\r\n  }\r\n\r\n  .custom-file-label {\r\n    color: $white-7;\r\n    background-color: rgba(255, 255, 255, 0.07);\r\n    border: 1px solid $transparent-border;\r\n\r\n    &::after {\r\n      color: $white;\r\n      background-color: $primary;\r\n      border: 1px solid $primary;\r\n    }\r\n  }\r\n\r\n  .input-group-text {\r\n    color: rgb(230, 226, 226);\r\n    background-color: $primary-02;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .sp-replacer {\r\n    border-color: $transparent-border;\r\n    background-color: #2d3653;\r\n\r\n    &:hover,\r\n    &:focus {\r\n      border-color: $white-2;\r\n    }\r\n  }\r\n\r\n  .sp-container {\r\n    background-color: $transparent-theme;\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .select2-container--default {\r\n    &.select2-container--focus .select2-selection--multiple {\r\n      border-color: $white-1;\r\n      background: $white-1;\r\n    }\r\n\r\n    .select2-selection--multiple {\r\n      background-color: $white-1 !important;\r\n      border-color: $white-1;\r\n      background-color: $white-1 !important;\r\n      color: $white;\r\n      border-color: $white-1;\r\n      background-color: $white-1 !important;\r\n      border-color: $white-1;\r\n    }\r\n\r\n    &.select2-container--disabled .select2-selection--multiple {\r\n      background-color: $white-1 !important;\r\n    }\r\n  }\r\n\r\n  .SumoSelect {\r\n    > {\r\n      .CaptionCont {\r\n        border: 1px solid $transparent-border;\r\n        color: #99a6b7;\r\n        background-color: $transparent-theme;\r\n      }\r\n\r\n      .optWrapper {\r\n        background: $transparent-body;\r\n        border: 1px solid $transparent-border;\r\n        box-shadow: 0 2px 17px 2px rgb(7, 4, 86);\r\n      }\r\n    }\r\n\r\n    .select-all {\r\n      border-bottom: 1px solid $transparent-border;\r\n      background-color: $transparent-theme;\r\n    }\r\n\r\n    > .optWrapper > {\r\n      .options li.opt {\r\n        border-bottom: 1px solid $transparent-border;\r\n      }\r\n\r\n      .MultiControls {\r\n        border-top: 1px solid $transparent-border;\r\n        background-color: $transparent-theme;\r\n      }\r\n    }\r\n\r\n    &.open > .optWrapper {\r\n      box-shadow: 0 2px 17px 2px rgb(28, 33, 64);\r\n    }\r\n\r\n    > .optWrapper {\r\n      > .options li.opt:hover {\r\n        background-color: rgba(244, 245, 245, 0.1);\r\n      }\r\n\r\n      &.multiple > .options li.opt span i {\r\n        border: 1px solid $white-1;\r\n        background-color: $white-1;\r\n      }\r\n    }\r\n\r\n    .select-all > span i {\r\n      border: 1px solid $white-1;\r\n      background-color: $white-1;\r\n    }\r\n  }\r\n\r\n  .dropify-wrapper {\r\n    background-color: $transparent-theme;\r\n    border: 1px solid $transparent-border;\r\n    color: $white;\r\n\r\n    .dropify-preview {\r\n      background-color: transparent;\r\n    }\r\n\r\n    &:hover {\r\n      background-image: -webkit-linear-gradient(\r\n        135deg,\r\n        rgba(250, 251, 254, 0.05) 25%,\r\n        transparent 25%,\r\n        transparent 50%,\r\n        rgba(250, 251, 254, 0.1) 50%,\r\n        rgba(250, 251, 254, 0.1) 75%,\r\n        transparent 75%,\r\n        transparent\r\n      );\r\n      background-image: linear-gradient(\r\n        -45deg,\r\n        rgba(250, 251, 254, 0.1) 25%,\r\n        transparent 25%,\r\n        transparent 50%,\r\n        rgba(250, 251, 254, 0.1) 50%,\r\n        rgba(250, 251, 254, 0.1) 75%,\r\n        transparent 75%,\r\n        transparent\r\n      );\r\n      -webkit-animation: stripes 2s linear infinite;\r\n      animation: stripes 2s linear infinite;\r\n    }\r\n  }\r\n\r\n  .dropify-wrapper.touch-fallback .dropify-clear {\r\n    color: rgba($white, 0.7);\r\n  }\r\n\r\n  .dropify-wrapper.touch-fallback\r\n    .dropify-preview\r\n    .dropify-infos\r\n    .dropify-infos-inner\r\n    p {\r\n    color: rgba($white, 0.7);\r\n  }\r\n\r\n  .ff_fileupload_wrap .ff_fileupload_dropzone {\r\n    border: 2px dashed $transparent-border;\r\n    background-color: $transparent-theme;\r\n    background-image: url(../plugins/fancyuploder/fancy_upload-dark.png);\r\n\r\n    &:hover,\r\n    &:focus,\r\n    &:active {\r\n      background-color: $white-1;\r\n      border-color: $white-1;\r\n    }\r\n  }\r\n\r\n  .main-form-group {\r\n    border: 1px solid $transparent-border;\r\n\r\n    .form-control {\r\n      padding: 0 15px;\r\n    }\r\n  }\r\n\r\n  .parsley-style-1 {\r\n    .parsley-input.parsley-error .form-control,\r\n    .parsley-checkbox.parsley-error,\r\n    .parsley-select.parsley-error\r\n      .select2-container--default\r\n      .select2-selection--single {\r\n      background-color: #141b2d;\r\n    }\r\n\r\n    .wizard > .actions .disabled a {\r\n      background-color: #ffffff;\r\n      border-radius: 3px;\r\n    }\r\n  }\r\n\r\n  .wizard {\r\n    border: 1px solid $transparent-border;\r\n    background-color: $transparent-theme;\r\n    border-radius: 5px;\r\n\r\n    > {\r\n      .content {\r\n        > .title {\r\n          color: $white;\r\n        }\r\n\r\n        border-top: 1px solid $transparent-border;\r\n        border-bottom: 1px solid $transparent-border;\r\n      }\r\n    }\r\n  }\r\n\r\n  #wizard3.wizard.vertical > .content {\r\n    border-top: 0;\r\n    border-bottom: 0;\r\n  }\r\n\r\n  .ql-scrolling-demo {\r\n    border: 1px solid $white-1;\r\n\r\n    .ql-container .ql-editor {\r\n      color: $white-8;\r\n    }\r\n  }\r\n\r\n  .ql-snow {\r\n    .ql-picker-label {\r\n      border: 1px solid $transparent-border;\r\n      background-color: rgba($white, 0.1);\r\n    }\r\n\r\n    .ql-stroke {\r\n      stroke: $white-8;\r\n    }\r\n\r\n    .ql-editor,\r\n    &.ql-toolbar button {\r\n      color: $white-8;\r\n    }\r\n\r\n    .ql-picker {\r\n      color: $white-5;\r\n    }\r\n\r\n    &.ql-toolbar {\r\n      border: 1px solid $white-1;\r\n    }\r\n\r\n    &.ql-container {\r\n      border-color: $white-1;\r\n    }\r\n\r\n    .ql-picker-options {\r\n      background-color: $transparent-theme;\r\n    }\r\n  }\r\n\r\n  .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  #modalQuill .modal-header {\r\n    border-bottom: 0;\r\n  }\r\n\r\n  .main-profile-work-list .media-body {\r\n    h6 {\r\n      color: $white;\r\n    }\r\n\r\n    p {\r\n      color: $white-4;\r\n    }\r\n  }\r\n\r\n  .main-mail-star.active {\r\n    color: #ffbd5a;\r\n  }\r\n\r\n  .sub-slide-menu .sub-side-menu__item.active {\r\n    color: $white;\r\n  }\r\n\r\n  .main-profile-contact-list .media-body {\r\n    div {\r\n      color: $white-6;\r\n    }\r\n\r\n    span {\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .plan-icon {\r\n    border: 1px solid $transparent-border;\r\n    background: rgba(245, 246, 251, 0.1);\r\n  }\r\n\r\n  .bg-success-transparent {\r\n    background-color: rgba($success, 0.17) !important;\r\n  }\r\n\r\n  .bg-primary-transparent {\r\n    background-color: $primary-02 !important;\r\n  }\r\n\r\n  .bg-secondary-transparent {\r\n    background-color: rgba($secondary, 0.2) !important;\r\n  }\r\n\r\n  .bg-warning-transparent {\r\n    background-color: rgba($warning, 0.1) !important;\r\n  }\r\n\r\n  .bg-pink-transparent {\r\n    background-color: rgba($pink, 0.1) !important;\r\n  }\r\n\r\n  .bg-teal-transparent {\r\n    background-color: rgba($teal, 0.12) !important;\r\n  }\r\n\r\n  .bg-purple-transparent {\r\n    background-color: rgba($purple, 0.1) !important;\r\n  }\r\n\r\n  .bg-danger-transparent {\r\n    background-color: rgba($danger, 0.1) !important;\r\n  }\r\n\r\n  .main-profile-name,\r\n  .main-profile-body .media-body h6 {\r\n    color: #fbfcff;\r\n  }\r\n\r\n  .main-profile-social-list .media-body a {\r\n    color: $white;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .profile-footer a {\r\n    background: #141b2d;\r\n    color: $white;\r\n  }\r\n\r\n  .billed-from h6 {\r\n    color: #f4f5f8;\r\n  }\r\n\r\n  .invoice-title {\r\n    color: rgb(225, 225, 225);\r\n  }\r\n\r\n  .main-invoice-list {\r\n    .media-body h6 {\r\n      color: $white;\r\n    }\r\n\r\n    .selected {\r\n      background-color: rgba(244, 245, 248, 0.1);\r\n      border-top-color: 1px dotted $transparent-border;\r\n      border-bottom-color: $transparent-border;\r\n      border-left-color: $transparent-border;\r\n    }\r\n\r\n    .media {\r\n      + .media::before {\r\n        border-top: 1px dotted transparent;\r\n      }\r\n\r\n      border: 1px dotted $transparent-border;\r\n\r\n      &:hover,\r\n      &:focus {\r\n        background-color: rgba(244, 245, 248, 0.1);\r\n      }\r\n    }\r\n\r\n    .media-body p {\r\n      color: #9da5b5;\r\n\r\n      span {\r\n        color: #cbcfd8;\r\n      }\r\n    }\r\n  }\r\n\r\n  .table-invoice tbody > tr > th:first-child .invoice-notes p {\r\n    color: $white-6;\r\n  }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .transparent-theme .vtimeline .timeline-wrapper .timeline-panel:after {\r\n    border-right: 14px solid $transparent-border !important;\r\n    border-left: 0 solid $transparent-border !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n  .transparent-theme .wizard.vertical > {\r\n    .content,\r\n    .actions {\r\n      border-left: 1px solid $transparent-border;\r\n    }\r\n  }\r\n}\r\n\r\n.table-invoice tbody > tr > td:first-child .invoice-notes p {\r\n  color: $white-6;\r\n}\r\n\r\n.transparent-theme {\r\n  .table-invoice tbody > tr > {\r\n    th:first-child,\r\n    td:first-child {\r\n      color: $white-6;\r\n    }\r\n  }\r\n\r\n  .billed-from p,\r\n  .billed-to p {\r\n    color: $white-5;\r\n  }\r\n\r\n  .card-invoice .tx-gray-600 {\r\n    color: #eef0f3;\r\n  }\r\n\r\n  .billed-to h6 {\r\n    color: #d3d8e2;\r\n  }\r\n\r\n  .invoice-info-row {\r\n    + .invoice-info-row {\r\n      border-top: 1px dotted $transparent-border;\r\n    }\r\n\r\n    span:first-child {\r\n      color: $white-3;\r\n    }\r\n  }\r\n\r\n  .main-invoice-list {\r\n    border-top: 1px solid $transparent-border;\r\n  }\r\n\r\n  .card-category {\r\n    background: rgba(239, 242, 246, 0.1);\r\n  }\r\n\r\n  .pricing-card .list-unstyled li {\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .price {\r\n    &.panel-color > .panel-body,\r\n    .panel-footer {\r\n      background-color: rgb(38, 50, 78);\r\n    }\r\n  }\r\n\r\n  .pricing .list-unstyled li {\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .card--events .list-group-item h6 {\r\n    color: $white-6;\r\n  }\r\n\r\n  .rdiobox span:before {\r\n    background-color: transparent;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .colorinput-color {\r\n    border: 1px solid rgba(234, 240, 247, 0.2);\r\n  }\r\n\r\n  .nice-select {\r\n    .list {\r\n      background-color: $transparent-body;\r\n      -webkit-box-shadow: 0px 0px 15px 1px rgb(4, 17, 56);\r\n      box-shadow: 0px 0px 15px 1px rgb(4, 17, 56);\r\n    }\r\n\r\n    .option {\r\n      &:hover,\r\n      &.focus,\r\n      &.selected.focus {\r\n        background-color: rgba(237, 239, 245, 0.1);\r\n      }\r\n    }\r\n  }\r\n\r\n  .item-card {\r\n    .cardtitle a {\r\n      color: #fefefe;\r\n    }\r\n\r\n    .cardprice span {\r\n      color: #dfe5ec;\r\n    }\r\n  }\r\n\r\n  .bd-b {\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .bd-r {\r\n    border-right: 1px solid $transparent-border;\r\n  }\r\n\r\n  .bd-t {\r\n    border-top: 1px solid $transparent-border;\r\n  }\r\n\r\n  .bd-l {\r\n    border-left: 1px solid $transparent-border;\r\n  }\r\n\r\n  .bd-y {\r\n    border-top: 1px solid $transparent-border;\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .bd-x {\r\n    border-left: 1px solid $transparent-border;\r\n    border-right: 1px solid $transparent-border;\r\n  }\r\n\r\n  .bg-gray-500 {\r\n    background-color: rgba(151, 163, 185, 0.2);\r\n  }\r\n\r\n  .bg-gray-400 {\r\n    background-color: rgba($white, 0.4);\r\n  }\r\n\r\n  .main-card-signin {\r\n    background-color: transparent;\r\n    border: 1px solid transparent;\r\n  }\r\n\r\n  .main-signin-header h4 {\r\n    color: $white;\r\n  }\r\n\r\n  .main-signin-footer a {\r\n    color: $white-8;\r\n  }\r\n\r\n  .main-signup-footer a {\r\n    color: $white;\r\n  }\r\n\r\n  .construction .btn.btn-icon {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n}\r\n\r\n.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {\r\n  width: 2px;\r\n}\r\n\r\n.transparent-theme {\r\n  .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {\r\n    background-color: #3b4563 !important;\r\n  }\r\n\r\n  .horizontalMenucontainer {\r\n    .desktop-logo,\r\n    .desktop-logo-dark {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  .desktop-dark {\r\n    display: block !important;\r\n  }\r\n}\r\n\r\n.transparent-theme.sidenav-toggled .desktop-dark {\r\n  display: none !important;\r\n}\r\n\r\n.transparent-theme.sidenav-toggled-open .desktop-dark {\r\n  display: block !important;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .transparent-theme.sidebar-mini.sidenav-toggled {\r\n    .main-sidebar-header {\r\n      .icon-light .logo-icon {\r\n        display: none;\r\n        height: 2.5rem;\r\n      }\r\n\r\n      .icon-dark .logo-icon.transparent-theme {\r\n        display: block;\r\n        height: 2.5rem;\r\n      }\r\n    }\r\n\r\n    &.sidenav-toggled1 .main-sidebar-header .logo-light .main-logo {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 991px) and (min-width: 568px) {\r\n  .transparent-theme .horizontalMenucontainer .desktop-dark {\r\n    margin-left: 2rem !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 598px) {\r\n  .transparent-theme {\r\n    .horizontalMenucontainer .desktop-logo-dark {\r\n      display: none;\r\n      margin-left: 2.5rem;\r\n      height: 2.5rem;\r\n    }\r\n\r\n    .main-header-left .header-brand {\r\n      top: 12px;\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .transparent-theme {\r\n    .animated-arrow span {\r\n      background: $white;\r\n\r\n      &:before,\r\n      &:after {\r\n        background: $white;\r\n      }\r\n    }\r\n\r\n    &.active .animated-arrow span {\r\n      background-color: transparent;\r\n    }\r\n  }\r\n}\r\n\r\n.transparent-theme {\r\n  .sidebar {\r\n    background: $transparent-body;\r\n\r\n    .card {\r\n      background-color: transparent !important;\r\n      box-shadow: none !important;\r\n    }\r\n  }\r\n\r\n  .main-calendar.fc-list-empty {\r\n    background-color: $transparent-theme;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n}\r\n\r\n@media (max-width: 575px) {\r\n  .transparent-theme .main-calendar .fc-header-toolbar button {\r\n    &.fc-month-button::before,\r\n    &.fc-agendaWeek-button::before,\r\n    &.fc-agendaDay-button::before,\r\n    &.fc-listWeek-button::before,\r\n    &.fc-listMonth-button::before {\r\n      color: $white;\r\n    }\r\n  }\r\n}\r\n\r\n.transparent-theme {\r\n  .breadcrumb {\r\n    background-color: $transparent-border;\r\n  }\r\n\r\n  table.dataTable {\r\n    > tbody > tr.child ul.dtr-details > li {\r\n      border-bottom: 1px solid $transparent-border;\r\n    }\r\n\r\n    &.dtr-inline.collapsed > tbody > tr[role=\"row\"] > td:first-child::before {\r\n      background-color: $primary;\r\n    }\r\n  }\r\n}\r\n\r\n/*----- Horizontal-menu -----*/\r\n\r\n.transparent-theme {\r\n  .horizontal-main.hor-menu {\r\n    background: $transparent-theme;\r\n    border-bottom: 1px solid $transparent-border;\r\n    border-top: 0;\r\n    box-shadow: 0 0.15rem 1.75rem 0 #0e0f2e;\r\n  }\r\n\r\n  .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {\r\n    color: $primary;\r\n    background: transparent;\r\n  }\r\n\r\n  .horizontalMenu > .horizontalMenu-list > li > a {\r\n    color: $white;\r\n  }\r\n\r\n  .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover {\r\n    color: $primary;\r\n    background: transparent;\r\n  }\r\n\r\n  .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {\r\n    border: 1px solid $transparent-border;\r\n\r\n    > li > a {\r\n      color: $white-5;\r\n    }\r\n  }\r\n\r\n  .sub-menu li a:before {\r\n    border-color: $white-5;\r\n  }\r\n\r\n  .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {\r\n    .sub-menu-sub:after {\r\n      color: $white-8;\r\n    }\r\n\r\n    > li > ul.sub-menu {\r\n      background-color: $transparent-theme;\r\n      box-shadow: 0 8px 16px 0 rgba(8, 13, 25, 0.4);\r\n      border: none;\r\n\r\n      > li > a {\r\n        color: $white-5;\r\n\r\n        &:hover {\r\n          color: $primary !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .mega-menubg {\r\n    background: $transparent-theme;\r\n    box-shadow: 0 8px 16px 0 rgba(9, 17, 33, 0.4);\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .hor-menu\r\n    .horizontalMenu\r\n    > .horizontalMenu-list\r\n    > li\r\n    > .horizontal-megamenu\r\n    .link-list\r\n    li\r\n    a {\r\n    background: transparent;\r\n    color: $white-6;\r\n  }\r\n\r\n  .mega-menubg.hor-mega-menu h3 {\r\n    color: $white;\r\n  }\r\n\r\n  .main-profile-menu .dropdown-item + .dropdown-item {\r\n    border-top: 1px solid $transparent-border;\r\n  }\r\n\r\n  .rating-scroll h6 {\r\n    color: $white;\r\n  }\r\n\r\n  .latest-tasks .nav-link {\r\n    &.active,\r\n    &:hover,\r\n    &:focus {\r\n      background: transparent;\r\n      color: $primary;\r\n    }\r\n  }\r\n\r\n  .main-calendar .fc-list-empty {\r\n    background-color: $transparent-theme;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .alert-success {\r\n    color: #125a4e;\r\n    background-color: #1fddbd9e;\r\n    border-color: #1fddbd9e;\r\n  }\r\n\r\n  .form-control::placeholder {\r\n    color: $white-5 !important;\r\n    opacity: 1;\r\n  }\r\n\r\n  .header-icon,\r\n  .main-header-message .nav-link i,\r\n  .main-header-notification .nav-link i,\r\n  .nav-item.full-screen .nav-link i,\r\n  .sales-flot .flot-chart .flot-x-axis > div span:last-child,\r\n  .p-text .p-name {\r\n    color: $white;\r\n  }\r\n\r\n  .hor-menu\r\n    .horizontalMenu\r\n    > .horizontalMenu-list\r\n    > li\r\n    > ul.sub-menu\r\n    > li\r\n    > a.active {\r\n    color: $primary;\r\n  }\r\n\r\n  .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {\r\n    color: #696af1;\r\n    color: $primary;\r\n  }\r\n\r\n  .hor-menu\r\n    .horizontalMenu\r\n    > .horizontalMenu-list\r\n    > li\r\n    > .horizontal-megamenu\r\n    .link-list\r\n    li\r\n    a.active {\r\n    color: $primary !important;\r\n  }\r\n\r\n  .sidebar {\r\n    .tab-menu-heading {\r\n      background: rgba($black, 0.1);\r\n    }\r\n\r\n    .tabs-menu ul li {\r\n      a {\r\n        border: 1px solid $transparent-border;\r\n        background: $primary-02;\r\n        color: $white;\r\n      }\r\n\r\n      .active {\r\n        background: $primary;\r\n        color: $white;\r\n        border: 1px solid $primary;\r\n      }\r\n    }\r\n  }\r\n\r\n  .datepicker > {\r\n    .datepicker_inner_container > {\r\n      .datepicker_calendar,\r\n      .datepicker_timelist {\r\n        background-color: $primary;\r\n      }\r\n    }\r\n\r\n    .datepicker_header {\r\n      background-color: transparent;\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .main-datetimepicker {\r\n    > .datepicker_inner_container > {\r\n      .datepicker_calendar th {\r\n        color: #fcfdff;\r\n      }\r\n\r\n      .datepicker_timelist {\r\n        border-left: 1px solid $white-3;\r\n\r\n        > div.timelist_item {\r\n          &:hover,\r\n          &:focus {\r\n            background-color: #323850;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    border: 1px solid $white-1;\r\n  }\r\n\r\n  .datepicker\r\n    > .datepicker_inner_container\r\n    > .datepicker_timelist\r\n    > div.timelist_item.hover {\r\n    color: $white;\r\n    background-color: #26324c;\r\n  }\r\n\r\n  .datetimepicker {\r\n    .datetimepicker-days table thead tr:last-child th {\r\n      color: $white;\r\n    }\r\n\r\n    table {\r\n      th.dow {\r\n        background: transparent;\r\n      }\r\n\r\n      td.old {\r\n        color: $white;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .transparent-theme {\r\n    .horizontalMenu > .horizontalMenu-list {\r\n      background: $transparent-theme;\r\n\r\n      > li > a {\r\n        border-bottom-color: $transparent-border;\r\n      }\r\n    }\r\n\r\n    .hor-menu .horizontalMenu > .horizontalMenu-list > li {\r\n      > a {\r\n        border-radius: 0;\r\n      }\r\n\r\n      &:hover .sub-icon {\r\n        color: $primary;\r\n        background: $transparent-theme;\r\n        border-bottom: 1px solid $transparent-border;\r\n      }\r\n\r\n      &:hover .side-menu__icon {\r\n        fill: #7c52ca;\r\n      }\r\n    }\r\n\r\n    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {\r\n      li:hover > a {\r\n        background-color: transparent;\r\n        color: #7c52ca !important;\r\n      }\r\n\r\n      > li > {\r\n        a:hover:before {\r\n          border-color: $transparent-border;\r\n        }\r\n\r\n        ul.sub-menu > li > a:hover {\r\n          color: $white !important;\r\n          background-color: rgba(231, 231, 231, 0.1);\r\n        }\r\n      }\r\n    }\r\n\r\n    .hor-menu\r\n      .horizontalMenu\r\n      > .horizontalMenu-list\r\n      > li\r\n      > .horizontal-megamenu\r\n      .link-list\r\n      li:hover\r\n      a {\r\n      &:before {\r\n        border-color: $transparent-border !important;\r\n        color: $white !important;\r\n      }\r\n    }\r\n\r\n    .mega-menubg li a:before {\r\n      border-color: $transparent-border;\r\n    }\r\n\r\n    .horizontalMenu\r\n      > .horizontalMenu-list\r\n      > li\r\n      > ul.sub-menu\r\n      .sub-menu-sub:after {\r\n      display: none;\r\n    }\r\n\r\n    .mega-menubg {\r\n      background: $transparent-theme !important;\r\n    }\r\n\r\n    .hor-menu\r\n      .horizontalMenu\r\n      > .horizontalMenu-list\r\n      > li\r\n      > .horizontal-megamenu\r\n      .link-list\r\n      li\r\n      a {\r\n      background: $transparent-theme !important;\r\n      color: #8291af !important;\r\n    }\r\n  }\r\n}\r\n\r\n@media (min-width: 578px) {\r\n  .transparent-theme {\r\n    .desktop-logo.logo-light .main-logo {\r\n      display: none;\r\n    }\r\n\r\n    .logo-icon.mobile-logo.icon-light .logo-icon {\r\n      display: none !important;\r\n\r\n      &.transparent-theme {\r\n        display: none !important;\r\n      }\r\n    }\r\n\r\n    .desktop-logo.logo-dark .main-logo.transparent-theme {\r\n      display: block !important;\r\n    }\r\n  }\r\n\r\n  .transparent-theme.sidenav-toggled\r\n    .desktop-logo.logo-dark\r\n    .main-logo.transparent-theme {\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 578px) {\r\n  .transparent-theme {\r\n    .desktop-logo.logo-light .main-logo {\r\n      display: none;\r\n    }\r\n\r\n    .logo-icon.mobile-logo {\r\n      &.icon-light {\r\n        display: none !important;\r\n\r\n        .logo-icon.transparent-theme {\r\n          display: block !important;\r\n        }\r\n      }\r\n\r\n      &.icon-dark {\r\n        display: block !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.transparent-theme.sidenav-toggled.sidenav-toggled-open\r\n  .desktop-logo.logo-dark\r\n  .main-logo.transparent-theme {\r\n  display: block !important;\r\n}\r\n\r\n.transparent-theme.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open\r\n  .desktop-logo.logo-dark {\r\n  display: block !important;\r\n}\r\n\r\n.datetimepicker table td.new {\r\n  color: #7a82af;\r\n}\r\n\r\n.transparent-theme .datetimepicker table {\r\n  td {\r\n    background-color: transparent;\r\n    color: $white;\r\n  }\r\n\r\n  th.prev {\r\n    background-color: transparent;\r\n    color: $white;\r\n  }\r\n}\r\n\r\n.transparent-theme .datetimepicker table th {\r\n  &.next,\r\n  &.switch {\r\n    background-color: transparent;\r\n    color: $white;\r\n  }\r\n}\r\n\r\n.transparent-theme .datetimepicker table th.prev:hover,\r\n.datetimepicker table th.prev:focus {\r\n  background-color: $transparent-theme;\r\n}\r\n\r\n.transparent-theme .datetimepicker table th {\r\n  &.next {\r\n    &:hover,\r\n    &:focus {\r\n      background-color: $transparent-theme;\r\n    }\r\n  }\r\n\r\n  &.prev span::before,\r\n  &.next span::before {\r\n    color: $white;\r\n  }\r\n\r\n  &.switch:hover {\r\n    background-color: $transparent-theme;\r\n    color: $white;\r\n  }\r\n}\r\n\r\n.datetimepicker table th.switch:focus {\r\n  background-color: $transparent-theme;\r\n  color: $white;\r\n}\r\n\r\n.transparent-theme {\r\n  .main-datetimepicker\r\n    > .datepicker_inner_container\r\n    > .datepicker_calendar\r\n    td.hover {\r\n    background-color: $primary;\r\n  }\r\n\r\n  .iti__selected-flag {\r\n    border-right: 1px solid $transparent-border;\r\n  }\r\n\r\n  .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {\r\n    background: $transparent-theme;\r\n  }\r\n\r\n  .dashboard-carousel .btn-icons {\r\n    background: rgba(239, 242, 246, 0.2) !important;\r\n    color: $white;\r\n  }\r\n\r\n  .slide.dashboard-carousel:hover {\r\n    background: transparent;\r\n  }\r\n  .msl {\r\n    border: 1px solid $transparent-border !important;\r\n    .msl-input:before {\r\n      color: $white !important;\r\n    }\r\n  }\r\n  .btn-light {\r\n    &:focus,\r\n    &.focus {\r\n      box-shadow: 0 0 0 0.2rem rgba(165, 175, 191, 0.5);\r\n    }\r\n\r\n    &:not(:disabled):not(.disabled) {\r\n      &:active,\r\n      &.active {\r\n        color: $white;\r\n        background-color: $transparent-border;\r\n        border-color: $transparent-border;\r\n      }\r\n    }\r\n  }\r\n\r\n  .show > .btn-light.dropdown-toggle {\r\n    color: $white;\r\n    background-color: $transparent-border;\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .modal-dialog {\r\n    box-shadow: none;\r\n  }\r\n\r\n  .email-media .media-body {\r\n    small {\r\n      color: rgb(255, 255, 255);\r\n    }\r\n\r\n    .media-title {\r\n      color: rgb(255, 255, 255);\r\n      font-size: 15px;\r\n    }\r\n  }\r\n\r\n  .page-item.disabled .page-link {\r\n    color: $white;\r\n    background: #141b2d;\r\n  }\r\n\r\n  .demo-gallery .pagination {\r\n    border: 0;\r\n  }\r\n\r\n  .chat {\r\n    .msg_cotainer,\r\n    .msg_cotainer_send {\r\n      background-color: rgba(255, 255, 255, 0.2);\r\n    }\r\n\r\n    .dropdown-menu li {\r\n      &:hover {\r\n        color: $primary;\r\n        background: rgba(238, 238, 247, 0.06);\r\n      }\r\n\r\n      padding: 7px;\r\n      color: #dde2e8;\r\n    }\r\n  }\r\n\r\n  .latest-tasks .tasks .span {\r\n    color: $white;\r\n  }\r\n\r\n  .list-group-item-action {\r\n    color: $white-6;\r\n  }\r\n\r\n  .list-group-item.active {\r\n    color: $white;\r\n  }\r\n\r\n  .list-group-item-success {\r\n    color: #1f5c01;\r\n    background-color: #c8e9b8;\r\n  }\r\n\r\n  .list-group-item-info {\r\n    color: #0c5460;\r\n    background-color: #bee5eb;\r\n  }\r\n\r\n  .list-group-item-warning {\r\n    color: #856404;\r\n    background-color: #ffeeba;\r\n  }\r\n\r\n  .list-group-item-danger {\r\n    color: #721c24;\r\n    background-color: #f5c6cb;\r\n  }\r\n\r\n  .bg-danger {\r\n    background-color: $danger !important;\r\n  }\r\n\r\n  .bg-primary {\r\n    background-color: $primary !important;\r\n  }\r\n\r\n  .bg-secondary {\r\n    background-color: $secondary !important;\r\n  }\r\n\r\n  .bg-gray-800 {\r\n    background-color: $primary-02 !important;\r\n  }\r\n\r\n  .bg-success {\r\n    background-color: $success !important;\r\n  }\r\n\r\n  .bg-info {\r\n    p.card-text {\r\n      color: $black;\r\n    }\r\n  }\r\n\r\n  .main-content-body.main-content-body-contacts .media-body h5 {\r\n    color: $white;\r\n  }\r\n\r\n  .table-striped tbody tr:nth-of-type(2n + 1) {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .dataTables_wrapper .dataTables_filter input {\r\n    color: $white;\r\n\r\n    &::placeholder {\r\n      color: rgba(212, 218, 236, 0.4) !important;\r\n    }\r\n  }\r\n\r\n  .dataTables_paginate .page-link {\r\n    background: transparent;\r\n  }\r\n\r\n  .iti__divider {\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .iti__country.iti__highlight {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .iti__country-list {\r\n    background-color: $transparent-theme;\r\n    box-shadow: 0 8px 16px 0 rgb(44, 50, 82);\r\n  }\r\n\r\n  .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {\r\n    background-color: #414565;\r\n  }\r\n\r\n  .price.panel-color > .panel-body {\r\n    background-color: transparent;\r\n    border: 1px solid $transparent-border;\r\n    border-bottom: 0;\r\n    border-top: 0;\r\n  }\r\n\r\n  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {\r\n    background-color: transparent;\r\n    color: $white;\r\n\r\n    &:hover,\r\n    &:focus {\r\n      background-color: transparent;\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .main-nav-line .nav-link.active {\r\n    color: $white;\r\n    background-color: rgba($white, 0.05) !important;\r\n  }\r\n\r\n  .datetimepicker table {\r\n    background: transparent;\r\n  }\r\n}\r\n\r\n.transparent-theme .dataTables_paginate .pagination .page-link {\r\n  border: 1px solid $transparent-border;\r\n}\r\n\r\n@media only screen and (max-width: 991px) {\r\n  .transparent-theme .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {\r\n    background-color: $transparent-theme;\r\n    border: none;\r\n  }\r\n}\r\n\r\n@media only screen and (min-width: 992px) {\r\n  .transparent-theme {\r\n    .hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover {\r\n      color: $primary;\r\n      background: transparent;\r\n    }\r\n\r\n    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {\r\n      background: $transparent-theme;\r\n      box-shadow: 0 8px 16px 0 rgba(9, 17, 33, 0.4);\r\n    }\r\n\r\n    .main-header {\r\n      background: $transparent-theme;\r\n      border-bottom: 1px solid $transparent-border;\r\n      box-shadow: none;\r\n    }\r\n  }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .transparent-theme .main-content-left-contacts {\r\n    border-right: 1px solid $transparent-border;\r\n  }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n  .transparent-theme .main-calendar .fc-header-toolbar button {\r\n    color: $white;\r\n  }\r\n}\r\n\r\n@media (max-width: 575px) {\r\n  .transparent-theme .main-calendar .fc-header-toolbar .fc-left button {\r\n    color: $white;\r\n\r\n    &.fc-today-button {\r\n      color: $black;\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 605px) {\r\n  .transparent-theme .fc-view,\r\n  .fc-view > table {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n}\r\n\r\n.transparent-theme {\r\n  .chat {\r\n    abbr.timestamp,\r\n    .msg_time,\r\n    .msg_time_send {\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .nav-tabs {\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .nav-tabs .nav-link.active {\r\n    border-color: $transparent-border;\r\n  }\r\n}\r\n\r\n.transparent-theme {\r\n  .page-link {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .popover-head-primary .popover-header {\r\n    color: $white !important;\r\n    background-color: $primary !important;\r\n  }\r\n\r\n  .popover-head-secondary {\r\n    .popover-header {\r\n      color: $white !important;\r\n      background-color: $primary !important;\r\n    }\r\n\r\n    &.bs-popover-bottom .arrow::after,\r\n    &.bs-popover-auto[data-popper-placement^=\"bottom\"] .arrow::after {\r\n      border-bottom-color: $transparent-border !important;\r\n    }\r\n  }\r\n\r\n  .popover-primary .popover-header,\r\n  .popover-secondary .popover-header {\r\n    background-color: transparent !important;\r\n    color: $white !important;\r\n  }\r\n\r\n  .popover-primary {\r\n    &.bs-popover-top .arrow::after,\r\n    &.bs-popover-auto[data-popper-placement^=\"top\"] .arrow::after {\r\n      border-top-color: $transparent-border !important;\r\n    }\r\n  }\r\n\r\n  .popover-secondary {\r\n    &.bs-popover-bottom .arrow::after,\r\n    &.bs-popover-auto[data-popper-placement^=\"bottom\"] .arrow::after {\r\n      border-bottom-color: $transparent-border !important;\r\n    }\r\n  }\r\n}\r\n\r\n.transparent-theme .gray-set {\r\n  .bg-transparent {\r\n    background-color: transparent !important;\r\n  }\r\n\r\n  .bg-gray-100 {\r\n    background-color: $gray-100 !important;\r\n  }\r\n\r\n  .bg-gray-200 {\r\n    background-color: $gray-200 !important;\r\n  }\r\n\r\n  .bg-gray-300 {\r\n    background-color: $gray-300 !important;\r\n  }\r\n\r\n  .bg-gray-400 {\r\n    background-color: $gray-400 !important;\r\n  }\r\n\r\n  .bg-gray-500 {\r\n    background-color: $gray-500 !important;\r\n  }\r\n\r\n  .bg-gray-600 {\r\n    background-color: $gray-600 !important;\r\n  }\r\n\r\n  .bg-gray-700 {\r\n    background-color: $gray-700 !important;\r\n  }\r\n\r\n  .bg-gray-800 {\r\n    background-color: $gray-800 !important;\r\n  }\r\n\r\n  .bg-gray-900 {\r\n    background-color: $gray-900 !important;\r\n  }\r\n}\r\n\r\n.transparent-theme .main-card-signin {\r\n  box-shadow: none !important;\r\n}\r\n\r\n.transparent-theme .page-item.disabled .page-link {\r\n  border-color: $transparent-border;\r\n  background: $transparent-theme;\r\n}\r\n\r\n.transparent-theme .ps > .ps__rail-y {\r\n  background-color: transparent;\r\n}\r\n\r\n.transparent-theme .app-sidebar .ps > .ps__rail-y {\r\n  background-color: transparent;\r\n}\r\n\r\n.transparent-theme .slide.is-expanded .side-menu__icon,\r\n.transparent-theme .slide.is-expanded .angle {\r\n  color: $primary !important;\r\n}\r\n\r\n.transparent-theme .close-toggle {\r\n  color: $white !important;\r\n}\r\n\r\n.transparent-theme .slide.is-expanded .side-menu__label,\r\n.transparent-theme .slide.is-expanded .side-menu__icon,\r\n.transparent-theme .slide.is-expanded .angle {\r\n  color: $white !important;\r\n}\r\n\r\n.transparent-theme .slide-item.active,\r\n.transparent-theme .slide-item:hover,\r\n.transparent-theme .slide-item:focus {\r\n  color: $white !important;\r\n}\r\n\r\n.transparent-theme .slide.is-expanded .slide-menu a:hover:before {\r\n  color: $white !important;\r\n}\r\n\r\n.transparent-theme .side-menu .side-menu__item.active .side-menu__label,\r\n.transparent-theme .side-menu .side-menu__item.active .side-menu__icon {\r\n  color: $white !important;\r\n}\r\n\r\n.transparent-theme .slide:hover .side-menu__label,\r\n.transparent-theme .slide:hover .angle,\r\n.transparent-theme .slide:hover .side-menu__icon {\r\n  color: $primary;\r\n}\r\n\r\n.transparent-theme .card.bg-primary-gradient {\r\n  background-image: linear-gradient(\r\n    to left,\r\n    $primary 0%,\r\n    $primary-05 100%\r\n  ) !important;\r\n}\r\n\r\n.transparent-theme .card.bg-secondary-gradient {\r\n  background-image: linear-gradient(\r\n    to right,\r\n    #f714c2 0%,\r\n    #b9309a 100%\r\n  ) !important;\r\n}\r\n\r\n.transparent-theme .card.bg-success-gradient {\r\n  background-image: linear-gradient(\r\n    to left,\r\n    #029666 0%,\r\n    #4ec752 100%\r\n  ) !important;\r\n}\r\n\r\n.transparent-theme .card.bg-warning-gradient {\r\n  background-image: linear-gradient(to left, #f76a2d, #fb8c12ed) !important;\r\n}\r\n\r\n.transparent-theme .vmap-wrapper {\r\n  background: $transparent-theme !important;\r\n}\r\n\r\n.transparent-theme .card-dashboard-eight .list-group-item span {\r\n  color: #f1f4f9;\r\n}\r\n\r\n.transparent-theme .card-dashboard-eight .list-group-item {\r\n  background-color: transparent;\r\n  border-bottom: 1px solid $transparent-border;\r\n  border-color: $transparent-border;\r\n}\r\n\r\n.transparent-theme .sales-info h3,\r\n.transparent-theme .card-table h4 {\r\n  color: #f0f3f9;\r\n}\r\n\r\n.transparent-theme .total-revenue h4 {\r\n  color: #fcfdff;\r\n}\r\n\r\n.transparent-theme .product-timeline ul.timeline-1:before {\r\n  border-left: 2px dotted $transparent-border;\r\n}\r\n\r\n.transparent-theme .main-dashboard-header-right > div h5 {\r\n  color: $white;\r\n}\r\n\r\n.transparent-theme .customers .list-group-item-action:hover,\r\n.transparent-theme .customers .list-group-item-action:focus {\r\n  color: #0160e4;\r\n  background-color: $transparent-theme;\r\n}\r\n\r\n.transparent-theme .customers h5 {\r\n  color: $white;\r\n}\r\n\r\n.transparent-theme .side-menu .slide .side-menu__item.active {\r\n  background-color: transparent;\r\n}\r\n\r\n.transparent-theme nav.prod-cat li a {\r\n  color: rgb(176, 187, 204);\r\n}\r\n\r\n.transparent-theme .product-sale .wishlist {\r\n  color: $black;\r\n}\r\n\r\n.transparent-theme .nav-tabs.preview-thumbnail {\r\n  border-bottom: 0;\r\n}\r\n\r\n.transparent-theme .select2-dropdown {\r\n  border-color: $transparent-border;\r\n}\r\n\r\n.transparent-theme .bd-2 {\r\n  border-width: 2px !important;\r\n}\r\n\r\n.transparent-theme .sidebar-right .list a {\r\n  color: $white;\r\n}\r\n\r\n.transparent-theme .card-footer {\r\n  background-color: transparent;\r\n}\r\n\r\n.transparent-theme .card.card-primary {\r\n  border-top: 2px solid $primary !important;\r\n}\r\n\r\n.transparent-theme .card.card-secondary {\r\n  border-top: 2px solid $gray-600 !important;\r\n}\r\n\r\n.transparent-theme .card.card-success {\r\n  border-top: 2px solid #22e840 !important;\r\n}\r\n\r\n.transparent-theme .card.card-danger {\r\n  border-top: 2px solid #ee335e !important;\r\n}\r\n\r\n.transparent-theme .card.card-warning {\r\n  border-top: 2px solid #ffb209 !important;\r\n}\r\n\r\n.transparent-theme .card.card-info {\r\n  border-top: 2px solid #01b8ff !important;\r\n}\r\n\r\n.transparent-theme .card.card-purple {\r\n  border-top: 2px solid #673ab7 !important;\r\n}\r\n\r\n.transparent-theme .card.card-dark {\r\n  border-top: 2px solid #343a40 !important;\r\n}\r\n\r\n.transparent-theme .nav-tabs.html-source {\r\n  border-bottom: 0;\r\n}\r\n\r\n.transparent-theme .nav-tabs.html-source .nav-link.active {\r\n  border-color: $transparent-border;\r\n  background-color: #141b2d;\r\n}\r\n\r\n.transparent-theme .toast-body {\r\n  padding: 0.75rem;\r\n  background: $transparent-theme;\r\n  color: #b8bfc9;\r\n}\r\n\r\n.transparent-theme .tabs-style-1 .main-nav-line .nav-link {\r\n  background: $transparent-theme;\r\n}\r\n\r\n.transparent-theme .tabs-style-2 .main-nav-line .nav-link {\r\n  background: $transparent-theme !important;\r\n}\r\n\r\n.transparent-theme .tabs-style-2 .main-nav-line .nav-link.active {\r\n  background: $transparent-theme !important;\r\n}\r\n\r\n.transparent-theme .tabs-style-2 .main-nav-line .nav-link {\r\n  border: 1px solid $transparent-border;\r\n}\r\n\r\n.transparent-theme .tabs-style-3 .nav.panel-tabs li button {\r\n  background: $transparent-theme;\r\n  color: $white;\r\n  border: 1px solid $transparent-border;\r\n}\r\n\r\n.transparent-theme .tabs-style-4 .nav.nav-pills .nav-item a {\r\n  background: $transparent-theme;\r\n  color: $white;\r\n  border: 1px solid $transparent-border;\r\n}\r\n.transparent-theme .tab_wrapper.right_side .tab-content {\r\n  border: 1px solid $transparent-border;\r\n}\r\n.transparent-theme .tab_wrapper.right_side .nav-pills a.active:before {\r\n  background: transparent !important;\r\n}\r\n.transparent-theme .nav-link.html-code {\r\n  background: transparent;\r\n}\r\n\r\n.transparent-theme .nav-tabs .nav-link.html-code {\r\n  &.active,\r\n  &:hover,\r\n  &:focus {\r\n    background-color: #141b2d;\r\n    color: $white;\r\n  }\r\n}\r\n\r\n.transparent-theme .nav-tabs .nav-link.html-code:hover,\r\n.transparent-theme .nav-tabs .nav-link.html-code:focus {\r\n  border: 0;\r\n}\r\n.transparent-theme .tab_wrapper.right_side .nav-pills .nav-item {\r\n  border: 1px solid $transparent-border !important;\r\n}\r\n.transparent-theme .card .box {\r\n  box-shadow: 0 0 25px $transparent-theme;\r\n  border: 0;\r\n}\r\n\r\n.transparent-theme .userlist-table .user-link {\r\n  color: #fbf5f5;\r\n}\r\n.transparent-theme .nav-pills .nav-link {\r\n  color: $white !important;\r\n}\r\n.transparent-theme .tab_wrapper.right_side .nav-pills a:after {\r\n  background: $primary !important;\r\n}\r\n.transparent-theme {\r\n  .selectform__control {\r\n    background: $transparent-theme !important;\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n  .selectform__placeholder {\r\n    color: $white !important;\r\n  }\r\n  .selectform__menu {\r\n    background: $transparent-body !important;\r\n  }\r\n}\r\n.transparent-theme\r\n  .select2-container--default\r\n  .select2-results__option[aria-selected=\"true\"] {\r\n  background-color: $primary;\r\n}\r\n\r\n.transparent-theme .main-chat-body .content-inner:before {\r\n  background: rgba(15, 26, 51, 0.93);\r\n}\r\n\r\n.transparent-theme .left.main-msg-wrapper:before {\r\n  color: #343e53;\r\n}\r\n\r\n.transparent-theme .icons-list-item {\r\n  border: 1px solid $transparent-border;\r\n  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);\r\n  color: $white !important;\r\n  fill: $white !important;\r\n}\r\n\r\n.transparent-theme .user-wideget-footer {\r\n  background-color: $transparent-theme;\r\n}\r\n\r\n.transparent-theme .profile.navtab-custom .active a {\r\n  background: #273350;\r\n  border-bottom: 0;\r\n  color: #fffafa;\r\n}\r\n\r\n.transparent-theme .profile.navtab-custom li a {\r\n  color: $white-7;\r\n  border: 1px solid $transparent-border;\r\n}\r\n\r\n.transparent-theme .profile.navtab-custom a.active {\r\n  background: #273350;\r\n}\r\n\r\n.transparent-theme .nav.prod-cat li a {\r\n  color: $white;\r\n}\r\n\r\n.transparent-theme .prod-cat li ul li.active a {\r\n  background: none;\r\n  color: #ee335e;\r\n}\r\n\r\n.transparent-theme .header-icon-svgs {\r\n  fill: $white;\r\n}\r\n\r\n.transparent-theme .app-sidebar .side-item.side-item-category {\r\n  color: $white;\r\n}\r\n\r\n.transparent-theme .product-pagination .page-link {\r\n  background-color: transparent !important;\r\n  border: 1px solid $transparent-border;\r\n}\r\n\r\n.transparent-theme .product-pagination .page-item.disabled .page-link {\r\n  border-color: $transparent-border;\r\n  background: transparent;\r\n  color: $white !important;\r\n}\r\n\r\n.transparent-theme .price span {\r\n  color: #ebedf1;\r\n}\r\n\r\n.transparent-theme #list3 .media-body h6 {\r\n  color: rgb(255, 255, 255);\r\n}\r\n\r\n.transparent-theme #list3 .list-group-item,\r\n.transparent-theme #list8 .list-group-item,\r\n.transparent-theme #list1 .list-group-item,\r\n.transparent-theme #list8 .list-group-item {\r\n  border: 1px solid $transparent-border;\r\n}\r\n\r\n.transparent-theme .bg-gray-100.nav-bg .nav-tabs {\r\n  border-bottom: 1px solid $transparent-border;\r\n}\r\n\r\n.transparent-theme .bg-gray-100.nav-bg .nav-tabs .nav-link {\r\n  background-color: $primary-02;\r\n}\r\n\r\n.transparent-theme .popover-static-demo .popover {\r\n  box-shadow: -8px 12px 18px 0 $black-3;\r\n  border: 1px solid $transparent-border;\r\n}\r\n\r\n.transparent-theme .heading-inverse {\r\n  background-color: #141b2c;\r\n}\r\n\r\n.transparent-theme .toast {\r\n  box-shadow: -8px 12px 18px 0 #1820330f;\r\n}\r\n\r\n.transparent-theme .tabs-style-1 .transparent-theme .border {\r\n  border: 1px solid $transparent-border !important;\r\n}\r\n\r\n.transparent-theme .tabs-style-1 .transparent-theme .border-top-0 {\r\n  border-top: 0 !important;\r\n}\r\n\r\n.transparent-theme .tabs-style-1 .main-nav-line .nav-link.active {\r\n  color: #f3f5f9;\r\n  border: 1px solid;\r\n  border-color: $transparent-border;\r\n  border-bottom-color: transparent !important;\r\n}\r\n\r\n.transparent-theme .tabs-style-1 .panel-tabs {\r\n  border-bottom: 0;\r\n}\r\n\r\n.dataTables_paginate .page-item.previous a {\r\n  width: 77px;\r\n}\r\n\r\n.transparent-theme.app.sidenav-toggled.sidenav-toggled-open .side-menu__label {\r\n  color: $white;\r\n}\r\n\r\n.transparent-theme.app.sidenav-toggled.sidenav-toggled-open\r\n  .side-menu__item.active\r\n  .side-menu__label {\r\n  color: $white;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .transparent-theme.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open\r\n    .desktop-logo {\r\n    display: none !important;\r\n  }\r\n\r\n  .transparent-theme.leftbgimage1 .main-sidebar-header,\r\n  .transparent-theme.leftbgimage2 .main-sidebar-header,\r\n  .transparent-theme.leftbgimage3 .main-sidebar-header,\r\n  .transparent-theme.leftbgimage4 .main-sidebar-header,\r\n  .transparent-theme.leftbgimage5 .main-sidebar-header {\r\n    border-right: 1px solid $transparent-border;\r\n    width: 240px;\r\n  }\r\n}\r\n\r\n@media (max-width: 1199px) {\r\n  .transparent-theme .total-revenue {\r\n    border-bottom: 1px solid rgba(227, 232, 247, 0.1) !important;\r\n  }\r\n}\r\n\r\n.transparent-theme .horizontalMenucontainer .side-menu__icon {\r\n  color: $white;\r\n  fill: $white;\r\n}\r\n\r\n.transparent-theme.horizontal-light .horizontalMenucontainer .side-menu__icon {\r\n  color: #5b6e88;\r\n  fill: #5b6e88;\r\n}\r\n\r\n.transparent-theme .main-header .dropdown-menu-start {\r\n  box-shadow: 0px 0px 15px 1px #041138;\r\n}\r\n\r\n.transparent-theme .main-header .dropdown.nav-itemd-none .dropdown-menu:after {\r\n  border-bottom: 9px solid $transparent-border;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .transparent-theme .top-header .header-brand.header-brand2 .desktop-dark {\r\n    display: block;\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n.transparent-theme .app-sidebar.toggle-sidemenu {\r\n  border-top: 1px solid $transparent-border;\r\n}\r\n\r\n.transparent-theme .first-sidemenu {\r\n  background: transparent;\r\n}\r\n\r\n.transparent-theme .second-sidemenu {\r\n  background: transparent;\r\n  border-right: 1px solid $transparent-border;\r\n}\r\n\r\n.transparent-theme .resp-vtabs .resp-tabs-list li {\r\n  border: 1px solid $transparent-border !important;\r\n  border-left: 0 !important;\r\n  border-top: 0 !important;\r\n  border-bottom: 0;\r\n}\r\n\r\n.transparent-theme .first-sidemenu li.active,\r\n.transparent-theme .resp-vtabs .resp-tab-active:hover {\r\n  background: transparent;\r\n  border-right: 0 !important;\r\n}\r\n\r\n.transparent-theme .resp-vtabs li.resp-tab-active {\r\n  border-right: 0 !important;\r\n}\r\n\r\n.transparent-theme .first-sidemenu .side-menu__icon,\r\n.transparent-theme .toggle-sidemenu .slide-item {\r\n  color: $white;\r\n  fill: $white;\r\n}\r\n\r\n.transparent-theme .second-sidemenu h5 {\r\n  color: #dde3ea;\r\n}\r\n\r\n.transparent-theme.app.sidebar-mini.sidenav-toggled .first-sidemenu li.active {\r\n  border-right: 1px solid $transparent-border !important;\r\n}\r\n\r\n.transparent-theme .file-browser .btn-default {\r\n  background: #3e405e;\r\n  color: #fff;\r\n  border: 1px solid $transparent-border;\r\n  border-top-left-radius: 0;\r\n  border-bottom-left-radius: 0;\r\n}\r\n\r\n.transparent-theme .card.bg-purple-gradient {\r\n  background-image: linear-gradient(\r\n    to right,\r\n    #673ab7 0%,\r\n    #884af1 100%\r\n  ) !important;\r\n}\r\n\r\n.transparent-theme .fc-datepicker.main-datepicker.hasDatepicker {\r\n  border: 1px solid $transparent-border;\r\n}\r\n\r\n.transparent-theme .ql-snow .ql-picker:hover .ql-picker-label,\r\n.transparent-theme .ql-snow .ql-picker:focus .ql-picker-label {\r\n  color: #fff;\r\n}\r\n\r\n.transparent-theme .ql-snow .ql-picker:hover .ql-picker-label,\r\n.transparent-theme .ql-snow .ql-picker:focus .ql-picker-label {\r\n  color: #fff;\r\n}\r\n\r\n.transparent-theme .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\r\n  border-color: $transparent-border;\r\n}\r\n\r\n.transparent-theme.hoversubmenu .side-menu__item.active .side-menu__icon {\r\n  fill: #106ef1;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .transparent-theme.hoversubmenu.style1-leftmenu.sidenav-toggled\r\n    .app-sidebar\r\n    .side-menu-label1 {\r\n    border-bottom: 1px solid $transparent-border;\r\n    color: #fff !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .transparent-theme.app.sidebar-mini.sidenav-toggled-open\r\n    .ps\r\n    > .ps__rail-y\r\n    > .ps__thumb-y {\r\n    background-color: $black-1;\r\n  }\r\n}\r\n\r\n.transparent-theme .app-sidebar__toggle {\r\n  background: transparent;\r\n}\r\n\r\n.transparent-theme .header-icons .new.nav-link {\r\n  background: transparent;\r\n}\r\n\r\n.transparent-theme .main-profile-menu .profile-user img {\r\n  background: $transparent-body;\r\n  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.transparent-theme {\r\n  ul.timeline:before {\r\n    background: rgba($white, 0.1);\r\n  }\r\n\r\n  .apexcharts-radialbar-track.apexcharts-track path {\r\n    stroke: $transparent-theme;\r\n  }\r\n\r\n  .apex-charts .apexcharts-datalabels-group text {\r\n    fill: #fff;\r\n  }\r\n\r\n  .slide.is-expanded a {\r\n    color: rgba(255, 255, 255, 0.6);\r\n  }\r\n\r\n  .featured_icon i {\r\n    color: #bfbcc3;\r\n  }\r\n\r\n  .pro-img-box img {\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n\r\n  .carousel-inner .carousel-item .thumb {\r\n    background: $transparent-theme;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .table-hover > tbody > tr:hover {\r\n    --bs-table-accent-bg: $primary-02;\r\n    color: #bfbcc3;\r\n  }\r\n\r\n  .handle-counter input {\r\n    border: 1px solid $transparent-border;\r\n    background: $transparent-theme;\r\n    color: #e3dcdc;\r\n  }\r\n\r\n  .product-details .media img {\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  a {\r\n    color: #faf9fa;\r\n  }\r\n\r\n  .btn a {\r\n    color: #f2eeee;\r\n  }\r\n\r\n  .btn-list a {\r\n    color: #f2eeee;\r\n  }\r\n\r\n  .fc .fc-non-business {\r\n    background: $transparent-theme;\r\n  }\r\n\r\n  .fc .fc-daygrid-day.fc-day-today {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .fc-theme-standard .fc-scrollgrid {\r\n    border: 0px solid $transparent-border;\r\n  }\r\n\r\n  #external-events {\r\n    border-color: $transparent-border;\r\n    background: transparent;\r\n  }\r\n\r\n  .fc .fc-list-empty {\r\n    background-color: transparent;\r\n  }\r\n\r\n  .main-contact-label {\r\n    border-top: 1px solid $transparent-border;\r\n  }\r\n\r\n  .contact-icon {\r\n    box-shadow: 0px 1px 6px 0px #24443f70;\r\n  }\r\n\r\n  bg-dark-1 {\r\n    background: $transparent-theme;\r\n  }\r\n\r\n  .main-nav .nav-link + .nav-link {\r\n    border-left: 1px solid $transparent-border;\r\n  }\r\n\r\n  .pagination-dark.pagination .page-link {\r\n    background-color: $transparent-theme !important;\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n\r\n  .bs-popover-top > .popover-arrow::after,\r\n  .bs-popover-auto[data-popper-placement^=\"top\"] > .popover-arrow::after {\r\n    border-top-color: $transparent-theme;\r\n  }\r\n\r\n  .bs-popover-bottom > .popover-arrow::after,\r\n  .bs-popover-auto[data-popper-placement^=\"bottom\"] > .popover-arrow::after {\r\n    border-bottom-color: $transparent-theme;\r\n  }\r\n\r\n  .bs-popover-start > .popover-arrow::after,\r\n  .bs-popover-auto[data-popper-placement^=\"left\"] > .popover-arrow::after {\r\n    border-left-color: $transparent-theme;\r\n  }\r\n\r\n  .bs-popover-end > .popover-arrow::after,\r\n  .bs-popover-auto[data-popper-placement^=\"right\"] > .popover-arrow::after {\r\n    border-right-color: $transparent-theme;\r\n  }\r\n\r\n  .popover-secondary.bs-popover-top .popover-arrow::after,\r\n  .popover-secondary.bs-popover-auto[data-popper-placement^=\"top\"]\r\n    .popover-arrow::after {\r\n    border-top-color: #bc289a;\r\n  }\r\n\r\n  .bd-example-row .row > .col,\r\n  .bd-example-row .row > [class^=\"col-\"] {\r\n    background-color: $transparent-body;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .vtimeline .timeline-wrapper .timeline-badge {\r\n    border: 2px solid $transparent-border;\r\n  }\r\n\r\n  .bg-danger-gradient {\r\n    background-image: linear-gradient(45deg, #f93a5a, #f7778c) !important;\r\n  }\r\n\r\n  .table-striped > tbody > tr:nth-of-type(odd) {\r\n    --bs-table-accent-bg: $transparent-theme;\r\n    color: rgba(255, 255, 255, 0.7);\r\n  }\r\n\r\n  .main-nav-column .nav-link.active {\r\n    background: $primary-02;\r\n    color: $primary;\r\n  }\r\n\r\n  .main-nav-column .nav-link i:not([class*=\" tx-\"]) {\r\n    color: $white !important;\r\n  }\r\n\r\n  .mail-option .chk-all,\r\n  .mail-option .btn-group a.btn {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .inbox-pagination a.np-btn {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .main-mail-compose-header {\r\n    background-color: $transparent-theme;\r\n    color: #fff;\r\n  }\r\n\r\n  .main-mail-compose-body {\r\n    background-color: #181e37;\r\n  }\r\n\r\n  .main-mail-compose-body .form-group .form-label {\r\n    margin: 0;\r\n    color: #a2a2ae;\r\n  }\r\n\r\n  .main-mail-compose-body .form-group + .form-group {\r\n    border-top: 1px dotted $transparent-border;\r\n  }\r\n\r\n  .main-chat-header .nav-link {\r\n    color: $white;\r\n    border: solid 1px $primary-02;\r\n    background: $transparent-theme;\r\n  }\r\n\r\n  .main-chat-footer .nav-link,\r\n  .main-chat-footer .main-msg-s end {\r\n    color: $white;\r\n    border: solid 1px $transparent-border;\r\n    background: transparent;\r\n  }\r\n\r\n  .main-msg-wrapper.left:nth-child(1):after {\r\n    border-right-color: rgba(255, 255, 255, 0.15);\r\n  }\r\n  &.rtl .main-msg-wrapper.left:nth-child(1):after {\r\n    border-left-color: rgba(255, 255, 255, 0.15) !important;\r\n  }\r\n\r\n  .datepicker table tr td span {\r\n    border: 1px solid $transparent-border;\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .datepicker td {\r\n    border: 1px solid $white-3;\r\n    background-color: $primary;\r\n    color: $white;\r\n  }\r\n\r\n  .datepicker table tr td.day:hover,\r\n  .datepicker table tr td.day.focused {\r\n    background: $transparent-theme;\r\n  }\r\n\r\n  .datepicker {\r\n    background-color: $transparent-body;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .ql-snow.ql-toolbar {\r\n    border-color: $transparent-border;\r\n    background: $transparent-theme;\r\n  }\r\n\r\n  .ql-scrolling-demo {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .ql-snow.ql-toolbar button.ql-active {\r\n    background-color: rgba($white, 0.1);\r\n    color: #dee4f3;\r\n    border-color: transparent;\r\n  }\r\n\r\n  div.dt-button-info {\r\n    background-color: $transparent-theme;\r\n    border: 2px solid $transparent-border;\r\n    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);\r\n    color: $white;\r\n  }\r\n\r\n  div.dt-button-info h2 {\r\n    background-color: $transparent-theme;\r\n    border: 2px solid $transparent-border;\r\n    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);\r\n    color: $white;\r\n  }\r\n\r\n  .border-end {\r\n    border-right: 1px solid $transparent-border !important;\r\n  }\r\n\r\n  .border-start {\r\n    border-left: 1px solid $transparent-border !important;\r\n  }\r\n\r\n  .profile-cover__img > .h3 {\r\n    color: #d6d6d7;\r\n  }\r\n\r\n  .profile-cover__info .nav li {\r\n    color: #d6d6d7;\r\n  }\r\n\r\n  .bd-e {\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .card-sigin {\r\n    background: $transparent-theme;\r\n    color: #d6d6d7;\r\n  }\r\n\r\n  .bxl-instagram.tx-prime,\r\n  .bxl-linkedin.tx-prime,\r\n  .bxl-twitter.tx-prime,\r\n  .bxl-facebook.tx-prime {\r\n    color: $white;\r\n    background: $white-2;\r\n    border: 0px solid $transparent-border;\r\n    box-shadow: 0px 1px 6px 0px #424449;\r\n  }\r\n\r\n  .form-control {\r\n    color: $white;\r\n    background-color: transparent !important;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .breadcrumb-style1 .breadcrumb-item + .breadcrumb-item::before,\r\n  .breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before,\r\n  .breadcrumb-style3 .breadcrumb-item + .breadcrumb-item::before {\r\n    color: rgba($white, 0.7);\r\n  }\r\n\r\n  .btn:hover,\r\n  .sp-container button:hover {\r\n    color: #faf9fa;\r\n  }\r\n\r\n  .custom-control-label::before {\r\n    background-color: $transparent-body;\r\n    border: $transparent-border solid 1px;\r\n  }\r\n\r\n  .navbar-toggler {\r\n    background: transparent;\r\n    color: #faf9fa;\r\n  }\r\n\r\n  .nav-tabs .nav-link:hover,\r\n  .nav-tabs .nav-link:focus {\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .horizontalMenu\r\n    > .horizontalMenu-list\r\n    > li\r\n    > ul.sub-menu\r\n    > li\r\n    > ul.sub-menu\r\n    > li\r\n    > ul.sub-menu {\r\n    background-color: $transparent-theme;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .horizontalMenu\r\n    > .horizontalMenu-list\r\n    > li\r\n    > ul.sub-menu\r\n    > li\r\n    > ul.sub-menu\r\n    > li\r\n    > ul.sub-menu\r\n    > li\r\n    > a {\r\n    color: rgba(255, 255, 255, 0.5) !important;\r\n  }\r\n\r\n  .btn-close {\r\n    box-sizing: content-box;\r\n    border: 0;\r\n    border-radius: 0.25rem;\r\n    opacity: 0.5;\r\n    padding: 5px;\r\n    line-height: 1;\r\n    font-size: 24px;\r\n    background-image: none;\r\n    color: white;\r\n  }\r\n\r\n  .horizontalMenucontainer .main-header.hor-header {\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .btn-light:not(:disabled):not(.disabled):active:focus,\r\n  .btn-light:not(:disabled):not(.disabled).active:focus {\r\n    box-shadow: 0 0 0 0.2rem #45456a;\r\n  }\r\n\r\n  #external-events p {\r\n    color: #ffffff8a;\r\n  }\r\n\r\n  .datepicker th {\r\n    color: $white;\r\n  }\r\n\r\n  .datepicker table tr td.old,\r\n  .datepicker table tr td.new {\r\n    opacity: 0.9;\r\n  }\r\n\r\n  .datepicker table tr td span.active:hover,\r\n  .datepicker table tr td span.active:hover:hover,\r\n  .datepicker table tr td span.active.disabled:hover,\r\n  .datepicker table tr td span.active.disabled:hover:hover,\r\n  .datepicker table tr td span.active:active,\r\n  .datepicker table tr td span.active:hover:active,\r\n  .datepicker table tr td span.active.disabled:active,\r\n  .datepicker table tr td span.active.disabled:hover:active,\r\n  .datepicker table tr td span.active.active,\r\n  .datepicker table tr td span.active:hover.active,\r\n  .datepicker table tr td span.active.disabled.active,\r\n  .datepicker table tr td span.active.disabled:hover.active,\r\n  .datepicker table tr td span.active.disabled,\r\n  .datepicker table tr td span.active:hover.disabled,\r\n  .datepicker table tr td span.active.disabled.disabled,\r\n  .datepicker table tr td span.active.disabled:hover.disabled,\r\n  .datepicker table tr td span.active[disabled],\r\n  .datepicker table tr td span.active:hover[disabled],\r\n  .datepicker table tr td span.active.disabled[disabled],\r\n  .datepicker table tr td span.active.disabled:hover[disabled] {\r\n    background-color: #666886;\r\n  }\r\n\r\n  .datepicker table tr td.active:hover,\r\n  .datepicker table tr td.active:hover:hover,\r\n  .datepicker table tr td.active.disabled:hover,\r\n  .datepicker table tr td.active.disabled:hover:hover,\r\n  .datepicker table tr td.active:active,\r\n  .datepicker table tr td.active:hover:active,\r\n  .datepicker table tr td.active.disabled:active,\r\n  .datepicker table tr td.active.disabled:hover:active,\r\n  .datepicker table tr td.active.active,\r\n  .datepicker table tr td.active:hover.active,\r\n  .datepicker table tr td.active.disabled.active,\r\n  .datepicker table tr td.active.disabled:hover.active,\r\n  .datepicker table tr td.active.disabled,\r\n  .datepicker table tr td.active:hover.disabled,\r\n  .datepicker table tr td.active.disabled.disabled,\r\n  .datepicker table tr td.active.disabled:hover.disabled,\r\n  .datepicker table tr td.active[disabled],\r\n  .datepicker table tr td.active:hover[disabled],\r\n  .datepicker table tr td.active.disabled[disabled],\r\n  .datepicker table tr td.active.disabled:hover[disabled] {\r\n    background-color: #666886;\r\n  }\r\n\r\n  input:focus-visible {\r\n    outline-offset: #2e3954;\r\n  }\r\n\r\n  .main-nav .nav-link + .nav-link {\r\n    border-top: 0px solid $transparent-border;\r\n  }\r\n  .table-responsive {\r\n    .selectpage {\r\n      background: $transparent-body;\r\n      color: $white;\r\n    }\r\n    select {\r\n      color: $white;\r\n      border-radius: 5px;\r\n    }\r\n    span {\r\n      input {\r\n        border: 1px solid $transparent-border ;\r\n      }\r\n    }\r\n  }\r\n  .text-dark {\r\n    color: #fcfcfc !important;\r\n  }\r\n\r\n  .nav-link.icon i {\r\n    color: $white !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 991.98px) {\r\n  .transparent-theme .responsive-navbar.navbar .navbar-collapse {\r\n    background: $transparent-body;\r\n    box-shadow: 5px 6px 6px -3px rgba(0, 0, 0, 0.3);\r\n  }\r\n\r\n  .transparent-theme .mobile-main-header form[role=\"search\"].active input {\r\n    background: $transparent-body;\r\n    box-shadow: 0 1px 15px 1px rgb(58, 58, 75);\r\n  }\r\n\r\n  .transparent-theme\r\n    .mobile-main-header\r\n    form[role=\"search\"]\r\n    button[type=\"reset\"] {\r\n    background: $primary-02;\r\n  }\r\n\r\n  .transparent-theme .mobile-main-header .input-group-btn .btn i {\r\n    color: #848597;\r\n  }\r\n}\r\n\r\n@media (max-width: 991.98px) {\r\n  .transparent-theme .btn.btn-default.nav-link.resp-btn {\r\n    background: transparent;\r\n  }\r\n\r\n  .transparent-theme .responsive-logo .header-logo .mobile-logo {\r\n    &.logo-1 {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n\r\n.transparent-theme .light-layout {\r\n  display: block;\r\n}\r\n\r\n.transparent-theme .dark-layout {\r\n  display: none;\r\n}\r\n\r\n.transparent-theme .card-title {\r\n  color: $white;\r\n}\r\n\r\n@media (max-width: 991.98px) {\r\n  .transparent-theme .header-brand .desktop-dark {\r\n    display: block !important;\r\n    margin: 0 auto !important;\r\n  }\r\n}\r\n\r\n.transparent-theme {\r\n  .responsive-logo .mobile-logo.dark-logo-1 {\r\n    display: block;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  #checkoutsteps > .steps .number {\r\n    background-color: $primary-02;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  #checkoutsteps .checkoutline {\r\n    background-color: $transparent-border;\r\n  }\r\n\r\n  #checkoutsteps > .steps a {\r\n    color: #9a98b7;\r\n  }\r\n\r\n  .custom-select {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .custom-select {\r\n    color: #ffffff;\r\n    background-color: rgba($white, 0.1);\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  #checkoutsteps .item .thumb {\r\n    border: 0px solid $transparent-border;\r\n  }\r\n\r\n  #checkoutsteps .item {\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .card-pay .tabs-menu.nav a {\r\n    color: $primary;\r\n    background: $primary-02;\r\n  }\r\n\r\n  .card-pay .tabs-menu li a.active {\r\n    background: $primary;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .card-pay .tabs-menu.nav li {\r\n    border-right: 1px solid $transparent-border;\r\n  }\r\n\r\n  .wizard > .actions .disabled a {\r\n    background-color: $primary-02;\r\n  }\r\n\r\n  .fc-theme-standard .fc-list-day-cushion {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .fc-theme-standard .fc-list-day-cushion .fc-list-day-text,\r\n  .fc-theme-standard .fc-list-day-cushion .fc-list-day-side-text {\r\n    color: #dedefd !important;\r\n  }\r\n\r\n  .sidebar {\r\n    border-left: 1px solid $transparent-border;\r\n  }\r\n\r\n  .tree li {\r\n    background: $transparent-body !important;\r\n  }\r\n  .deni-react-treeview-container.classic\r\n    .deni-react-treeview-item-container.classic\r\n    .expand-button {\r\n    color: $white !important;\r\n  }\r\n  .deni-react-treeview-container.classic\r\n    .deni-react-treeview-item-container.classic {\r\n    color: $white !important;\r\n  }\r\n  .MuiDialog-paperScrollPaper {\r\n    background-color: $transparent-body !important;\r\n    color: $white !important;\r\n    .MuiDialogContentText-root {\r\n      color: $white !important;\r\n    }\r\n  }\r\n  .bg-light {\r\n    background-color: $transparent-theme !important;\r\n  }\r\n\r\n  .page-item.active .page-link-outline {\r\n    background-color: $transparent-theme;\r\n    border: 1px solid $primary;\r\n  }\r\n\r\n  .page-link-outline {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .panel-body {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .accordion .accordion-header button {\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n  .accordion .accordion-body {\r\n    background-color: $transparent-theme !important;\r\n  }\r\n  .accordion .accordion-header button.collapsed {\r\n    border-bottom-color: $transparent-border;\r\n  }\r\n\r\n  .bg-white {\r\n    background-color: $transparent-theme !important;\r\n  }\r\n\r\n  .fc-theme-standard .fc-list {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .fc-event,\r\n  .fc-event-dot {\r\n    color: #fff !important;\r\n  }\r\n\r\n  .fc-theme-standard td,\r\n  .fc-theme-standard th {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .alert-dark {\r\n    color: #ffffff;\r\n    background-color: $primary-02;\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .alert-light {\r\n    color: $white;\r\n    background-color: $transparent-theme;\r\n    border-color: $transparent-border;\r\n  }\r\n  .accordiondclose .accordion-header button.collapsed {\r\n    color: $white !important;\r\n    background-color: $transparent-theme !important;\r\n    border-color: $transparent-border !important;\r\n  }\r\n  .alert-primary .alert-link {\r\n    color: $primary;\r\n  }\r\n  .accordion-button:not(.collapsed) {\r\n    color: $white !important;\r\n  }\r\n  .accordion-item {\r\n    color: $white !important;\r\n    background-color: $transparent-theme !important;\r\n    border-color: $transparent-border !important;\r\n  }\r\n  .alert-secondary .alert-link {\r\n    color: $secondary;\r\n  }\r\n\r\n  .alert-success .alert-link {\r\n    color: $success;\r\n  }\r\n\r\n  .alert-danger .alert-link {\r\n    color: $danger;\r\n  }\r\n\r\n  .alert-warning .alert-link {\r\n    color: $warning;\r\n  }\r\n\r\n  .alert-info .alert-link {\r\n    color: $info;\r\n  }\r\n\r\n  .alert-light .alert-link {\r\n    color: #bdbdef;\r\n  }\r\n\r\n  .alert-dark .alert-link {\r\n    color: $white;\r\n  }\r\n\r\n  .alert-default {\r\n    color: #ffffff;\r\n    background-color: $primary-02;\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .badge.bg-white {\r\n    background-color: #fff !important;\r\n  }\r\n\r\n  .badge.bg-light {\r\n    background-color: rgba($white, 0.5) !important;\r\n  }\r\n\r\n  .custom-control-input:disabled ~ .custom-control-label::before {\r\n    background-color: $white-3;\r\n  }\r\n\r\n  .custom-switch-indicator-xl {\r\n    background: $primary-02;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .custom-switch-indicator {\r\n    background: $primary-02;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .custom-switch-indicator-lg,\r\n  .transparent-theme .custom-switch-indicator-xl {\r\n    background: $primary-02;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .custom-switch-indicator:before,\r\n  .custom-switch-indicator-md:before,\r\n  .custom-switch-indicator-lg:before {\r\n    background: $white;\r\n  }\r\n\r\n  .wizard > .steps a .number,\r\n  .wizard > .steps a:hover .number,\r\n  .wizard > .steps a:active .number {\r\n    background-color: $primary-02;\r\n  }\r\n\r\n  .breadcrumb-item + .breadcrumb-item::before {\r\n    color: $white;\r\n  }\r\n\r\n  .tree li.branch {\r\n    background: $transparent-body !important;\r\n  }\r\n\r\n  .tree li.branch li {\r\n    background: $transparent-body;\r\n  }\r\n\r\n  .tree li {\r\n    border-color: $white-4;\r\n  }\r\n\r\n  .nav.panel-tabs .side-menu__icon {\r\n    color: $white;\r\n    fill: $white;\r\n  }\r\n\r\n  .panel-heading1 {\r\n    background: $primary-02;\r\n    color: $primary;\r\n  }\r\n\r\n  #accordion11 .panel-body {\r\n    border: 1px solid $primary-02;\r\n  }\r\n\r\n  .accor h4 a {\r\n    border-bottom: 1px solid $transparent-border;\r\n    background: $primary-02 !important;\r\n    color: $primary !important;\r\n  }\r\n\r\n  .btn-dark-light {\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .main-nav-line .nav-link {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .dropdown-menu {\r\n    box-shadow: 0px 16px 18px rgba(28, 28, 39, 0.2) !important;\r\n  }\r\n\r\n  .page-link-outline {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .tag {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .tag-addon {\r\n    background: $transparent-theme;\r\n  }\r\n\r\n  .tabs-style-3 .nav.panel-tabs li a {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .tabs-style-4 .nav.panel-tabs li a {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .ql-snow.ql-toolbar button {\r\n    border: 0px solid $transparent-border;\r\n  }\r\n\r\n  code {\r\n    color: #c9c9c9;\r\n  }\r\n\r\n  .profile-cover__info .nav strong,\r\n  .profile-tab .main-nav-line .nav-link.active {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .profile-cover__info .nav li:not(:first-child) {\r\n    border-left: 1px solid $transparent-border;\r\n  }\r\n\r\n  .Choose1 {\r\n    border: $transparent-border solid 1px;\r\n  }\r\n\r\n  .card-category1 {\r\n    color: #fcfcff;\r\n  }\r\n\r\n  .bd-s {\r\n    border-color: $transparent-border !important;\r\n  }\r\n\r\n  .bg-dark {\r\n    background-color: $primary-02 !important;\r\n  }\r\n\r\n  .fc .fc-daygrid-day-number {\r\n    color: #fdfafa9c;\r\n  }\r\n\r\n  .fc-list-table td {\r\n    border: 0;\r\n  }\r\n\r\n  #calendar2 .fc-scrollgrid.fc-scrollgrid-liquid thead tr th {\r\n    border-bottom: 0;\r\n  }\r\n\r\n  .card-pay .tabs-menu.nav {\r\n    background: $transparent-theme;\r\n  }\r\n\r\n  .list-group-item.active {\r\n    color: #fff;\r\n    background-color: $primary-02 !important;\r\n    border-color: $primary-02 !important;\r\n  }\r\n\r\n  .bs-popover-start > .popover-arrow::before,\r\n  .bs-popover-auto[data-popper-placement^=\"left\"] > .popover-arrow::before {\r\n    border-left-color: $transparent-border;\r\n  }\r\n\r\n  .bs-popover-top > .popover-arrow::before,\r\n  .bs-popover-auto[data-popper-placement^=\"top\"] > .popover-arrow::before {\r\n    border-top-color: $transparent-border;\r\n  }\r\n\r\n  .bs-popover-bottom > .popover-arrow::before,\r\n  .bs-popover-auto[data-popper-placement^=\"bottom\"] > .popover-arrow::before {\r\n    border-bottom-color: $transparent-border;\r\n  }\r\n\r\n  .bs-popover-end > .popover-arrow::before,\r\n  .bs-popover-auto[data-popper-placement^=\"right\"] > .popover-arrow::before {\r\n    border-right-color: $transparent-border;\r\n  }\r\n\r\n  .popover {\r\n    box-shadow: 4px 8px 16px 0 #141b2d;\r\n  }\r\n\r\n  a.tag-addon:hover {\r\n    background: $transparent-theme;\r\n  }\r\n\r\n  .bootstrap-tagsinput input {\r\n    color: #fff !important;\r\n  }\r\n\r\n  .accordion .card-body {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  ::-webkit-scrollbar-thumb {\r\n    background: rgba(255, 255, 255, 0.2);\r\n  }\r\n\r\n  @media (min-width: 769px) {\r\n    .main-nav-line .nav-link + .nav-link {\r\n      border: 1px solid $transparent-border;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 992px) {\r\n    .vtimeline .timeline-wrapper .timeline-panel:after {\r\n      border-right: 14px solid $white-1 !important;\r\n      border-left: 0 solid $white-1 !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 991.98px) {\r\n    .responsive-navbar.navbar .navbar-collapse {\r\n      border-bottom: 1px solid $transparent-border;\r\n      border-top: 1px solid $transparent-border;\r\n    }\r\n  }\r\n\r\n  .btn-light svg {\r\n    fill: rgba(255, 255, 255, 0.5);\r\n  }\r\n\r\n  .datepicker\r\n    > .datepicker_inner_container\r\n    > .datepicker_timelist::-webkit-scrollbar {\r\n    background: rgba(255, 255, 255, 0.5) !important;\r\n  }\r\n\r\n  .datepicker\r\n    > .datepicker_inner_container\r\n    > .datepicker_timelist::-webkit-scrollbar-thumb {\r\n    background: #00000085 !important;\r\n  }\r\n\r\n  .main-toggle {\r\n    background-color: #ffffff45;\r\n  }\r\n\r\n  .main-toggle span {\r\n    background-color: #000000cf;\r\n  }\r\n\r\n  .ff_fileupload_wrap\r\n    table.ff_fileupload_uploads\r\n    td.ff_fileupload_summary\r\n    .ff_fileupload_filename\r\n    input {\r\n    background-color: $primary-02;\r\n    border: 0px solid $transparent-border;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .main-dropdown-form-demo .dropdown-title {\r\n    color: #ffffff;\r\n  }\r\n\r\n  .form-check-input {\r\n    background-color: $transparent-theme;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .profile-tab.tab-menu-heading .main-nav-line .nav-link {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  @media (min-width: 1135px) {\r\n    .main-header-left .form-control {\r\n      width: 280px;\r\n    }\r\n  }\r\n\r\n  .fc .fc-list-sticky .fc-list-day > * {\r\n    background: #00000073;\r\n  }\r\n\r\n  @media (min-width: 992px) {\r\n    .main-header-left .btn {\r\n      background-color: transparent;\r\n      border: 0px solid $white-1;\r\n    }\r\n  }\r\n\r\n  .main-header .dropdown-menu {\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n\r\n  #country-selector .modal-header {\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n\r\n  .btn-country {\r\n    color: $white-7;\r\n  }\r\n  .btn-check:checked + .btn-country,\r\n  .btn-country.active,\r\n  .btn-country:active {\r\n    color: $black-5;\r\n  }\r\n\r\n  .btn-country:hover {\r\n    border: 1px solid $white-5 !important;\r\n  }\r\n  .btn-country.active:hover {\r\n    color: $black-5;\r\n  }\r\n\r\n  #country-selector .modal-body {\r\n    background-image: none !important;\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    position: relative;\r\n  }\r\n\r\n  .btn-check:checked + .btn-country {\r\n    color: #000;\r\n  }\r\n\r\n  .sidebar .tabs-menu ul li .active {\r\n    .side-menu__icon {\r\n      color: $white;\r\n      fill: $white;\r\n    }\r\n  }\r\n\r\n  .chat .msg_cotainer {\r\n    background-color: $primary-02;\r\n  }\r\n\r\n  .primary-custom-card:before {\r\n    content: \"\";\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    background-color: $transparent-theme !important;\r\n    opacity: 0.1;\r\n    left: 0;\r\n    right: 0;\r\n    border-radius: 5px;\r\n    top: 0;\r\n    bottom: 0;\r\n  }\r\n\r\n  .apexcharts-legend-text {\r\n    color: rgba($white, 0.8) !important;\r\n  }\r\n\r\n  .apexcharts-menu-icon {\r\n    svg {\r\n      fill: $white;\r\n    }\r\n  }\r\n\r\n  .apexcharts-menu-icon:hover svg {\r\n    fill: $white !important;\r\n  }\r\n\r\n  .apexcharts-menu {\r\n    background: $transparent-theme;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .apexcharts-gridlines-horizontal {\r\n    line {\r\n      stroke: rgba(255, 255, 255, 0.1);\r\n    }\r\n  }\r\n\r\n  .apexcharts-menu-item:hover {\r\n    background: $transparent-theme !important;\r\n  }\r\n\r\n  .select2-dropdown {\r\n    border-color: $transparent-border !important;\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .responsive-logo .mobile-logo {\r\n      margin-top: 3px !important;\r\n    }\r\n  }\r\n\r\n  form[role=\"search\"].active input {\r\n    box-shadow: 5px 6px 6px -3px rgba($black, 0.1);\r\n  }\r\n\r\n  .navbar-toggler-icon {\r\n    color: $white;\r\n  }\r\n\r\n  .card-options a:not(.btn) {\r\n    color: $white;\r\n  }\r\n\r\n  .apexcharts-yaxis {\r\n    color: $white;\r\n  }\r\n\r\n  .apexcharts-yaxis-title text {\r\n    fill: rgba($white, 0.8) !important;\r\n  }\r\n\r\n  .apexcharts-yaxis-texts-g text,\r\n  .apexcharts-xaxis-texts-g text {\r\n    fill: rgba($white, 0.8) !important;\r\n  }\r\n\r\n  .irs-modern .irs-slider {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .irs-modern .irs-slider::before {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .irs-outline .irs-slider {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .apexcharts-xaxistooltip {\r\n    color: #ffffff;\r\n    background: $transparent-theme;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .apexcharts-xaxistooltip-bottom:before {\r\n    border-bottom-color: $transparent-theme !important;\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .apexcharts-xaxistooltip-bottom:after {\r\n    border-bottom-color: $transparent-theme !important;\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .twentytwenty-handle {\r\n    border: 2px solid $transparent-border;\r\n    background: rgba(0, 0, 0, 0.6);\r\n  }\r\n\r\n  .twentytwenty-left-arrow {\r\n    border-right: 10px solid $transparent-border;\r\n  }\r\n\r\n  .twentytwenty-right-arrow {\r\n    border-left: 10px solid $transparent-border;\r\n  }\r\n\r\n  .twentytwenty-horizontal .twentytwenty-handle:before,\r\n  .twentytwenty-horizontal .twentytwenty-handle:after,\r\n  .twentytwenty-vertical .twentytwenty-handle:before,\r\n  .twentytwenty-vertical .twentytwenty-handle:after {\r\n    background: $transparent-theme;\r\n  }\r\n\r\n  .twentytwenty-horizontal .twentytwenty-handle:before {\r\n    box-shadow: 0 3px 0 $transparent-theme, 0px 0px 12px $transparent-theme;\r\n  }\r\n\r\n  .twentytwenty-horizontal .twentytwenty-handle:after {\r\n    box-shadow: 0 -3px 0 $transparent-theme, 0px 0px 12px $transparent-theme;\r\n  }\r\n\r\n  .twentytwenty-up-arrow {\r\n    border-bottom: 6px solid $transparent-border;\r\n  }\r\n\r\n  .twentytwenty-down-arrow {\r\n    border-top: 6px solid $transparent-border;\r\n  }\r\n\r\n  a.option-dots {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .owl-nav button {\r\n    background: rgba($black, 0.5) !important;\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n\r\n  .avatar-list-stacked .avatar1 {\r\n    box-shadow: #3d4152 0px 0px 0px 2px !important;\r\n  }\r\n\r\n  .btn-light:focus,\r\n  .btn-light.focus {\r\n    background-color: $transparent-theme !important;\r\n    box-shadow: none;\r\n    border-color: $transparent-border !important;\r\n  }\r\n\r\n  .btn-outline-light:not(:disabled):not(.disabled):active {\r\n    background-color: $transparent-theme;\r\n    color: $white;\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .dropdown-item.active,\r\n  .dropdown-item:active {\r\n    background-color: $transparent-body;\r\n  }\r\n\r\n  .dropdown-menu .dropdown-header {\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .tab-menu-heading {\r\n    border-bottom: 0px solid $transparent-border !important;\r\n  }\r\n\r\n  .accor div a {\r\n    border-bottom: 0px solid $transparent-border;\r\n    color: $white;\r\n  }\r\n\r\n  #user-datatable thead th {\r\n    background-color: $transparent-theme !important;\r\n  }\r\n\r\n  .background-image-blog {\r\n    background-image: url(../../assets/img/photos/error.jpg) !important;\r\n    background-position: center !important;\r\n    background-size: cover !important;\r\n    background-repeat: no-repeat !important;\r\n    height: 320px;\r\n    position: relative;\r\n    border-top-left-radius: calc(0.25rem - 1px);\r\n    border-top-right-radius: calc(0.25rem - 1px);\r\n    border-radius: 0px;\r\n  }\r\n\r\n  .mail-option .dropdown-menu > li > a {\r\n    color: $white;\r\n  }\r\n\r\n  .dropdown-menu > li > a:focus {\r\n    background: #272738;\r\n  }\r\n\r\n  .main-chat-footer {\r\n    border-top: 1px solid $transparent-border;\r\n  }\r\n\r\n  .shared-files {\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n\r\n  .nice-select .list {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .tabs-menu1 ul li a {\r\n    color: #eaecf3;\r\n  }\r\n\r\n  .btn-white {\r\n    color: #ffffff;\r\n    background-color: rgba(255, 255, 255, 0.3);\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .theme-container button {\r\n    color: #fff !important;\r\n    background-color: rgba(255, 255, 255, 0.3);\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .theme-container1 button {\r\n    color: #fff !important;\r\n    background-color: rgba(255, 255, 255, 0.3);\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .theme-container2 button {\r\n    color: #fff !important;\r\n    background-color: rgba(255, 255, 255, 0.3);\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .intl-tel-input .flag-dropdown .country-list .country .dial-code {\r\n    color: $white;\r\n  }\r\n\r\n  .intl-tel-input .flag-dropdown .selected-flag .down-arrow {\r\n    border-top: 4px solid $white;\r\n  }\r\n\r\n  .intl-tel-input input {\r\n    border: 1px solid $transparent-border;\r\n    background: transparent;\r\n    color: #fff;\r\n  }\r\n\r\n  .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {\r\n    border-right: 1px solid $transparent-border;\r\n    border-radius: 0px 0px 0px 3px;\r\n  }\r\n\r\n  .SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .notification .notification-body {\r\n    background: $transparent-theme;\r\n  }\r\n\r\n  .notification .notification-body:before {\r\n    border-right-color: $transparent-theme;\r\n  }\r\n\r\n  .notification .notification-icon a {\r\n    background: rgba(255, 255, 255, 0.6);\r\n  }\r\n\r\n  .notification-badge {\r\n    background-color: rgba($white, 0.4);\r\n    color: #eaecf3;\r\n  }\r\n\r\n  .pricing-tabs ul.nav-price li a {\r\n    background: $transparent-theme;\r\n  }\r\n\r\n  .pricing-tabs ul.nav-price {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .pricing-tabs ul.nav-price li a.active {\r\n    color: #fff;\r\n    background-color: $primary;\r\n  }\r\n\r\n  a.text-primary:hover,\r\n  a.text-primary:focus {\r\n    color: $primary !important;\r\n  }\r\n\r\n  .panel-heading2 {\r\n    background: $transparent-theme !important;\r\n    color: #eaecf3 !important;\r\n  }\r\n\r\n  .gray-set .bg-gray-100 {\r\n    color: $black;\r\n  }\r\n\r\n  .gray-set .bg-gray-200 {\r\n    color: $black;\r\n  }\r\n\r\n  .gray-set .bg-gray-300 {\r\n    color: $black;\r\n  }\r\n\r\n  .gray-set .bg-gray-400 {\r\n    color: $black;\r\n  }\r\n\r\n  .richText .richText-editor {\r\n    background-color: $transparent-theme;\r\n    border-left: transparent solid 2px;\r\n  }\r\n\r\n  .richText {\r\n    border: $transparent-border solid 1px !important;\r\n    background-color: $transparent-theme !important;\r\n  }\r\n\r\n  .richText .richText-toolbar ul {\r\n    border-bottom: $transparent-border solid 1px;\r\n  }\r\n\r\n  .richText .richText-toolbar ul li a {\r\n    color: #eaecf3;\r\n  }\r\n\r\n  .ck.ck-editor__main > .ck-editor__editable {\r\n    background: $transparent-theme;\r\n  }\r\n\r\n  .ck.ck-toolbar {\r\n    border: 1px solid $transparent-border !important;\r\n    background: $transparent-theme !important;\r\n    color: #eaecf3 !important;\r\n  }\r\n\r\n  .ck.ck-editor__main > .ck-editor__editable {\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n\r\n  .ck.ck-reset_all * {\r\n    color: #eaecf3 !important;\r\n  }\r\n\r\n  .ck.ck-button,\r\n  a.ck.ck-button {\r\n    background: transparent !important;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .richText .richText-undo,\r\n  .richText .richText-redo {\r\n    border-right: #efefef solid 0px;\r\n  }\r\n\r\n  .richText .richText-toolbar ul li a:hover {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .richText\r\n    .richText-toolbar\r\n    ul\r\n    li\r\n    a\r\n    .richText-dropdown-outer\r\n    .richText-dropdown {\r\n    background-color: #272738;\r\n    border: $transparent-border solid 1px;\r\n  }\r\n\r\n  .richText\r\n    .richText-toolbar\r\n    ul\r\n    li\r\n    a\r\n    .richText-dropdown-outer\r\n    ul.richText-dropdown\r\n    li\r\n    a {\r\n    display: block;\r\n    border-bottom: $transparent-border solid 1px;\r\n  }\r\n\r\n  .richText\r\n    .richText-toolbar\r\n    ul\r\n    li\r\n    a\r\n    .richText-dropdown-outer\r\n    .richText-dropdown\r\n    .richText-dropdown-close {\r\n    background: #fff0;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .richText\r\n    .richText-toolbar\r\n    ul\r\n    li\r\n    a\r\n    .richText-dropdown-outer\r\n    ul.richText-dropdown\r\n    li\r\n    a:hover {\r\n    background-color: #272738;\r\n  }\r\n\r\n  .richText\r\n    .richText-toolbar\r\n    ul\r\n    li\r\n    a\r\n    .richText-dropdown-outer\r\n    ul.richText-dropdown\r\n    li\r\n    a:hover {\r\n    background-color: #272738;\r\n  }\r\n\r\n  .richText .richText-form input[type=\"text\"],\r\n  .richText .richText-form input[type=\"file\"],\r\n  .richText .richText-form input[type=\"number\"],\r\n  .richText .richText-form select {\r\n    border: $transparent-border solid 1px;\r\n    background-color: #1d202c;\r\n    color: #fff;\r\n  }\r\n\r\n  .ql-snow .ql-tooltip {\r\n    background-color: $transparent-theme;\r\n    box-shadow: 0px 0px 5px #000;\r\n    border: 1px solid $transparent-border;\r\n    color: #eaecf3;\r\n  }\r\n\r\n  .ql-snow .ql-tooltip input[type=\"text\"] {\r\n    border: 1px solid $transparent-border;\r\n    background-color: $transparent-theme;\r\n    color: #eaecf3;\r\n  }\r\n\r\n  .ck.ck-list {\r\n    background: #272738;\r\n  }\r\n\r\n  .ck.ck-dropdown__panel,\r\n  .ck.ck-balloon-panel {\r\n    border: 1px solid $transparent-border !important;\r\n    box-shadow: 0 3px 9px 0 #000 !important;\r\n  }\r\n\r\n  .ck-rounded-corners .ck.ck-dropdown__panel,\r\n  .ck.ck-dropdown__panel.ck-rounded-corners,\r\n  .ck.ck-list {\r\n    border-radius: 0px !important;\r\n  }\r\n\r\n  .ck.ck-reset,\r\n  .ck.ck-reset_all,\r\n  .ck.ck-reset_all * {\r\n    background: $transparent-theme;\r\n  }\r\n\r\n  .ck.ck-input-text {\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n\r\n  .ck.ck-labeled-field-view\r\n    > .ck.ck-labeled-field-view__input-wrapper\r\n    > .ck.ck-label {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .ck.ck-balloon-panel[class*=\"arrow_n\"]:after {\r\n    border-bottom-color: $transparent-theme;\r\n    margin-top: 0;\r\n  }\r\n\r\n  .ck .ck-fake-link-selection_collapsed {\r\n    outline: 0px;\r\n  }\r\n\r\n  .main-error-wrapper h1 {\r\n    color: #eaecf3;\r\n  }\r\n\r\n  .main-error-wrapper h2 {\r\n    color: #eaecf3;\r\n  }\r\n\r\n  .main-signup-header label {\r\n    color: #eaecf3;\r\n  }\r\n\r\n  .main-signup-header .form-control:focus {\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .main-signin-header .form-control:focus {\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .note-editor.note-frame.panel.panel-default .panel-heading {\r\n    background-color: $transparent-theme;\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n\r\n  .note-editor.note-airframe,\r\n  .note-editor.note-frame {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .note-btn.btn-default {\r\n    background-color: $transparent-theme;\r\n    border-color: $transparent-border;\r\n  }\r\n\r\n  .note-btn {\r\n    i,\r\n    span {\r\n      color: #eaecf3;\r\n    }\r\n  }\r\n\r\n  .ql-wrapper-demo {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  #global-loader {\r\n    background-color: #000;\r\n  }\r\n\r\n  #videomodal,\r\n  #audiomodal {\r\n    .modal-content {\r\n      box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.5);\r\n    }\r\n  }\r\n\r\n  .file-image-1 {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .table-striped > tbody > tr:nth-of-type(2n + 1) > * {\r\n    color: rgba(255, 255, 255, 0.7);\r\n    background-color: #363b50;\r\n  }\r\n}\r\n\r\n.transparent-theme .table-hover > tbody > tr:hover > * {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.transparent-theme table.table-bordered.dataTable th:last-child,\r\n.transparent-theme table.table-bordered.dataTable th:last-child {\r\n  border-right-width: 0px !important;\r\n}\r\n\r\n.rtl.transparent-theme table.table-bordered.dataTable th:last-child,\r\n.rtl.transparent-theme table.table-bordered.dataTable th:last-child,\r\n.rtl.transparent-theme table.table-bordered.dataTable td:last-child,\r\n.rtl.transparent-theme table.table-bordered.dataTable td:last-child {\r\n  border-right-width: 1px !important;\r\n  border-left-width: 1px !important;\r\n}\r\n\r\n.transparent-theme.rtl .sidebar {\r\n  border-right: 1px solid $transparent-border;\r\n}\r\n\r\n.transparent-theme\r\n  .note-editor\r\n  .btn-default:not(:disabled):not(.disabled):active {\r\n  background-color: $transparent-theme;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .ltr.main-body.app.sidebar-mini.transparent-theme.sidenav-toggled {\r\n    .desktop-logo,\r\n    .desktop-dark,\r\n    .mobile-logo {\r\n      display: none !important;\r\n    }\r\n\r\n    .mobile-dark {\r\n      display: block !important;\r\n    }\r\n  }\r\n}\r\n\r\n.ltr.main-body.app.sidebar-mini.transparent-theme.sidenav-toggled-open {\r\n  .desktop-logo,\r\n  .mobile-dark,\r\n  .mobile-logo {\r\n    display: none !important;\r\n  }\r\n\r\n  .desktop-dark {\r\n    display: block !important;\r\n  }\r\n}\r\n.transparent-theme{\r\n  .borders{\r\n    border-bottom:1px solid $transparent-border ;\r\n    border-top: 0px solid $transparent-border;\r\n    border-left: 1px solid $transparent-border;\r\n    border-right:1px solid $transparent-border ;\r\n  }\r\n}\r\n@media (min-width: 992px) {\r\n  .horizontal.transparent-theme .app-sidebar {\r\n    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);\r\n  }\r\n\r\n  .transparent-theme.horizontal .sticky.is-expanded.sticky-pin {\r\n    .side-menu .slide .side-menu__item.active {\r\n      border-bottom: 3px solid $white;\r\n    }\r\n\r\n    .side-menu .side-menu__item.active .side-menu__icon {\r\n      fill: $white !important;\r\n    }\r\n\r\n    .side-menu .side-menu__item.active .side-menu__label {\r\n      color: $white !important;\r\n    }\r\n  }\r\n\r\n  .transparent-theme.horizontal .sub-side-menu__item:hover {\r\n    color: $white !important;\r\n  }\r\n\r\n  .transparent-theme.horizontal .sub-slide-menu1 .sub-slide-item2:hover {\r\n    color: $white !important;\r\n  }\r\n\r\n  .transparent-theme.horizontal .horizontal-main .sub-slide2 .sub-slide-menu1 {\r\n    background-color: $transparent-body;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .transparent-theme.horizontal-hover.horizontal\r\n    .sub-slide-menu\r\n    .sub-side-menu__item::before {\r\n    color: $white;\r\n  }\r\n\r\n  .transparent-theme.horizontal-hover.horizontal\r\n    .sub-slide-menu1\r\n    .sub-slide-item2:before {\r\n    color: $white;\r\n    opacity: 0.5;\r\n  }\r\n}\r\n\r\n.transparent-theme #back-to-top {\r\n  background-color: $transparent-theme;\r\n  color: $transparent-body;\r\n}\r\n\r\n.transparent-theme .chart-circle .chart-circle-value.circle-style {\r\n  background-color: transparent !important;\r\n}\r\n\r\n.transparent-theme .chart-circle .chart-circle-value.circle-style {\r\n  border: 2px dotted $primary !important;\r\n  background: transparent !important;\r\n}\r\n\r\n.transparent-theme .chart-circle[data-color] {\r\n  color: $white !important;\r\n}\r\n\r\n.transparent-theme.main-body.app.sidebar-mini.sidenav-toggled.hover-submenu.sidenav-toggled-open {\r\n  .main-logo.desktop-dark {\r\n    display: none !important;\r\n  }\r\n\r\n  .main-logo.mobile-dark {\r\n    display: block !important;\r\n  }\r\n}\r\n\r\n.transparent-theme.main-body.app.sidebar-mini.sidenav-toggled.hover-submenu1.sidenav-toggled-open {\r\n  .main-logo.desktop-dark {\r\n    display: none !important;\r\n  }\r\n\r\n  .main-logo.mobile-dark {\r\n    display: block !important;\r\n  }\r\n}\r\n\r\n.transparent-theme .sub-slide-menu1 .sub-slide-item2:before {\r\n  color: #fff;\r\n  opacity: 0.5;\r\n}\r\n\r\n.transparent-theme\r\n  .app-sidebar\r\n  .slide-menu\r\n  .slide-item\r\n  .sub-side-menu__item\r\n  .sub-slide-item2::before {\r\n  color: #fff;\r\n  opacity: 0.5;\r\n}\r\n\r\n.transparent-theme .main-header-right {\r\n  .dropdown-menu:before {\r\n    background: $primary;\r\n    border-top: 1px solid $transparent-border;\r\n    border-left: 1px solid $transparent-border;\r\n  }\r\n}\r\n\r\n.transparent-theme {\r\n  .main-profile-menu .dropdown-item:hover,\r\n  .main-profile-menu .dropdown-item:focus {\r\n    color: $white;\r\n  }\r\n}\r\n\r\n.transparent-theme .side-menu__item.active .side-menu__icon {\r\n  fill: $white !important;\r\n}\r\n\r\n.transparent-theme.main-body.sidebar-gone.horizontal.sidenav-toggled {\r\n  .main-sidemenu .side-menu {\r\n    padding-top: 21px;\r\n  }\r\n}\r\n\r\n.transparent-theme .main-footer .text-primary {\r\n  color: $white !important;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .transparent-theme.hover-submenu1.app.sidenav-toggled-open\r\n    .side-menu__label1\r\n    a {\r\n    color: $white !important;\r\n  }\r\n\r\n  .transparent-theme.hover-submenu1.app.sidenav-toggled-open\r\n    .sub-side-menu__item:hover {\r\n    color: $white !important;\r\n  }\r\n}\r\n\r\n// .transparent-theme .vtimeline .timeline-wrapper .timeline-panel:after {\r\n//   border-left: 14px solid rgba(255,255,255, 0.05) !important;\r\n//   border-right: 0 solid rgba(255,255,255,0.05) !important;\r\n// }\r\n.transparent-theme .main-mail-subject span {\r\n  color: $white-5;\r\n}\r\n\r\n.transparent-theme\r\n  .ui-datepicker\r\n  .ui-datepicker-calendar\r\n  td.ui-datepicker-other-month\r\n  .ui-state-default {\r\n  color: $white-5;\r\n}\r\n\r\n.transparent-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-next,\r\n.transparent-theme .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {\r\n  color: $white-7;\r\n}\r\n\r\n.transparent-theme\r\n  .main-datetimepicker\r\n  > .datepicker_inner_container\r\n  > .datepicker_calendar\r\n  td.day_another_month {\r\n  color: $white-8;\r\n}\r\n\r\n.transparent-theme .form-control {\r\n  &::-webkit-file-upload-button {\r\n    color: $white;\r\n  }\r\n}\r\n\r\n// .transparent-theme .SumoSelect.disabled>.CaptionCont {\r\n//   background-color: $transparent-border;\r\n// }\r\n.transparent-theme .dropify-wrapper .dropify-message span.file-icon {\r\n  color: $white;\r\n}\r\n\r\n@media screen and (min-width: 992px) {\r\n  .transparent-theme.main-body.app.sidebar-mini.sideicon-menu.sidenav-toggled.rtl.sidenav-toggled-open {\r\n    .main-logo.mobile-dark {\r\n      display: none !important;\r\n    }\r\n  }\r\n}\r\n\r\n.transparent-theme .fc-theme-standard .fc-popover-header {\r\n  background: $transparent-body;\r\n}\r\n\r\n.transparent-theme .fc-theme-standard .fc-popover {\r\n  background-color: $transparent-body;\r\n  border-color: $transparent-border;\r\n}\r\n\r\n.transparent-theme .tabs-style-4 .nav.nav-pills .nav-item a.active {\r\n  background: $primary;\r\n}\r\n\r\n.transparent-theme.error-page1 {\r\n  .main-card-signin {\r\n    background-color: transparent !important;\r\n  }\r\n}\r\n\r\n.transparent-theme .main-chat-footer .main-msg-send {\r\n  border-color: $transparent-border;\r\n}\r\n\r\n.transparent-theme .note-btn.btn-default:not(:disabled):not(.disabled).active {\r\n  background-color: transparent;\r\n  border-color: $white-2;\r\n}\r\n.rtl.transparent-theme .border-end {\r\n  border-left: 1px solid $transparent-border !important;\r\n  border-right: inherit !important;\r\n}\r\n.rtl.transparent-theme .main-sidebar-header {\r\n  border-left: 0px solid rgba(255, 255, 255, 0.15);\r\n  border-right: 0px solid rgba(255, 255, 255, 0.15);\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.15);\r\n}\r\n.transparent-theme {\r\n  .tab_wrapper .content_wrapper .accordian_header.active {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n  .side-menu__item:hover .side-menu__icon,\r\n  .side-menu__item:hover .side-menu__label,\r\n  .side-menu__item:hover .angle {\r\n    color: $white !important;\r\n    fill: $white !important;\r\n  }\r\n  .notification:before {\r\n    background-color: $white-2;\r\n  }\r\n  .main-mail-date {\r\n    color: $white-5;\r\n  }\r\n  .app-sidebar .slide-menu a.active:before {\r\n    color: $white;\r\n    opacity: 1;\r\n  }\r\n  .select2-container--default\r\n    .select2-selection--single\r\n    .select2-selection__placeholder {\r\n    color: $white-5;\r\n  }\r\n  .main-cart-list .main-cart-item:hover {\r\n    background-color: $white-05;\r\n  }\r\n  svg.peity {\r\n    path:last-child {\r\n      fill: $black-2;\r\n    }\r\n  }\r\n}\r\n.transparent-theme {\r\n  .datetimepicker-hours span.hour:hover,\r\n  .datetimepicker-hours span.minute:hover,\r\n  .datetimepicker-hours span.month:hover,\r\n  .datetimepicker-hours span.year:hover {\r\n    background: $transparent-theme;\r\n  }\r\n  .datetimepicker-minutes span.hour:hover,\r\n  .datetimepicker-minutes span.minute:hover,\r\n  .datetimepicker-minutes span.month:hover,\r\n  .datetimepicker-minutes span.year:hover {\r\n    background: $transparent-theme;\r\n  }\r\n}\r\n.transparent-theme {\r\n  .form-control:disabled {\r\n    background-color: $transparent-theme !important;\r\n    opacity: 0.5;\r\n  }\r\n  .form-control[readonly] {\r\n    background-color: $transparent-theme !important;\r\n  }\r\n  .form-control-plaintext {\r\n    color: $white-8;\r\n    &::placeholder {\r\n      color: $white-5;\r\n    }\r\n  }\r\n  .sub-side-menu__item:hover {\r\n    color: $white !important;\r\n  }\r\n}\r\n.transparent-theme {\r\n  .background__placeholder {\r\n    color: $white !important;\r\n  }\r\n  .msl-active {\r\n    background: $transparent-theme !important;\r\n  }\r\n  .background__menu {\r\n    background: $transparent-body;\r\n  }\r\n  .msl-options {\r\n    background: $transparent-theme;\r\n    backdrop-filter: blur(20px) !important;\r\n    .msl-option {\r\n      border: 1px solid $transparent-border !important;\r\n    }\r\n  }\r\n  .background__menu:hover {\r\n    background: $transparent-body;\r\n  }\r\n  .msl-active-up,\r\n  .msl-active ~ .msl-options {\r\n    background: $transparent-theme;\r\n  }\r\n  .ql-wrapper {\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n  .MuiDropzoneArea-root {\r\n    background-color: $transparent-theme !important;\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n  .dropzone {\r\n    background-color: $transparent-theme !important;\r\n    border: 1px solid $transparent-border !important;\r\n    p {\r\n      color: $white !important;\r\n    }\r\n  }\r\n  .rdw-editor-toolbar {\r\n    background-color: transparent !important;\r\n    border: 1px solid $transparent-border !important;\r\n    .rdw-option-wrapper,\r\n    .rdw-dropdown-selectedtext,\r\n    .rdw-dropdown-selectedtext,\r\n    .rdw-dropdown-selectedtext {\r\n      background-color: transparent !important;\r\n      border: 1px solid $transparent-border !important;\r\n    }\r\n    .rdw-dropdown-wrapper {\r\n      background-color: transparent !important;\r\n      border: 1px solid transparent !important;\r\n      box-shadow: none !important;\r\n    }\r\n  }\r\n  .rdt_TableHead {\r\n    .rdt_TableHeadRow {\r\n      background-color: transparent !important;\r\n      color: $white !important;\r\n    }\r\n  }\r\n  .filter-text {\r\n    color: $white;\r\n  }\r\n  .sc-ivTmOn {\r\n    background-color: transparent !important;\r\n    color: $white !important;\r\n  }\r\n  .rdt_Table,\r\n  .rdt_TableHeader,\r\n  .rdt_TableRow,\r\n  .rdt_Pagination {\r\n    background-color: transparent !important;\r\n  }\r\n  .datatable .rdt_TableHead .rdt_TableHeadRow > div {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n  .datatable .rdt_Table {\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n  .datatable .rdt_TableBody .rdt_TableRow > div {\r\n    border-right: 1px solid $transparent-border !important;\r\n  }\r\n  .sc-llJcti {\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n}\r\n.transparent-theme .msl-disabled > .msl {\r\n  background-color: $transparent-theme !important;\r\n}\r\n.transparent-theme .msl,\r\n.msl-active-up .msl-options {\r\n  background-color: $transparent-theme !important;\r\n}\r\n.transparent-theme {\r\n  .stickyheader{\r\n    .rdt_TableHead{\r\n      .rdt_TableHeadRow{\r\n        background: $transparent-body !important;\r\n      }\r\n    }\r\n  }\r\n  .export-table{\r\n    .rdt_TableHead{\r\n      border: 1px solid $transparent-border !important;\r\n    }}\r\n\r\n  .rdt_TableCell {\r\n    color: $white-7;\r\n  }\r\n  .borderrigth {\r\n    border-right: 1px solid $transparent-border;\r\n  }\r\n  .data-table-extensions > .data-table-extensions-filter > .filter-text {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n  .checkoutstepss .item {\r\n    border-bottom: 1px solid $transparent-border;\r\n  }\r\n  .sc-fnykZs {\r\n    background-color: $transparent-body;\r\n    border-bottom: 1px solid $transparent-border;\r\n    color: $white;\r\n  }\r\n  #accordion11 .accordion-button.collapsed {\r\n    background-color: #248272cc;\r\n    border: 1px solid $transparent-border;\r\n    color: $white;\r\n  }\r\n  .pri-tabs-heading {\r\n    .nav-pills {\r\n      border: 1px solid $transparent-border;\r\n      .nav-item {\r\n        .nav-link {\r\n          background-color: $transparent-theme;\r\n        }\r\n        .nav-link.active {\r\n          background-color: $primary;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .chk-all,\r\n  .hidden-phone {\r\n    button {\r\n      color: $white !important;\r\n    }\r\n  }\r\n  .card.customs-cards {\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n  .profile-tab .main-nav-line .nav-item a.active {\r\n    color: $white !important;\r\n  }\r\n  .profile-tab .main-nav-line .nav-item a {\r\n    color: rgba(255, 255, 255, 0.4) !important;\r\n  }\r\n  .swiper-slide-thumb-active {\r\n    border: 1px solid $transparent-border !important;\r\n    background: var(--primary02) !important;\r\n  }\r\n  .Basicwizard {\r\n    border-top: 1px solid $transparent-border !important;\r\n    border-bottom: 1px solid $transparent-border !important;\r\n  }\r\n  .bordera {\r\n    border-right: 1px solid $transparent-border !important;\r\n  }\r\n  .pcr-app {\r\n    background: $transparent-body !important;\r\n  }\r\n  .background__control {\r\n    background-color: $transparent-theme !important;\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n  .background__memu {\r\n    background-color: $transparent-theme !important;\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n}\r\n.transparent-theme{\r\n  .apexcharts-tooltip{\r\n    background: $transparent-theme !important;\r\n    color:$white !important;\r\n    border:1px solid $transparent-border !important;\r\n  }\r\n  .apexcharts-tooltip-title{\r\n    background: $transparent-theme !important;\r\n    color:$white !important;\r\n    border-bottom: $transparent-border !important;\r\n  }\r\n.main-header-center{\r\n  .form-control:focus{\r\n    border: 1px solid $transparent-border !important;\r\n  }\r\n}\r\n  #country-selector{\r\n    .btn-country.active{\r\n      background: $transparent-theme;\r\n      color:$white;\r\n    }\r\n  }\r\n}\r\n.transparent-theme .ql-wrapper {\r\n  .rdw-dropdown-optionwrapper{\r\n    background: $transparent-body !important;\r\n    \r\n  }\r\n  .rdw-dropdownoption-active{\r\n    background:  $transparent-body !important;\r\n    color: #24d5b8 !important;\r\n  }\r\n  .rdw-dropdownoption-highlighted {\r\n    background: transparent !important;\r\n  }\r\n  .rdw-dropdownoption-default{\r\n    font-size: 13px;\r\n  }\r\n  .rdw-colorpicker-modal, .rdw-link-modal, .rdw-link-modal-input{\r\n    background: $transparent-body !important;\r\n    border: 1px solid $transparent-border;\r\n    box-shadow: none;\r\n  }\r\n  .rdw-link-modal-btn, .rdw-embedded-modal-link-input,.rdw-image-modal-size-input,.rdw-image-modal-btn, .rdw-embedded-modal-btn,.rdw-image-modal,.rdw-image-modal-url-input, .rdw-emoji-modal, .rdw-embedded-modal-size-input, .rdw-embedded-modal{\r\n    background: $transparent-body !important;\r\n    border: 1px solid $transparent-border;\r\n    box-shadow: none;\r\n    color: $white;\r\n  }\r\n  .rdw-embedded-modal-header-label{\r\n    display: none !important;\r\n  }\r\n  }\r\n  .transparent-theme {\r\n    .nav-tabs .nav-link.active {\r\n      background-color: var(--primary-bg-color) !important;\r\n      color: #fff !important;\r\n    }\r\n    .msl-input:before {\r\n      color: $white !important;\r\n    }\r\n  }\r\n  .transparent-theme {#accordion11 .accordion-button.collapsed{\r\n    background-color: $transparent-theme !important;\r\n  }\r\n  #accordion11 .panel-body{\r\n    border-top: 1px solid $transparent-border !important;\r\n  }\r\n}\r\n.transparent-theme {\r\n.user-lock .dropdown button{\r\n  \r\n  border: 1px solid $transparent-border;\r\n \r\n}\r\n}\r\n.transparent-theme .swal2-input:focus{\r\n  border: 1px solid $transparent-border !important;\r\n}\r\n.transparent-theme {\r\n  .MuiSlider-markLabel,\r\n  .MuiSlider-valueLabelLabel {\r\n    color: #eaecf3 !important;\r\n  }\r\n}\r\n.transparent-theme{\r\n  .btn-success-light{\r\n    color:$white;\r\n  } \r\n  }\r\n  .transparent-theme{\r\n    .optiondots .btn,.rti--container{\r\n      border: 1px solid $transparent-border !important;\r\n    }\r\n  }\r\n  .transparent-theme .lg-actions .lg-next, .transparent-theme .lg-actions .lg-prev{\r\n    background-color: $primary;\r\n  }\r\n  .transparent-theme{\r\n    .main-contact-star .dropdown-menu.show{\r\n      background-color: $transparent-theme !important;\r\n    }\r\n    .nvd3 .nv-legend .nv-series text{\r\n      fill: $white;\r\n    }\r\n    .country-list{\r\n      background-color: $transparent-body!important;\r\n      border:none;\r\n      white-space: normal;\r\n    }\r\n    .tags-bg {\r\n      .msl-options{\r\n        background-color: $transparent-theme!important;\r\n      }\r\n    }\r\n    .selectform__menu-list,.selectform__single-value{\r\n      color:$white !important;\r\n    }\r\n    .selectform__option{\r\n      background-color: $transparent-theme!important;\r\n    }\r\n    .msl-options .msl-option:hover {\r\n      background: var(--primary-bg-color);\r\n      color: #fff;\r\n  }\r\n  .msl-active-up .msl-options{\r\n    background-color: $transparent-theme !important;\r\n  }\r\n  .farms .msl-active-up~.msl-options{\r\n    background-color: $transparent-theme !important;\r\n  }\r\n  .react-datepicker__month-container,.react-datepicker__header.react-datepicker-year-header{\r\n    background-color: $transparent-theme;\r\n    color: $white;\r\n  }\r\n  .react-datepicker{\r\n    border: 1px solid $transparent-border;\r\n  }\r\n  .react-datepicker__header{\r\n    border-bottom: transparent;\r\n  }\r\n  .react-datepicker__triangle::after{\r\nborder: 8px solid $transparent-theme !important;\r\n  }\r\n  .react-datepicker__header,.react-datepicker__year--container {\r\n    background-color: $transparent-theme;\r\n    color:$white;\r\n  }\r\n  .react-datepicker__month-container{\r\n    color: $white;\r\n  }\r\n  .react-datepicker{\r\n    background-color: $transparent-body !important;\r\n  }\r\n  .nv-axisMaxMin-y{\r\n    fill:transparent\r\n  }\r\n  }\r\n  .transparent-theme .drop .dropzone:hover {\r\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);\r\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;\r\n    // -webkit-animation: stripes 2s linear infinite;\r\n    animation: stripes 2s linear infinite;\r\n}\r\n.transparent-theme{\r\n  .msl-chip{\r\nbackground: transparent;\r\n  }\r\n  .datetimepicker-2 {.MuiInputBase-input{\r\ncolor:$white\r\n}}}\r\n.transparent-theme{\r\n  .rdw-block-dropdown,.rdw-fontfamily-dropdown{\r\n    a{\r\n      color:#000 !important\r\n    }\r\n  }\r\n  .rdw-editor-wrapper{\r\n    border: 1px solid $transparent-border;\r\n  }\r\n  .rdw-editor-toolbar{\r\n    border-top:0px !important ;\r\n    border-left:0px !important ;\r\n    border-right:0px !important ;\r\n    border-bottom: 1px solid $transparent-border !important;\r\n  }\r\n  .rdw-dropdown-optionwrapper,.rdw-colorpicker-modal,.rdw-embedded-modal,.rdw-emoji-modal,.rdw-image-modal,.rdw-link-modal{\r\n    background: $transparent-theme;\r\n    border: 1px solid $transparent-border;\r\n    box-shadow: none;\r\n  }\r\n  .rdw-dropdownoption-active,.rdw-image-modal-upload-option{\r\n    background: transparent;\r\n  }\r\n  .rdw-image-modal-size,.rdw-embedded-modal-link-input-wrapper,.rdw-embedded-modal-size,.rdw-link-modal,.rdw-image-modal-url-section{\r\n    input{\r\n      background: transparent;\r\n      border: 1px solid $transparent-border;\r\n    }\r\n  }\r\n  .rdw-image-modal-btn:active{\r\n    background: $primary !important;\r\ncolor:$primary;\r\nborder: 1px solid $transparent-border;\r\n  }\r\n  .rdw-image-modal-btn{\r\n    background: $transparent-theme;\r\n    color:$white;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n  .rdw-embedded-modal-btn-section{\r\n    .rdw-image-modal-btn:active{\r\n      background: $primary !important;\r\n  color:$primary;\r\n  border: 1px solid $transparent-border;\r\n    }\r\n    .rdw-image-modal-btn{\r\n      background: $transparent-theme;\r\n      color:$white;\r\n      border: 1px solid $transparent-border;\r\n    }\r\n  }\r\n  .rdw-embedded-modal-btn-section{\r\n    .rdw-embedded-modal-btn:active{\r\n      background: $primary !important;\r\n  color:$primary;\r\n  border: 1px solid $transparent-border;\r\n    }\r\n    .rdw-embedded-modal-btn{\r\n      background: $transparent-theme;\r\n      color:$white;\r\n      border: 1px solid $transparent-border;\r\n    }\r\n  }\r\n}"]}