@charset "UTF-8";

:root {
  --bs-body-font-size: 0.875rem;
  --bs-body-bg: #f3f3f9;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-vertical-menu-bg: #fff;
  --bs-vertical-menu-item-color: #6d7080;
  --bs-vertical-menu-item-hover-color: #405189;
  --bs-vertical-menu-item-active-color: #405189;
  --bs-vertical-menu-sub-item-color: #7c7f90;
  --bs-vertical-menu-sub-item-hover-color: #405189;
  --bs-vertical-menu-sub-item-active-color: #405189;
  --bs-vertical-menu-title-color: #919da9;
  --bs-vertical-menu-bg-dark: #405189;
  --bs-vertical-menu-item-color-dark: #abb9e8;
  --bs-vertical-menu-item-hover-color-dark: #fff;
  --bs-vertical-menu-item-active-color-dark: #fff;
  --bs-vertical-menu-sub-item-color-dark: #abb9e8;
  --bs-vertical-menu-sub-item-hover-color-dark: #fff;
  --bs-vertical-menu-sub-item-active-color-dark: #fff;
  --bs-vertical-menu-title-color-dark: #838fb9;
  --bs-header-bg: #fff;
  --bs-header-item-color: #e9ecef;
  --bs-header-bg-dark: #405189;
  --bs-header-item-color-dark: #b0c4d9;
  --bs-topbar-search-bg: #f3f3f9;
  --bs-topbar-user-bg: #f3f3f9;
  --bs-topbar-user-bg-dark: #52639c;
  --bs-footer-bg: #fff;
  --bs-footer-color: #98a6ad;
  --bs-topnav-bg: #fff;
  --bs-topnav-item-color: #6d7080;
  --bs-topnav-item-color-active: #405189;
  --bs-twocolumn-menu-iconview-bg: #fff;
  --bs-twocolumn-menu-bg: #fff;
  --bs-twocolumn-menu-iconview-bg-dark: var(--bs-vertical-menu-bg-dark);
  --bs-twocolumn-menu-bg-dark: #435590;
  --bs-twocolumn-menu-item-color-dark: var(--bs-vertical-menu-item-color-dark);
  --bs-twocolumn-menu-item-active-color-dark: #fff;
  --bs-twocolumn-menu-item-active-bg-dark: rgba(255, 255, 255, 0.15);
  --bs-boxed-body-bg: #e5e5f2;
  --bs-heading-color: #495057;
  --bs-light: #f3f6f9;
  --bs-light-rgb: 243, 246, 249;
  --bs-dark: #212529;
  --bs-dark-rgb: 33, 37, 41;
  --bs-link-color: #405189;
  --bs-link-hover-color: #405189;
  --bs-border-color: #ced4da;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: #1e2125;
  --bs-dropdown-link-hover-bg: #f3f6f9;
  --bs-dropdown-border-width: 0px;
  --bs-card-bg: #fff;
  --bs-card-cap-bg: #fff;
  --bs-card-logo-dark: block;
  --bs-card-logo-light: none;
  --bs-modal-bg: #fff;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #f3f3f9;
  --bs-accordion-button-active-color: #3a497b;
  --bs-progress-bg: #eff2f7;
  --bs-toast-background-color: rgba(255, 255, 255, 0.85);
  --bs-toast-border-color: rgba(0, 0, 0, 0.1);
  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
  --bs-list-group-hover-bg: #f3f6f9;
  --bs-popover-bg: #fff;
  --bs-pagination-hover-bg: #eff2f7;
  --bs-input-bg: #fff;
  --bs-input-border: #ced4da;
  --bs-input-focus-border: #a0a8c4;
  --bs-input-disabled-bg: #eff2f7;
  --bs-input-group-addon-bg: #eff2f7;
  --bs-input-check-border: var(--bs-input-border);
  --bs-primary-rgb: 64, 81, 137;
  --bs-nav-link-font-size: 0.92rem;
}

/*
  --bs-font-sans-serif: "Poppins",sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
  font-family: var(--vz-body-font-family);
*/

[data-layout-mode=dark] {
  --bs-gray-100: #1a1d21;
  --bs-gray-200: #212529;
  --bs-gray-300: #2a2f34;
  --bs-gray-400: #878a99;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #bfc8e2;
  --bs-gray-700: #ced4da;
  --bs-gray-800: #eff2f7;
  --bs-gray-900: #f3f6f9;
  --bs-body-bg: #1a1d21;
  --bs-body-color: #ced4da;
  --bs-body-color-rgb: 206, 212, 218;
  --bs-vertical-menu-bg: #fff;
  --bs-vertical-menu-item-color: #5f6270;
  --bs-vertical-menu-item-hover-color: #405189;
  --bs-vertical-menu-item-active-color: #405189;
  --bs-vertical-menu-sub-item-color: #686b7b;
  --bs-vertical-menu-sub-item-hover-color: #405189;
  --bs-vertical-menu-sub-item-active-color: #405189;
  --bs-vertical-menu-title-color: #878a99;
  --bs-vertical-menu-bg-dark: #212529;
  --bs-vertical-menu-item-color-dark: #878a99;
  --bs-vertical-menu-item-hover-color-dark: #fff;
  --bs-vertical-menu-item-active-color-dark: #fff;
  --bs-vertical-menu-sub-item-color-dark: #7c7f90;
  --bs-vertical-menu-sub-item-hover-color-dark: #fff;
  --bs-vertical-menu-sub-item-active-color-dark: #fff;
  --bs-vertical-menu-title-color-dark: #5f6270;
  --bs-header-bg: #292e32;
  --bs-header-item-color: #e9ecef;
  --bs-header-bg-dark: #292e32;
  --bs-header-item-color-dark: #b0c4d9;
  --bs-topbar-search-bg: #202328;
  --bs-topbar-user-bg: #31373c;
  --bs-topbar-user-bg-dark: #31373c;
  --bs-footer-bg: #212529;
  --bs-footer-color: #878a99;
  --bs-topnav-bg: #272b30;
  --bs-topnav-item-color: #878a99;
  --bs-topnav-item-color-active: #fff;
  --bs-twocolumn-menu-iconview-bg: #fff;
  --bs-twocolumn-menu-bg: #fff;
  --bs-twocolumn-menu-iconview-bg-dark: var(--bs-vertical-menu-bg-dark);
  --bs-twocolumn-menu-bg-dark: #30363a;
  --bs-twocolumn-menu-item-color-dark: var(--bs-vertical-menu-item-color-dark);
  --bs-twocolumn-menu-item-active-color-dark: #fff;
  --bs-twocolumn-menu-item-active-bg-dark: rgba(255, 255, 255, 0.15);
  --bs-boxed-body-bg: #111316;
  --bs-heading-color: #ced4da;
  --bs-light: #2a2f34;
  --bs-light-rgb: 42, 47, 52;
  --bs-dark: #eff2f7;
  --bs-dark-rgb: 239, 242, 247;
  --bs-link-color: #ced4da;
  --bs-link-hover-color: #ced4da;
  --bs-border-color: #32383e;
  --bs-dropdown-bg: #292e33;
  --bs-dropdown-link-color: #adb5bd;
  --bs-dropdown-link-hover-color: #b9bfc4;
  --bs-dropdown-link-hover-bg: #2f343a;
  --bs-dropdown-border-width: 1px;
  --bs-card-bg: #212529;
  --bs-card-cap-bg: #212529;
  --bs-card-logo-dark: none;
  --bs-card-logo-light: block;
  --bs-modal-bg: #212529;
  --bs-nav-tabs-link-active-color: #f3f6f9;
  --bs-nav-tabs-link-active-bg: #2a2f34;
  --bs-accordion-button-active-color: #fff;
  --bs-progress-bg: #2a2f34;
  --bs-toast-background-color: rgba(42, 47, 52, 0.85);
  --bs-toast-border-color: rgba(255, 255, 255, 0.1);
  --bs-toast-header-border-color: rgba(255, 255, 255, 0.05);
  --bs-list-group-hover-bg: #272b30;
  --bs-popover-bg: #23282c;
  --bs-pagination-hover-bg: #2a2f34;
  --bs-input-bg: #262a2f;
  --bs-input-border: #2a2f34;
  --bs-input-focus-border: #33393f;
  --bs-input-disabled-bg: #212529;
  --bs-input-group-addon-bg: #2a2f34;
  --bs-input-check-border: #33393f;
}

[data-sidebar=gradient] {
  --bs-vertical-menu-bg-gradient: linear-gradient(to right, var(--bs-primary), var(--bs-success));
  --bs-vertical-menu-border-gradient: var(--bs-success);
  --bs-twocolumn-menu-bg-dark: var(--bs-success);
}

[data-sidebar=gradient-2] {
  --bs-vertical-menu-bg-gradient: linear-gradient(to right, var(--bs-info), var(--bs-secondary));
  --bs-vertical-menu-border-gradient: var(--bs-secondary);
  --bs-twocolumn-menu-bg-dark: var(--bs-secondary);
}

[data-sidebar=gradient-3] {
  --bs-vertical-menu-bg-gradient: linear-gradient(to right, var(--bs-info), var(--bs-success));
  --bs-vertical-menu-border-gradient: var(--bs-success);
  --bs-twocolumn-menu-bg-dark: var(--bs-success);
}

[data-sidebar=gradient-4] {
  --bs-vertical-menu-bg-gradient: linear-gradient(to right, var(--bs-dark), var(--bs-primary));
  --bs-vertical-menu-border-gradient: var(--bs-primary);
  --bs-twocolumn-menu-bg-dark: var(--bs-primary);
}

#page-topbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1002;
  background-color: var(--bs-header-bg);
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#page-topbar.topbar-shadow {
  -webkit-box-shadow: var(--bs-box-shadow);
          box-shadow: var(--bs-box-shadow);
}
@media (min-width: 768px) {
  #page-topbar {
    left: 240px;
  }
}

.navbar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  height: 60px;
  padding: 0 1.5rem 0 calc(1.5rem / 2);
}
@media (max-width: 767.98px) {
  .navbar-header {
    padding: 0 calc(1.5rem / 2) 0 calc(1.5rem / 2);
  }
}
.navbar-header .topbar-head-dropdown .dropdown-menu.show {
  top: 13px !important;
}
.navbar-header .btn-topbar {
  height: 42px;
  width: 42px;
}
@media (max-width: 360px) {
  .navbar-header .btn-topbar {
    height: 36px;
    width: 36px;
  }
}
.navbar-header .user-name-text {
  color: var(--bs-gray-700);
}

/* Search */
/* !!! */ 
.app-search {
  padding: calc(32px / 2) 0;
}
.app-search .form-control {
  border: none;
  height: 38px;
  padding-left: 40px;
  padding-right: 30px;
  background-color: var(--bs-topbar-search-bg);
  -webkit-box-shadow: none;
          box-shadow: none;
}
/* !!! */ 
.app-search span.search-widget-icon {
  position: absolute;
  z-index: 10;
  font-size: 18px;
  line-height: 38px;
  left: 13px;
  top: 0;
  color: #878a99;
}
/* !!! */ 
.app-search .search-widget-icon-close {
  right: 7px;
  left: auto !important;
}
@media (max-width: 1023.99px) {
/* !!! */ 
.app-search {
    padding-left: calc(1.5rem / 2);
  }
}

@media (max-width: 767.98px) {
  .logo span.logo-lg {
    display: none;
  }
  .logo span.logo-sm {
    display: inline-block;
  }
}

.header-item {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* !!! */ 
.topbar-badge {
  right: -9px;
  top: 4px !important;
}

.notification-item {
  padding: 0.75rem 1rem;
  white-space: inherit;
  position: relative;
}
.notification-item .form-check-input {
  position: relative;
  z-index: 2;
}

.dropdown-icon-item {
  display: block;
  border-radius: 3px;
  line-height: 34px;
  text-align: center;
  padding: 15px 0 9px;
  border: 1px solid transparent;
  color: var(--bs-dropdown-link-color);
}
.dropdown-icon-item img {
  height: 24px;
}
.dropdown-icon-item span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-icon-item:hover {
  background-color: var(--bs-dropdown-link-hover-bg);
}

.fullscreen-enable [data-toggle=fullscreen] .bx-fullscreen::before {
  content: "\eacb";
}

[data-layout-mode=dark] .light-dark-mode .bx-moon::before {
  content: "\ec34";
}

[data-topbar=dark] #page-topbar {
  background-color: var(--bs-header-bg-dark);
  border-color: var(--bs-header-bg-dark);
}
[data-topbar=dark] .navbar-header .btn-topbar {
  color: var(--bs-header-item-color-dark);
}
[data-topbar=dark] .navbar-header .btn-topbar:hover, [data-topbar=dark] .navbar-header .btn-topbar:focus {
  background-color: rgba(255, 255, 255, 0.07);
  color: #fff;
}
@media (min-width: 767.99px) {
  [data-topbar=dark] .topbar-user {
    background-color: var(--bs-topbar-user-bg-dark);
  }
}
[data-topbar=dark] .topbar-user .user-name-text {
  color: rgba(255, 255, 255, 0.85) !important;
}
[data-topbar=dark] .topbar-user .user-name-sub-text {
  color: var(--bs-header-item-color-dark) !important;
}
[data-topbar=dark] .logo-dark {
  display: none;
}
[data-topbar=dark] .logo-light {
  display: inline-block;
}
[data-topbar=dark] .app-search .form-control {
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
}
[data-topbar=dark] .app-search span.search-widget-icon,
[data-topbar=dark] .app-search input.form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
[data-topbar=dark] .hamburger-icon span {
  background-color: #e9ebec;
}

@media (max-width: 600px) {
  .navbar-header .dropdown {
    position: static;
  }
  .navbar-header .dropdown .dropdown-menu {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  #search-dropdown-reponsive {
    top: 54px !important;
  }
}
@media (min-width: 1024.1px) {
  [data-layout=vertical][data-layout-style=detached] #page-topbar {
    left: 0 !important;
    -webkit-box-shadow: var(--bs-box-shadow);
            box-shadow: var(--bs-box-shadow);
  }
  [data-layout=vertical][data-layout-style=detached] .horizontal-logo {
    display: inline-block;
    padding-left: 0;
  }
  [data-layout=vertical][data-layout-style=detached] .topnav-hamburger {
    visibility: hidden;
  }
  [data-layout=vertical][data-layout-style=detached] .layout-width {
    max-width: 95%;
    margin: 0 auto;
  }
  [data-layout=vertical][data-layout-style=detached][data-sidebar-size=sm] .navbar-brand-box, [data-layout=vertical][data-layout-style=detached][data-sidebar-size=sm-hover] .navbar-brand-box {
    background-color: transparent !important;
    position: relative;
    width: auto;
    text-align: left;
  }
  [data-layout=vertical][data-layout-style=detached][data-sidebar-size=sm] .navbar-brand-box .logo-sm, [data-layout=vertical][data-layout-style=detached][data-sidebar-size=sm-hover] .navbar-brand-box .logo-sm {
    display: none;
  }
  [data-layout=vertical][data-layout-style=detached][data-sidebar-size=sm] .navbar-brand-box .logo-lg, [data-layout=vertical][data-layout-style=detached][data-sidebar-size=sm-hover] .navbar-brand-box .logo-lg {
    display: block;
  }
}
[data-layout=vertical][data-layout-style=detached][data-topbar=dark] .horizontal-logo .logo-dark {
  display: none;
}
[data-layout=vertical][data-layout-style=detached][data-topbar=dark] .horizontal-logo .logo-light {
  display: block;
}

[data-layout=horizontal] #page-topbar {
  left: 0;
  border-bottom: 1px solid var(--bs-gray-300);
}
@media (min-width: 1024.1px) {
  [data-layout=horizontal] #page-topbar.topbar-shadow {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
[data-layout=horizontal] .page-content {
  padding: calc(45px + 1.5rem) calc(1.5rem / 2) 10px calc(1.5rem / 2);
}
@media (min-width: 1024.1px) {
  [data-layout=horizontal] .page-content {
    margin-top: 60px;
  }
}
@media (min-width: 1024.1px) {
  [data-layout=horizontal][data-layout-width=boxed] .page-content {
    min-height: calc(100vh - 130px);
  }
}

@media (min-width: 768px) {
  [data-layout=vertical][data-sidebar-size=sm] #page-topbar, [data-layout=vertical][data-sidebar-size=sm-hover] #page-topbar {
    left: 60px;
  }
}
@media (min-width: 768px) {
  [data-layout=vertical][data-sidebar-size=md] #page-topbar {
    left: 180px;
  }
}

.page-title-box {
  padding: 10px 1.5rem;
  background-color: var(--bs-card-bg);
  -webkit-box-shadow: var(--bs-box-shadow);
          box-shadow: var(--bs-box-shadow);
  border-bottom: 1px solid none;
  border-top: 1px solid none;
  margin: -23px -1.5rem 1.5rem -1.5rem;
}
.page-title-box .breadcrumb {
  background-color: transparent;
  padding: 0;
}
.page-title-box h4 {
  font-weight: 700;
  font-size: 15px !important;
  text-transform: uppercase;
}

[data-layout=horizontal] .page-title-box {
  padding: 1.2rem 0;
  background-color: transparent !important;
  border-bottom: none;
  border-top: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}
@media (min-width: 1024.1px) {
  [data-layout=horizontal] .page-title-box {
    margin: -19px 0 0 0;
  }
}

[data-layout=vertical][data-layout-style=detached] .page-title-box {
  padding: 1.2rem 0;
  background-color: transparent !important;
  border-bottom: none;
  border-top: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
}
@media (min-width: 1024.1px) {
  [data-layout=vertical][data-layout-style=detached] .page-title-box {
    margin: -19px 0 0 0;
  }
}

.footer {
  bottom: 0;
  padding: 20px calc(1.5rem / 2);
  position: absolute;
  right: 0;
  color: var(--bs-footer-color);
  left: 240px;
  height: 60px;
  background-color: var(--bs-footer-bg);
}
@media (max-width: 991.98px) {
  .footer {
    left: 0;
  }
}

[data-layout=vertical][data-sidebar-size=sm] .footer, [data-layout=vertical][data-sidebar-size=sm-hover] .footer {
  left: 60px;
}
@media (max-width: 767.98px) {
  [data-layout=vertical][data-sidebar-size=sm] .footer, [data-layout=vertical][data-sidebar-size=sm-hover] .footer {
    left: 0;
  }
}
[data-layout=vertical][data-sidebar-size=md] .footer {
  left: 180px;
}
@media (max-width: 991.98px) {
  [data-layout=vertical][data-sidebar-size=md] .footer {
    left: 0;
  }
}

[data-layout=horizontal] .footer {
  left: 0 !important;
}

@media (min-width: 1024.1px) {
  [data-layout=vertical][data-layout-style=detached] .footer {
    left: 0 !important;
    background-color: transparent;
  }
}

@media (min-width: 768.1px) {
  [data-layout=twocolumn] .footer {
    left: calc(60px + 220px);
  }
}

