{"version":3,"sources":["../scss/_variables.scss","style-transparent.scss"],"names":[],"mappings":"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A;AAAA;EAEE,cDhpCmB;ECipCnB;;;AAME;AAAA;EAEE;EACA,ODhrCE;ECirCF,cD3pCe;;AC+pCnB;EACE;EACA,ODvrCI;ECwrCJ,cDlqCiB;;ACuqCjB;AAAA;EAEE,OD5vCC;EC6vCD,kBD3tCG;EC4tCH;;AAIJ;EACE,ODnwCG;ECowCH,kBDluCK;ECmuCL;;AAKA;AAAA;EAEE,OD5wCC;EC6wCD,kBD3uCG;EC4uCH;;AAIJ;EACE,ODnxCG;ECoxCH,kBDlvCK;ECmvCL;;AAGF;AAAA;EAEE;EACA,cDxsCiB;;AC2sCnB;EACE,cD5sCiB;;AC+sCnB;AAAA;AAAA;EAGE,ODryCG;;ACwyCL;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE,kBDpuCe;ECquCf,cD9wCM;;ACkxCN;EACE,kBDnxCI;;ACsxCN;EACE,cD7uCe;EC8uCf,YDhvCc;ECivCd,ODl0CC;;ACs0CL;EACE;;AAGF;EACE,ODxyCM;;AC2yCR;EACE,OD/0CG;;ACk1CL;EACE;EACA;;AAGF;EACE;EACA,YDh3CK;;ACm3CP;EACE,kBDp3CK;;ACw3CL;EAiBE;;AAhBA;EACE,kBDlxCY;;ACoxCZ;EACE,ODj0CA;;ACo0CF;EACE,ODr0CA;;ACw0CF;EACE;;AAON;EACE;;AAGF;EACE;;AAIJ;EACE;;AAKA;EAEE;;AAGF;EACE,OD14CC;;AC84CL;EACE,kBD5zCiB;EC6zCjB,ODh5CG;;ACm5CL;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;AAAA;AAAA;EAGE,kBD70CiB;;ACg1CnB;AAAA;EAEE,ODr6CG;ECs6CH,YDt4CK;;ACy4CP;EACE,OD16CG;;AC66CL;EACE,kBD51Ce;EC61Cf;EACA;;AAEA;EACE;EACA;;AAEA;AAAA;EAEE,ODx7CD;;AC47CH;AAAA;EAEE,OD97CC;;ACk8CL;EACE,ODn4CO;;ACs4CT;EACE;;AAGF;EACE,kBDl+CK;ECm+CL,OD58CG;;ACg9CH;EACE,kBDh4Cc;;ACm4ChB;EACE,ODr9CC;;ACy9CD;EACE,OD19CD;;AC69CD;EACE;;AAIJ;EACE,cDh5Ce;;;ACq5CrB;EA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GF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;IACA;IACA;IACA;IACA;IACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE,OD5kIK;EC6kIL,MD7kIK;;;ACglIP;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAGF;EACE,cDhiImB;;;ACmiIrB;EACE;;;AAGF;EACE;IACE;IACA;;;AAIJ;EACE;IACE,kBDrlIK;;;ACylIT;EACE;;;AAGF;EACE;;;AAGF;EACE,YD9jIiB;EC+jIjB;;;AAIA;EACE;;AAGF;EACE,QDzkIgB;;AC4kIlB;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE,YD7lIgB;EC8lIhB;;AAGF;EACE;EACA;;AAGF;EACE;EACA,YDxmIgB;ECymIhB;;AAGF;EACE,cD3mIiB;;AC8mInB;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE,YD7nIgB;;ACgoIlB;EACE,kBDjoIgB;;ACooIlB;EACE;;AAGF;EACE,cDvoIiB;ECwoIjB;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE,YD1pIgB;;AC6pIlB;EACE;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE,kBDxqIgB;;AC2qIlB;AAAA;EAEE,qBD7qIgB;;ACgrIlB;AAAA;EAEE,mBDlrIgB;;ACqrIlB;AAAA;EAEE,oBDvrIgB;;AC0rIlB;AAAA;EAEE;;AAGF;AAAA;EAEE,kBDhsIe;ECisIf;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE,YDtzIQ;ECuzIR,OD5zIK;;AC+zIP;EACE,ODzyIG;;AC4yIL;AAAA;EAEE;;AAGF;EACE;;AAGF;EACE,kBDpuIe;ECquIf;;AAGF;EACE,kBD1uIgB;;AC6uIlB;EACE;EACA,ODh0IG;;ACm0IL;EACE;;AAGF;EACE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CimKlB;EACE,kBDlmKgB;;ACqmKlB;EACE;EACA,YDvmKgB;ECwmKhB;;AAGF;EACE;EACA,cD3mKiB;;AC8mKnB;EACE;EACA,cDhnKiB;;ACmnKnB;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;AAAA;AAAA;EAIE,YDtoKgB;;ACyoKlB;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EACE,kBD9qKgB;EC+qKhB,ODhwKG;ECiwKH,cD9qKiB;;ACirKnB;AAAA;EAEE,kBDprKe;;ACurKjB;EACE;;AAGF;EACE;;AAGF;EACE;EACA,ODnxKG;;ACsxKL;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE,ODvyKG;;AC0yKL;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA,cD9uKiB;;ACivKnB;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE,ODv1KG;;AC01KL;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE,kBDzxKgB;;AC4xKlB;EACE,YD7xKgB;;ACgyKlB;EACE,oBDjyKgB;;ACoyKlB;EACE;;AAGF;EACE;EACA;;AAGF;EACE,YD9yKgB;;ACizKlB;EACE;;AAGF;EACE;EACA,kBD/5KK;;ACk6KP;AAAA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE,ODr5KG;;ACw5KL;EACE,ODz5KG;;AC45KL;EACE,OD75KG;;ACg6KL;EACE,ODj6KG;;ACo6KL;EACE,kBDr1KgB;ECs1KhB;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE,YDv2KgB;;AC02KlB;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE,kBDp4KgB;;ACu4KlB;EACE;EACA;;AAGF;E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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-01:var(--primary01);\r\n$primary-02:var(--primary02);\r\n$primary-03:var(--primary03);\r\n$primary-05:var(--primary05);\r\n$primary-06:var(--primary06);\r\n$primary-09:var(--primary09);\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\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\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\r\n    .border-end.bd-xs-s-0 {\r\n      border-left: 0 !important;\r\n    }\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\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\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\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\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\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\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\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\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\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 .select2-selection--single .select2-selection__arrow 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  .sweet-alert p {\r\n    color: $white;\r\n  }\r\n\r\n  &.rtl {\r\n    @media (min-width: 992px) {\r\n\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\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 .select2-selection--single .select2-selection__arrow 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    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\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\r\n  // skin-modes //\r\n  @media (min-width: 992px) {\r\n\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-color: $white  !important;\r\n      border-left-color: $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 .select2-selection--single .select2-selection__arrow b {\r\n    border-color: $white transparent $white transparent;\r\n  }\r\n\r\n  .dataTables_wrapper .dataTables_length .select2-container--default .select2-selection--single .select2-selection__arrow 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  .sweet-alert 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(linear, 0 0, 0 100%, from($primary), to($primary));\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(startColorstr='$primary', endColorstr='$primary', GradientType=0);\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(linear, 0 0, 0 100%, from($primary), to($primary));\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(startColorstr='$primary', endColorstr='$primary', GradientType=0);\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\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 .flot-chart .flot-x-axis>div 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;\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\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\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\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\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\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\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\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\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: $white-6;\r\n        }\r\n\r\n        .media-body .media-contact-name span:last-child {\r\n          color: $white-6;\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\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\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\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\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\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\r\n  .fc-unthemed {\r\n\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\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\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\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\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\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\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\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\r\n    &.active,\r\n    &:hover,\r\n    &:focus {\r\n      background-color: $primary !important;\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\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\r\n  .sweet-alert {\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\r\n    h2 {\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\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\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\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\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(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      background-image: linear-gradient(-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      -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 .dropify-preview .dropify-infos .dropify-infos-inner 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\r\n    .parsley-input.parsley-error .form-control,\r\n    .parsley-checkbox.parsley-error,\r\n    .parsley-select.parsley-error .select2-container--default .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\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\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\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\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\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\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 .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li 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\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 .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>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 .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li 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\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\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>.datepicker_inner_container>.datepicker_timelist>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 .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li:hover 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>.horizontalMenu-list>li>ul.sub-menu .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 .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li 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 .desktop-logo.logo-dark .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 .desktop-logo.logo-dark .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 .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\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\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;\r\n    color: $white;\r\n  }\r\n}\r\n\r\n.datetimepicker table th.switch:focus {\r\n  background-color: transparent;\r\n  color: $white;\r\n}\r\n\r\n.transparent-theme {\r\n  .main-datetimepicker>.datepicker_inner_container>.datepicker_calendar 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\r\n  .btn-light {\r\n\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\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\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\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\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\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\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(to left, $primary 0%, $primary-05 100%) !important;\r\n}\r\n\r\n.transparent-theme .card.bg-secondary-gradient {\r\n  background-image: linear-gradient(to right, #f714c2 0%, #b9309a 100%) !important;\r\n}\r\n\r\n.transparent-theme .card.bg-success-gradient {\r\n  background-image: linear-gradient(to left, #029666 0%, #4ec752 100%) !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 a {\r\n  background: $transparent-theme;\r\n  color: $white;\r\n}\r\n\r\n.transparent-theme .tabs-style-4 .nav.panel-tabs li a {\r\n  background: $transparent-theme;\r\n  color: $white;\r\n}\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\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\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\r\n.transparent-theme .select2-container--default .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 #141b2d;\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 .side-menu__item.active .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 .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(to right, #673ab7 0%, #884af1 100%) !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 .app-sidebar .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 .ps>.ps__rail-y>.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\"] .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;\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-body;\r\n    color: #fff;\r\n  }\r\n\r\n  .main-mail-compose-body {\r\n    background-color: $transparent-theme;\r\n  }\r\n\r\n  .main-mail-compose-body .form-group .form-label {\r\n    margin: 0;\r\n    color: $white;\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\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>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {\r\n    background-color: $transparent-theme;\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>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\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 .mobile-main-header form[role=\"search\"] 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: $white-6;\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;\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 .card-header a {\r\n    border: 1px solid $transparent-border;\r\n  }\r\n\r\n  .accordion .card-header a.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\r\n  .alert-primary .alert-link {\r\n    color: $primary;\r\n  }\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;\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>.datepicker_inner_container>.datepicker_timelist::-webkit-scrollbar {\r\n    background: rgba(255, 255, 255, 0.5) !important;\r\n  }\r\n\r\n  .datepicker>.datepicker_inner_container>.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 table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename 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    border: 0;\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\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\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 .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {\r\n    background-color: #272738;\r\n    border: $transparent-border solid 1px;\r\n  }\r\n\r\n  .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a {\r\n    display: block;\r\n    border-bottom: $transparent-border solid 1px;\r\n  }\r\n\r\n  .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {\r\n    background: #fff0;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {\r\n    background-color: #272738;\r\n  }\r\n\r\n  .richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li 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>.ck.ck-labeled-field-view__input-wrapper>.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\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 .note-editor .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\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\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\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 .sub-slide-menu .sub-side-menu__item::before {\r\n    color: $white;\r\n  }\r\n\r\n  .transparent-theme.horizontal-hover.horizontal .sub-slide-menu1 .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 .app-sidebar .slide-menu .slide-item .sub-side-menu__item .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\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 .side-menu__label1 a {\r\n    color: $white  !important;\r\n  }\r\n\r\n  .transparent-theme.hover-submenu1.app.sidenav-toggled-open .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 .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .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 .main-datetimepicker>.datepicker_inner_container>.datepicker_calendar 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.panel-tabs li 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\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\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\r\n.transparent-theme {\r\n  .tab_wrapper .content_wrapper .accordian_header.active {\r\n    border: 1px solid $transparent-border;\r\n  }\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\r\n  .notification:before {\r\n    background-color: $white-2;\r\n  }\r\n\r\n  .main-mail-date {\r\n    color: $white-5;\r\n  }\r\n\r\n  .app-sidebar .slide-menu a.active:before {\r\n    color: $white;\r\n    opacity: 1;\r\n  }\r\n\r\n  .select2-container--default .select2-selection--single .select2-selection__placeholder {\r\n    color: $white-5;\r\n  }\r\n\r\n  .main-cart-list .main-cart-item:hover {\r\n    background-color: $white-05;\r\n  }\r\n\r\n  svg.peity {\r\n    path:last-child {\r\n      fill: $black-2;\r\n    }\r\n  }\r\n}\r\n\r\n.transparent-theme {\r\n\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\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\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\r\n  .form-control[readonly] {\r\n    background-color: $transparent-theme  !important;\r\n  }\r\n\r\n  .form-control-plaintext {\r\n    color: $white-8;\r\n\r\n    &::placeholder {\r\n      color: $white-5;\r\n    }\r\n  }\r\n\r\n  .sub-side-menu__item:hover {\r\n    color: $white  !important;\r\n  }\r\n}\r\n\r\n.transparent-theme {\r\n\r\n  .btn-check:checked+.btn-country,\r\n  .btn-country.active,\r\n  .btn-country:active {\r\n    background-color: transparent;\r\n  }\r\n\r\n  .latest-tasks .time {\r\n    color: $white-4;\r\n  }\r\n\r\n  .select2-container--default.select2-container--disabled .select2-selection--single {\r\n    background-color: $transparent-body  !important;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .custom-control-input:disabled~.custom-control-label {\r\n    color: $white-6;\r\n  }\r\n\r\n  .card-item-desc .card-item-desc-1 dd {\r\n    color: $white;\r\n  }\r\n\r\n  .main-mail-subject span {\r\n    color: $white-6;\r\n  }\r\n\r\n  .datetimepicker-years span.hour:hover,\r\n  .datetimepicker-years span.minute:hover,\r\n  .datetimepicker-years span.month:hover,\r\n  .datetimepicker-years span.year:hover {\r\n    background: $transparent-theme;\r\n  }\r\n\r\n  .datetimepicker-months span.hour:hover,\r\n  .datetimepicker-months span.minute:hover,\r\n  .datetimepicker-months span.month:hover,\r\n  .datetimepicker-months span.year:hover {\r\n    background: $transparent-theme;\r\n  }\r\n\r\n  .datetimepicker table .new,\r\n  .datetimepicker table .old {\r\n    color: $white;\r\n  }\r\n\r\n  .main-mail-compose-box {\r\n    background: $transparent-body;\r\n  }\r\n\r\n  .main-mail-compose-body .form-group .nav-link {\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  .main-chat-body .media-body>div:last-child {\r\n    color: $white-6;\r\n  }\r\n\r\n  .main-chat-list .media-body p {\r\n    color: $white-6;\r\n  }\r\n\r\n  .pricing-tabs ul.nav-price {\r\n    background: transparent;\r\n  }\r\n\r\n  .panel-heading2 {\r\n    border-color: $white-2;\r\n  }\r\n  .dropdown-item.disabled,\r\n  .dropdown-item:disabled {\r\n    color: $white-6 !important;\r\n  }\r\n  .list-group-item.disabled,\r\n  .list-group-item:disabled {\r\n    color: $white-6;\r\n  }\r\n}"]}