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