.main-content {
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
@media (min-width: 768px) {
  .main-content {
    margin-left: 240px;
  }
}

.page-content {
  padding: calc(60px + 1.5rem) calc(1.5rem / 2) 60px calc(1.5rem / 2);
}

.navbar-menu {
  width: 240px;
  z-index: 1002;
  background: var(--bs-vertical-menu-bg);
  border-right: 1px solid #fff;
  bottom: 0;
  margin-top: 0;
  position: fixed;
  top: 0;
  -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
          box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
  padding: 0 0 calc(60px + 25px) 0;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.navbar-menu .navbar-nav .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.625rem 1.5rem;
  color: var(--bs-vertical-menu-item-color);
  font-size: 0.925rem;
  font-family: "Inter", sans-serif;
}
.navbar-menu .navbar-nav .nav-link.active {
  color: var(--bs-vertical-menu-item-active-color);
}
.navbar-menu .navbar-nav .nav-link:hover {
  color: var(--bs-vertical-menu-item-hover-color);
}
.navbar-menu .navbar-nav .nav-link i {
  display: inline-block;
  min-width: 1.75rem;
  font-size: 18px;
  line-height: inherit;
}
.navbar-menu .navbar-nav .nav-link svg {
  width: 18px;
  margin-right: 0.665rem;
  color: var(--bs-vertical-menu-item-color);
}
.navbar-menu .navbar-nav .nav-link .badge {
  margin-left: auto;
  margin-right: -2px;
  z-index: 1;
}
.navbar-menu .navbar-nav .nav-link:hover {
  color: var(--bs-vertical-menu-item-hover-color);
}
.navbar-menu .navbar-nav .nav-link:hover .icon-dual {
  color: var(--bs-vertical-menu-item-hover-color);
  fill: rgba(75, 56, 179, 0.16);
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
  display: block;
  content: "\f0142";
  font-family: "Material Design Icons";
  margin-left: auto;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  font-size: 1.05rem;
  position: absolute;
  right: 18px;
  color: var(--bs-vertical-menu-title-color);
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
  color: var(--bs-vertical-menu-item-active-color);
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .icon-dual {
  color: var(--bs-vertical-menu-item-hover-color);
  fill: rgba(75, 56, 179, 0.16);
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  color: var(--bs-vertical-menu-item-active-color);
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:before {
  opacity: 1;
  background-color: var(--bs-vertical-menu-item-active-color);
}
.navbar-menu .navbar-nav .nav-link.collapsed.active::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.navbar-menu .navbar-nav .nav-sm {
  padding-left: 1.75rem;
}
.navbar-menu .navbar-nav .nav-sm .nav-link {
  padding: 0.55rem 1.5rem !important;
  color: var(--bs-vertical-menu-sub-item-color);
  white-space: none;
  position: relative;
  font-size: 0.8125rem;
  font-family: "Inter", sans-serif;
}
.navbar-menu .navbar-nav .nav-sm .nav-link:before {
  content: "";
  width: 6px;
  height: 1.5px;
  background-color: var(--bs-vertical-menu-sub-item-color);
  position: absolute;
  left: 2px;
  top: 16.5px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0.5;
}
.navbar-menu .navbar-nav .nav-sm .nav-link:hover {
  color: var(--bs-vertical-menu-sub-item-hover-color);
}
.navbar-menu .navbar-nav .nav-sm .nav-link:hover:before {
  background-color: var(--bs-vertical-menu-sub-item-hover-color) !important;
  opacity: 1;
}
.navbar-menu .navbar-nav .nav-sm .nav-link.active {
  color: var(--bs-vertical-menu-item-active-color);
}
.navbar-menu .navbar-nav .nav-sm .nav-link.active:before {
  background-color: var(--bs-vertical-menu-item-active-color);
}
.navbar-menu .navbar-nav .nav-sm .nav-sm {
  padding-left: 15px;
}
.navbar-menu .navbar-nav .nav-sm .nav-sm .nav-link:before {
  height: 5px;
  width: 5px;
  left: 5px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid;
  top: 16px;
}
.navbar-menu .btn-vertical-sm-hover {
  color: #878a99;
  display: none;
}

.navbar-brand-box {
  padding: 0 1.3rem;
  text-align: center;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
@media (max-width: 767.98px) {
  .navbar-brand-box {
    display: none;
  }
}

.hamburger-icon {
  width: 20px;
  height: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.hamburger-icon span {
  background-color: #878a99;
  position: absolute;
  border-radius: 2px;
  -webkit-transition: 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4);
  transition: 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4);
  width: 100%;
  height: 2px;
  display: block;
  left: 0px;
}
.hamburger-icon span:nth-child(1) {
  top: 0;
  width: 80%;
}
.hamburger-icon span:nth-child(2) {
  top: 6px;
}
.hamburger-icon span:nth-child(3) {
  bottom: 0;
  width: 60%;
}
.vertical-menu-btn:hover .hamburger-icon:not(.open) span:nth-child(1) {
  top: -1px;
}
.vertical-menu-btn:hover .hamburger-icon:not(.open) span:nth-child(3) {
  bottom: -1px;
}
.hamburger-icon.open {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.hamburger-icon.open span:nth-child(1) {
  left: 1px;
  top: 5px;
  width: 20px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}
.hamburger-icon.open span:nth-child(2) {
  left: 3px;
  top: 13px;
  width: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition-delay: 50ms;
          transition-delay: 50ms;
}
.hamburger-icon.open span:nth-child(3) {
  left: 9px;
  top: 13px;
  width: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}

.logo {
  line-height: 60px;
}
.logo .logo-sm {
  display: none;
}

/* !!! */ 
.logo-light {
  display: none;
}

[data-layout=vertical] .app-menu .row {
  margin: 0;
}
[data-layout=vertical] .app-menu .row > * {
  width: 100%;
  padding: 0;
}
@media (max-width: 767.98px) {
  [data-layout=vertical] .app-menu {
    margin-left: -100%;
    padding: 10px 0 20px 0;
  }
}
[data-layout=vertical] .navbar-menu .container-fluid {
  padding: 0;
}
@media (max-width: 767.98px) {
  [data-layout=vertical] .navbar-brand-box {
    display: none;
  }
}
[data-layout=vertical] .horizontal-logo {
  display: none;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .main-content {
  margin-left: 60px;
}
@media (max-width: 767.98px) {
  [data-layout=vertical][data-sidebar-size=sm-hover] .main-content {
    margin-left: 0;
  }
}
[data-layout=vertical][data-sidebar-size=sm-hover] .logo span.logo-lg {
  display: none;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .logo span.logo-sm {
  display: inline-block;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .btn-vertical-sm-hover {
  display: inline-block;
}
@media (min-width: 768px) {
  [data-layout=vertical][data-sidebar-size=sm-hover] .topnav-hamburger {
    display: none;
  }
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu {
  width: 60px;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .btn-vertical-sm-hover {
  display: none;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .btn-vertical-sm-hover i.ri-record-circle-line:before {
  content: "\eb7d";
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .navbar-nav .badge {
  display: none;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .navbar-nav .menu-title {
  text-align: center;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .navbar-nav .menu-title span {
  display: none;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .navbar-nav .menu-title i {
  display: block;
  line-height: 36px;
  font-size: 1rem;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .navbar-nav .nav-link span {
  display: none;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .navbar-nav .nav-link i {
  font-size: 22px;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .navbar-nav .nav-link i.las, [data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .navbar-nav .nav-link i.lar, [data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .navbar-nav .nav-link i.lab {
  font-size: 24px;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .navbar-nav .nav-link svg {
  margin-right: 0px;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .navbar-nav .nav-link:after, [data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .navbar-nav .nav-link:before {
  display: none;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu .navbar-nav .menu-dropdown {
  display: none;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover {
  width: 240px !important;
}
@media (min-width: 1024.99px) {
  [data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .btn-vertical-sm-hover {
    display: inline-block;
  }
  [data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .navbar-brand-box {
    text-align: left;
  }
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .navbar-nav .menu-dropdown.show {
  display: block;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .nav-link i {
  font-size: 18px;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .nav-link i.las, [data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .nav-link i.lar, [data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .nav-link i.lab {
  font-size: 20px;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .nav-link svg {
  margin-right: 0.665rem;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .nav-link span, [data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .nav-link:after, [data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .nav-link:before {
  display: inline-block;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .logo span.logo-lg {
  display: inline-block;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .logo span.logo-sm {
  display: none;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .menu-title {
  text-align: left;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .menu-title span {
  display: inline-block;
}
[data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover .menu-title i {
  display: none;
}
@media (min-width: 1025px) {
  [data-layout=vertical][data-sidebar-size=sm-hover] .navbar-header, [data-layout=vertical][data-sidebar-size=sm-hover-active] .navbar-header {
    padding-left: 1.5rem;
  }
}
[data-layout=vertical][data-sidebar-size=sm-hover-active] .navbar-brand-box {
  text-align: left;
}
[data-layout=vertical][data-sidebar-size=sm-hover-active] .topnav-hamburger {
  display: none;
}
[data-layout=vertical][data-sidebar-size=sm-hover-active] .btn-vertical-sm-hover {
  display: inline-block;
}
@media (min-width: 768px) {
  [data-layout=vertical][data-sidebar-size=sm] {
    min-height: 1400px;
  }
  [data-layout=vertical][data-sidebar-size=sm] .main-content {
    margin-left: 60px;
  }
}
[data-layout=vertical][data-sidebar-size=sm] #page-topbar {
  z-index: calc(1002 + 1);
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-brand-box {
  position: fixed;
  padding: 0;
  width: 60px;
  z-index: 1;
  top: 0;
  background: var(--bs-vertical-menu-bg);
}
[data-layout=vertical][data-sidebar-size=sm] .logo span.logo-lg {
  display: none;
}
[data-layout=vertical][data-sidebar-size=sm] .logo span.logo-sm {
  display: inline-block;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu {
  position: absolute;
  width: 60px !important;
  padding-top: 60px;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .simplebar-mask,
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .simplebar-content-wrapper {
  overflow: visible !important;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .simplebar-scrollbar,
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .vertical-menu-btn {
  display: none !important;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .simplebar-offset {
  bottom: 0 !important;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .badge {
  display: none !important;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .menu-title {
  text-align: center;
  font-size: 1rem;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .menu-title span {
  display: none;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .menu-title i {
  display: block;
  line-height: 36px;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-link span {
  display: none;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-link i {
  font-size: 22px;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-link svg {
  margin-right: 0px;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-link:after, [data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-link:before {
  display: none;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .menu-dropdown {
  display: none;
  height: auto !important;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item {
  position: relative;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link {
  position: relative;
  width: calc(200px + 60px);
  color: #fff;
  background-color: var(--bs-vertical-menu-bg-dark);
  -webkit-transition: none;
  transition: none;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link .icon-dual {
  color: var(--bs-vertical-menu-item-hover-color-dark);
  fill: rgba(255, 255, 255, 0.16);
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link span {
  display: inline-block;
  padding-left: 25px;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link:after {
  display: block;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  color: #fff;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > .menu-dropdown {
  display: block;
  left: 60px;
  position: absolute;
  width: 200px;
  background: var(--bs-vertical-menu-bg);
  height: auto !important;
  padding: 0.5rem 0;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
          box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm {
  padding: 0;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link {
  color: var(--bs-vertical-menu-item-hover-color);
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link:after {
  color: inherit;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-link:after {
  display: block !important;
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}
[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .menu-dropdown {
  left: 100% !important;
  top: 0;
  border-radius: 3px !important;
}
@media (min-width: 768px) {
  [data-layout=vertical][data-sidebar-size=md] .main-content {
    margin-left: 180px;
  }
}
[data-layout=vertical][data-sidebar-size=md] .navbar-brand-box {
  width: 180px;
}
[data-layout=vertical][data-sidebar-size=md] .navbar-menu {
  width: 180px !important;
}
[data-layout=vertical][data-sidebar-size=md] .navbar-menu .navbar-nav .nav-link {
  display: block;
  text-align: center;
  padding: 0.55rem 0.525rem;
}
[data-layout=vertical][data-sidebar-size=md] .navbar-menu .navbar-nav .nav-link i {
  display: block;
}
[data-layout=vertical][data-sidebar-size=md] .navbar-menu .navbar-nav .nav-link svg {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
[data-layout=vertical][data-sidebar-size=md] .navbar-menu .navbar-nav .nav-link:before {
  display: none !important;
}
[data-layout=vertical][data-sidebar-size=md] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
  position: relative;
  display: inline-block;
  right: 0;
  top: 3px;
}
[data-layout=vertical][data-sidebar-size=md] .navbar-menu .navbar-nav .nav-link.menu-link[data-bs-toggle=collapse]:after {
  display: none;
}
[data-layout=vertical][data-sidebar-size=md] .navbar-menu .navbar-nav .badge {
  display: none !important;
}
[data-layout=vertical][data-sidebar-size=md] .navbar-menu .navbar-nav .nav-sm {
  padding-left: 0;
}
[data-layout=vertical][data-sidebar-size=md] .navbar-menu .menu-title {
  text-align: center;
}
[data-layout=vertical][data-sidebar-size=md] .navbar-menu .menu-title span {
  text-decoration: underline;
}
[data-layout=vertical][data-sidebar=dark] .navbar-menu {
  background: var(--bs-vertical-menu-bg-dark);
  border-right: 1px solid var(--bs-vertical-menu-bg-dark);
}
[data-layout=vertical][data-sidebar=dark] .navbar-menu .hamburger-icon span {
  background-color: var(--bs-vertical-menu-item-color-dark);
}
[data-layout=vertical][data-sidebar=dark] .navbar-menu .btn-vertical-sm-hover {
  color: var(--bs-vertical-menu-item-color-dark);
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-link {
  color: var(--bs-vertical-menu-item-color-dark);
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-link.active {
  color: var(--bs-vertical-menu-item-active-color-dark);
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
  color: inherit;
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
  color: var(--bs-vertical-menu-item-color-dark); /*var(--bs-vertical-menu-item-active-color-dark);*/

}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
  color: inherit;
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .icon-dual {
  color: var(--bs-vertical-menu-item-active-color-dark);
  fill: rgba(255, 255, 255, 0.1);
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-link svg {
  color: var(--bs-vertical-menu-item-color-dark);
  fill: rgba(255, 255, 255, 0.1);
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-link:hover {
  color: var(--bs-vertical-menu-item-hover-color-dark);
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-link:hover .icon-dual {
  color: var(--bs-vertical-menu-item-hover-color-dark);
  fill: rgba(255, 255, 255, 0.16);
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav > .nav-item .nav-link.active {
  color: var(--bs-vertical-menu-item-active-color-dark);
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav > .nav-item .nav-link.active .icon-dual {
  color: var(--bs-vertical-menu-item-hover-color-dark);
  fill: rgba(255, 255, 255, 0.16);
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-link {
  color: var(--bs-vertical-menu-sub-item-color-dark);
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-link:before {
  background-color: var(--bs-vertical-menu-sub-item-color-dark) !important;
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-link:hover {
  color: var(--bs-vertical-menu-item-hover-color-dark);
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-link:hover:before {
  background-color: var(--bs-vertical-menu-item-hover-color-dark) !important;
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-link.active {
  color: var(--bs-vertical-menu-item-active-color-dark);
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-sm .nav-link:before {
  background-color: transparent !important;
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-sm .nav-link:hover:before {
  background-color: var(--bs-vertical-menu-item-hover-color-dark) !important;
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-sm .nav-link.active {
  color: var(--bs-vertical-menu-item-active-color-dark);
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-sm .nav-link.active:before {
  background-color: var(--bs-vertical-menu-item-active-color-dark) !important;
}
[data-layout=vertical][data-sidebar=dark][data-sidebar-size=sm] .navbar-brand-box {
  background: var(--bs-vertical-menu-bg-dark);
}
[data-layout=vertical][data-sidebar=dark][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > .menu-dropdown {
  background: var(--bs-vertical-menu-bg-dark);
}
[data-layout=vertical][data-sidebar=dark][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm {
  padding: 0;
}
[data-layout=vertical][data-sidebar=dark][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-link:after {
  display: block !important;
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}
[data-layout=vertical][data-sidebar=dark][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link {
  color: var(--bs-vertical-menu-item-active-color-dark);
}
[data-layout=vertical][data-sidebar=dark][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link:after {
  color: inherit;
}
[data-layout=vertical][data-sidebar=dark][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .menu-dropdown {
  left: 100% !important;
  top: 0;
  border-radius: 3px !important;
}
[data-layout=vertical][data-sidebar=dark] .menu-title {
  color: var(--bs-vertical-menu-title-color-dark);
}
[data-layout=vertical][data-sidebar=dark] .logo-dark {
  display: none;
}
[data-layout=vertical][data-sidebar=dark] .logo-light {
  display: inline-block;
}
[data-layout=vertical][data-sidebar=light] .logo-dark {
  display: inline-block;
}
[data-layout=vertical][data-sidebar=light] .logo-light {
  display: none;
}
[data-layout=vertical][data-layout-style=detached] #layout-wrapper,
[data-layout=vertical][data-layout-style=detached] .main-content {
  min-height: 100vh;
}
@media (min-width: 1024.1px) {
  [data-layout=vertical][data-layout-style=detached] .main-content {
    position: relative;
  }
  [data-layout=vertical][data-layout-style=detached] #layout-wrapper {
    max-width: 95%;
    margin: 0 auto;
    padding-left: 1.5rem;
  }
  [data-layout=vertical][data-layout-style=detached] .navbar-header {
    padding-left: 1.5rem;
  }
  [data-layout=vertical][data-layout-style=detached] .navbar-menu {
    top: calc(60px + 1.5rem);
    bottom: 1.5rem;
    padding: 0;
    border-right: var(--bs-vertical-menu-bg);
    border-radius: 5px;
    padding: 10px 0;
    z-index: 1;
  }
  [data-layout=vertical][data-layout-style=detached] .navbar-menu .navbar-brand-box {
    display: none;
  }
  [data-layout=vertical][data-layout-style=detached][data-sidebar=dark] .logo-dark, [data-layout=vertical][data-layout-style=detached][data-sidebar=gradient] .logo-dark, [data-layout=vertical][data-layout-style=detached][data-sidebar=gradient-2] .logo-dark, [data-layout=vertical][data-layout-style=detached][data-sidebar=gradient-3] .logo-dark, [data-layout=vertical][data-layout-style=detached][data-sidebar=gradient-4] .logo-dark {
    display: inline-block;
  }
  [data-layout=vertical][data-layout-style=detached][data-sidebar=dark] .logo-light, [data-layout=vertical][data-layout-style=detached][data-sidebar=gradient] .logo-light, [data-layout=vertical][data-layout-style=detached][data-sidebar=gradient-2] .logo-light, [data-layout=vertical][data-layout-style=detached][data-sidebar=gradient-3] .logo-light, [data-layout=vertical][data-layout-style=detached][data-sidebar=gradient-4] .logo-light {
    display: none;
  }
}
[data-layout=vertical][data-layout-style=detached] .footer {
  border-top: 1px dashed var(--bs-border-color);
}
[data-layout=vertical][data-layout-style=detached] .auth-page-wrapper .footer {
  border-top: none;
}
@media (min-width: 768px) {
  [data-layout=vertical][data-layout-style=detached][data-sidebar-size=sm] #layout-wrapper,
[data-layout=vertical][data-layout-style=detached][data-sidebar-size=sm] .main-content {
    min-height: 1400px;
  }
}

.menu-title {
  letter-spacing: 0.05em;
  cursor: default;
  font-size: 11px;
  text-transform: uppercase;
  color: var(--bs-vertical-menu-title-color);
  font-weight: 600;
}
.menu-title span {
  padding: 12px 20px;
  display: inline-block;
}
.menu-title i {
  display: none;
}

.vertical-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(33, 37, 41, 0.35);
  z-index: 1003;
  display: none;
}

.vertical-sidebar-enable .vertical-overlay {
  display: block;
}
.vertical-sidebar-enable .app-menu {
  margin-left: 0 !important;
  z-index: 1004;
}

[dir=rtl] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
[dir=rtl] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

[data-sidebar=gradient] .navbar-menu, [data-sidebar=gradient-2] .navbar-menu, [data-sidebar=gradient-3] .navbar-menu, [data-sidebar=gradient-4] .navbar-menu {
  background: var(--bs-vertical-menu-bg-gradient);
  border-right: 1px solid var(--bs-vertical-menu-border-gradient);
}
[data-sidebar=gradient] .navbar-menu .hamburger-icon span, [data-sidebar=gradient-2] .navbar-menu .hamburger-icon span, [data-sidebar=gradient-3] .navbar-menu .hamburger-icon span, [data-sidebar=gradient-4] .navbar-menu .hamburger-icon span {
  background-color: rgba(255, 255, 255, 0.5);
}
[data-sidebar=gradient] .navbar-menu .btn-vertical-sm-hover, [data-sidebar=gradient-2] .navbar-menu .btn-vertical-sm-hover, [data-sidebar=gradient-3] .navbar-menu .btn-vertical-sm-hover, [data-sidebar=gradient-4] .navbar-menu .btn-vertical-sm-hover {
  color: rgba(255, 255, 255, 0.5);
}
[data-sidebar=gradient] .navbar-nav .nav-link, [data-sidebar=gradient-2] .navbar-nav .nav-link, [data-sidebar=gradient-3] .navbar-nav .nav-link, [data-sidebar=gradient-4] .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
[data-sidebar=gradient] .navbar-nav .nav-link.active, [data-sidebar=gradient-2] .navbar-nav .nav-link.active, [data-sidebar=gradient-3] .navbar-nav .nav-link.active, [data-sidebar=gradient-4] .navbar-nav .nav-link.active {
  color: var(--bs-vertical-menu-item-active-color-dark);
}
[data-sidebar=gradient] .navbar-nav .nav-link[data-bs-toggle=collapse]:after, [data-sidebar=gradient-2] .navbar-nav .nav-link[data-bs-toggle=collapse]:after, [data-sidebar=gradient-3] .navbar-nav .nav-link[data-bs-toggle=collapse]:after, [data-sidebar=gradient-4] .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
  color: inherit;
}
[data-sidebar=gradient] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true], [data-sidebar=gradient-2] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true], [data-sidebar=gradient-3] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true], [data-sidebar=gradient-4] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
  color: var(--bs-vertical-menu-item-active-color-dark);
}
[data-sidebar=gradient] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after, [data-sidebar=gradient-2] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after, [data-sidebar=gradient-3] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after, [data-sidebar=gradient-4] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
  color: inherit;
}
[data-sidebar=gradient] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .icon-dual, [data-sidebar=gradient-2] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .icon-dual, [data-sidebar=gradient-3] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .icon-dual, [data-sidebar=gradient-4] .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .icon-dual {
  color: var(--bs-vertical-menu-item-active-color-dark);
  fill: rgba(255, 255, 255, 0.1);
}
[data-sidebar=gradient] .navbar-nav .nav-link svg, [data-sidebar=gradient-2] .navbar-nav .nav-link svg, [data-sidebar=gradient-3] .navbar-nav .nav-link svg, [data-sidebar=gradient-4] .navbar-nav .nav-link svg {
  color: rgba(255, 255, 255, 0.5);
  fill: rgba(255, 255, 255, 0.1);
}
[data-sidebar=gradient] .navbar-nav .nav-link:hover, [data-sidebar=gradient-2] .navbar-nav .nav-link:hover, [data-sidebar=gradient-3] .navbar-nav .nav-link:hover, [data-sidebar=gradient-4] .navbar-nav .nav-link:hover {
  color: var(--bs-vertical-menu-item-hover-color-dark);
}
[data-sidebar=gradient] .navbar-nav .nav-link:hover .icon-dual, [data-sidebar=gradient-2] .navbar-nav .nav-link:hover .icon-dual, [data-sidebar=gradient-3] .navbar-nav .nav-link:hover .icon-dual, [data-sidebar=gradient-4] .navbar-nav .nav-link:hover .icon-dual {
  color: var(--bs-vertical-menu-item-hover-color-dark);
  fill: rgba(255, 255, 255, 0.16);
}
[data-sidebar=gradient] .navbar-nav > .nav-item .nav-link.active, [data-sidebar=gradient-2] .navbar-nav > .nav-item .nav-link.active, [data-sidebar=gradient-3] .navbar-nav > .nav-item .nav-link.active, [data-sidebar=gradient-4] .navbar-nav > .nav-item .nav-link.active {
  color: var(--bs-vertical-menu-item-active-color-dark);
}
[data-sidebar=gradient] .navbar-nav > .nav-item .nav-link.active .icon-dual, [data-sidebar=gradient-2] .navbar-nav > .nav-item .nav-link.active .icon-dual, [data-sidebar=gradient-3] .navbar-nav > .nav-item .nav-link.active .icon-dual, [data-sidebar=gradient-4] .navbar-nav > .nav-item .nav-link.active .icon-dual {
  color: var(--bs-vertical-menu-item-hover-color-dark);
  fill: rgba(255, 255, 255, 0.16);
}
[data-sidebar=gradient] .navbar-nav .nav-sm .nav-link, [data-sidebar=gradient-2] .navbar-nav .nav-sm .nav-link, [data-sidebar=gradient-3] .navbar-nav .nav-sm .nav-link, [data-sidebar=gradient-4] .navbar-nav .nav-sm .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
[data-sidebar=gradient] .navbar-nav .nav-sm .nav-link:before, [data-sidebar=gradient-2] .navbar-nav .nav-sm .nav-link:before, [data-sidebar=gradient-3] .navbar-nav .nav-sm .nav-link:before, [data-sidebar=gradient-4] .navbar-nav .nav-sm .nav-link:before {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
[data-sidebar=gradient] .navbar-nav .nav-sm .nav-link:hover, [data-sidebar=gradient-2] .navbar-nav .nav-sm .nav-link:hover, [data-sidebar=gradient-3] .navbar-nav .nav-sm .nav-link:hover, [data-sidebar=gradient-4] .navbar-nav .nav-sm .nav-link:hover {
  color: var(--bs-vertical-menu-item-hover-color-dark);
}
[data-sidebar=gradient] .navbar-nav .nav-sm .nav-link:hover:before, [data-sidebar=gradient-2] .navbar-nav .nav-sm .nav-link:hover:before, [data-sidebar=gradient-3] .navbar-nav .nav-sm .nav-link:hover:before, [data-sidebar=gradient-4] .navbar-nav .nav-sm .nav-link:hover:before {
  background-color: var(--bs-vertical-menu-item-hover-color-dark) !important;
}
[data-sidebar=gradient] .navbar-nav .nav-sm .nav-link.active, [data-sidebar=gradient-2] .navbar-nav .nav-sm .nav-link.active, [data-sidebar=gradient-3] .navbar-nav .nav-sm .nav-link.active, [data-sidebar=gradient-4] .navbar-nav .nav-sm .nav-link.active {
  color: var(--bs-vertical-menu-item-active-color-dark);
}
[data-sidebar=gradient] .navbar-nav .nav-sm .nav-sm .nav-link:before, [data-sidebar=gradient-2] .navbar-nav .nav-sm .nav-sm .nav-link:before, [data-sidebar=gradient-3] .navbar-nav .nav-sm .nav-sm .nav-link:before, [data-sidebar=gradient-4] .navbar-nav .nav-sm .nav-sm .nav-link:before {
  background-color: transparent !important;
}
[data-sidebar=gradient] .navbar-nav .nav-sm .nav-sm .nav-link:hover:before, [data-sidebar=gradient-2] .navbar-nav .nav-sm .nav-sm .nav-link:hover:before, [data-sidebar=gradient-3] .navbar-nav .nav-sm .nav-sm .nav-link:hover:before, [data-sidebar=gradient-4] .navbar-nav .nav-sm .nav-sm .nav-link:hover:before {
  background-color: var(--bs-vertical-menu-item-hover-color-dark) !important;
}
[data-sidebar=gradient] .navbar-nav .nav-sm .nav-sm .nav-link.active, [data-sidebar=gradient-2] .navbar-nav .nav-sm .nav-sm .nav-link.active, [data-sidebar=gradient-3] .navbar-nav .nav-sm .nav-sm .nav-link.active, [data-sidebar=gradient-4] .navbar-nav .nav-sm .nav-sm .nav-link.active {
  color: var(--bs-vertical-menu-item-active-color-dark);
}
[data-sidebar=gradient] .navbar-nav .nav-sm .nav-sm .nav-link.active:before, [data-sidebar=gradient-2] .navbar-nav .nav-sm .nav-sm .nav-link.active:before, [data-sidebar=gradient-3] .navbar-nav .nav-sm .nav-sm .nav-link.active:before, [data-sidebar=gradient-4] .navbar-nav .nav-sm .nav-sm .nav-link.active:before {
  background-color: var(--bs-vertical-menu-item-active-color-dark) !important;
}
[data-sidebar=gradient][data-sidebar-size=sm] .navbar-brand-box, [data-sidebar=gradient-2][data-sidebar-size=sm] .navbar-brand-box, [data-sidebar=gradient-3][data-sidebar-size=sm] .navbar-brand-box, [data-sidebar=gradient-4][data-sidebar-size=sm] .navbar-brand-box {
  background: var(--bs-vertical-menu-bg-gradient);
}
[data-sidebar=gradient][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > .menu-dropdown, [data-sidebar=gradient-2][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > .menu-dropdown, [data-sidebar=gradient-3][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > .menu-dropdown, [data-sidebar=gradient-4][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > .menu-dropdown {
  background: var(--bs-vertical-menu-bg-dark);
}
[data-sidebar=gradient][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm, [data-sidebar=gradient-2][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm, [data-sidebar=gradient-3][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm, [data-sidebar=gradient-4][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm {
  padding: 0;
}
[data-sidebar=gradient][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-link:after, [data-sidebar=gradient-2][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-link:after, [data-sidebar=gradient-3][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-link:after, [data-sidebar=gradient-4][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-link:after {
  display: block !important;
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}
[data-sidebar=gradient][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link, [data-sidebar=gradient-2][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link, [data-sidebar=gradient-3][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link, [data-sidebar=gradient-4][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link {
  color: var(--bs-vertical-menu-item-active-color-dark);
}
[data-sidebar=gradient][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link:after, [data-sidebar=gradient-2][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link:after, [data-sidebar=gradient-3][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link:after, [data-sidebar=gradient-4][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link:after {
  color: inherit;
}
[data-sidebar=gradient][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .menu-dropdown, [data-sidebar=gradient-2][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .menu-dropdown, [data-sidebar=gradient-3][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .menu-dropdown, [data-sidebar=gradient-4][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .menu-dropdown {
  left: 100% !important;
  top: 0;
  border-radius: 3px !important;
}
[data-sidebar=gradient][data-sidebar-size=sm][data-layout=vertical] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link, [data-sidebar=gradient-2][data-sidebar-size=sm][data-layout=vertical] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link, [data-sidebar=gradient-3][data-sidebar-size=sm][data-layout=vertical] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link, [data-sidebar=gradient-4][data-sidebar-size=sm][data-layout=vertical] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link {
  background: var(--bs-vertical-menu-bg-gradient);
}
[data-sidebar=gradient] .menu-title, [data-sidebar=gradient-2] .menu-title, [data-sidebar=gradient-3] .menu-title, [data-sidebar=gradient-4] .menu-title {
  color: rgba(255, 255, 255, 0.5);
}
[data-sidebar=gradient] .logo-dark, [data-sidebar=gradient-2] .logo-dark, [data-sidebar=gradient-3] .logo-dark, [data-sidebar=gradient-4] .logo-dark {
  display: none;
}
[data-sidebar=gradient] .logo-light, [data-sidebar=gradient-2] .logo-light, [data-sidebar=gradient-3] .logo-light, [data-sidebar=gradient-4] .logo-light {
  display: inline-block;
}

.sidebar-background {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: 50%;
  opacity: 0.07;
}

[data-sidebar-image=img-1] .sidebar-background {
  background-image: url("../images/sidebar/img-1.jpg");
}

[data-sidebar-image=img-2] .sidebar-background {
  background-image: url("../images/sidebar/img-2.jpg");
}

[data-sidebar-image=img-3] .sidebar-background {
  background-image: url("../images/sidebar/img-3.jpg");
}

[data-sidebar-image=img-4] .sidebar-background {
  background-image: url("../images/sidebar/img-4.jpg");
}

[data-layout=horizontal] .main-content {
  margin-left: 0;
}
@media (min-width: 1024.1px) {
  [data-layout=horizontal] .layout-width,
[data-layout=horizontal] .container-fluid {
    max-width: 90%;
    margin: 0 auto;
  }
  [data-layout=horizontal] .topnav-hamburger {
    visibility: hidden;
  }
}
[data-layout=horizontal] .horizontal-logo {
  padding-left: calc(1.5rem / 2);
}
@media (max-width: 1024.98px) {
  [data-layout=horizontal] .horizontal-logo {
    padding-left: 1.5rem;
  }
}
[data-layout=horizontal] .navbar-menu {
  background: var(--bs-topnav-bg);
  padding: 0 calc(1.5rem / 2);
  -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
          box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
  margin-top: 60px;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  bottom: auto;
}
@media (max-width: 575.98px) {
  [data-layout=horizontal] .navbar-menu .container-fluid {
    padding: 0;
  }
}
[data-layout=horizontal] .navbar-menu .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
[data-layout=horizontal] .navbar-menu .navbar-nav .nav-sm {
  padding-left: 0;
}
[data-layout=horizontal] .navbar-menu .navbar-nav .nav-sm .nav-link:before {
  opacity: 0 !important;
}
[data-layout=horizontal] .navbar-menu .navbar-nav .nav-sm .nav-link:hover, [data-layout=horizontal] .navbar-menu .navbar-nav .nav-sm .nav-link.active {
  color: var(--bs-topnav-item-color-active);
}
[data-layout=horizontal] .navbar-menu .navbar-nav .nav-link {
  color: var(--bs-topnav-item-color);
  padding: 0.75rem 1.5rem;
}
[data-layout=horizontal] .navbar-menu .navbar-nav .nav-link i {
  line-height: 1;
}
[data-layout=horizontal] .navbar-menu .navbar-nav .nav-link.active {
  color: var(--bs-topnav-item-color-active);
}
[data-layout=horizontal] .navbar-menu .navbar-nav .nav-link.active:after {
  color: var(--bs-topnav-item-color-active);
}
[data-layout=horizontal] .navbar-menu .navbar-nav .nav-link.active .icon-dual {
  color: var(--bs-topnav-item-color-active);
  fill: rgba(75, 56, 179, 0.1);
}
[data-layout=horizontal] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
  color: var(--bs-topnav-item-color-active);
}
[data-layout=horizontal] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .icon-dual {
  color: var(--bs-topnav-item-color-active);
  fill: rgba(75, 56, 179, 0.1);
}
[data-layout=horizontal] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
  color: var(--bs-topnav-item-color-active);
}
[data-layout=horizontal] .navbar-menu .navbar-nav .nav-link:hover .icon-dual {
  color: var(--bs-topnav-item-color-active);
  fill: rgba(75, 56, 179, 0.1);
}
[data-layout=horizontal] .navbar-menu .navbar-nav > .nav-item > .nav-link[data-bs-toggle=collapse]:after {
  right: 0px;
  -webkit-transform: rotate(90deg) !important;
          transform: rotate(90deg) !important;
}
[data-layout=horizontal] .navbar-menu .navbar-nav > li:nth-of-type(2) > .nav-link.menu-link {
  padding-left: 0;
}
[data-layout=horizontal] .navbar-menu .navbar-brand-box {
  display: none;
}
[data-layout=horizontal] .navbar-nav .nav-item {
  position: relative;
}
[data-layout=horizontal] .navbar-nav .nav-item .nav-link[data-bs-toggle=collapse]:after {
  right: 10px;
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}
[data-layout=horizontal] .navbar-nav .nav-item > .nav-link > .badge {
  display: none;
}
[data-layout=horizontal] .navbar-nav .nav-item:hover > .nav-link {
  color: var(--bs-topnav-item-color-active);
}
[data-layout=horizontal] .navbar-nav .nav-item:hover > .nav-link .icon-dual {
  color: var(--bs-topnav-item-color-active);
  fill: rgba(75, 56, 179, 0.1);
}
[data-layout=horizontal] .navbar-nav .nav-item:hover > .nav-link:after {
  color: var(--bs-topnav-item-color-active);
}
@media (min-width: 1024.1px) {
  [data-layout=horizontal] .navbar-nav .nav-item:hover > .menu-dropdown {
    display: block;
    height: auto !important;
  }
}
[data-layout=horizontal] .navbar-nav .nav-item.active {
  color: var(--bs-topnav-item-color-active);
}
[data-layout=horizontal] .menu-dropdown {
  position: absolute;
  min-width: 12rem;
  padding: 0.5rem 0;
  -webkit-box-shadow: 0 0px 5px rgba(15, 34, 58, 0.15);
          box-shadow: 0 0px 5px rgba(15, 34, 58, 0.15);
  -webkit-animation-name: DropDownSlide;
          animation-name: DropDownSlide;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  margin: 0;
  z-index: 1000;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-border-color);
  border-radius: 0.3rem;
  display: none;
}
[data-layout=horizontal] .menu-dropdown .menu-dropdown {
  top: 0;
  left: 100%;
}
[data-layout=horizontal] .mega-dropdown-menu {
  width: 40rem;
}
[data-layout=horizontal] .menu-title {
  display: none;
}
[data-layout=horizontal] .dropdown-custom-right {
  left: -100% !important;
  right: 100%;
}
@media (max-width: 1024px) {
  [data-layout=horizontal] .navbar-menu {
    display: none;
  }
}

@media (max-width: 1024px) {
  [data-layout=horizontal] .menu .navbar-menu {
    display: block;
    max-height: 360px;
    overflow-y: auto;
    padding-left: 0;
  }
  [data-layout=horizontal] .menu .navbar-menu .navbar-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  [data-layout=horizontal] .menu .navbar-menu .navbar-nav > li:nth-of-type(2) > .nav-link.menu-link {
    padding-left: 1.5rem;
  }
  [data-layout=horizontal] .menu .navbar-menu .navbar-nav .nav-sm .nav-link:before {
    opacity: 1 !important;
  }
  [data-layout=horizontal] .menu .menu-dropdown {
    position: relative;
    min-width: 100%;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding-left: 28px;
    left: 0;
    -webkit-animation: none;
            animation: none;
    padding-top: 0;
  }
  [data-layout=horizontal] .menu .menu-dropdown.show {
    display: block;
  }
  [data-layout=horizontal] .menu .dropdown-custom-right {
    left: 0 !important;
  }
  [data-layout=horizontal] .menu .nav-item .nav-link[data-bs-toggle=collapse]:after {
    right: 0px;
  }
  [data-layout=horizontal] .menu .mega-dropdown-menu {
    width: 100%;
  }
}

[data-layout-mode=dark][data-topbar=light] .navbar-header .horizontal-logo .logo-dark {
  display: none;
}
[data-layout-mode=dark][data-topbar=light] .navbar-header .horizontal-logo .logo-light {
  display: block;
}

[dir=rtl][data-layout=horizontal] .navbar-menu .navbar-nav > .nav-item > .nav-link[data-bs-toggle=collapse]:after {
  -webkit-transform: rotate(-90deg) !important;
          transform: rotate(-90deg) !important;
}
[dir=rtl][data-layout=horizontal] .navbar-nav .nav-item .nav-link[data-bs-toggle=collapse]:after {
  -webkit-transform: rotate(-180deg) !important;
          transform: rotate(-180deg) !important;
}

[data-layout=twocolumn] .app-menu {
  padding-bottom: 0;
  width: 220px;
  left: 60px;
}
[data-layout=twocolumn] .app-menu .menu-link {
  letter-spacing: 0.05em;
  cursor: default;
  font-size: 11px;
  text-transform: uppercase;
  color: var(--bs-vertical-menu-title-color) !important;
  font-weight: 600;
}
[data-layout=twocolumn] .app-menu .menu-link:after {
  display: none !important;
}
[data-layout=twocolumn] .app-menu .menu-link i {
  display: none;
}
[data-layout=twocolumn] .app-menu .navbar-nav {
  height: calc(100vh - 60px);
}
@media (max-width: 767.98px) {
  [data-layout=twocolumn] .app-menu .navbar-nav {
    padding-top: 16px;
  }
}
[data-layout=twocolumn] .app-menu .navbar-nav > li:not(.twocolumn-item-show) {
  display: none;
}
[data-layout=twocolumn] .app-menu .navbar-nav .twocolumn-item-show > div {
  display: block !important;
  height: auto !important;
}
[data-layout=twocolumn] .app-menu .navbar-nav > .nav-item > .menu-dropdown {
  display: block !important;
  height: auto !important;
}
[data-layout=twocolumn] .app-menu .navbar-nav .nav-item .menu-dropdown .row {
  margin: 0;
}
[data-layout=twocolumn] .app-menu .navbar-nav .nav-item .menu-dropdown .row .col-lg-4 {
  width: 100%;
  padding: 0;
}
[data-layout=twocolumn] .app-menu .navbar-nav .nav-sm .nav-link {
  color: var(--bs-vertical-menu-item-color);
}
[data-layout=twocolumn] .app-menu .navbar-nav .nav-sm .nav-link.active {
  color: var(--bs-vertical-menu-item-active-color);
}
[data-layout=twocolumn] .app-menu .container-fluid {
  padding: 0;
}
[data-layout=twocolumn] .main-content {
  margin-left: calc(220px + 60px);
}
@media (max-width: 767.98px) {
  [data-layout=twocolumn] .main-content {
    margin-left: 60px;
  }
}
[data-layout=twocolumn] .twocolumn-iconview {
  width: 60px;
  background-color: var(--bs-twocolumn-menu-iconview-bg);
  height: 100%;
  left: -60px;
  -webkit-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
          box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
  top: 0;
  position: absolute;
  padding: 0;
  text-align: center;
}
[data-layout=twocolumn] .twocolumn-iconview li {
  position: relative;
}
[data-layout=twocolumn] .twocolumn-iconview li .nav-icon::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
[data-layout=twocolumn] .twocolumn-iconview .nav-icon {
  width: 42px;
  height: 42px;
  line-height: 42px;
  color: var(--bs-vertical-menu-item-color);
  z-index: 1;
  font-size: 22px;
  text-align: center;
  border-radius: 3px;
  margin: 5px 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[data-layout=twocolumn] .twocolumn-iconview .nav-icon .icon-dual {
  width: 18px;
  color: var(--bs-vertical-menu-item-color);
}
[data-layout=twocolumn] .twocolumn-iconview .nav-icon.active {
  background-color: rgba(75, 56, 179, 0.15);
  color: #4b38b3;
}
[data-layout=twocolumn] .twocolumn-iconview .nav-icon.active .icon-dual {
  color: #4b38b3;
  fill: rgba(75, 56, 179, 0.1);
}
[data-layout=twocolumn] .menu-title {
  display: none;
}
@media (max-width: 991.98px) {
  [data-layout=twocolumn] .logo span.logo-lg {
    display: block;
  }
  [data-layout=twocolumn] .logo span.logo-sm {
    display: none;
  }
}
[data-layout=twocolumn][data-sidebar=light] .app-menu .navbar-brand-box .logo-light {
  display: none;
}
[data-layout=twocolumn][data-sidebar=light] .app-menu .navbar-brand-box .logo-dark {
  display: block;
}
[data-layout=twocolumn][data-sidebar=dark] .twocolumn-iconview {
  background-color: var(--bs-twocolumn-menu-iconview-bg-dark);
}
[data-layout=twocolumn][data-sidebar=dark] .twocolumn-iconview .nav-icon {
  color: var(--bs-twocolumn-menu-item-color-dark);
}
[data-layout=twocolumn][data-sidebar=dark] .twocolumn-iconview .nav-icon.active {
  color: var(--bs-twocolumn-menu-item-active-color-dark);
  background-color: var(--bs-twocolumn-menu-item-active-bg-dark);
}
[data-layout=twocolumn][data-sidebar=dark] .app-menu {
  background-color: var(--bs-twocolumn-menu-bg-dark);
  border-right-color: var(--bs-twocolumn-menu-bg-dark);
}
[data-layout=twocolumn][data-sidebar=dark] .app-menu .navbar-brand-box .logo-light {
  display: block;
}
[data-layout=twocolumn][data-sidebar=dark] .app-menu .navbar-brand-box .logo-dark {
  display: none;
}
[data-layout=twocolumn][data-sidebar=dark] .app-menu .navbar-nav .nav-sm .nav-link {
  color: var(--bs-twocolumn-menu-item-color-dark);
}
[data-layout=twocolumn][data-sidebar=dark] .navbar-menu .navbar-nav .nav-sm .nav-link:hover, [data-layout=twocolumn][data-sidebar=dark] .navbar-menu .navbar-nav .nav-sm .nav-link.active {
  color: var(--bs-twocolumn-menu-item-active-color-dark);
}
[data-layout=twocolumn][data-sidebar=dark] .navbar-menu .navbar-nav .nav-sm .nav-link:hover::before, [data-layout=twocolumn][data-sidebar=dark] .navbar-menu .navbar-nav .nav-sm .nav-link.active::before {
  background-color: var(--bs-twocolumn-menu-item-active-color-dark) !important;
}
[data-layout=twocolumn][data-sidebar=dark] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
  color: var(--bs-twocolumn-menu-item-active-color-dark);
}
[data-layout=twocolumn][data-sidebar=dark] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:before {
  background-color: var(--bs-twocolumn-menu-item-active-color-dark);
}
[data-layout=twocolumn][data-sidebar=dark] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]::after {
  color: var(--bs-twocolumn-menu-item-active-color-dark) !important;
}
[data-layout=twocolumn][data-sidebar=gradient] .twocolumn-iconview, [data-layout=twocolumn][data-sidebar=gradient-2] .twocolumn-iconview, [data-layout=twocolumn][data-sidebar=gradient-3] .twocolumn-iconview, [data-layout=twocolumn][data-sidebar=gradient-4] .twocolumn-iconview {
  background-color: var(--bs-twocolumn-menu-iconview-bg-dark);
}
[data-layout=twocolumn][data-sidebar=gradient] .twocolumn-iconview .nav-icon, [data-layout=twocolumn][data-sidebar=gradient-2] .twocolumn-iconview .nav-icon, [data-layout=twocolumn][data-sidebar=gradient-3] .twocolumn-iconview .nav-icon, [data-layout=twocolumn][data-sidebar=gradient-4] .twocolumn-iconview .nav-icon {
  color: rgba(255, 255, 255, 0.6);
}
[data-layout=twocolumn][data-sidebar=gradient] .twocolumn-iconview .nav-icon.active, [data-layout=twocolumn][data-sidebar=gradient-2] .twocolumn-iconview .nav-icon.active, [data-layout=twocolumn][data-sidebar=gradient-3] .twocolumn-iconview .nav-icon.active, [data-layout=twocolumn][data-sidebar=gradient-4] .twocolumn-iconview .nav-icon.active {
  color: var(--bs-twocolumn-menu-item-active-color-dark);
  background-color: var(--bs-twocolumn-menu-item-active-bg-dark);
}
[data-layout=twocolumn][data-sidebar=gradient] .app-menu, [data-layout=twocolumn][data-sidebar=gradient-2] .app-menu, [data-layout=twocolumn][data-sidebar=gradient-3] .app-menu, [data-layout=twocolumn][data-sidebar=gradient-4] .app-menu {
  background-color: var(--bs-twocolumn-menu-bg-dark);
  border-right-color: var(--bs-twocolumn-menu-bg-dark);
}
[data-layout=twocolumn][data-sidebar=gradient] .app-menu .navbar-brand-box .logo-light, [data-layout=twocolumn][data-sidebar=gradient-2] .app-menu .navbar-brand-box .logo-light, [data-layout=twocolumn][data-sidebar=gradient-3] .app-menu .navbar-brand-box .logo-light, [data-layout=twocolumn][data-sidebar=gradient-4] .app-menu .navbar-brand-box .logo-light {
  display: block;
}
[data-layout=twocolumn][data-sidebar=gradient] .app-menu .navbar-brand-box .logo-dark, [data-layout=twocolumn][data-sidebar=gradient-2] .app-menu .navbar-brand-box .logo-dark, [data-layout=twocolumn][data-sidebar=gradient-3] .app-menu .navbar-brand-box .logo-dark, [data-layout=twocolumn][data-sidebar=gradient-4] .app-menu .navbar-brand-box .logo-dark {
  display: none;
}
[data-layout=twocolumn][data-sidebar=gradient] .app-menu .navbar-nav .nav-sm .nav-link, [data-layout=twocolumn][data-sidebar=gradient-2] .app-menu .navbar-nav .nav-sm .nav-link, [data-layout=twocolumn][data-sidebar=gradient-3] .app-menu .navbar-nav .nav-sm .nav-link, [data-layout=twocolumn][data-sidebar=gradient-4] .app-menu .navbar-nav .nav-sm .nav-link {
  color: rgba(255, 255, 255, 0.6);
}
[data-layout=twocolumn][data-sidebar=gradient] .navbar-menu .navbar-nav .nav-sm .nav-link:hover, [data-layout=twocolumn][data-sidebar=gradient] .navbar-menu .navbar-nav .nav-sm .nav-link.active, [data-layout=twocolumn][data-sidebar=gradient-2] .navbar-menu .navbar-nav .nav-sm .nav-link:hover, [data-layout=twocolumn][data-sidebar=gradient-2] .navbar-menu .navbar-nav .nav-sm .nav-link.active, [data-layout=twocolumn][data-sidebar=gradient-3] .navbar-menu .navbar-nav .nav-sm .nav-link:hover, [data-layout=twocolumn][data-sidebar=gradient-3] .navbar-menu .navbar-nav .nav-sm .nav-link.active, [data-layout=twocolumn][data-sidebar=gradient-4] .navbar-menu .navbar-nav .nav-sm .nav-link:hover, [data-layout=twocolumn][data-sidebar=gradient-4] .navbar-menu .navbar-nav .nav-sm .nav-link.active {
  color: var(--bs-twocolumn-menu-item-active-color-dark);
}
[data-layout=twocolumn][data-sidebar=gradient] .navbar-menu .navbar-nav .nav-sm .nav-link:hover::before, [data-layout=twocolumn][data-sidebar=gradient] .navbar-menu .navbar-nav .nav-sm .nav-link.active::before, [data-layout=twocolumn][data-sidebar=gradient-2] .navbar-menu .navbar-nav .nav-sm .nav-link:hover::before, [data-layout=twocolumn][data-sidebar=gradient-2] .navbar-menu .navbar-nav .nav-sm .nav-link.active::before, [data-layout=twocolumn][data-sidebar=gradient-3] .navbar-menu .navbar-nav .nav-sm .nav-link:hover::before, [data-layout=twocolumn][data-sidebar=gradient-3] .navbar-menu .navbar-nav .nav-sm .nav-link.active::before, [data-layout=twocolumn][data-sidebar=gradient-4] .navbar-menu .navbar-nav .nav-sm .nav-link:hover::before, [data-layout=twocolumn][data-sidebar=gradient-4] .navbar-menu .navbar-nav .nav-sm .nav-link.active::before {
  background-color: var(--bs-twocolumn-menu-item-active-color-dark) !important;
}
[data-layout=twocolumn][data-sidebar=gradient] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true], [data-layout=twocolumn][data-sidebar=gradient-2] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true], [data-layout=twocolumn][data-sidebar=gradient-3] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true], [data-layout=twocolumn][data-sidebar=gradient-4] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
  color: var(--bs-twocolumn-menu-item-active-color-dark);
}
[data-layout=twocolumn][data-sidebar=gradient] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:before, [data-layout=twocolumn][data-sidebar=gradient-2] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:before, [data-layout=twocolumn][data-sidebar=gradient-3] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:before, [data-layout=twocolumn][data-sidebar=gradient-4] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:before {
  background-color: var(--bs-twocolumn-menu-item-active-color-dark);
}
[data-layout=twocolumn][data-sidebar=gradient] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]::after, [data-layout=twocolumn][data-sidebar=gradient-2] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]::after, [data-layout=twocolumn][data-sidebar=gradient-3] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]::after, [data-layout=twocolumn][data-sidebar=gradient-4] .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]::after {
  color: var(--bs-twocolumn-menu-item-active-color-dark) !important;
}
[data-layout=twocolumn] .twocolumn-panel .app-menu {
  width: 0;
}
@media (max-width: 575.98px) {
  [data-layout=twocolumn] .twocolumn-panel .app-menu {
    display: none;
  }
}
[data-layout=twocolumn] .twocolumn-panel .navbar-brand-box,
[data-layout=twocolumn] .twocolumn-panel .navbar-nav {
  display: none;
}
[data-layout=twocolumn] .twocolumn-panel .main-content {
  margin-left: 60px;
}
[data-layout=twocolumn] .twocolumn-panel #page-topbar,
[data-layout=twocolumn] .twocolumn-panel .footer {
  left: 60px;
}
@media (max-width: 575.98px) {
  [data-layout=twocolumn] .twocolumn-panel .main-content {
    margin-left: 0;
  }
  [data-layout=twocolumn] .twocolumn-panel #page-topbar,
[data-layout=twocolumn] .twocolumn-panel .footer {
    left: 0;
  }
}
@media (max-width: 767.98px) {
  [data-layout=twocolumn] #page-topbar,
[data-layout=twocolumn] .footer {
    left: 60px;
  }
}
@media (max-width: 575.98px) {
  [data-layout=twocolumn] .main-content {
    margin-left: 0;
  }
  [data-layout=twocolumn] #page-topbar,
[data-layout=twocolumn] .footer {
    left: 0;
  }
}

[data-layout-width=boxed] body {
  background-color: var(--bs-boxed-body-bg);
}
[data-layout-width=boxed] #layout-wrapper {
  max-width: 1300px;
  margin: 0 auto;
  -webkit-box-shadow: var(--bs-box-shadow);
          box-shadow: var(--bs-box-shadow);
  background-color: var(--bs-body-bg);
}
[data-layout-width=boxed][data-layout=vertical] #layout-wrapper {
  min-height: 100vh;
}
[data-layout-width=boxed] #page-topbar,
[data-layout-width=boxed] .footer {
  max-width: 1300px;
  margin: 0 auto;
  left: 0 !important;
}
@media (min-width: 768px) {
  [data-layout-width=boxed][data-sidebar-size=sm-hover][data-layout=vertical] #layout-wrapper, [data-layout-width=boxed][data-sidebar-size=sm][data-layout=vertical] #layout-wrapper {
    min-height: 1400px;
  }
}
@media (max-width: 767.98px) {
  [data-layout-width=boxed][data-sidebar-size=sm-hover][data-layout=vertical] .main-content, [data-layout-width=boxed][data-sidebar-size=sm][data-layout=vertical] .main-content {
    margin-left: 0;
  }
}
[data-layout-width=boxed][data-sidebar-size=sm-hover] #page-topbar,
[data-layout-width=boxed][data-sidebar-size=sm-hover] .footer, [data-layout-width=boxed][data-sidebar-size=sm] #page-topbar,
[data-layout-width=boxed][data-sidebar-size=sm] .footer {
  left: 0 !important;
  max-width: calc(1300px - 60px);
}
@media (min-width: 768px) {
  [data-layout-width=boxed][data-sidebar-size=sm-hover] #page-topbar,
[data-layout-width=boxed][data-sidebar-size=sm-hover] .footer, [data-layout-width=boxed][data-sidebar-size=sm] #page-topbar,
[data-layout-width=boxed][data-sidebar-size=sm] .footer {
    left: 60px !important;
  }
}
[data-layout-width=boxed][data-sidebar-size=sm-hover-active] #page-topbar,
[data-layout-width=boxed][data-sidebar-size=sm-hover-active] .footer, [data-layout-width=boxed][data-sidebar-size=lg] #page-topbar,
[data-layout-width=boxed][data-sidebar-size=lg] .footer {
  max-width: calc(1300px - 240px);
}
@media (min-width: 768px) {
  [data-layout-width=boxed][data-sidebar-size=sm-hover-active] #page-topbar,
[data-layout-width=boxed][data-sidebar-size=sm-hover-active] .footer, [data-layout-width=boxed][data-sidebar-size=lg] #page-topbar,
[data-layout-width=boxed][data-sidebar-size=lg] .footer {
    left: 240px !important;
  }
}
[data-layout-width=boxed][data-sidebar-size=md] #page-topbar,
[data-layout-width=boxed][data-sidebar-size=md] .footer {
  max-width: calc(1300px - 180px);
}
@media (min-width: 768px) {
  [data-layout-width=boxed][data-sidebar-size=md] #page-topbar,
[data-layout-width=boxed][data-sidebar-size=md] .footer {
    left: 180px !important;
  }
}
[data-layout-width=boxed][data-layout=vertical][data-layout-style=detached] body {
  background-color: var(--bs-body-bg);
}
@media (min-width: 1024.1px) {
  [data-layout-width=boxed][data-layout=vertical][data-layout-style=detached] #layout-wrapper {
    max-width: 1300px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  [data-layout-width=boxed][data-layout=vertical][data-layout-style=detached] .layout-width {
    max-width: 1300px;
  }
}
[data-layout-width=boxed][data-layout=vertical][data-layout-style=detached][data-sidebar-size=sm-hover] #page-topbar,
[data-layout-width=boxed][data-layout=vertical][data-layout-style=detached][data-sidebar-size=sm-hover] .footer, [data-layout-width=boxed][data-layout=vertical][data-layout-style=detached][data-sidebar-size=sm] #page-topbar,
[data-layout-width=boxed][data-layout=vertical][data-layout-style=detached][data-sidebar-size=sm] .footer, [data-layout-width=boxed][data-layout=vertical][data-layout-style=detached][data-sidebar-size=md] #page-topbar,
[data-layout-width=boxed][data-layout=vertical][data-layout-style=detached][data-sidebar-size=md] .footer, [data-layout-width=boxed][data-layout=vertical][data-layout-style=detached][data-sidebar-size=lg] #page-topbar,
[data-layout-width=boxed][data-layout=vertical][data-layout-style=detached][data-sidebar-size=lg] .footer {
  max-width: 100%;
  left: 0 !important;
}

[data-layout=horizontal][data-layout-width=boxed] #page-topbar,
[data-layout=horizontal][data-layout-width=boxed] #layout-wrapper,
[data-layout=horizontal][data-layout-width=boxed] .footer {
  max-width: 100%;
}
[data-layout=horizontal][data-layout-width=boxed] .container-fluid,
[data-layout=horizontal][data-layout-width=boxed] .navbar-header {
  max-width: 1300px;
}
[data-layout=horizontal][data-layout-width=boxed] .navbar-header {
  padding: 0 calc(1.5rem / 2) 0 0;
}
[data-layout=horizontal][data-layout-width=boxed][data-sidebar-size=sm-hover] #page-topbar,
[data-layout=horizontal][data-layout-width=boxed][data-sidebar-size=sm-hover] .footer, [data-layout=horizontal][data-layout-width=boxed][data-sidebar-size=sm] [data-layout=horizontal][data-layout-width=boxed][data-sidebar-size=sm-hover-active] #page-topbar,
[data-layout=horizontal][data-layout-width=boxed][data-sidebar-size=sm] [data-layout=horizontal][data-layout-width=boxed][data-sidebar-size=sm-hover-active] .footer, [data-layout=horizontal][data-layout-width=boxed][data-sidebar-size=lg] #page-topbar,
[data-layout=horizontal][data-layout-width=boxed][data-sidebar-size=lg] .footer {
  left: 0 !important;
}

@media (min-width: 992px) {
  [data-layout-position=scrollable] #page-topbar,
[data-layout-position=scrollable] .navbar-menu {
    position: absolute;
  }
}
@media (min-width: 992px) {
  [data-layout-position=scrollable][data-layout=horizontal] #page-topbar,
[data-layout-position=scrollable][data-layout=horizontal] .topnav {
    position: absolute;
  }
}

.avatar-xxs {
  height: 1.5rem;
  width: 1.5rem;
}

.avatar-xs {
  height: 2rem;
  width: 2rem;
}

.avatar-sm {
  height: 3rem;
  width: 3rem;
}

.avatar-md {
  height: 4.5rem;
  width: 4.5rem;
}

.avatar-lg {
  height: 6rem;
  width: 6rem;
}

.avatar-xl {
  height: 7.5rem;
  width: 7.5rem;
}


.accordion .accordion-button {
  font-weight: 500;
}
.accordion .accordion-body {
  color: #878a99;
}
.accordion.accordion-icon-none .accordion-button::after {
  content: "";
  background-image: none !important;
}
.accordion.accordion-icon-none .accordion-button:not(.collapsed)::after {
  content: "";
}

[data-layout-mode=dark] .accordion-button:not(.collapsed) {
  color: var(--bs-accordion-button-active-color);
}
[data-layout-mode=dark] .accordion-button:not(.collapsed):after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
[data-layout-mode=dark] .accordion-button:after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23adb5bd'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

[dir=rtl] .custom-accordionwithicon .accordion-button::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.fs-10 {
  font-size: 10px !important;
}
.fs-11 {
  font-size: 11px !important;
}
.fs-12 {
  font-size: 12px !important;
}
.fs-13 {
  font-size: 13px !important;
}
.fs-14 {
  font-size: 14px !important;
}
.fs-15 {
  font-size: 15px !important;
}
.fs-16 {
  font-size: 16px !important;
}
.fs-17 {
  font-size: 17px !important;
}
.fs-18 {
  font-size: 18px !important;
}
.fs-19 {
  font-size: 19px !important;
}
.fs-20 {
  font-size: 20px !important;
}
.fs-21 {
  font-size: 21px !important;
}
.fs-22 {
  font-size: 22px !important;
}
.fs-23 {
  font-size: 23px !important;
}
.fs-24 {
  font-size: 24px !important;
}
.fs-36 {
  font-size: 36px !important;
}
.fs-48 {
  font-size: 48px !important;
}

.border-dark {
border-color: var(--bs-dark) !important;
}

.border-light {
border-color: var(--bs-light) !important;
}

[data-layout-mode=dark] .link-dark, [data-layout-mode=dark] .link-light {
  color: var(--bs-dark);
}
[data-layout-mode=dark] .link-dark:focus, [data-layout-mode=dark] .link-dark:hover, [data-layout-mode=dark] .link-light:focus, [data-layout-mode=dark] .link-light:hover {
  color: rgba(var(--bs-dark-rgb), 0.75);
}

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* !!! */ 
.icon-xs {
height: 16px;
width: 16px;
}

/* !!! */ 
.icon-sm {
height: 18px;
width: 18px;
}

/* !!! */ 
.icon-md {
height: 22px;
width: 22px;
}

/* !!! */ 
.icon-lg {
height: 24px;
width: 24px;
}

/* !!! */ 
.icon-xl {
height: 28px;
width: 28px;
}

/* !!! */ 
.icon-xxl {
height: 32px;
width: 32px;
}

/* !!! */ 
.search-box {
position: relative;
}
.search-box .form-control {
  padding-left: 40px;
}
/* !!! */ 
.search-box .search-icon {
font-size: 14px;
position: absolute;
left: 13px;
top: 0;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #878a99;
}

.bg-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  opacity: 0.7;
  background-color: #000;
}

/* !!! */ 
.text-truncate-two-lines {
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
white-space: normal;
}

/* !!! */ 
.card-logo-light {
display: var(--bs-card-logo-light);
}

/* !!! */ 
.card-logo-dark {
display: var(--bs-card-logo-dark);
}

[data-layout-mode=dark] .btn-close {
  -webkit-filter: invert(1) grayscale(100%) brightness(200%);
          filter: invert(1) grayscale(100%) brightness(200%);
}

#back-to-top {
  position: fixed;
  bottom: 30px;
  right: 28px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: none;
  z-index: 1000;
}
#back-to-top:hover {
  -webkit-animation: fade-up 1.5s infinite linear;
          animation: fade-up 1.5s infinite linear;
}

@-webkit-keyframes fade-up {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  75% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 0;
  }
}

@keyframes fade-up {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  75% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 0;
  }
}

/* !!! */ 
.cursor-pointer {
cursor: pointer;
}

/* !!! */ 
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--bs-card-bg);
z-index: 9999;
}

#status {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
}

/* !!! */ 
.spinner-chase {
margin: 0 auto;
width: 40px;
height: 40px;
position: relative;
-webkit-animation: spinner-chase 2.5s infinite linear both;
animation: spinner-chase 2.5s infinite linear both;
}

@-webkit-keyframes spinner-chase {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinner-chase {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes chase-dot {
  80%, 100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes chase-dot {
  80%, 100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes chase-dot-before {
  50% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  100%, 0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes chase-dot-before {
  50% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  100%, 0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
[type=tel]::-webkit-input-placeholder, [type=url]::-webkit-input-placeholder, [type=email]::-webkit-input-placeholder, [type=number]::-webkit-input-placeholder {
  text-align: left;
}
[type=tel]::-moz-placeholder, [type=url]::-moz-placeholder, [type=email]::-moz-placeholder, [type=number]::-moz-placeholder {
  text-align: left;
}
[type=tel]:-ms-input-placeholder, [type=url]:-ms-input-placeholder, [type=email]:-ms-input-placeholder, [type=number]:-ms-input-placeholder {
  text-align: left;
}
[type=tel]::-ms-input-placeholder, [type=url]::-ms-input-placeholder, [type=email]::-ms-input-placeholder, [type=number]::-ms-input-placeholder {
  text-align: left;
}
[type=tel]::placeholder,
[type=url]::placeholder,
[type=email]::placeholder,
[type=number]::placeholder {
  text-align: left;
}

/* !!! */ 
.button-items {
margin-left: -8px;
margin-bottom: -12px;
}
.button-items .btn {
  margin-bottom: 12px;
  margin-left: 8px;
}


[dir=rtl] .modal-open {
  padding-left: 0px !important;
}


[data-bs-target="#collapseBgGradient"].active {
  border-color: #4b38b3 !important;
}
[data-bs-target="#collapseBgGradient"].active::before {
  content: "\eb80";
  font-family: remixicon;
  position: absolute;
  top: 2px;
  right: 6px;
  font-size: 16px;
  color: #4b38b3;
}

[data-layout-mode=dark] .colorscheme-cardradio .form-check-label {
  background-color: var(--bs-dark);
}
[data-layout-mode=dark] .colorscheme-cardradio .bg-light {
  background-color: rgba(var(--bs-light-rgb), 0.1) !important;
}
[data-layout-mode=dark] .colorscheme-cardradio .bg-soft-light {
  background-color: rgba(var(--bs-dark-rgb), 0.1) !important;
}
[data-layout-mode=dark] .colorscheme-cardradio .dark .bg-dark {
  background-color: var(--bs-card-bg) !important;
}

@media print {
.vertical-menu,
.right-bar,
.page-title-box,
.navbar-header,
.app-menu,
.footer,
#back-to-top {
    display: none !important;
  }

.card-body,
.main-content,
.right-bar,
.page-content,
body {
    padding: 0;
    margin: 0;
  }

  .card {
    border: 0;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }

/* !!! */ 
.invoice-details .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .address.col-sm-6 {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
            flex: 0 0 auto !important;
    width: 50% !important;
    max-width: 100% !important;
  }
}

.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast-border-primary .toast-body {
  color: #4b38b3;
  border-bottom: 3px solid #4b38b3;
}

.toast-border-secondary .toast-body {
  color: #3577f1;
  border-bottom: 3px solid #3577f1;
}

.toast-border-success .toast-body {
  color: #45CB85;
  border-bottom: 3px solid #45CB85;
}

.toast-border-info .toast-body {
  color: #299cdb;
  border-bottom: 3px solid #299cdb;
}

.toast-border-warning .toast-body {
  color: #ffbe0b;
  border-bottom: 3px solid #ffbe0b;
}

.toast-border-danger .toast-body {
  color: #f06548;
  border-bottom: 3px solid #f06548;
}

.toast-border-light .toast-body {
  color: #f3f6f9;
  border-bottom: 3px solid #f3f6f9;
}

.toast-border-dark .toast-body {
  color: #212529;
  border-bottom: 3px solid #212529;
}

html {
  position: relative;
  min-height: 100%;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--bs-heading-color);
  font-family: "Inter", sans-serif;
}

a {
  text-decoration: none !important;
}

label {
  font-weight: 500;
  margin-bottom: 0.5rem;
}

b,
strong {
  font-weight: 600;
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1140px;
  }
}

.row > * {
  position: relative;
}

.alert-solid .alert-link {
color: #fff;
}

.alert-outline {
background-color: var(--bs-card-bg);
border-width: 2px;
}

.alert-borderless {
border-width: 0;
}

.alert-label-icon {
position: relative;
padding-left: 60px;
border: 0;
}
 
.alert-label-icon .label-icon {
position: absolute;
width: 45px;
height: 100%;
left: 0;
top: 0;
background-color: rgba(255, 255, 255, 0.15);
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.alert-label-icon.label-arrow {
overflow: hidden;
}
 
.alert-label-icon.label-arrow .label-icon:after {
content: "";
position: absolute;
border: 6px solid transparent;
border-left-color: #4b38b3;
right: -12px;
}
 
.alert-solid.alert-primary {
background-color: #4b38b3;
border-color: #4b38b3;
color: #fff;
}


.alert.alert-primary .btn-close::after {
  color: #4b38b3;
}



.alert.alert-secondary .btn-close::after {
  color: #3577f1;
}


.alert-outline.alert-success {
  color: #45CB85;
}


.alert.alert-success .btn-close::after {
  color: #45CB85;
}



.alert.alert-info .btn-close::after {
  color: #299cdb;
}


/* !!! */ 
.alert-outline.alert-danger {
  color: #f06548;
}


.alert.alert-danger .btn-close::after {
  color: #f06548;
}

/* !!! */ 
.alert-outline.alert-light {
color: #f3f6f9;
}

.alert.alert-light .btn-close::after {
  color: #f3f6f9;
}

/* !!! */ 
.alert-solid.alert-dark {
background-color: #212529;
border-color: #212529;
color: #fff;
}

/* !!! */ 
.alert-outline.alert-dark {
color: #212529;
}

.alert.alert-dark .btn-close::after {
  color: #212529;
}

.alert-dismissible .btn-close {
  background: transparent !important;
}
.alert-dismissible .btn-close::after {
  background: transparent !important;
  content: "\f0156" !important;
  font-size: 18px;
  line-height: 15px;
  font-family: "Material Design Icons" !important;
}



/* !!! */ 
.bg-soft-primary {
  background-color: rgba(75, 56, 179, 0.18) !important;
}

/* !!! */ 
.bg-soft-secondary {
  background-color: rgba(53, 119, 241, 0.18) !important;
}

/* !!! */ 
.bg-soft-success {
  background-color: rgba(69, 203, 133, 0.18) !important;
}

/* !!! */ 
.bg-soft-info {
  background-color: rgba(41, 156, 219, 0.18) !important;
}

/* !!! */ 
.bg-soft-warning {
background-color: rgba(255, 190, 11, 0.18) !important;
}

/* !!! */ 
.bg-soft-danger {
  background-color: rgba(240, 101, 72, 0.18) !important;
}

/* !!! */ 
.bg-soft-light {
  background-color: rgba(243, 246, 249, 0.18) !important;
}

/* !!! */ 
.bg-soft-dark {
background-color: rgba(33, 37, 41, 0.18) !important;
}

/* !!! */ 
.bg-soft-dark {
background-color: rgba(var(--bs-dark-rgb), 0.18) !important;
}

/* !!! */ 
.bg-soft-light {
  background-color: rgba(var(--bs-light-rgb), 0.18) !important;
}

/* !!! */ 
.badge-outline-primary {
color: #4b38b3;
border: 1px solid #4b38b3;
background-color: transparent;
}

/* !!! */ 
.badge-outline-secondary {
color: #3577f1;
border: 1px solid #3577f1;
background-color: transparent;
}

/* !!! */ 
.badge-outline-success {
color: #45CB85;
border: 1px solid #45CB85;
background-color: transparent;
}

/* !!! */ 
.badge-outline-info {
color: #299cdb;
border: 1px solid #299cdb;
background-color: transparent;
}

/* !!! */ 
.badge-outline-warning {
color: #ffbe0b;
border: 1px solid #ffbe0b;
background-color: transparent;
}

/* !!! */ 
.badge-outline-danger {
color: #f06548;
border: 1px solid #f06548;
background-color: transparent;
}

/* !!! */ 
.badge-outline-light {
color: #f3f6f9;
border: 1px solid #f3f6f9;
background-color: transparent;
}

/* !!! */ 
.badge-outline-dark {
color: #212529;
border: 1px solid #212529;
background-color: transparent;
}

/* !!! */ 
.badge-outline {
background-color: var(--bs-card-bg);
border: 1px solid;
}

/* !!! */ 
.badge-soft-primary {
color: #4b38b3;
background-color: rgba(75, 56, 179, 0.1);
}

/* !!! */ 
.badge-outline.badge-primary {
color: #4b38b3;
border: 1px solid #4b38b3;
background-color: transparent;
}

/* !!! */ 
.badge-label.bg-primary:before {
  border-right-color: #4b38b3;
}

/* !!! */ 
.badge-soft-secondary {
color: #3577f1;
background-color: rgba(53, 119, 241, 0.1);
}

/* !!! */ 
.badge-outline.badge-secondary {
color: #3577f1;
border: 1px solid #3577f1;
background-color: transparent;
}

/* !!! */ 
.badge-label.bg-secondary:before {
border-right-color: #3577f1;
}

/* !!! */ 
.badge-soft-success {
color: #45CB85;
background-color: rgba(69, 203, 133, 0.1);
}

/* !!! */ 
.badge-outline.badge-success {
color: #45CB85;
border: 1px solid #45CB85;
background-color: transparent;
}

/* !!! */ 
.badge-label.bg-success:before {
border-right-color: #45CB85;
}

/* !!! */ 
.badge-soft-info {
color: #299cdb;
background-color: rgba(41, 156, 219, 0.1);
}

/* !!! */ 
.badge-outline.badge-info {
color: #299cdb;
border: 1px solid #299cdb;
background-color: transparent;
}

/* !!! */ 
.badge-label.bg-info:before {
  border-right-color: #299cdb;
}

/* !!! */ 
.badge-soft-warning {
  color: #ffbe0b;
  background-color: rgba(255, 190, 11, 0.1);
}

/* !!! */ 
.badge-outline.badge-warning {
color: #ffbe0b;
border: 1px solid #ffbe0b;
background-color: transparent;
}

/* !!! */ 
.badge-label.bg-warning:before {
border-right-color: #ffbe0b;
}

/* !!! */ 
.badge-soft-danger {
color: #f06548;
background-color: rgba(240, 101, 72, 0.1);
}

/* !!! */ 
.badge-outline.badge-danger {
color: #f06548;
border: 1px solid #f06548;
background-color: transparent;
}

.badge-label.bg-danger:before {
  border-right-color: #f06548;
}

/* !!! */ 
.badge-soft-light {
  color: #f3f6f9;
  background-color: rgba(243, 246, 249, 0.1);
}

/* !!! */ 
.badge-outline.badge-light {
color: #f3f6f9;
border: 1px solid #f3f6f9;
background-color: transparent;
}

/* !!! */ 
.badge-label.bg-light:before {
  border-right-color: #f3f6f9;
}

/* !!! */ 
.badge-soft-dark {
color: #212529;
background-color: rgba(33, 37, 41, 0.1);
}

/* !!! */ 
.badge-outline.badge-dark {
color: #212529;
border: 1px solid #212529;
background-color: transparent;
}

/* !!! */ 
.badge-label.bg-dark:before {
  border-right-color: #212529;
}

/* !!! */ 
.badge-border {
border-left: 2px solid;
}

/* !!! */ 
.badge-label {
margin-left: 8px;
position: relative;
}
/* !!! */ 
.badge-label:before {
content: "";
position: absolute;
border: 8px solid transparent;
border-right-color: #4b38b3;
left: -14px;
top: 0;
}

[data-layout-mode=dark] .badge.bg-dark {
  background-color: var(--bs-light) !important;
}
[data-layout-mode=dark] .badge.bg-light {
  background-color: var(--bs-dark) !important;
  color: var(--bs-light) !important;
}



/* !!! */ 
.badge-gradient-dark {
background: linear-gradient(135deg, #212529 0%, #4b38b3 100%);
}

button,
a {
  outline: none !important;
  position: relative;
}

.btn {
  -webkit-box-shadow: var(--bs-box-shadow);
          box-shadow: var(--bs-box-shadow);
}

.btn-rounded {
  border-radius: 30px;
}

.btn-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: calc(1rem + 1.5em + 2px);
  width: calc(1rem + 1.5em + 2px);
  padding: 0;
}

.btn-icon i,
.btn-icon svg,
.btn-icon img {
  vertical-align: middle;
}

.btn-icon.btn-sm {
  height: calc(0.5rem + 1.5em + 2px);
  width: calc(0.5rem + 1.5em + 2px);
}

.btn-icon.btn-lg {
  height: calc(1.4rem + 1.5em + 2px);
  width: calc(1.4rem + 1.5em + 2px);
}

.btn-ghost-primary {
  color: #4b38b3;
  border-color: transparent;
}
.btn-ghost-primary:hover, .btn-ghost-primary:focus, .btn-ghost-primary:active {
  color: #4b38b3;
  background-color: rgba(75, 56, 179, 0.1);
}

.btn-ghost-secondary {
  color: #3577f1;
  border-color: transparent;
}
.btn-ghost-secondary:hover, .btn-ghost-secondary:focus, .btn-ghost-secondary:active {
  color: #3577f1;
  background-color: rgba(53, 119, 241, 0.1);
}

.btn-ghost-success {
  color: #45CB85;
  border-color: transparent;
}
.btn-ghost-success:hover, .btn-ghost-success:focus, .btn-ghost-success:active {
  color: #45CB85;
  background-color: rgba(69, 203, 133, 0.1);
}

.btn-ghost-info {
  color: #299cdb;
  border-color: transparent;
}
.btn-ghost-info:hover, .btn-ghost-info:focus, .btn-ghost-info:active {
  color: #299cdb;
  background-color: rgba(41, 156, 219, 0.1);
}

.btn-ghost-warning {
  color: #ffbe0b;
  border-color: transparent;
}
.btn-ghost-warning:hover, .btn-ghost-warning:focus, .btn-ghost-warning:active {
  color: #ffbe0b;
  background-color: rgba(255, 190, 11, 0.1);
}

.btn-ghost-danger {
  color: #f06548;
  border-color: transparent;
}
.btn-ghost-danger:hover, .btn-ghost-danger:focus, .btn-ghost-danger:active {
  color: #f06548;
  background-color: rgba(240, 101, 72, 0.1);
}

.btn-ghost-light {
  color: #f3f6f9;
  border-color: transparent;
}
.btn-ghost-light:hover, .btn-ghost-light:focus, .btn-ghost-light:active {
  color: #f3f6f9;
  background-color: rgba(243, 246, 249, 0.1);
}

.btn-ghost-dark {
  color: #212529;
  border-color: transparent;
}
.btn-ghost-dark:hover, .btn-ghost-dark:focus, .btn-ghost-dark:active {
  color: #212529;
  background-color: rgba(33, 37, 41, 0.1);
}

.btn-ghost-secondary {
  color: var(--bs-gray-700);
}

.btn-group.radio .btn {
  border: none;
}
.btn-group.radio .btn-check:active + .btn-light,
.btn-group.radio .btn-check:checked + .btn-light,
.btn-group.radio .btn-light.active,
.btn-group.radio .btn-light.dropdown-toggle.show,
.btn-group.radio .btn-light:active {
  background-color: rgba(41, 156, 219, 0.2);
  color: #299cdb;
}

[data-layout-mode=dark] .btn-light {
  color: var(--bs-dark);
  background-color: var(--bs-light);
  border-color: var(--bs-light);
}
[data-layout-mode=dark] .btn-light:hover {
  color: var(--bs-dark);
  background-color: rgba(var(--bs-light-rgb), 0.75);
  border-color: rgba(var(--bs-light-rgb), 0.75);
}
[data-layout-mode=dark] .btn-check:focus + .btn-light,
[data-layout-mode=dark] .btn-check:focus + .btn-outline-light,
[data-layout-mode=dark] .btn-check:focus + .btn-soft-light,
[data-layout-mode=dark] .btn-light:focus,
[data-layout-mode=dark] .btn-outline-light:focus,
[data-layout-mode=dark] .btn-soft-light:focus {
  color: var(--bs-dark);
  background-color: rgba(var(--bs-light-rgb), 0.75);
  border-color: rgba(var(--bs-light-rgb), 0.75);
}
[data-layout-mode=dark] .btn-check:active + .btn-light,
[data-layout-mode=dark] .btn-check:active + .btn-outline-light,
[data-layout-mode=dark] .btn-check:active + .btn-soft-light,
[data-layout-mode=dark] .btn-check:checked + .btn-light,
[data-layout-mode=dark] .btn-check:checked + .btn-outline-light,
[data-layout-mode=dark] .btn-check:checked + .btn-soft-light,
[data-layout-mode=dark] .btn-light.active, [data-layout-mode=dark] .btn-light:active,
[data-layout-mode=dark] .btn-outline-light.active, [data-layout-mode=dark] .btn-outline-light:active,
[data-layout-mode=dark] .btn-soft-light.active, [data-layout-mode=dark] .btn-soft-light:active,
[data-layout-mode=dark] .show > .btn-light.dropdown-toggle,
[data-layout-mode=dark] .show > .btn-outline-light.dropdown-toggle,
[data-layout-mode=dark] .show > .btn-soft-light.dropdown-toggle {
  color: var(--bs-dark);
  background-color: rgba(var(--bs-light-rgb), 0.75);
  border-color: rgba(var(--bs-light-rgb), 0.75);
}
[data-layout-mode=dark] .btn-dark {
  color: var(--bs-light);
  background-color: var(--bs-dark);
  border-color: var(--bs-dark);
}
[data-layout-mode=dark] .btn-dark:hover {
  color: var(--bs-light);
  background-color: rgba(var(--bs-dark-rgb), 0.75);
  border-color: rgba(var(--bs-dark-rgb), 0.75);
}
[data-layout-mode=dark] .btn-check:focus + .btn-dark,
[data-layout-mode=dark] .btn-check:focus + .btn-outline-dark,
[data-layout-mode=dark] .btn-check:focus + .btn-soft-dark,
[data-layout-mode=dark] .btn-dark:focus,
[data-layout-mode=dark] .btn-outline-dark:focus,
[data-layout-mode=dark] .btn-soft-dark:focus {
  color: var(--bs-light);
  background-color: rgba(var(--bs-dark-rgb), 0.75);
  border-color: rgba(var(--bs-dark-rgb), 0.75);
}
[data-layout-mode=dark] .btn-check:active + .btn-dark,
[data-layout-mode=dark] .btn-check:active + .btn-outline-dark,
[data-layout-mode=dark] .btn-check:active + .btn-soft-dark,
[data-layout-mode=dark] .btn-check:checked + .btn-dark,
[data-layout-mode=dark] .btn-check:checked + .btn-outline-dark,
[data-layout-mode=dark] .btn-check:checked + .btn-soft-dark,
[data-layout-mode=dark] .btn-dark.active, [data-layout-mode=dark] .btn-dark:active,
[data-layout-mode=dark] .btn-outline-dark.active, [data-layout-mode=dark] .btn-outline-dark:active,
[data-layout-mode=dark] .btn-soft-dark.active, [data-layout-mode=dark] .btn-soft-dark:active,
[data-layout-mode=dark] .show > .btn-dark.dropdown-toggle,
[data-layout-mode=dark] .show > .btn-outline-dark.dropdown-toggle,
[data-layout-mode=dark] .show > .btn-soft-dark.dropdown-toggle {
  color: var(--bs-light);
  background-color: rgba(var(--bs-dark-rgb), 0.75);
  border-color: rgba(var(--bs-dark-rgb), 0.75);
}
[data-layout-mode=dark] .btn-outline-light {
  color: var(--bs-dark);
  border-color: var(--bs-light);
}
[data-layout-mode=dark] .btn-outline-light:hover {
  color: var(--bs-dark);
  background-color: rgba(var(--bs-light-rgb), 0.75);
  border-color: rgba(var(--bs-light-rgb), 0.75);
}
[data-layout-mode=dark] .btn-outline-dark {
  color: var(--bs-dark);
  border-color: var(--bs-dark);
}
[data-layout-mode=dark] .btn-outline-dark:hover {
  color: var(--bs-light);
  background-color: rgba(var(--bs-dark-rgb), 0.75);
  border-color: rgba(var(--bs-dark-rgb), 0.75);
}
[data-layout-mode=dark] .btn-soft-light {
  color: var(--bs-dark);
  background-color: rgba(var(--bs-light-rgb), 0.1);
}
[data-layout-mode=dark] .btn-soft-light:hover {
  color: var(--bs-dark);
  background-color: var(--bs-light);
}
[data-layout-mode=dark] .btn-soft-dark {
  color: var(--bs-dark);
  background-color: rgba(var(--bs-dark-rgb), 0.1);
}
[data-layout-mode=dark] .btn-soft-dark:hover {
  color: var(--bs-light);
  background-color: var(--bs-dark);
}
[data-layout-mode=dark] .btn-ghost-light {
  color: var(--bs-dark);
}
[data-layout-mode=dark] .btn-ghost-light:hover, [data-layout-mode=dark] .btn-ghost-light:focus, [data-layout-mode=dark] .btn-ghost-light:active {
  color: var(--bs-dark);
  background-color: rgba(var(--bs-light-rgb), 0.5);
}
[data-layout-mode=dark] .btn-ghost-dark {
  color: var(--bs-dark);
}
[data-layout-mode=dark] .btn-ghost-dark:hover, [data-layout-mode=dark] .btn-ghost-dark:focus, [data-layout-mode=dark] .btn-ghost-dark:active {
  color: var(--bs-dark);
  background-color: rgba(var(--bs-dark-rgb), 0.1);
}

/* !!! */ 
.btn-load .spinner-border, .btn-load .spinner-grow {
height: 19px;
width: 19px;
}

.btn-primary.btn-border,
.btn-outline-primary.btn-border,
/* !!! */ 
.btn-soft-primary.btn-border {
border-bottom: 2px solid #3e2e94;
}

.btn-secondary.btn-border,
.btn-outline-secondary.btn-border,
/* !!! */ 
.btn-soft-secondary.btn-border {
  border-bottom: 2px solid #105eed;
}

.btn-success.btn-border,
.btn-outline-success.btn-border,
/* !!! */ 
.btn-soft-success.btn-border {
  border-bottom: 2px solid #33b571;
}

.btn-info.btn-border,
.btn-outline-info.btn-border,
/* !!! */ 
.btn-soft-info.btn-border {
  border-bottom: 2px solid #2084bc;
}

.btn-warning.btn-border,
.btn-outline-warning.btn-border,
/* !!! */ 
.btn-soft-warning.btn-border {
border-bottom: 2px solid #e1a500;
}

.btn-danger.btn-border,
.btn-outline-danger.btn-border,
/* !!! */ 
.btn-soft-danger.btn-border {
border-bottom: 2px solid #ed4522;
}

.btn-light.btn-border,
.btn-outline-light.btn-border,
/* !!! */ 
.btn-soft-light.btn-border {
border-bottom: 2px solid #d8e2eb;
}

.btn-dark.btn-border,
.btn-outline-dark.btn-border,
/* !!! */ 
.btn-soft-dark.btn-border {
border-bottom: 2px solid #0f1112;
}

.breadcrumb-item > a {
  color: var(--bs-gray-700);
}
.breadcrumb-item + .breadcrumb-item::before {
  font-family: "Material Design Icons";
  font-size: 15px;
  line-height: 20px;
}

.card {
  margin-bottom: 1.5rem;
  -webkit-box-shadow: var(--bs-box-shadow);
          box-shadow: var(--bs-box-shadow);
}

.card-header {
  border-bottom: 1px solid var(--bs-border-color);
}

/* !!! */ 
.card-header-dropdown .dropdown-btn {
padding: 1rem 0;
}

/* !!! */ 
.card-footer {
border-top: 1px solid var(--bs-border-color);
}

/* !!! */ 
.card-drop {
color: #212529;
}

/* !!! */ 
.card-title {
  font-size: 16px;
  margin: 0 0 7px 0;
}

/* !!! */ 
.card-title-desc {
margin-bottom: 24px;
}

/* !!! */ 
.card-height-100 {
height: calc(100% - 1.5rem);
}

.stretched-link {
  position: static;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  font-size: 15px;
  line-height: 15px;
  content: "\f0140";
  font-family: "Material Design Icons";
}

.dropdown-menu {
  -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
          box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
  -webkit-animation-name: DropDownSlide;
          animation-name: DropDownSlide;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  position: absolute;
  z-index: 1000;
}
.dropdown-menu.dropdown-megamenu {
  padding: 20px;
  left: 0 !important;
  right: 0 !important;
}
.dropdown-menu[data-popper-placement=top-start] {
  -webkit-animation-name: DropDownSlideDown;
          animation-name: DropDownSlideDown;
}

@-webkit-keyframes DropDownSlide {
  100% {
    margin-top: -1px;
  }
  0% {
    margin-top: 8px;
  }
}

@keyframes DropDownSlide {
  100% {
    margin-top: -1px;
  }
  0% {
    margin-top: 8px;
  }
}
@-webkit-keyframes DropDownSlideDown {
  100% {
    margin-bottom: 0;
  }
  0% {
    margin-bottom: 8px;
  }
}
@keyframes DropDownSlideDown {
  100% {
    margin-bottom: 0;
  }
  0% {
    margin-bottom: 8px;
  }
}
@media (min-width: 600px) {
/* !!! */ 
.dropdown-menu-xl {
    width: 420px;
  }

/* !!! */ 
.dropdown-menu-lg {
    width: 320px;
  }

/* !!! */ 
.dropdown-menu-md {
width: 240px;
}
}
/* !!! */ 
.dropdown-toggle-split {
border-left: none;
}
/* !!! */ 
.dropdown-toggle-split::after {
margin-left: 0px;
}
/* !!! */ 
.dropdown-toggle-split:before {
content: "";
position: absolute;
background-color: rgba(255, 255, 255, 0.12);
top: -1px;
bottom: -1px;
right: -1px;
left: 0;
border-radius: 0 0.25rem 0.25rem 0;
}

.dropdownmenu-primary .dropdown-item:focus, .dropdownmenu-primary .dropdown-item:hover, .dropdownmenu-primary .dropdown-item.active {
  background-color: rgba(75, 56, 179, 0.07);
  color: #4b38b3;
}

.dropdownmenu-secondary .dropdown-item:focus, .dropdownmenu-secondary .dropdown-item:hover, .dropdownmenu-secondary .dropdown-item.active {
  background-color: rgba(53, 119, 241, 0.07);
  color: #3577f1;
}

.dropdownmenu-success .dropdown-item:focus, .dropdownmenu-success .dropdown-item:hover, .dropdownmenu-success .dropdown-item.active {
  background-color: rgba(69, 203, 133, 0.07);
  color: #45CB85;
}

.dropdownmenu-info .dropdown-item:focus, .dropdownmenu-info .dropdown-item:hover, .dropdownmenu-info .dropdown-item.active {
  background-color: rgba(41, 156, 219, 0.07);
  color: #299cdb;
}

.dropdownmenu-warning .dropdown-item:focus, .dropdownmenu-warning .dropdown-item:hover, .dropdownmenu-warning .dropdown-item.active {
  background-color: rgba(255, 190, 11, 0.07);
  color: #ffbe0b;
}

.dropdownmenu-danger .dropdown-item:focus, .dropdownmenu-danger .dropdown-item:hover, .dropdownmenu-danger .dropdown-item.active {
  background-color: rgba(240, 101, 72, 0.07);
  color: #f06548;
}

.dropdownmenu-light .dropdown-item:focus, .dropdownmenu-light .dropdown-item:hover, .dropdownmenu-light .dropdown-item.active {
  background-color: rgba(243, 246, 249, 0.07);
  color: #f3f6f9;
}

.dropdownmenu-dark .dropdown-item:focus, .dropdownmenu-dark .dropdown-item:hover, .dropdownmenu-dark .dropdown-item.active {
  background-color: rgba(33, 37, 41, 0.07);
  color: #212529;
}

.nav-tabs > li > a,
.nav-pills > li > a {
  color: var(--bs-gray-700);
  font-weight: 500;
}

.nav-pills > a {
  color: var(--bs-gray-700);
  font-weight: 500;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  -webkit-box-shadow: var(--bs-box-shadow);
          box-shadow: var(--bs-box-shadow);
}

/* !!! */ 
.nav-tabs-custom {
  border-bottom: 1px solid var(--bs-gray-300);
}
.nav-tabs-custom .nav-item {
  position: relative;
}
.nav-tabs-custom .nav-item .nav-link {
  border: none;
  font-weight: 500;
}
.nav-tabs-custom .nav-item .nav-link::after {
  content: "";
  background: #4b38b3;
  height: 1px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  -webkit-transition: all 250ms ease 0s;
  transition: all 250ms ease 0s;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.nav-tabs-custom .nav-item .nav-link.active {
  color: #4b38b3;
}
.nav-tabs-custom .nav-item .nav-link.active:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
/* !!! */ 
.nav-tabs-custom.card-header-tabs {
  margin-top: -1rem;
}
.nav-tabs-custom.card-header-tabs .nav-link {
  padding: 1rem 1rem;
}

.vertical-nav .nav .nav-link {
  padding: 24px 16px;
  text-align: center;
  margin-bottom: 8px;
}
.vertical-nav .nav .nav-link .nav-icon {
  font-size: 24px;
}

/* !!! */ 
.navtab-bg li > a {
background-color: #e9ebec;
margin: 0 5px;
}

.arrow-navtabs .nav-item .nav-link {
  position: relative;
  text-align: center;
}
.arrow-navtabs .nav-item .nav-link:before {
  content: "";
  position: absolute;
  border: 6px solid transparent;
  bottom: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .arrow-navtabs .nav-item .nav-link:before {
    -webkit-transition: none;
    transition: none;
  }
}
.arrow-navtabs .nav-item .nav-link.active:before {
  border-top-color: #4b38b3;
}

/* !!! */ 
.nav-custom {
background-color: #4b38b3;
border-radius: 0.25rem;
}
.nav-custom .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.75);
}
.nav-custom .nav-item .nav-link.active {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.nav-custom.nav-custom-light .nav-item .nav-link {
  color: rgba(var(--bs-dark-rgb), 0.75);
}
.nav-custom.nav-custom-light .nav-item .nav-link.active {
  color: #f3f6f9;
  background-color: #4b38b3;
}

/* !!! */ 
.nav-custom-primary {
background-color: #4b38b3;
}

/* !!! */ 
.nav-custom-secondary {
background-color: #3577f1;
}

/* !!! */ 
.nav-custom-success {
background-color: #45CB85;
}

/* !!! */ 
.nav-custom-info {
background-color: #299cdb;
}

/* !!! */ 
.nav-custom-warning {
background-color: #ffbe0b;
}

/* !!! */ 
.nav-custom-danger {
background-color: #f06548;
}

/* !!! */ 
.nav-custom-light {
background-color: #f3f6f9;
}

/* !!! */ 
.nav-custom-dark {
background-color: #212529;
}

/* !!! */ 
.nav-custom-light {
background-color: var(--bs-light);
}

.nav-primary .nav-link.active {
  color: #fff;
  background-color: #4b38b3;
}
.nav-primary.nav-tabs .nav-link.active {
  color: #4b38b3;
  background-color: var(--bs-card-bg);
}
.nav-primary.nav-tabs-custom .nav-link.active {
  color: #4b38b3;
  background-color: var(--bs-card-bg);
}
.nav-primary.nav-tabs-custom .nav-link.active::after {
  background-color: #4b38b3;
}
.nav-primary.arrow-navtabs .nav-link.active::before {
  border-top-color: #4b38b3;
}
.nav-primary.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #4b38b3;
}



.nav-success .nav-link.active {
  color: #fff;
  background-color: #45CB85;
}
.nav-success.nav-tabs .nav-link.active {
  color: #45CB85;
  background-color: var(--bs-card-bg);
}
.nav-success.nav-tabs-custom .nav-link.active {
  color: #45CB85;
  background-color: var(--bs-card-bg);
}
.nav-success.nav-tabs-custom .nav-link.active::after {
  background-color: #45CB85;
}
.nav-success.arrow-navtabs .nav-link.active::before {
  border-top-color: #45CB85;
}
.nav-success.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #45CB85;
}


.nav-light .nav-link.active {
  color: #fff;
  background-color: #f3f6f9;
}
.nav-light.nav-tabs .nav-link.active {
  color: #f3f6f9;
  background-color: var(--bs-card-bg);
}
.nav-light.nav-tabs-custom .nav-link.active {
  color: #f3f6f9;
  background-color: var(--bs-card-bg);
}
.nav-light.nav-tabs-custom .nav-link.active::after {
  background-color: #f3f6f9;
}
.nav-light.arrow-navtabs .nav-link.active::before {
  border-top-color: #f3f6f9;
}
.nav-light.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #f3f6f9;
}

.nav-dark .nav-link.active {
  color: #fff;
  background-color: #212529;
}
.nav-dark.nav-tabs .nav-link.active {
  color: #212529;
  background-color: var(--bs-card-bg);
}
.nav-dark.nav-tabs-custom .nav-link.active {
  color: #212529;
  background-color: var(--bs-card-bg);
}
.nav-dark.nav-tabs-custom .nav-link.active::after {
  background-color: #212529;
}
.nav-dark.arrow-navtabs .nav-link.active::before {
  border-top-color: #212529;
}
.nav-dark.custom-verti-nav-pills .nav-link.active::before {
  border-left-color: #212529;
}

.nav {
    --bs-nav-link-font-weight: 500;
}

.nav-custom-outline.nav .nav-link {
  border: 1px solid transparent;
  border-bottom: 2px solid transparent;
}
.nav-custom-outline.nav .nav-link.active {
  border-color: #4b38b3;
  background-color: transparent;
  color: #4b38b3;
}

.nav-primary.nav-custom-outline .nav-link.active {
  color: #4b38b3;
  border-color: #4b38b3;
}

.nav-secondary.nav-custom-outline .nav-link.active {
  color: #3577f1;
  border-color: #3577f1;
}

.nav-success.nav-custom-outline .nav-link.active {
  color: #45CB85;
  border-color: #45CB85;
}

.nav-info.nav-custom-outline .nav-link.active {
  color: #299cdb;
  border-color: #299cdb;
}

.nav-warning.nav-custom-outline .nav-link.active {
  color: #ffbe0b;
  border-color: #ffbe0b;
}

.nav-danger.nav-custom-outline .nav-link.active {
  color: #f06548;
  border-color: #f06548;
}

.nav-light.nav-custom-outline .nav-link.active {
  color: #f3f6f9;
  border-color: #f3f6f9;
}

.nav-dark.nav-custom-outline .nav-link.active {
  color: #212529;
  border-color: #212529;
}

.nav-customs.nav {
  padding-left: 34px;
  overflow: hidden;
}
.nav-customs.nav .nav-link {
  position: relative;
  display: block;
  float: right;
  background-color: var(--bs-body-bg);
  margin-right: 46px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.nav-customs.nav .nav-link::before, .nav-customs.nav .nav-link::after {
  display: block;
  content: " ";
  position: absolute;
  top: -1px;
  bottom: -1px;
  width: 37px;
  background-color: var(--bs-body-bg);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.nav-customs.nav .nav-link::before {
  border-radius: 0 8px 0 0;
  right: -24px;
  -webkit-transform: skew(30deg, 0deg);
          transform: skew(30deg, 0deg);
}
.nav-customs.nav .nav-link::after {
  border-radius: 8px 0 0 0;
  left: -24px;
  -webkit-transform: skew(-30deg, 0deg);
          transform: skew(-30deg, 0deg);
}
.nav-customs.nav .nav-link.active, .nav-customs.nav .nav-link.active:before, .nav-customs.nav .nav-link.active:after {
  background-color: #4b38b3;
  color: #fff;
}
.nav-customs.nav .nav-link.active {
  z-index: 1;
}

.table th {
  font-weight: 600;
}
.table .table-light {
  color: #212529;
  border-color: var(--bs-border-color);
  background-color: var(--bs-light);
}
.table > thead {
  border-color: var(--bs-border-color);
}
.table > :not(:first-child) {
  border-top-width: 1px;
}

.table-nowrap th,
/* !!! */ 
.table-nowrap td {
white-space: nowrap;
}

.border-primary.table > thead {
  border-color: #4b38b3 !important;
}

.table-primary.table > thead {
  border-bottom-color: #6654ca !important;
}

.border-secondary.table > thead {
  border-color: #3577f1 !important;
}

.table-secondary.table > thead {
  border-bottom-color: #6597f4 !important;
}

.border-success.table > thead {
  border-color: #45CB85 !important;
}

.table-success.table > thead {
  border-bottom-color: #6dd69f !important;
}

.border-info.table > thead {
  border-color: #299cdb !important;
}

.table-info.table > thead {
  border-bottom-color: #55b0e2 !important;
}

.border-warning.table > thead {
  border-color: #ffbe0b !important;
}

.table-warning.table > thead {
  border-bottom-color: #ffcc3e !important;
}

.border-danger.table > thead {
  border-color: #f06548 !important;
}

.table-danger.table > thead {
  border-bottom-color: #f48d77 !important;
}

.border-light.table > thead {
  border-color: #f3f6f9 !important;
}

.table-light.table > thead {
  border-bottom-color: white !important;
}

.border-dark.table > thead {
  border-color: #212529 !important;
}

.table-dark.table > thead {
  border-bottom-color: #383f45 !important;
}

.table .form-check {
  padding-left: 0px;
  margin-bottom: 0px;
}
.table .form-check .form-check-input {
  margin-left: 0px;
  margin-top: 0px;
  float: none;
  vertical-align: middle;
}
.table .sort {
  position: relative;
}
.table .sort::before {
  content: "\f035d";
  position: absolute;
  right: 0.5rem;
  top: 18px;
  font-size: 0.8rem;
  font-family: "Material Design Icons";
}
.table .sort::after {
  position: absolute;
  right: 0.5rem;
  content: "\f0360";
  font-family: "Material Design Icons";
  font-size: 0.8rem;
  top: 12px;
}

[data-layout-mode=dark] .table-light {
  background-color: var(--bs-light);
  color: var(--bs-body-color);
}
[data-layout-mode=dark] .table-light th, [data-layout-mode=dark] .table-light td {
  background-color: var(--bs-light);
}

.modal-title {
  font-weight: 600;
}

.modal-dialog:not(.modal-dialog-scrollable) .modal-header {
  padding-bottom: 0;
}
.modal-dialog:not(.modal-dialog-scrollable) .modal-header .btn-close {
  margin-top: -1.25rem 1.25rem;
}
.modal-dialog:not(.modal-dialog-scrollable) .modal-footer {
  padding-top: 0;
}

.modal.fadeInRight .modal-dialog {
  opacity: 0;
  -webkit-transform: translateX(20%);
          transform: translateX(20%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modal.fadeInRight.show .modal-dialog {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.modal.fadeInLeft .modal-dialog {
  -webkit-animation: fadeInLeft 0.3s ease-in-out;
          animation: fadeInLeft 0.3s ease-in-out;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.modal.fadeInLeft.show .modal-dialog {
  -webkit-transform: none;
          transform: none;
}
.modal.fadeInUp .modal-dialog {
  -webkit-animation: fadeInUp 0.3s ease-in-out;
          animation: fadeInUp 0.3s ease-in-out;
  -webkit-transform: translate(0, 30%);
          transform: translate(0, 30%);
}
.modal.fadeInUp.show .modal-dialog {
  -webkit-transform: none;
          transform: none;
}
.modal.flip {
  -webkit-perspective: 1300px;
          perspective: 1300px;
}
.modal.flip .modal-dialog {
  opacity: 0;
  -webkit-transform: rotateY(-70deg);
          transform: rotateY(-70deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.modal.flip.show .modal-dialog {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
.modal.zoomIn .modal-dialog {
  opacity: 0;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.modal.zoomIn.show .modal-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

/* !!! */ 
.modal-dialog-right {
margin-right: 1.75rem;
}

/* !!! */ 
.modal-dialog-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
min-height: calc(100% - 1.75rem);
}
@media (min-width: 576px) {
/* !!! */ 
.modal-dialog-bottom {
min-height: calc(100% - 3.5rem);
}
}

/* !!! */ 
.modal-dialog-bottom-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
min-height: calc(100% - 1.75rem);
margin-right: 1.75rem;
}
@media (min-width: 576px) {
/* !!! */ 
.modal-dialog-bottom-right {
min-height: calc(100% - 3.5rem);
}
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-30%, 0, 0);
            transform: translate3d(-30%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-30%, 0, 0);
            transform: translate3d(-30%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
            transform: translate3d(0, 30%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
            transform: translate3d(0, 30%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
/* !!! */ 
.login-modal {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1016%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(64%2c 81%2c 137%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c650.704C122.328%2c648.746%2c159.175%2c473.043%2c255.674%2c397.837C339.724%2c332.333%2c461.529%2c324.924%2c526.449%2c240.421C598.428%2c146.73%2c655.546%2c24.847%2c631.015%2c-90.726C606.666%2c-205.444%2c482.926%2c-263.497%2c401.565%2c-347.958C325.215%2c-427.217%2c275.543%2c-549.012%2c167.826%2c-571.563C60.344%2c-594.065%2c-27.703%2c-482.932%2c-135.163%2c-460.325C-256.336%2c-434.833%2c-401.929%2c-509.651%2c-497.972%2c-431.495C-592.807%2c-354.321%2c-579.865%2c-206.886%2c-595.603%2c-85.635C-611.133%2c34.016%2c-656.761%2c169.183%2c-588.884%2c268.934C-520.854%2c368.909%2c-362.458%2c340.324%2c-260.989%2c406.106C-158.875%2c472.306%2c-121.679%2c652.651%2c0%2c650.704' fill='%2333416e'%3e%3c/path%3e%3cpath d='M1440 995.672C1519.728 984.741 1563.12 899.779 1626.466 850.1469999999999 1682.6390000000001 806.135 1756.261 782.602 1791.2939999999999 720.431 1827.571 656.052 1835.537 577.6610000000001 1820.814 505.247 1806.518 434.933 1753.2640000000001 383.16999999999996 1710.941 325.228 1664.475 261.614 1634.992 175.16000000000003 1560.657 149.07999999999998 1485.96 122.87299999999999 1402.146 155.543 1332.03 192.289 1269.541 225.038 1232.754 287.251 1189.969 343.347 1149.925 395.849 1115.781 448.9 1089.96 509.672 1056 589.599 988.9680000000001 671.1659999999999 1015.557 753.837 1041.91 835.774 1142.714 863.61 1217.498 906.22 1288.388 946.611 1359.167 1006.755 1440 995.672' fill='%234d61a4'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1016'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
background-size: cover;
background-position: center;
}

/* !!! */ 
.pagination-separated .page-item .page-link {
  margin-left: 0.35rem;
  border-radius: 0.25rem;
}

.page-item.active .page-link {
  -webkit-box-shadow: var(--bs-box-shadow);
          box-shadow: var(--bs-box-shadow);
}

/* !!! */ 
.progress-sm {
height: 5px;
}

/* !!! */ 
.progress-lg {
height: 12px;
}

/* !!! */ 
.progress-xl {
height: 16px;
}

@-webkit-keyframes animate-positive {
  0% {
    width: 0;
  }
}

@keyframes animate-positive {
  0% {
    width: 0;
  }
}

/* !!! */ 
.progress-primary .progress-bar {
background-color: #4b38b3;
}
/* !!! */ 
.progress-primary .progress-bar::after {
border-left-color: #4b38b3;
}
/* !!! */ 
.progress-primary .progress-bar:nth-child(2) {
background-color: rgba(75, 56, 179, 0.1) !important;
color: #4b38b3 !important;
}
/* !!! */ 
.progress-primary .progress-bar:nth-child(2)::after {
border-left-color: rgba(75, 56, 179, 0.1);
}

/* !!! */ 
.progress-secondary .progress-bar {
background-color: #3577f1;
}
/* !!! */ 
.progress-secondary .progress-bar::after {
border-left-color: #3577f1;
}
/* !!! */ 
.progress-secondary .progress-bar:nth-child(2) {
background-color: rgba(53, 119, 241, 0.1) !important;
color: #3577f1 !important;
}
/* !!! */ 
.progress-secondary .progress-bar:nth-child(2)::after {
border-left-color: rgba(53, 119, 241, 0.1);
}

/* !!! */ 
.progress-success .progress-bar {
background-color: #45CB85;
}
/* !!! */ 
.progress-success .progress-bar::after {
border-left-color: #45CB85;
}
/* !!! */ 
.progress-success .progress-bar:nth-child(2) {
background-color: rgba(69, 203, 133, 0.1) !important;
color: #45CB85 !important;
}
/* !!! */ 
.progress-success .progress-bar:nth-child(2)::after {
border-left-color: rgba(69, 203, 133, 0.1);
}

/* !!! */ 
.progress-info .progress-bar {
background-color: #299cdb;
}
/* !!! */ 
.progress-info .progress-bar::after {
border-left-color: #299cdb;
}
/* !!! */ 
.progress-info .progress-bar:nth-child(2) {
background-color: rgba(41, 156, 219, 0.1) !important;
color: #299cdb !important;
}
/* !!! */ 
.progress-info .progress-bar:nth-child(2)::after {
border-left-color: rgba(41, 156, 219, 0.1);
}

/* !!! */ 
.progress-warning .progress-bar {
background-color: #ffbe0b;
}
/* !!! */ 
.progress-warning .progress-bar::after {
border-left-color: #ffbe0b;
}
/* !!! */ 
.progress-warning .progress-bar:nth-child(2) {
background-color: rgba(255, 190, 11, 0.1) !important;
color: #ffbe0b !important;
}
/* !!! */ 
.progress-warning .progress-bar:nth-child(2)::after {
border-left-color: rgba(255, 190, 11, 0.1);
}

/* !!! */ 
.progress-danger .progress-bar {
background-color: #f06548;
}
/* !!! */ 
.progress-danger .progress-bar::after {
border-left-color: #f06548;
}
/* !!! */ 
.progress-danger .progress-bar:nth-child(2) {
background-color: rgba(240, 101, 72, 0.1) !important;
color: #f06548 !important;
}
/* !!! */ 
.progress-danger .progress-bar:nth-child(2)::after {
border-left-color: rgba(240, 101, 72, 0.1);
}

/* !!! */ 
.progress-light .progress-bar {
background-color: #f3f6f9;
}
/* !!! */ 
.progress-light .progress-bar::after {
border-left-color: #f3f6f9;
}
/* !!! */ 
.progress-light .progress-bar:nth-child(2) {
background-color: rgba(243, 246, 249, 0.1) !important;
color: #f3f6f9 !important;
}
/* !!! */ 
.progress-light .progress-bar:nth-child(2)::after {
border-left-color: rgba(243, 246, 249, 0.1);
}

/* !!! */ 
.progress-dark .progress-bar {
background-color: #212529;
}
/* !!! */ 
.progress-dark .progress-bar::after {
border-left-color: #212529;
}
/* !!! */ 
.progress-dark .progress-bar:nth-child(2) {
background-color: rgba(33, 37, 41, 0.1) !important;
color: #212529 !important;
}
/* !!! */ 
.progress-dark .progress-bar:nth-child(2)::after {
border-left-color: rgba(33, 37, 41, 0.1);
}

.popover {
  -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
          box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
}

/* !!! */ 
.text-white-75 {
color: rgba(255, 255, 255, 0.75) !important;
}

.form-check {
  position: relative;
  text-align: left;
}
.form-check .form-check-input {
  cursor: pointer;
}
.form-check label {
  cursor: pointer;
}

.form-check-primary .form-check-input:checked {
  background-color: #4b38b3;
  border-color: #4b38b3;
}

.form-radio-primary .form-check-input:checked {
  border-color: #4b38b3;
  background-color: #4b38b3;
}
.form-radio-primary .form-check-input:checked:after {
  background-color: #4b38b3;
}

.form-check-secondary .form-check-input:checked {
  background-color: #3577f1;
  border-color: #3577f1;
}

.form-radio-secondary .form-check-input:checked {
  border-color: #3577f1;
  background-color: #3577f1;
}
.form-radio-secondary .form-check-input:checked:after {
  background-color: #3577f1;
}

.form-check-success .form-check-input:checked {
  background-color: #45CB85;
  border-color: #45CB85;
}

.form-radio-success .form-check-input:checked {
  border-color: #45CB85;
  background-color: #45CB85;
}
.form-radio-success .form-check-input:checked:after {
  background-color: #45CB85;
}

.form-check-info .form-check-input:checked {
  background-color: #299cdb;
  border-color: #299cdb;
}

.form-radio-info .form-check-input:checked {
  border-color: #299cdb;
  background-color: #299cdb;
}
.form-radio-info .form-check-input:checked:after {
  background-color: #299cdb;
}

.form-check-warning .form-check-input:checked {
  background-color: #ffbe0b;
  border-color: #ffbe0b;
}

.form-radio-warning .form-check-input:checked {
  border-color: #ffbe0b;
  background-color: #ffbe0b;
}
.form-radio-warning .form-check-input:checked:after {
  background-color: #ffbe0b;
}

.form-check-danger .form-check-input:checked {
  background-color: #f06548;
  border-color: #f06548;
}

.form-radio-danger .form-check-input:checked {
  border-color: #f06548;
  background-color: #f06548;
}
.form-radio-danger .form-check-input:checked:after {
  background-color: #f06548;
}

.form-check-light .form-check-input:checked {
  background-color: #f3f6f9;
  border-color: #f3f6f9;
}

.form-radio-light .form-check-input:checked {
  border-color: #f3f6f9;
  background-color: #f3f6f9;
}
.form-radio-light .form-check-input:checked:after {
  background-color: #f3f6f9;
}

.form-check-dark .form-check-input:checked {
  background-color: #212529;
  border-color: #212529;
}

.form-radio-dark .form-check-input:checked {
  border-color: #212529;
  background-color: #212529;
}
.form-radio-dark .form-check-input:checked:after {
  background-color: #212529;
}

.form-check-label {
  cursor: pointer;
  margin-bottom: 0;
}

/* !!! */ 
.form-check-right {
padding-left: 0;
display: inline-block;
}
.form-check-right .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: -1.6em;
}
.form-check-right .form-check-label {
  display: block;
}
.form-check-right.form-switch .form-check-input {
  margin-right: -2.56em;
}

.form-check-outline.form-check-primary .form-check-input:checked[type=checkbox] {
  color: #4b38b3;
  background-color: transparent;
  border-color: #4b38b3;
}

.form-check-outline.form-check-secondary .form-check-input:checked[type=checkbox] {
  color: #3577f1;
  background-color: transparent;
  border-color: #3577f1;
}

.form-check-outline.form-check-success .form-check-input:checked[type=checkbox] {
  color: #45CB85;
  background-color: transparent;
  border-color: #45CB85;
}

.form-check-outline.form-check-info .form-check-input:checked[type=checkbox] {
  color: #299cdb;
  background-color: transparent;
  border-color: #299cdb;
}

.form-check-outline.form-check-warning .form-check-input:checked[type=checkbox] {
  color: #ffbe0b;
  background-color: transparent;
  border-color: #ffbe0b;
}

.form-check-outline.form-check-danger .form-check-input:checked[type=checkbox] {
  color: #f06548;
  background-color: transparent;
  border-color: #f06548;
}

.form-check-outline.form-check-light .form-check-input:checked[type=checkbox] {
  color: #f3f6f9;
  background-color: transparent;
  border-color: #f3f6f9;
}

.form-check-outline.form-check-dark .form-check-input:checked[type=checkbox] {
  color: #212529;
  background-color: transparent;
  border-color: #212529;
}

.form-check-outline .form-check-input {
  position: relative;
}
.form-check-outline .form-check-input:checked[type=checkbox] {
  background-image: none;
}
.form-check-outline .form-check-input:checked[type=checkbox]::before {
  content: "\f012c";
  font-family: "Material Design Icons";
  top: -2px;
  position: absolute;
  font-weight: 700;
  font-size: 11px;
  left: 1px;
}

.form-radio-outline.form-radio-primary .form-check-input:checked[type=radio] {
  color: #4b38b3;
  background-color: transparent;
  border-color: #4b38b3;
}

.form-radio-outline.form-radio-secondary .form-check-input:checked[type=radio] {
  color: #3577f1;
  background-color: transparent;
  border-color: #3577f1;
}

.form-radio-outline.form-radio-success .form-check-input:checked[type=radio] {
  color: #45CB85;
  background-color: transparent;
  border-color: #45CB85;
}

.form-radio-outline.form-radio-info .form-check-input:checked[type=radio] {
  color: #299cdb;
  background-color: transparent;
  border-color: #299cdb;
}

.form-radio-outline.form-radio-warning .form-check-input:checked[type=radio] {
  color: #ffbe0b;
  background-color: transparent;
  border-color: #ffbe0b;
}

.form-radio-outline.form-radio-danger .form-check-input:checked[type=radio] {
  color: #f06548;
  background-color: transparent;
  border-color: #f06548;
}

.form-radio-outline.form-radio-light .form-check-input:checked[type=radio] {
  color: #f3f6f9;
  background-color: transparent;
  border-color: #f3f6f9;
}

.form-radio-outline.form-radio-dark .form-check-input:checked[type=radio] {
  color: #212529;
  background-color: transparent;
  border-color: #212529;
}

.form-radio-outline .form-check-input {
  position: relative;
}
.form-radio-outline .form-check-input:checked[type=radio] {
  background-image: none;
}
.form-radio-outline .form-check-input:checked[type=radio]::before {
  content: "\f0765";
  font-family: "Material Design Icons";
  top: 0px;
  position: absolute;
  font-size: 8px;
  left: 2.2px;
}

.form-switch-md {
  padding-left: 2.5rem;
  min-height: 22px;
  line-height: 22px;
}
.form-switch-md .form-check-input {
  width: 40px;
  height: 20px;
  left: -0.5rem;
  position: relative;
}
.form-switch-md .form-check-label {
  vertical-align: middle;
}

.form-switch-lg {
  padding-left: 2.75rem;
  min-height: 28px;
  line-height: 28px;
}
.form-switch-lg .form-check-input {
  width: 48px;
  height: 24px;
  left: -0.75rem;
  position: relative;
}

.input-group-text {
  margin-bottom: 0px;
}

.form-switch-primary .form-check-input:checked {
  background-color: #4b38b3;
  border-color: #4b38b3;
}

.form-switch-custom.form-switch-primary .form-check-input:checked::before {
  color: #4b38b3;
}

.form-switch-secondary .form-check-input:checked {
  background-color: #3577f1;
  border-color: #3577f1;
}

.form-switch-custom.form-switch-secondary .form-check-input:checked::before {
  color: #3577f1;
}

.form-switch-success .form-check-input:checked {
  background-color: #45CB85;
  border-color: #45CB85;
}

.form-switch-custom.form-switch-success .form-check-input:checked::before {
  color: #45CB85;
}

.form-switch-info .form-check-input:checked {
  background-color: #299cdb;
  border-color: #299cdb;
}

.form-switch-custom.form-switch-info .form-check-input:checked::before {
  color: #299cdb;
}

.form-switch-warning .form-check-input:checked {
  background-color: #ffbe0b;
  border-color: #ffbe0b;
}

.form-switch-custom.form-switch-warning .form-check-input:checked::before {
  color: #ffbe0b;
}

.form-switch-danger .form-check-input:checked {
  background-color: #f06548;
  border-color: #f06548;
}

.form-switch-custom.form-switch-danger .form-check-input:checked::before {
  color: #f06548;
}

.form-switch-light .form-check-input:checked {
  background-color: #f3f6f9;
  border-color: #f3f6f9;
}

.form-switch-custom.form-switch-light .form-check-input:checked::before {
  color: #f3f6f9;
}

.form-switch-dark .form-check-input:checked {
  background-color: #212529;
  border-color: #212529;
}

.form-switch-custom.form-switch-dark .form-check-input:checked::before {
  color: #212529;
}

.form-switch-custom .form-check-input {
  position: relative;
  background-image: none;
}
.form-switch-custom .form-check-input::before {
  content: "\f0765";
  font-family: "Material Design Icons";
  top: -9px;
  position: absolute;
  font-size: 20px;
  left: -3px;
  color: #878a99;
  -webkit-transition: background-position 0.15s ease-in-out;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch-custom .form-check-input::before {
    -webkit-transition: none;
    transition: none;
  }
}
.form-switch-custom .form-check-input:checked {
  background-image: none;
  background-color: var(--bs-gray-300);
  -webkit-transition: background-position 0.15s ease-in-out;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch-custom .form-check-input:checked {
    -webkit-transition: none;
    transition: none;
  }
}
.form-switch-custom .form-check-input:checked::before {
  right: -3px;
  left: auto;
}
.form-switch-custom .form-check-input:focus {
  background-image: none;
}

.form-switch-right {
  display: inline-block;
  padding-right: 0.8em;
  margin-bottom: 0;
  padding-left: 0 !important;
}
.form-switch-right .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: -1.6em;
  margin-top: 0.1em !important;
}
.form-switch-right label {
  margin-bottom: 0;
  margin-right: 1rem;
}

.card-radio {
  padding: 0;
}
.card-radio .form-check-label {
  background-color: var(--bs-card-bg);
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  padding: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  position: relative;
  padding-right: 32px;
}
.card-radio .form-check-label:hover {
  cursor: pointer;
}
.card-radio .form-check-input {
  display: none;
}
.card-radio .form-check-input:checked + .form-check-label {
  border-color: #4b38b3 !important;
}
.card-radio .form-check-input:checked + .form-check-label:before {
  content: "\eb80";
  font-family: "remixicon";
  position: absolute;
  top: 2px;
  right: 6px;
  font-size: 16px;
  color: #4b38b3;
}
.card-radio.dark .form-check-input:checked + .form-check-label:before {
  color: #fff;
}

[data-layout-mode=dark] .form-switch .form-check-input, [data-layout-mode=dark] .form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ced4da'/%3e%3c/svg%3e");
}

[data-layout-mode=dark] .form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ced4da' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.list-group-item {
  margin-bottom: 0px;
}
.list-group-item .list-text {
  color: #878a99;
}
.list-group-item.active {
  -webkit-box-shadow: var(--bs-box-shadow);
          box-shadow: var(--bs-box-shadow);
}
.list-group-item.active .list-title {
  color: #fff;
}
.list-group-item.active .list-text {
  color: rgba(255, 255, 255, 0.5);
}

[data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/* !!! */ 
.simplebar-wrapper {
overflow: hidden;
width: inherit;
height: inherit;
max-width: inherit;
max-height: inherit;
}

/* !!! */ 
.simplebar-mask {
direction: inherit;
position: absolute;
overflow: hidden;
padding: 0;
margin: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: auto !important;
height: auto !important;
z-index: 0;
}

/* !!! */ 
.simplebar-offset {
direction: inherit !important;
-webkit-box-sizing: inherit !important;
box-sizing: inherit !important;
resize: none !important;
position: absolute;
top: 0;
left: 0 !important;
bottom: 0;
right: 0 !important;
padding: 0;
margin: 0;
-webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  overflow: auto;
  /* Scroll on this element otherwise element can't have a padding applied properly */
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  padding: 0px !important;
}

.simplebar-content-wrapper::-webkit-scrollbar,

.simplebar-hide-scrollbar::-webkit-scrollbar {
display: none;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}


/* !!! */ 
.simplebar-hide-scrollbar {
position: fixed;
left: 0;
visibility: hidden;
overflow-y: scroll;
scrollbar-width: none;
}

/* !!! */ 
.custom-scroll {
height: 100%;
}


div.code-toolbar > .toolbar {
opacity: 1 !important;
}
div.code-toolbar > .toolbar button {
display: inline-block !important;
margin: 0.375rem 0.5rem !important;
padding: 0.25rem 0.75rem !important;
-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
border-radius: 0.2rem !important;
border: 1px solid rgba(75, 56, 179, 0.35) !important;
background-color: transparent;
color: #4b38b3 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
div.code-toolbar > .toolbar button:focus {
outline: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
div.code-toolbar > .toolbar button:hover {
background-color: #4b38b3 !important;
color: #fff !important;
}

.form-control.keyboard {
  max-width: 340px !important;
}

.nested-list .list-group-item {
  background-color: rgba(75, 56, 179, 0.05);
  border-color: rgba(75, 56, 179, 0.05);
}

.nested-list, .nested-1, .nested-2, .nested-3 {
  margin-top: 5px;
}

.nested-sortable-handle .handle {
  position: absolute;
  left: 0;
  top: 0;
  width: 42px;
  height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: -webkit-grab;
  cursor: grab;
}
.nested-sortable-handle .list-group-item {
  padding-left: 42px;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  height: auto;
}

/* !!! */ 
.pagination-wrap {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/* !!! */ 
.pagination-wrap a {
  text-decoration: none;
  display: inline-block;
}

.pagination-next,
/* !!! */ 
.pagination-prev {
  color: #4b38b3;
  font-weight: 500;
  padding: 0.375rem 0.75rem;
  background-color: var(--bs-card-bg);
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.pagination-next:hover,
/* !!! */ 
.pagination-prev:hover {
  color: #897bd6;
}
.pagination-next.disabled,
.pagination-prev.disabled {
  color: #878a99;
  cursor: default;
}
.pagination-next.disabled:hover,
.pagination-prev.disabled:hover {
  color: #878a99;
}

/* !!! */ 
.toastify {
padding: 12px 16px;
color: #fff;
display: inline-block;
-webkit-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
background: #45CB85;
position: fixed;
opacity: 0;
-webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
border-radius: 2px;
cursor: pointer;
text-decoration: none;
max-width: calc(50% - 20px);
z-index: 2147483647;
}
.toastify.on {
  opacity: 1;
}

/* !!! */ 
.toast-close {
opacity: 0.4;
padding: 0 5px;
position: relative;
left: 4px;
margin-left: 4px;
}

/* !!! */ 
.toastify-right {
right: 15px;
}

/* !!! */ 
.toastify-left {
left: 15px;
}
/* !!! */ 
.toastify-left .toast-close {
left: -4px;
margin-left: 0;
margin-right: 4px;
}

/* !!! */ 
.toastify-top {
top: -150px;
}

/* !!! */ 
.toastify-bottom {
bottom: -150px;
}

/* !!! */ 
.toastify-rounded {
border-radius: 25px;
}

/* !!! */ 
.toastify-avatar {
width: 1.5em;
height: 1.5em;
margin: -7px 5px;
border-radius: 2px;
}

/* !!! */ 
.toastify-center {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
max-width: -webkit-fit-content;
max-width: fit-content;
max-width: -moz-fit-content;
}

@media only screen and (max-width: 360px) {
/* !!! */ 
.toastify-right, .toastify-left {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
}

[data-inline-date=true], [data-time-inline] {
  display: none;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
[datepicker-inline],
[timepicker-inline] {
  display: none;
}

/* !!! */ 
.auth-page-wrapper .auth-page-content {
  padding-bottom: 60px;
  position: relative;
  z-index: 2;
  width: 100%;
}
.auth-page-wrapper .footer {
  left: 0;
  background-color: transparent;
  color: #212529;
}

/* !!! */ 
.auth-one-bg-position {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 380px;
}
@media (max-width: 575.98px) {
/* !!! */ 
.auth-one-bg-position {
height: 280px;
}
}

.auth-one-bg {
  background-image: url("../images/auth-one-bg.jpg");
  background-position: center;
  background-size: cover;
}
.auth-one-bg .bg-overlay {
  background: -webkit-gradient(linear, right top, left top, from(#364574), to(#405189));
  background: linear-gradient(to left, #364574, #405189);
  opacity: 0.9;
}
.auth-one-bg .shape {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.auth-one-bg .shape > svg {
  width: 100%;
  height: auto;
  fill: var(--bs-body-bg);
}

.auth-pass-inputgroup input[type=text] + .btn .ri-eye-fill:before {
  content: "\ecb6";
}


.signin-other-title {
  position: relative;
}
.signin-other-title:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  right: 0;
  border-top: 1px dashed var(--bs-border-color);
  top: 10px;
}
.signin-other-title .title {
  display: inline-block;
  position: relative;
  z-index: 9;
  background-color: var(--bs-card-bg);
  padding: 2px 16px;
}

/* !!! */ 
.auth-bg-cover {
  background: linear-gradient(315deg, #405189 50%, #0ab39c);
}
.auth-bg-cover > .bg-overlay {
  background-image: url("../images/cover-pattern.png");
  background-position: center;
  background-size: cover;
  opacity: 1;
  background-color: transparent;
}
.auth-bg-cover .footer {
  color: rgba(255, 255, 255, 0.5);
}


/* !!! */ 
.search-more-results {
position: relative;
overflow: hidden;
}
.search-more-results .nav-icon {
  font-size: 14px;
  color: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  left: 0;
  right: 0;
}
.search-more-results .nav-icon i {
  font-size: 20px;
}
@media (max-width: 767.98px) {
  .search-more-results .nav-icon {
    font-size: 14px;
  }
  .search-more-results .nav-icon i {
    font-size: 18px;
  }
}

.filter-list a.active .listname {
  color: #45CB85;
}


/*
------------------- Override -----------------------
*/

:root {
    --bs-body-font-size: 0.875rem; /* reduce default font size */
    --layout-offset: 0px;
}

/* all elemets - square */
* {
  -webkit-border-radius: 2px !important;
     -moz-border-radius: 2px !important;
          border-radius: 2px !important;
}

/* required inputs */
#editForm input:required, #editForm input:required:focus, 
#editForm select:required, #editForm select:required:focus, 
#editForm textarea:required, #editForm textarea:required:focus,
/* !!! */ 
.bg-required {
    background-color: #ffffad;
}

#editForm input[desired], #editForm input[desired]:focus, 
#editForm select[desired], #editForm select[desired]:focus,
#editForm textarea[desired], #editForm textarea[desired]:focus,
/* !!! */ 
.bg-desired {
    background-color: #ffffe6;
}

/* some colors */
.bg-light-blue {
  background-color: #b5d3ff;
}
/* !!! */ 
.bg-gray-200 {
background-color: var(--bs-gray-200);
}
/* !!! */ 
.border-lightgrey {
    border-color: lightgrey;
}
.bg-light-gray {
    background-color: #eeecec;
}

.border-radius-0 {
    border-radius: 0px !important;
}

/* !!! */ 
.fs-09rem {
    font-size: 0.93rem !important;
}
/* !!! */ 
.color-green {
  color: #45CB85;
}
/* !!! */ 
.color-steelblue {
    color: steelblue;
}
/* !!! */ 
.color-blue {
  color: #4682B4;
}

/* password hide - show */
::-ms-reveal {
    display: none;
}
#togglePassword, #togglePassword2 {
    color: #bfbfbf;
    float: right;
    margin-left: -25px;
    margin-top: -26px;
    right: 30px;
    position: relative;
    z-index: 2;
    font-size: 16px;
}

.auth-one-bg .bg-overlay {
    opacity: 0.45;
}

.logo-picture {
	opacity: 0.75;
}
.logo-picture:hover {
  opacity: 1.0;
}

.padding-04-1rem {
    padding: 0.4rem 1rem;
}

.mt-015rem {
    margin-top: .15rem !important;
}

.px-035rem {
  padding-left: 0.35rem !important;
  padding-right: 0.35rem !important;
}
/* #logoffMenu right */
[data-layout=horizontal] #logoffMenu {
    margin-left: auto !important;
}

/*  dark mode fix - not used
[data-layout-mode=dark] .card {
    --bs-card-bg: #212529;
    --bs-card-cap-bg: #212529;
}
[data-layout-mode=dark] .bg-soft-secondary {
    background-color: var(--bs-card-bg) !important;
}

[data-layout-mode=dark] .nav-success.nav-tabs-custom .nav-link.active {
    color: #f3f6f9;
    background-color: #2a2f34;
    border-color: var(--bs-gray-300) var(--bs-gray-300) var(--bs-nav-tabs-link-active-bg);
}
[data-layout-mode="dark"] .form-control, [data-layout-mode="dark"] .form-select  {
    color: var(--bs-body-color);
    background-color: var(--bs-input-bg);
    border: 1px solid var(--bs-input-border);
}

[data-layout-mode="dark"] #editForm input:required, [data-layout-mode="dark"] #editForm input:required:focus, 
[data-layout-mode="dark"] #editForm select:required, [data-layout-mode="dark"] #editForm select:required:focus,
[data-layout-mode="dark"] #editForm textarea:required, [data-layout-mode="dark"] #editForm textarea:required:focus {
    background-color: #414131;
}
[data-layout-mode="dark"] #editForm input[desired], [data-layout-mode="dark"] #editForm input[desired]:focus, 
[data-layout-mode="dark"] #editForm select[desired], [data-layout-mode="dark"] #editForm select[desired]:focus,
[data-layout-mode="dark"] #editForm textarea[desired], [data-layout-mode="dark"] #editForm textarea[desired]:focus {
    background-color: #33442f;
}
[data-layout-mode="dark"] .mdi-account-circle-outline::before {
    color: var(--bs-gray-700);
}
*/

/* remove green validation success sign */
.form-control.is-valid, .was-validated .form-control:valid {
    padding-right: .75rem;
    background-image: none;
}
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: .75rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

/* !!! */ 
.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #405189;
	--bs-btn-border-color: #405189;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #364574;
	--bs-btn-hover-border-color: #33416e;
	--bs-btn-focus-shadow-rgb: 93,107,155;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #33416e;
	--bs-btn-active-border-color: #303d67;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #405189;
	--bs-btn-disabled-border-color: #405189;
}

.btn-outline-primary {
    --bs-btn-color: #405189;
    --bs-btn-border-color: #405189;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #405189;
    --bs-btn-hover-border-color: #405189;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #405189;
    --bs-btn-active-border-color: #405189;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #405189;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #405189;
    --bs-gradient: none;
}

.btn {
    box-shadow: var(--bs-box-shadow-sm);
}
.btn-outline-primary, .vertical-menu-btn, .btn-outline-danger, .no-shadow {
    box-shadow: none;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  -webkit-box-shadow: var(--bs-box-shadow-sm);
          box-shadow: var(--bs-box-shadow-sm);
}

[data-layout-mode=dark] .dropdown-menu {
    --bs-dropdown-bg: #292e33;
    --bs-dropdown-link-color: #adb5bd;
    --bs-dropdown-link-hover-color: #b9bfc4;
    --bs-dropdown-link-hover-bg: #2f343a;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-link-active-color: #adb5bd;
    --bs-dropdown-link-active-bg: #2f343a;
}

.form-check-input {
    width: 1.1em;
    height: 1.1em;
}

@media (min-width: 1024.1px) {
    [data-layout=horizontal] .layout-width, [data-layout=horizontal] .container-fluid {
        max-width: 96%;
    }
}
@media (min-width: 1280.1px) {
    [data-layout=horizontal] .layout-width, [data-layout=horizontal] .container-fluid {
        max-width: 90%;
    }
}

.page-title-box {
   box-shadow: var(--bs-box-shadow-sm);
}
[data-layout=horizontal] .menu-dropdown {
    box-shadow: 2px 3px 8px 2px rgba(15, 34, 58, 0.15);
}

/* Tabulator */
.tabulator {
    font-size: inherit;
}
.tabulator-row {
min-height: 30px; 
}
.tabulator-row .tabulator-cell {
padding: 7px;
border-right: 1px solid #dee2e6;
}
.tabulator .tabulator-header .tabulator-col {
    border-right: 1px solid #dee2e6;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    padding: 7px;
}
.tabulator .tabulator-footer .tabulator-page {
    margin-top: 0px; 
    padding: 2px 10px;
}
.tabulator .tabulator-footer .tabulator-paginator label {
    margin-bottom: 4px;
}
.tabulator-col-title {
font-weight: normal;
}
.tabulator-row.tabulator-row-even {
background-color: #f5f5f7; 
}
.tabulator-row.tabulator-selected {
background-color: #9ABCEA;
}
.tabulator .tabulator-footer .tabulator-page.active {
    border-color: #52639c;
    background-color: #52639c;
    color: #fff;
}
.tabulator-table {
margin: 0px -1px;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-top: none;
    border-bottom: 6px solid #ddd;
}
/* arrow cursor instead of hand */
.tabulator-row {
cursor: default !important;
}

.bx-menu {
    cursor: pointer;
}

/* spinner */
#loadingoverlay {
    position: fixed;
    top: 0;
    z-index: 100001;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(250,250,250,0.6);
}
.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spinner {
    width: 40px;
    height: 40px;
    border: 2px solid #d7d7d7;
    border-top: 3px solid #f25a41;
    border-radius: 100% !important;
    animation: spin 0.8s infinite linear;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Card */
.card {
    --bs-card-bg: #fff;
}
.card-body {
    background-color: var(--bs-card-bg);
}
/* !!! */ 
.cardHeadSmall {
padding: 0.5rem 1rem;
}
/* !!! */ 
.card-title {
    padding: 0.35rem 0;
}
/* !!! */ 
.card-primary {
  color: #fff;
  background-color: #405189;
}
/* card-header-tabs 
.card-header-tabs .nav-item .nav-link {
    padding: 0.75rem 1rem;
}
*/

/*accordion*/
.accordion {
    --bs-accordion-btn-padding-x: 1rem;
    --bs-accordion-btn-padding-y: 0.82rem;
    border: var(--bs-border-width) solid var(--bs-border-color-translucent);
}
.accordion-button {
    color: var(--bs-heading-color);
}
.accordion-button:not(.collapsed) {
    color: var(--bs-heading-color);
}
.accordion .accordion-body {
    background-color: var(--bs-card-bg);
}

/*checkbox*/
.form-check-input:checked {
    background-color: #52639c;
    border-color: #52639c;
}

/* menu icon fix */
.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
    content: "\ea50";
    font-family: "boxicons";
}
/* theme icon fix */
.card-radio .form-check-input:checked + .form-check-label:before {
    content: "\ea49";
    font-family: 'boxicons';
    top: 7px;
}

/* Inactive	Select options */
.optionNotActive {
	color: #dbdbdb;
}

/* vertical menu 
.tabMenu-right {
width: 190px !important;
padding-left: 0px;
}
.tabMenu-right div.card-body {
    padding: 0.7rem;
}
.nav-success.nav-tabs-custom .nav-link.active {
    background-color: var(--bs-body-bg);
}*/

.nav-tabs-custom .nav-item {
  color: #405189a1;
}
.nav-tabs-custom .nav-item .nav-link {
    padding: 0.3rem 1.2rem 0.5rem 0.7rem;
    text-align: left;
}

/* fix down dropdown symbol */
.dropdown-toggle::after {
  content: ""; /*  content: "\ea4a"; */
  font-family: "boxicons";
  margin-top: 6px;
}

/* !!! */ 
.rotate-180 {
  transform: rotate(180deg);
}

/* modal */
.modal-header {
    padding: 0.2rem 1rem;
}
.modal-title {
    padding-top: 0.6rem;
}
/* !!! */ 
.dynamicModal-body {
    /*padding: 0.5rem 0 0 0;*/
    padding: 0 0 0 0;
}
/* !!! */ 
.modalTopIdx {
    z-index: 49999;
}
/* !!! */ 
.modal-lg-aw {
    max-width: 90%;
    min-width: 400px;
    margin: auto;
}
/* !!! */ 
.modal-dialog-centered {
    min-height: calc(100% - 0.5rem * 2);
}

/* flex */
.flex1 {
    width: 100%;
    height: 100%;

    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;

    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;

    flex: 1 1 auto;
}


/* scroller 
.wrapper-nav {
    position:relative;
    margin:0 0 5px 0;
    overflow:hidden;
  	height: 60px;
}
.formTabsList {
    position:absolute;
    left:0px;
    top:0px;
  	margin:0;
  	display:flex;
  	flex-direction: row;
  	flex-wrap: nowrap;
}
.formTabsList li{
	display:table-cell;
    position:relative;
    cursor:grab;
    cursor:-webkit-grab;
    color:#efefef;
    vertical-align:middle;
}
.scroller {
    cursor:pointer;
    display:none;
    padding: 10px 5px 5px 5px;
    white-space:nowrap;
    vertical-align:middle;
    background-color:#fff;
}
.scroller-right{
    float:right;
}
.scroller-left {
    float:left;
}
*/

/* FRM Version - Iframe Navigation Styles */
.main-content {
  flex: 1;
  display: flex;
  overflow: hidden;
  min-height: 0;
}

.content-iframe {
  flex: 1;
  width: 100%;
  height: 100%;
  border: none;
  display: none;
}

#iframe-container.active {
  display: block !important;
}

/* Dynamic menu wrapper height for flex layout */
#menu-wrapper {
  height: 60px;
}

/* Horizontal layout on larger screens: account for topbar + navbar-menu */
/* Topbar is 60px, navbar-menu has margin-top: 60px and its own height (48px) */
@media (min-width: 1024.1px) {
  [data-layout=horizontal] #menu-wrapper {
    height: 108px;
  }
}

@media (max-width: 1024px) {
  [data-layout=horizontal] #menu-wrapper {
    height: 60px;
  }
}

.page-content2 {
  padding: 0px calc(1.5rem / 2) 10px calc(1.5rem / 2);
}

.page-title-box {
  margin: 0px -1.5rem 1.1rem -1.5rem;
}

@media (min-width: 1024.1px) {
  [data-layout=horizontal] .page-title-box {
    margin: 0;
  }
}

/* Document menu item text overflow for vertical layout */
[data-layout=vertical] #documents-menu-list > .nav-item > a.nav-link.iframe-nav-link.document-menu-item{
  display: inline-block;   /* critical */
  width: 215px;            /* use width, not max-width */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Modal layout page-level styles - applied to all pages using modal_layout.html */
html.modal-layout-page,
body.modal-layout-page {
  height: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
}

body.modal-layout-page > .container-fluid {
  height: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* Modal grid layout styles for showDocuments, showActivity, changeUserGrp */
.modal-grid-content {
  height: 100%;
  min-height: 0;
}

.modal-grid-row {
  min-height: 0;
  flex-wrap: nowrap !important;
}

.modal-grid-col {
  min-height: 0;
  flex-wrap: nowrap !important;
}

.modal-grid-card {
  min-height: 0;
  flex-wrap: nowrap !important;
}

.modal-grid-card-body {
  min-height: 0;
  flex-wrap: nowrap !important;
  position: relative;
}

.modal-grid-table {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

/* page and modals flex */
.flex-layout-wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 0;
}
.flex-page-content2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.flex-container-fluid {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

* Print styles */
@media print {
    .no-print {
        display: none !important;
    }

    .tab-content .tab-pane {
        display: block !important;
        opacity: 1 !important;
        overflow: visible !important;
        page-break-after: always;
    }

    #tablistRow {
        display: none !important;
    }

    .nav-pills {
        display: none !important;
    }
}

/* Non-tabbed view styles */
.print-view-mode {
    display: none !important;
}

#tabWrapperRow.print-view-mode {
    display: block !important;
}

.print-view-mode .tab-content .tab-pane {
    display: block !important;
    opacity: 1 !important;
    margin-bottom: 2rem;
}

.print-view-mode .tab-content .tab-pane:not(:first-child) {
    border-top: 2px solid #dee2e6;
    padding-top: 1rem;
}

.print-view-mode .tab-pane .mt-2 {
    margin-top: 0 !important;
}