@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

@font-face { font-family: hkgrotesk; src: local("hkgrotesk light"), url("../fonts/hkgrotesk-light.woff") format("woff"); font-weight: 300; }

@font-face { font-family: hkgrotesk; src: local("hkgrotesk regular"), url("../fonts/hkgrotesk-regular.woff") format("woff"); font-weight: 400; }

@font-face { font-family: hkgrotesk; src: local("hkgrotesk medium"), url("../fonts/hkgrotesk-medium.woff") format("woff"); font-weight: 500; }

@font-face { font-family: hkgrotesk; src: local("hkgrotesk semibold"), url("../fonts/hkgrotesk-semibold.woff") format("woff"); font-weight: 600; }

@font-face { font-family: hkgrotesk; src: local("hkgrotesk bold"), url("../fonts/hkgrotesk-bold.woff") format("woff"); font-weight: 700; }

#page-topbar { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1002; background-color: var(--vz-header-bg); transition: 0.1s ease-out; border-bottom: 1px solid var(--vz-header-border); }

#page-topbar.topbar-shadow { box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; }

@media (min-width: 768px) {
  #page-topbar { left: var(--vz-vertical-menu-width); }
}

.navbar-header { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin: 0px auto; height: 70px; padding: 0px 1.5rem 0px calc(0.75rem); }

@media (max-width: 767.98px) {
  .navbar-header { padding: 0px calc(0.75rem); }
}

.navbar-header .topbar-head-dropdown .dropdown-menu.show { top: 13px !important; }

.navbar-header .topbar-head-dropdown .notification-actions { display: none; position: absolute; background-color: var(--vz-secondary-bg); left: 0px; right: 0px; bottom: 0px; padding: 7px; border-top: 1px solid var(--vz-border-color); }

.navbar-header .btn-topbar { height: 42px; width: 42px; color: var(--vz-header-item-sub-color); transition: 0.5s; }

.navbar-header .btn-topbar.active, .navbar-header .btn-topbar:active, .navbar-header .btn-topbar:focus, .navbar-header .btn-topbar:hover { background-color: var(--vz-header-item-bg); }

@media (max-width: 360px) {
  .navbar-header .btn-topbar { height: 36px; width: 36px; }
}

.navbar-header .user-name-sub-text { color: var(--vz-header-item-sub-color); }

.navbar-header .user-name-text { color: var(--vz-header-item-color); }

.app-search { padding: calc(16px) 0px; }

.app-search .form-control { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; height: 38px; padding-left: 40px; padding-right: 30px; background-color: var(--vz-topbar-search-bg); color: var(--vz-topbar-search-color); box-shadow: none; }

.app-search span.search-widget-icon { position: absolute; z-index: 10; font-size: 18px; line-height: 38px; left: 13px; top: 0px; color: var(--vz-header-item-sub-color); }

.app-search .search-widget-icon-close { right: 7px; left: auto !important; }

@media (max-width: 1023.99px) {
  .app-search { padding-left: calc(0.75rem); }
}

.app-search ::-webkit-input-placeholder { color: var(--vz-header-item-sub-color); }

.app-search ::placeholder { color: var(--vz-header-item-sub-color); }

.megamenu-list li { position: relative; padding: 5px 0px; }

.megamenu-list li a { color: var(--vz-body-color); }

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

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

.header-profile-user { height: 32px; width: 32px; }

.topbar-badge-sm { right: 0px; top: 7px !important; }

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

@media (min-width: 768px) {
  .topbar-user { background-color: var(--vz-topbar-user-bg); }
}

.topbar-user .dropdown-menu { top: 6px !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 0px 9px; border: 1px solid transparent; color: var(--vz-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(--vz-dropdown-link-hover-bg); }

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

[data-bs-theme="dark"] .light-dark-mode .bx-moon::before { content: ""; }

[data-topbar="dark"] .logo-dark { display: none; }

[data-topbar="dark"] .logo-light { display: inline-block; }

[data-bs-theme="dark"][data-topbar="light"] .logo-dark { display: none; }

[data-bs-theme="dark"][data-topbar="light"] .logo-light { display: inline-block; }

@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 { box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; left: 0px !important; }
  [data-layout="vertical"][data-layout-style="detached"] .horizontal-logo { display: inline-block; padding-left: 0px; }
  [data-layout="vertical"][data-layout-style="detached"] .topnav-hamburger { visibility: hidden; }
  [data-layout="vertical"][data-layout-style="detached"] .layout-width { max-width: 95%; margin: 0px auto; }
  [data-layout="vertical"][data-layout-style="detached"]:is([data-sidebar-size="sm"], [data-sidebar-size="sm-hover"]) .navbar-brand-box { position: relative; width: auto; text-align: left; background-color: transparent !important; }
  [data-layout="vertical"][data-layout-style="detached"]:is([data-sidebar-size="sm"], [data-sidebar-size="sm-hover"]) .navbar-brand-box .logo-sm { display: none; }
  [data-layout="vertical"][data-layout-style="detached"]:is([data-sidebar-size="sm"], [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: 0px; border-bottom: 1px solid var(--vz-header-border); }

@media (min-width: 1024.1px) {
  [data-layout="horizontal"] #page-topbar.topbar-shadow { box-shadow: none; }
}

[data-layout="horizontal"] .page-content { padding: calc(45px + 1.5rem) calc(0.75rem) 60px; }

@media (min-width: 1024.1px) {
  [data-layout="horizontal"] .page-content { margin-top: 70px; }
}

@media (max-width: 1024.1px) {
  [data-layout="horizontal"] .page-content { padding: calc(45px + 2.7rem) calc(0.75rem) 60px; }
}

@media (min-width: 1024.1px) {
  [data-layout="horizontal"][data-layout-width="boxed"] .page-content { min-height: calc(-130px + 100vh); }
}

@media (min-width: 768px) {
  [data-layout="vertical"]:is([data-sidebar-size="sm"], [data-sidebar-size="sm-hover"]) #page-topbar { left: var(--vz-vertical-menu-width-sm); }
}

@media (min-width: 768px) {
  [data-layout="vertical"][data-sidebar-size="md"] #page-topbar { left: var(--vz-vertical-menu-width-md); }
}

@media (min-width: 768px) {
  [data-layout="twocolumn"] #page-topbar { left: calc(290px); }
}

[data-layout="twocolumn"] .horizontal-logo { display: none; }

.page-title-box { padding: 10px 1.5rem; background-color: var(--vz-secondary-bg); box-shadow: var(--vz-page-title-box-shadow); border-bottom: 1px solid var(--vz-page-title-border); margin: -23px -1.5rem 1.5rem; }

.page-title-box .breadcrumb { background-color: transparent; padding: 0px; }

.page-title-box h4 { font-weight: 700; text-transform: uppercase; font-size: 15px !important; }

[data-layout="horizontal"] .page-title-box { padding: 1.2rem 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; box-shadow: none; margin: 0px; background-color: transparent !important; }

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

[data-layout="vertical"][data-layout-style="detached"] .page-title-box { padding: 1.2rem 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; box-shadow: none; margin: 0px; background-color: transparent !important; }

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

.footer { bottom: 0px; padding: 20px calc(0.75rem); position: absolute; right: 0px; color: var(--vz-footer-color); left: var(--vz-vertical-menu-width); height: 60px; background-color: var(--vz-footer-bg); }

@media (max-width: 991.98px) {
  .footer { left: 0px; }
}

[data-layout="vertical"]:is([data-sidebar-size="sm"], [data-sidebar-size="sm-hover"]) .footer { left: var(--vz-vertical-menu-width-sm); }

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

[data-layout="vertical"][data-sidebar-size="md"] .footer { left: var(--vz-vertical-menu-width-md); }

@media (max-width: 991.98px) {
  [data-layout="vertical"][data-sidebar-size="md"] .footer { left: 0px; }
}

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

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

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

.app-content { margin-left: var(--vz-vertical-menu-width); overflow: hidden; }

.app-content .content { padding: 0px 15px 10px; margin-top: 70px; }

.main-content { transition: 0.1s ease-out; }

@media (min-width: 768px) {
  .main-content { margin-left: var(--vz-vertical-menu-width); }
}

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

.navbar-menu { width: var(--vz-vertical-menu-width); z-index: 1002; background: var(--vz-vertical-menu-bg); border-right: 1px solid var(--vz-vertical-menu-border); bottom: 0px; margin-top: 0px; position: fixed; top: 0px; box-shadow: var(--vz-vertical-menu-box-shadow); padding: 0px 0px calc(95px); transition: 0.1s ease-out; }

.navbar-menu .navbar-nav .nav-link { display: flex; -webkit-box-align: center; align-items: center; padding: 0.625rem 1.5rem; color: var(--vz-vertical-menu-item-color); font-size: 0.925rem; font-family: Inter, sans-serif; }

.navbar-menu .navbar-nav .nav-link.active { color: var(--vz-vertical-menu-item-active-color); }

.navbar-menu .navbar-nav .nav-link:hover { color: var(--vz-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(--vz-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(--vz-vertical-menu-item-hover-color); }

.navbar-menu .navbar-nav .nav-link:hover .icon-dual { color: var(--vz-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: "󰅂"; font-family: "Material Design Icons"; margin-left: auto; transition: transform 0.2s, -webkit-transform 0.2s; font-size: 1.05rem; position: absolute; right: 18px; color: inherit; }

.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] { color: var(--vz-vertical-menu-item-active-color); }

.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] .icon-dual { color: var(--vz-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 { transform: rotate(90deg); color: var(--vz-vertical-menu-item-active-color); }

.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::before { opacity: 1; background-color: var(--vz-vertical-menu-item-active-color); }

.navbar-menu .navbar-nav .nav-link.collapsed.active::after { transform: rotate(90deg); }

.navbar-menu .navbar-nav .nav-sm { padding-left: 1.75rem; }

.navbar-menu .navbar-nav .nav-sm .nav-link { color: var(--vz-vertical-menu-sub-item-color); position: relative; font-size: 0.8125rem; font-family: Inter, sans-serif; padding: 0.55rem 1.5rem !important; }

.navbar-menu .navbar-nav .nav-sm .nav-link::before { content: ""; width: 6px; height: 1.5px; background-color: var(--vz-vertical-menu-sub-item-color); position: absolute; left: 2px; top: 16.5px; transition: 0.4s ease-in-out; opacity: 0.5; }

.navbar-menu .navbar-nav .nav-sm .nav-link:hover { color: var(--vz-vertical-menu-sub-item-hover-color); }

.navbar-menu .navbar-nav .nav-sm .nav-link:hover::before { background-color: var(--vz-vertical-menu-sub-item-hover-color) !important; opacity: 1; }

.navbar-menu .navbar-nav .nav-sm .nav-link.active { color: var(--vz-vertical-menu-item-active-color); }

.navbar-menu .navbar-nav .nav-sm .nav-link.active::before { background-color: var(--vz-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: var(--vz-secondary-color); display: none; }

.navbar-brand-box { padding: 0px 1.3rem; text-align: center; transition: 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: var(--vz-header-item-sub-color); position: absolute; border-radius: 2px; 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: 0px; width: 80%; }

.hamburger-icon span:nth-child(2) { top: 6px; }

.hamburger-icon span:nth-child(3) { bottom: 0px; 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 { transform: rotate(-90deg); }

.hamburger-icon.open span:nth-child(1) { left: 1px; top: 5px; width: 20px; transform: rotate(90deg); transition-delay: 150ms; }

.hamburger-icon.open span:nth-child(2) { left: 3px; top: 13px; width: 10px; transform: rotate(45deg); transition-delay: 50ms; }

.hamburger-icon.open span:nth-child(3) { left: 9px; top: 13px; width: 10px; transform: rotate(-45deg); transition-delay: 0.1s; }

.logo { line-height: 70px; }

.logo .logo-sm { display: none; }

.logo-light { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"]) .app-menu .row { margin: 0px; }

:is([data-layout="vertical"], [data-layout="semibox"]) .app-menu .row > * { width: 100%; padding: 0px; }

@media (max-width: 767.98px) {
  :is([data-layout="vertical"], [data-layout="semibox"]) .app-menu { margin-left: -100%; padding: 10px 0px 20px; }
}

:is([data-layout="vertical"], [data-layout="semibox"]) .navbar-menu .container-fluid { padding: 0px; }

@media (max-width: 767.98px) {
  :is([data-layout="vertical"], [data-layout="semibox"]) .navbar-brand-box { display: none; }
}

:is([data-layout="vertical"], [data-layout="semibox"]) .horizontal-logo { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .main-content { margin-left: var(--vz-vertical-menu-width-sm); }

@media (max-width: 767.98px) {
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .main-content { margin-left: 0px; }
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .logo span.logo-lg { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .logo span.logo-sm { display: inline-block; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .btn-vertical-sm-hover { display: inline-block; }

@media (min-width: 768px) {
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .topnav-hamburger { display: none; }
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu { width: var(--vz-vertical-menu-width-sm); }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .btn-vertical-sm-hover { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .btn-vertical-sm-hover i.ri-record-circle-line::before { content: ""; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .badge { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .menu-title { text-align: center; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .menu-title span { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .menu-title i { color: var(--vz-vertical-menu-item-color); display: block; line-height: 36px; font-size: 1rem; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link span { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link i { font-size: 22px; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link i.lab, :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link i.lar, :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link i.las { font-size: 24px; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link svg { margin-right: 0px; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link::after, :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .nav-link::before { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu .navbar-nav .menu-dropdown { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover { width: var(--vz-vertical-menu-width) !important; }

@media (min-width: 1024.99px) {
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .btn-vertical-sm-hover { display: inline-block; }
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .navbar-brand-box { text-align: left; }
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .navbar-nav .menu-dropdown.show { display: block; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link i { font-size: 18px; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link i.lab, :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link i.lar, :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link i.las { font-size: 20px; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link svg { margin-right: 0.665rem; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link span, :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link::after, :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .nav-link::before { display: inline-block; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .logo span.logo-lg { display: inline-block; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .logo span.logo-sm { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .menu-title { text-align: left; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .menu-title span { display: inline-block; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover"] .navbar-menu:hover .menu-title i { display: none; }

@media (min-width: 1025px) {
  :is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar-size="sm-hover"], [data-sidebar-size="sm-hover-active"]) .navbar-header { padding-left: 1.5rem; }
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover-active"] .navbar-brand-box { text-align: left; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover-active"] .topnav-hamburger { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm-hover-active"] .btn-vertical-sm-hover { display: inline-block; }

@media (min-width: 768px) {
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] { min-height: 1400px; }
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .main-content { margin-left: var(--vz-vertical-menu-width-sm); }
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] #page-topbar { z-index: calc(1003); }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-brand-box { position: fixed; padding: 0px; width: var(--vz-vertical-menu-width-sm); z-index: 1; top: 0px; background-color: var(--vz-vertical-menu-bg); }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .logo span.logo-lg { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .logo span.logo-sm { display: inline-block; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu { position: absolute; padding-top: 70px; width: var(--vz-vertical-menu-width-sm) !important; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .simplebar-content-wrapper, :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .simplebar-mask { overflow: visible !important; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .simplebar-scrollbar, :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .vertical-menu-btn { display: none !important; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .simplebar-offset { bottom: 0px !important; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .badge { display: none !important; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .menu-title { text-align: center; font-size: 1rem; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .menu-title span { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .menu-title i { display: block; line-height: 36px; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link span { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link i { font-size: 22px; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link svg { margin-right: 0px; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link::after, :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link::before { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .menu-dropdown { display: none; height: auto !important; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item { position: relative; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link { position: relative; width: calc(200px + var(--vz-vertical-menu-width-sm)); transition: none; background: var(--vz-vertical-menu-bg); }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link .icon-dual { fill: rgba(255, 255, 255, 0.16); }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link span { display: inline-block; padding-left: 25px; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link::after { display: block; transform: rotate(90deg); color: rgb(255, 255, 255); }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover .nav-link span { display: inline-block; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover > .menu-dropdown { display: block; left: var(--vz-vertical-menu-width-sm); position: absolute; width: 200px; background: var(--vz-vertical-menu-bg); padding: 0.5rem 0px; border-radius: 0px 0px 3px 3px; box-shadow: rgba(15, 34, 58, 0.12) 0px 2px 4px; height: auto !important; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-sm { padding: 0px; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link { color: var(--vz-vertical-menu-item-hover-color); }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link::after { color: inherit; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-sm .nav-link::after { display: block !important; transform: rotate(0deg) !important; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-sm .menu-dropdown { top: 0px; left: 100% !important; border-radius: 3px !important; }

@media (min-width: 768px) {
  :is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .main-content { margin-left: var(--vz-vertical-menu-width-md); }
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-brand-box { width: var(--vz-vertical-menu-width-md); }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu { width: var(--vz-vertical-menu-width-md) !important; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-link { display: block; text-align: center; padding: 0.55rem 0.525rem; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-link i { display: block; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-link svg { display: block; margin-left: auto; margin-right: auto; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-link::before { display: none !important; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"]::after { position: relative; display: inline-block; right: 0px; top: 3px; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-link.menu-link[data-bs-toggle="collapse"]::after { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .badge { display: none !important; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .navbar-nav .nav-sm { padding-left: 0px; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .menu-title { text-align: center; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="md"] .navbar-menu .menu-title span { text-decoration: underline; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .logo-dark { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="dark"] .logo-light { display: inline-block; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="light"] .logo-dark { display: inline-block; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar="light"] .logo-light { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"] #layout-wrapper, :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"] .main-content { min-height: 100vh; }

@media (min-width: 1024.1px) {
  :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"] .main-content { position: relative; }
  :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"] #layout-wrapper { max-width: 95%; margin: 0px auto; padding-left: 1.5rem; }
  :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"] .navbar-header { padding-left: 1.5rem; }
  :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"] .navbar-menu { top: calc(70px + 1.5rem); bottom: 1.5rem; border-right: var(--vz-vertical-menu-bg); border-radius: 5px; padding: 10px 0px; z-index: 1; }
  :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"] .navbar-menu .navbar-brand-box { display: none; }
  :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"]:is([data-sidebar="dark"], [data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .logo-dark { display: inline-block; }
  :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"]:is([data-sidebar="dark"], [data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .logo-light { display: none; }
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"] .footer { border-top: 1px dashed var(--vz-border-color); }

:is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"] .auth-page-wrapper .footer { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }

@media (min-width: 768px) {
  :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"][data-sidebar-size="sm"] #layout-wrapper, :is([data-layout="vertical"], [data-layout="semibox"])[data-layout-style="detached"][data-sidebar-size="sm"] .main-content { min-height: 1400px; }
}

:is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .logo-dark { display: none; }

:is([data-layout="vertical"], [data-layout="semibox"]):is([data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .logo-light { display: inline-block; }

@media (min-width: 1024.1px) {
  [data-layout="vertical"][data-bs-theme="dark"][data-layout-style="detached"]:is([data-sidebar="light"], [data-sidebar="dark"], [data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .logo-dark { display: none; }
  [data-layout="vertical"][data-bs-theme="dark"][data-layout-style="detached"]:is([data-sidebar="light"], [data-sidebar="dark"], [data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .logo-light { display: inline-block; }
}

.menu-title { letter-spacing: 0.05em; cursor: default; font-size: 11px; text-transform: uppercase; color: var(--vz-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: 0px; left: 0px; 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: 0px !important; z-index: 1004; }

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

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

.bg-vertical-gradient { background: linear-gradient(to right,var(--vz-primary),var(--vz-success)); }

.bg-vertical-gradient-2 { background: linear-gradient(to right,var(--vz-info),var(--vz-secondary)); }

.bg-vertical-gradient-3 { background: linear-gradient(to right,var(--vz-info),var(--vz-success)); }

.bg-vertical-gradient-4 { background: linear-gradient(to right,#1a1d21,var(--vz-primary)); }

.sidebar-background { position: absolute; z-index: -1; height: 100%; width: 100%; display: block; top: 0px; left: 0px; background-size: cover; background-position: 50% center; 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="semibox"] .page-title-box { padding: 10px 0px; background-color: transparent; box-shadow: none; margin: -15px 0px 1.5rem; }

@media (min-width: 768px) {
  [data-layout="semibox"][data-sidebar-size="sm-hover"] .main-content, [data-layout="semibox"][data-sidebar-size="sm"] .main-content { margin-left: var(--vz-vertical-menu-width-sm); }
  [data-layout="semibox"][data-sidebar-size="sm-hover"] #page-topbar, [data-layout="semibox"][data-sidebar-size="sm"] #page-topbar { left: var(--vz-vertical-menu-width-sm); }
  [data-layout="semibox"][data-sidebar-size="sm-hover"] .footer, [data-layout="semibox"][data-sidebar-size="sm"] .footer { left: var(--vz-vertical-menu-width-sm); }
  [data-layout="semibox"][data-sidebar-size="md"] #page-topbar { left: var(--vz-vertical-menu-width-md); }
  [data-layout="semibox"][data-sidebar-size="md"] .footer { left: var(--vz-vertical-menu-width-md); }
}

@media (min-width: 1440px) {
  [data-layout="semibox"] .page-content { padding: calc(70px + 3rem) calc(0.75rem) 60px; }
  [data-layout="semibox"] .navbar-menu { margin: 25px; border-radius: var(--vz-border-radius); }
  [data-layout="semibox"] .main-content { margin-left: calc(var(--vz-vertical-menu-width) + 25px); padding: 0 var(--vz-semibox-width); }
  [data-layout="semibox"] .footer { left: calc(var(--vz-vertical-menu-width) + var(--vz-semibox-width) + 1.5rem + 25px); right: calc(var(--vz-semibox-width) + 1.5rem); }
  [data-layout="semibox"] #page-topbar { left: calc(var(--vz-vertical-menu-width) + var(--vz-semibox-width) + 1.5rem + 25px); right: calc(var(--vz-semibox-width) + 1.5rem); top: 25px; border-radius: 0.25rem; transition: 0.5s; border: 1px solid var(--vz-header-border); }
  [data-layout="semibox"] #page-topbar.topbar-shadow { top: 0px; }
  [data-layout="semibox"][data-sidebar-size="md"] .main-content { margin-left: calc(var(--vz-vertical-menu-width-md) + 25px); }
  [data-layout="semibox"][data-sidebar-size="md"] #page-topbar { left: calc(var(--vz-vertical-menu-width-md) + var(--vz-semibox-width) + 1.5rem + 25px); }
  [data-layout="semibox"][data-sidebar-size="md"] .footer { left: calc(var(--vz-vertical-menu-width-md) + var(--vz-semibox-width) + 1.5rem + 25px); }
  [data-layout="semibox"][data-sidebar-size="sm"] .main-content { margin-left: calc(var(--vz-vertical-menu-width-sm) + 25px); }
  [data-layout="semibox"][data-sidebar-size="sm"] .navbar-brand-box { top: 25px; }
  [data-layout="semibox"][data-sidebar-size="sm"] #page-topbar { left: calc(var(--vz-vertical-menu-width-sm) + var(--vz-semibox-width) + 1.5rem + 25px); }
  [data-layout="semibox"][data-sidebar-size="sm"] .footer { left: calc(var(--vz-vertical-menu-width-sm) + var(--vz-semibox-width) + 1.5rem + 25px); }
  [data-layout="semibox"][data-sidebar-size="sm-hover"] .main-content { margin-left: calc(var(--vz-vertical-menu-width-sm) + 25px); }
  [data-layout="semibox"][data-sidebar-size="sm-hover"] #page-topbar { left: calc(var(--vz-vertical-menu-width-sm) + var(--vz-semibox-width) + 1.5rem + 25px); }
  [data-layout="semibox"][data-sidebar-size="sm-hover"] .footer { left: calc(var(--vz-vertical-menu-width-sm) + var(--vz-semibox-width) + 1.5rem + 25px); }
}

[data-layout="semibox"] .mx-n4 { margin-left: 0px !important; margin-right: 0px !important; }

[data-layout="semibox"] .mx-n4.p-1 { padding-left: 0px !important; padding-right: 0px !important; }

[data-layout="horizontal"] .main-content { margin-left: 0px; }

@media (min-width: 1024.1px) {
  [data-layout="horizontal"] .container-fluid, [data-layout="horizontal"] .layout-width { max-width: 90%; margin: 0px auto; }
  [data-layout="horizontal"] .topnav-hamburger { visibility: hidden; }
}

[data-layout="horizontal"] .horizontal-logo { padding-left: calc(0.75rem); }

@media (max-width: 1024.98px) {
  [data-layout="horizontal"] .horizontal-logo { padding-left: 1.5rem; }
}

[data-layout="horizontal"] .navbar-menu { background: var(--vz-topnav-bg); border-right-color: transparent; padding: 0px calc(0.75rem); box-shadow: rgba(15, 34, 58, 0.12) 0px 2px 4px; margin-top: 70px; position: fixed; left: 0px; right: 0px; z-index: 100; width: 100%; bottom: auto; }

@media (max-width: 575.98px) {
  [data-layout="horizontal"] .navbar-menu .container-fluid { padding: 0px; }
}

[data-layout="horizontal"] .navbar-menu .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-sm { padding-left: 0px; }

[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.active, [data-layout="horizontal"] .navbar-menu .navbar-nav .nav-sm .nav-link:hover { color: var(--vz-topnav-item-active-color); }

[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link { color: var(--vz-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(--vz-topnav-item-active-color); }

[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link.active::after { color: var(--vz-topnav-item-active-color); }

[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link.active .icon-dual { color: var(--vz-topnav-item-active-color); 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(--vz-topnav-item-active-color); }

[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] .icon-dual { color: var(--vz-topnav-item-active-color); 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(--vz-topnav-item-active-color); }

[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link:hover .icon-dual { color: var(--vz-topnav-item-active-color); 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; transform: rotate(90deg) !important; }

[data-layout="horizontal"] .navbar-menu .navbar-nav > li:nth-of-type(2) > .nav-link.menu-link { padding-left: 0px; }

[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; 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(--vz-topnav-item-active-color); }

[data-layout="horizontal"] .navbar-nav .nav-item:hover > .nav-link .icon-dual { color: var(--vz-topnav-item-active-color); fill: rgba(75, 56, 179, 0.1); }

[data-layout="horizontal"] .navbar-nav .nav-item:hover > .nav-link::after { color: var(--vz-topnav-item-active-color); }

@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(--vz-topnav-item-active-color); }

[data-layout="horizontal"] .menu-dropdown { position: absolute; min-width: 12rem; padding: 0.5rem 0px; box-shadow: rgba(15, 34, 58, 0.15) 0px 0px 5px; animation-name: DropDownSlide; animation-duration: 0.3s; animation-fill-mode: both; margin: 0px; z-index: 1000; background-color: var(--vz-topnav-bg); background-clip: padding-box; border: 0 solid var(--vz-border-color); border-radius: var(--vz-border-radius-lg); display: none; }

[data-layout="horizontal"] .menu-dropdown .menu-dropdown { top: 0px; 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: 0px; }
  [data-layout="horizontal"] .menu .navbar-menu .navbar-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; 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%; box-shadow: none; padding-left: 28px; left: 0px; animation: auto ease 0s 1 normal none running none; padding-top: 0px; }
  [data-layout="horizontal"] .menu .menu-dropdown.show { display: block; }
  [data-layout="horizontal"] .menu .dropdown-custom-right { left: 0px !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%; }
}

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

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

[data-layout="twocolumn"] .app-menu { padding-bottom: 0px; width: 220px; left: 70px; }

[data-layout="twocolumn"] .app-menu .menu-link { letter-spacing: 0.05em; cursor: default; font-size: 11px; text-transform: uppercase; 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(-70px + 100vh); }

@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: 0px; }

[data-layout="twocolumn"] .app-menu .navbar-nav .nav-item .menu-dropdown .row .col-lg-4 { width: 100%; padding: 0px; }

[data-layout="twocolumn"] .app-menu .container-fluid { padding: 0px; }

[data-layout="twocolumn"] .main-content { margin-left: calc(290px); }

@media (max-width: 767.98px) {
  [data-layout="twocolumn"] .main-content { margin-left: 70px; }
}

[data-layout="twocolumn"]:is([data-sidebar="dark"], [data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .app-menu .navbar-brand-box .logo-light { display: block; }

[data-layout="twocolumn"]:is([data-sidebar="dark"], [data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .app-menu .navbar-brand-box .logo-dark { display: none; }

[data-layout="twocolumn"] .twocolumn-iconview { width: 70px; background-color: var(--vz-twocolumn-menu-iconview-bg); height: 100%; left: -70px; box-shadow: rgba(15, 34, 58, 0.12) 0px 2px 4px; top: 0px; position: absolute; padding: 0px; text-align: center; }

[data-layout="twocolumn"] .twocolumn-iconview li { position: relative; }

[data-layout="twocolumn"] .twocolumn-iconview li .nav-icon::after { content: ""; position: absolute; inset: 0px; }

[data-layout="twocolumn"] .twocolumn-iconview .nav-icon { width: 42px; height: 42px; color: var(--vz-vertical-menu-item-color); line-height: 42px; z-index: 1; font-size: 22px; text-align: center; border-radius: 3px; margin: 5px 0px; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

[data-layout="twocolumn"] .twocolumn-iconview .nav-icon .icon-dual { width: 18px; color: var(--vz-vertical-menu-item-color); fill: var(--vz-vertical-menu-item-bg); }

[data-layout="twocolumn"] .twocolumn-iconview .nav-icon.active { background-color: var(--vz-vertical-menu-item-active-bg); color: var(--vz-vertical-menu-item-active-color); }

[data-layout="twocolumn"] .twocolumn-iconview .nav-icon.active .icon-dual { color: var(--vz-vertical-menu-item-active-color); fill: var(--vz-vertical-menu-item-active-bg); }

[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"] .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"] .twocolumn-panel .app-menu { width: 0px; border-right: 0px; }

@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: 70px; }

[data-layout="twocolumn"] .twocolumn-panel #page-topbar, [data-layout="twocolumn"] .twocolumn-panel .footer { left: 70px; }

@media (max-width: 575.98px) {
  [data-layout="twocolumn"] .twocolumn-panel .main-content { margin-left: 0px; }
  [data-layout="twocolumn"] .twocolumn-panel #page-topbar, [data-layout="twocolumn"] .twocolumn-panel .footer { left: 0px; }
}

@media (max-width: 767.98px) {
  [data-layout="twocolumn"] #page-topbar, [data-layout="twocolumn"] .footer { left: 70px; }
}

@media (max-width: 575.98px) {
  [data-layout="twocolumn"] .main-content { margin-left: 0px; }
  [data-layout="twocolumn"] #page-topbar, [data-layout="twocolumn"] .footer { left: 0px; }
}

@media (max-width: 767.98px) {
  [data-layout="twocolumn"] .app-menu { left: 0px; margin-left: 100%; }
  [data-layout="twocolumn"] .main-content { margin-left: 0px !important; }
  [data-layout="twocolumn"] #page-topbar, [data-layout="twocolumn"] .footer { left: 0px !important; }
}

[data-layout-width="boxed"] body { background-color: var(--vz-boxed-body-bg); }

[data-layout-width="boxed"] #layout-wrapper { max-width: var(--vz-boxed-layout-width); margin: 0px auto; box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; background-color: var(--vz-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: var(--vz-boxed-layout-width); margin: 0px auto; left: 0px !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: 0px; }
}

[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: 0px !important; max-width: calc(var(--vz-boxed-layout-width) - var(--vz-vertical-menu-width-sm)); }

@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: var(--vz-vertical-menu-width-sm) !important; }
}

[data-layout-width="boxed"][data-sidebar-size="lg"] #page-topbar, [data-layout-width="boxed"][data-sidebar-size="lg"] .footer, [data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] #page-topbar, [data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] .footer { max-width: calc(var(--vz-boxed-layout-width) - var(--vz-vertical-menu-width)); }

@media (min-width: 768px) {
  [data-layout-width="boxed"][data-sidebar-size="lg"] #page-topbar, [data-layout-width="boxed"][data-sidebar-size="lg"] .footer, [data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] #page-topbar, [data-layout-width="boxed"][data-sidebar-size="sm-hover-active"] .footer { left: var(--vz-vertical-menu-width) !important; }
}

[data-layout-width="boxed"][data-sidebar-size="md"] #page-topbar, [data-layout-width="boxed"][data-sidebar-size="md"] .footer { max-width: calc(var(--vz-boxed-layout-width) - var(--vz-vertical-menu-width-md)); }

@media (min-width: 768px) {
  [data-layout-width="boxed"][data-sidebar-size="md"] #page-topbar, [data-layout-width="boxed"][data-sidebar-size="md"] .footer { left: var(--vz-vertical-menu-width-md) !important; }
}

[data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"] body { background-color: var(--vz-body-bg); }

@media (min-width: 1024.1px) {
  [data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"] #layout-wrapper { max-width: 1300px; 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="lg"] #page-topbar, [data-layout-width="boxed"][data-layout="vertical"][data-layout-style="detached"][data-sidebar-size="lg"] .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="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 { max-width: 100%; left: 0px !important; }

[data-layout="horizontal"][data-layout-width="boxed"] #layout-wrapper, [data-layout="horizontal"][data-layout-width="boxed"] #page-topbar, [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: var(--vz-boxed-layout-width); }

[data-layout="horizontal"][data-layout-width="boxed"] .navbar-header { padding: 0px calc(0.75rem) 0px 0px; }

[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, [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 { left: 0px !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; }
}

@media (min-width: 768px) {
  [data-layout="semibox"][data-sidebar-visibility="hidden"] .navbar-menu { display: none; }
  [data-layout="semibox"][data-sidebar-visibility="hidden"] .horizontal-logo { display: inline-block; width: auto; }
  [data-layout="semibox"][data-sidebar-visibility="hidden"] .footer { left: 0px; }
  [data-layout="semibox"][data-sidebar-visibility="hidden"] #page-topbar { left: 0px; }
  [data-layout="semibox"][data-sidebar-visibility="hidden"] .main-content { margin-left: 0px; }
  [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] .navbar-brand-box, [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] .navbar-brand-box { position: static; padding: 0px 1.3rem; }
  [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] .logo span.logo-lg, [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] .logo span.logo-lg { display: inline-block; }
  [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] .logo span.logo-sm, [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] .logo span.logo-sm { display: none; }
}

[data-layout="semibox"][data-sidebar-visibility="hidden"]:is([data-sidebar="dark"], [data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .logo-dark { display: none; }

[data-layout="semibox"][data-sidebar-visibility="hidden"]:is([data-sidebar="dark"], [data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) .logo-light { display: inline-block; }

@media (min-width: 1440px) {
  [data-layout="semibox"][data-sidebar-visibility="hidden"] .navbar-menu { display: none; }
  [data-layout="semibox"][data-sidebar-visibility="hidden"] .horizontal-logo { display: inline-block; width: auto; }
  [data-layout="semibox"][data-sidebar-visibility="hidden"] .footer { left: calc(var(--vz-semibox-width) + 1.5rem); }
  [data-layout="semibox"][data-sidebar-visibility="hidden"] #page-topbar { left: calc(var(--vz-semibox-width) + 1.5rem); }
  [data-layout="semibox"][data-sidebar-visibility="hidden"] .main-content { margin-left: 0px; }
  [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] .navbar-brand-box, [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] .navbar-brand-box { position: static; padding: 0px 1.3rem; }
  [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] .logo span.logo-lg, [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] .logo span.logo-lg { display: inline-block; }
  [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm-hover"] .logo span.logo-sm, [data-layout="semibox"][data-sidebar-visibility="hidden"][data-sidebar-size="sm"] .logo span.logo-sm { display: none; }
}

.waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; user-select: none; -webkit-tap-highlight-color: transparent; }

.waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; background: radial-gradient(rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); transition: transform 0.5s ease-out, opacity, -webkit-transform; transform: scale(0) translate(0px, 0px); pointer-events: none; }

.waves-effect.waves-light .waves-ripple { background: radial-gradient(rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }

.waves-effect.waves-classic .waves-ripple { background: rgba(0, 0, 0, 0.2); }

.waves-effect.waves-classic.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); }

.waves-notransition { transition: none !important; }

.waves-button, .waves-circle { transform: translateZ(0px); mask-image: -webkit-radial-gradient(center, circle cover, rgb(255, 255, 255) 100%, rgb(0, 0, 0) 100%); }

.waves-button, .waves-button-input, .waves-button:hover, .waves-button:visited { white-space: nowrap; vertical-align: middle; cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: 0px; color: inherit; background-color: rgba(0, 0, 0, 0); font-size: 1em; line-height: 1em; text-align: center; text-decoration: none; z-index: 1; }

.waves-button { padding: 0.85em 1.1em; border-radius: 0.2em; }

.waves-button-input { margin: 0px; padding: 0.85em 1.1em; }

.waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; }

.waves-input-wrapper.waves-button { padding: 0px; }

.waves-input-wrapper .waves-button-input { position: relative; top: 0px; left: 0px; z-index: 1; }

.waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; }

.waves-float { mask-image: none; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 1.5px 1px; transition: 0.3s; }

.waves-float:active { box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 20px 1px; }

.waves-block { display: block; }

.waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, 0.4); }

.waves-effect.waves-primary .waves-ripple { background-color: rgba(75, 56, 179, 0.4); }

.waves-effect.waves-success .waves-ripple { background-color: rgba(69, 203, 133, 0.4); }

.waves-effect.waves-info .waves-ripple { background-color: rgba(41, 156, 219, 0.4); }

.waves-effect.waves-warning .waves-ripple { background-color: rgba(255, 190, 11, 0.4); }

.waves-effect.waves-danger .waves-ripple { background-color: rgba(240, 101, 72, 0.4); }

.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; }

.avatar-title { -webkit-box-align: center; align-items: center; background-color: rgb(75, 56, 179); color: rgb(255, 255, 255); display: flex; font-weight: 500; height: 100%; -webkit-box-pack: center; justify-content: center; width: 100%; }

.avatar-group { padding-left: 12px; display: flex; flex-wrap: wrap; }

.avatar-group .avatar-group-item { margin-left: -12px; border: 2px solid var(--vz-secondary-bg); border-radius: 50%; transition: 0.2s; }

.avatar-group .avatar-group-item:hover { position: relative; transform: translateY(-2px); z-index: 1; }

.accordion .accordion-button { font-weight: 500; }

.accordion .accordion-body { color: var(--vz-secondary-color); }

.accordion.accordion-icon-none .accordion-button::after { content: ""; background-image: none !important; }

.accordion.accordion-icon-none .accordion-button:not(.collapsed)::after { content: ""; }

.custom-accordionwithicon .accordion-button::after { font-family: "Material Design Icons"; content: "󰅂"; font-size: 1.1rem; vertical-align: middle; line-height: 0.8; background-image: none !important; }

.custom-accordionwithicon .accordion-button:not(.collapsed)::after { content: "󰅀"; margin-right: -3px; background-image: none !important; }

.custom-accordionwithicon-plus .accordion-button::after { font-family: "Material Design Icons"; content: "󰐕"; font-size: 1.1rem; vertical-align: middle; line-height: 0.8; background-image: none !important; }

.custom-accordionwithicon-plus .accordion-button:not(.collapsed)::after { content: "󰍴"; margin-right: -3px; background-image: none !important; }

.lefticon-accordion .accordion-button { padding-left: 2.75rem; }

.lefticon-accordion .accordion-button::after { position: absolute; left: 1.25rem; top: 14px; }

.lefticon-accordion .accordion-button:not(.collapsed)::after { top: 20px; }

.accordion-border-box .accordion-item { border-top: var(--vz-border-width) solid var(--vz-border-color); border-radius: var(--vz-border-radius); }

.accordion-border-box .accordion-item:not(:first-of-type) { margin-top: 8px; }

.accordion-border-box .accordion-item .accordion-button { border-radius: var(--vz-border-radius); }

.accordion-border-box .accordion-item .accordion-button:not(.collapsed) { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

.custom-accordion-border .accordion-item { border-left: 3px solid var(--vz-border-color); }

.accordion-primary .accordion-item { border-color: rgba(75, 56, 179, 0.6); }

.accordion-primary .accordion-item .accordion-button { box-shadow: none; }

.accordion-primary .accordion-item .accordion-button:not(.collapsed) { color: rgb(75, 56, 179); background-color: rgba(75, 56, 179, 0.1) !important; }

.accordion-primary .accordion-item .accordion-button::after { color: rgb(75, 56, 179); }

.accordion-fill-primary .accordion-item .accordion-button { box-shadow: none; }

.accordion-fill-primary .accordion-item .accordion-button:not(.collapsed) { color: rgb(255, 255, 255); background-color: rgb(75, 56, 179) !important; }

.accordion-secondary .accordion-item { border-color: rgba(53, 119, 241, 0.6); }

.accordion-secondary .accordion-item .accordion-button { box-shadow: none; }

.accordion-secondary .accordion-item .accordion-button:not(.collapsed) { color: rgb(53, 119, 241); background-color: rgba(53, 119, 241, 0.1) !important; }

.accordion-secondary .accordion-item .accordion-button::after { color: rgb(53, 119, 241); }

.accordion-fill-secondary .accordion-item .accordion-button { box-shadow: none; }

.accordion-fill-secondary .accordion-item .accordion-button:not(.collapsed) { color: rgb(255, 255, 255); background-color: rgb(53, 119, 241) !important; }

.accordion-success .accordion-item { border-color: rgba(69, 203, 133, 0.6); }

.accordion-success .accordion-item .accordion-button { box-shadow: none; }

.accordion-success .accordion-item .accordion-button:not(.collapsed) { color: rgb(69, 203, 133); background-color: rgba(69, 203, 133, 0.1) !important; }

.accordion-success .accordion-item .accordion-button::after { color: rgb(69, 203, 133); }

.accordion-fill-success .accordion-item .accordion-button { box-shadow: none; }

.accordion-fill-success .accordion-item .accordion-button:not(.collapsed) { color: rgb(255, 255, 255); background-color: rgb(69, 203, 133) !important; }

.accordion-info .accordion-item { border-color: rgba(41, 156, 219, 0.6); }

.accordion-info .accordion-item .accordion-button { box-shadow: none; }

.accordion-info .accordion-item .accordion-button:not(.collapsed) { color: rgb(41, 156, 219); background-color: rgba(41, 156, 219, 0.1) !important; }

.accordion-info .accordion-item .accordion-button::after { color: rgb(41, 156, 219); }

.accordion-fill-info .accordion-item .accordion-button { box-shadow: none; }

.accordion-fill-info .accordion-item .accordion-button:not(.collapsed) { color: rgb(255, 255, 255); background-color: rgb(41, 156, 219) !important; }

.accordion-warning .accordion-item { border-color: rgba(255, 190, 11, 0.6); }

.accordion-warning .accordion-item .accordion-button { box-shadow: none; }

.accordion-warning .accordion-item .accordion-button:not(.collapsed) { color: rgb(255, 190, 11); background-color: rgba(255, 190, 11, 0.1) !important; }

.accordion-warning .accordion-item .accordion-button::after { color: rgb(255, 190, 11); }

.accordion-fill-warning .accordion-item .accordion-button { box-shadow: none; }

.accordion-fill-warning .accordion-item .accordion-button:not(.collapsed) { color: rgb(255, 255, 255); background-color: rgb(255, 190, 11) !important; }

.accordion-danger .accordion-item { border-color: rgba(240, 101, 72, 0.6); }

.accordion-danger .accordion-item .accordion-button { box-shadow: none; }

.accordion-danger .accordion-item .accordion-button:not(.collapsed) { color: rgb(240, 101, 72); background-color: rgba(240, 101, 72, 0.1) !important; }

.accordion-danger .accordion-item .accordion-button::after { color: rgb(240, 101, 72); }

.accordion-fill-danger .accordion-item .accordion-button { box-shadow: none; }

.accordion-fill-danger .accordion-item .accordion-button:not(.collapsed) { color: rgb(255, 255, 255); background-color: rgb(240, 101, 72) !important; }

.accordion-light .accordion-item { border-color: rgba(243, 246, 249, 0.6); }

.accordion-light .accordion-item .accordion-button { box-shadow: none; }

.accordion-light .accordion-item .accordion-button:not(.collapsed) { color: rgb(243, 246, 249); background-color: rgba(243, 246, 249, 0.1) !important; }

.accordion-light .accordion-item .accordion-button::after { color: rgb(243, 246, 249); }

.accordion-fill-light .accordion-item .accordion-button { box-shadow: none; }

.accordion-fill-light .accordion-item .accordion-button:not(.collapsed) { color: rgb(255, 255, 255); background-color: rgb(243, 246, 249) !important; }

.accordion-dark .accordion-item { border-color: rgba(33, 37, 41, 0.6); }

.accordion-dark .accordion-item .accordion-button { box-shadow: none; }

.accordion-dark .accordion-item .accordion-button:not(.collapsed) { color: rgb(33, 37, 41); background-color: rgba(33, 37, 41, 0.1) !important; }

.accordion-dark .accordion-item .accordion-button::after { color: rgb(33, 37, 41); }

.accordion-fill-dark .accordion-item .accordion-button { box-shadow: none; }

.accordion-fill-dark .accordion-item .accordion-button:not(.collapsed) { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41) !important; }

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

.border-double { border-style: double !important; }

.border-top-double { border-top-style: double !important; }

.border-bottom-double { border-bottom-style: double !important; }

.border-end-double { border-right-style: double !important; }

.border-start-double { border-left-style: double !important; }

.list-group-flush.border-double { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }

.list-group-flush.border-double .list-group-item { border-style: double !important; }

.border-dashed { border-style: dashed !important; }

.border-top-dashed { border-top-style: dashed !important; }

.border-bottom-dashed { border-bottom-style: dashed !important; }

.border-end-dashed { border-right-style: dashed !important; }

.border-start-dashed { border-left-style: dashed !important; }

.list-group-flush.border-dashed { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }

.list-group-flush.border-dashed .list-group-item { border-style: dashed !important; }

.border-groove { border-style: groove !important; }

.border-top-groove { border-top-style: groove !important; }

.border-bottom-groove { border-bottom-style: groove !important; }

.border-end-groove { border-right-style: groove !important; }

.border-start-groove { border-left-style: groove !important; }

.list-group-flush.border-groove { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }

.list-group-flush.border-groove .list-group-item { border-style: groove !important; }

.border-outset { border-style: outset !important; }

.border-top-outset { border-top-style: outset !important; }

.border-bottom-outset { border-bottom-style: outset !important; }

.border-end-outset { border-right-style: outset !important; }

.border-start-outset { border-left-style: outset !important; }

.list-group-flush.border-outset { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }

.list-group-flush.border-outset .list-group-item { border-style: outset !important; }

.border-ridge { border-style: ridge !important; }

.border-top-ridge { border-top-style: ridge !important; }

.border-bottom-ridge { border-bottom-style: ridge !important; }

.border-end-ridge { border-right-style: ridge !important; }

.border-start-ridge { border-left-style: ridge !important; }

.list-group-flush.border-ridge { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }

.list-group-flush.border-ridge .list-group-item { border-style: ridge !important; }

.border-dotted { border-style: dotted !important; }

.border-top-dotted { border-top-style: dotted !important; }

.border-bottom-dotted { border-bottom-style: dotted !important; }

.border-end-dotted { border-right-style: dotted !important; }

.border-start-dotted { border-left-style: dotted !important; }

.list-group-flush.border-dotted { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }

.list-group-flush.border-dotted .list-group-item { border-style: dotted !important; }

.border-inset { border-style: inset !important; }

.border-top-inset { border-top-style: inset !important; }

.border-bottom-inset { border-bottom-style: inset !important; }

.border-end-inset { border-right-style: inset !important; }

.border-start-inset { border-left-style: inset !important; }

.list-group-flush.border-inset { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }

.list-group-flush.border-inset .list-group-item { border-style: inset !important; }

.ff-base { font-family: var(--vz-font-sans-serif); }

.ff-secondary { font-family: Inter, sans-serif; }

.bg-pattern { background: url(../images/modal-bg.png) var(--vz-secondary-bg); }

.w-xs { min-width: 80px; }

.w-sm { min-width: 95px; }

.w-md { min-width: 110px; }

.w-lg { min-width: 140px; }

.w-xl { min-width: 160px; }

.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; }

.icon-dual { color: rgb(173, 181, 189); fill: rgba(173, 181, 189, 0.16); }

.icon-dual-primary { color: rgb(75, 56, 179); fill: rgba(75, 56, 179, 0.16); }

.icon-dual-secondary { color: rgb(53, 119, 241); fill: rgba(53, 119, 241, 0.16); }

.icon-dual-success { color: rgb(69, 203, 133); fill: rgba(69, 203, 133, 0.16); }

.icon-dual-info { color: rgb(41, 156, 219); fill: rgba(41, 156, 219, 0.16); }

.icon-dual-warning { color: rgb(255, 190, 11); fill: rgba(255, 190, 11, 0.16); }

.icon-dual-danger { color: rgb(240, 101, 72); fill: rgba(240, 101, 72, 0.16); }

.icon-dual-light { color: rgb(243, 246, 249); fill: rgba(243, 246, 249, 0.16); }

.icon-dual-dark { color: rgb(33, 37, 41); fill: rgba(33, 37, 41, 0.16); }

.search-box { position: relative; }

.search-box .form-control { padding-left: 40px; }

.search-box .search-icon { font-size: 14px; position: absolute; left: 13px; top: 0px; height: 100%; display: flex; -webkit-box-align: center; align-items: center; color: var(--vz-secondary-color); }

.bg-overlay { position: absolute; height: 100%; width: 100%; inset: 0px; opacity: 0.7; background-color: rgb(0, 0, 0); }

.customizer-setting { position: fixed; bottom: 40px; right: 20px; z-index: 1000; }

code { user-select: all; }

.layout-rightside { width: 280px; margin-right: calc(-1.5rem); margin-top: calc(1px - 1.65rem); height: calc(100% + 1.65rem); }

@media (max-width: 1699.98px) {
  .layout-rightside-col { display: none; height: 100vh; right: 0px; top: 0px; bottom: 0px; z-index: 1004; position: fixed !important; }
  .layout-rightside-col .overlay { position: fixed; inset: 0px; background-color: rgba(33, 37, 41, 0.2); }
  .layout-rightside-col .layout-rightside { margin-top: 0px; height: 100%; margin-left: auto; }
  .layout-rightside-col .card-body { overflow-y: auto; padding-bottom: 1rem !important; }
}

@media (min-width: 1700px) {
  :is([data-layout="horizontal"], [data-layout-style="detached"]) .layout-rightside { margin-top: calc(28px - 1.5rem); margin-right: 0px; height: calc(100% - 0.75rem); }
}

[data-layout="semibox"] .layout-rightside { margin-right: 0px; }

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

.favourite-btn { border-color: transparent; }

.favourite-btn .ri-star-fill { color: var(--vz-secondary-color); }

.favourite-btn.active { border-color: transparent; }

.favourite-btn.active .ri-star-fill { color: rgb(255, 190, 11); }

.favourite-btn.active .ri-star-fill::before { content: ""; }

.card-logo-light { display: var(--vz-card-logo-light); }

.card-logo-dark { display: var(--vz-card-logo-dark); }

#back-to-top { position: fixed; bottom: 100px; right: 28px; transition: 0.5s; display: none; z-index: 1000; }

#back-to-top:hover { animation: 1.5s linear 0s infinite normal none running fade-up; }

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

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

#preloader { position: fixed; inset: 0px; background-color: var(--vz-secondary-bg); z-index: 9999; }

[data-preloader="disable"] #preloader { opacity: 0; visibility: hidden; }

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

:is([type="tel"], [type="url"], [type="email"], [type="number"])::-webkit-input-placeholder { text-align: left; }

:is([type="tel"], [type="url"], [type="email"], [type="number"])::placeholder { text-align: left; }

.main-chart .chart-border-left { border-left: 1.4px solid var(--vz-border-color); padding: 2px 20px; }

.main-chart .chart-border-left:last-child { margin-right: 0px; }

.activity-feed { list-style: none; }

.activity-feed .feed-item { position: relative; padding-bottom: 27px; padding-left: 16px; border-left: 2px solid var(--vz-border-color); }

.activity-feed .feed-item::after { content: ""; display: block; position: absolute; top: 4px; left: -6px; width: 10px; height: 10px; border-radius: 50%; border: 2px solid rgb(75, 56, 179); background-color: var(--vz-secondary-bg); }

.activity-feed .feed-item:last-child { border-color: transparent; }

.mini-stats-wid { position: relative; }

.mini-stats-wid .mini-stat-icon { overflow: hidden; position: relative; }

.mini-stats-wid .mini-stat-icon::after, .mini-stats-wid .mini-stat-icon::before { content: ""; position: absolute; width: 8px; height: 69px; background-color: rgba(69, 203, 133, 0.1); left: 3px; transform: rotate(32deg); top: -8px; transition: 0.4s; }

.mini-stats-wid .mini-stat-icon::after { left: 27px; width: 8px; transition: 0.2s; }

.mini-stats-wid:hover .mini-stat-icon::after { left: 60px; }

.mini-stats-wid:hover .mini-stat-icon::before { left: 50px; }

.card-wrapper .jp-card .jp-card-back, .card-wrapper .jp-card .jp-card-front { background-color: rgb(69, 203, 133); }

.notification-elem { position: absolute; inset: 0px; background-color: var(--vz-secondary-bg); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; visibility: hidden; opacity: 0; }

.clothes-size li input[type="radio"] { display: none; }

.clothes-size li label { display: inline-block; font-size: 14px; border-radius: 5px; border: 1px solid var(--vz-border-color); text-transform: none; letter-spacing: 0px; color: rgb(75, 56, 179); }

.clothes-size li input[type="radio"]:checked + label { background-color: rgb(75, 56, 179); border-color: rgb(75, 56, 179); color: rgb(255, 255, 255); }

.bs-example-modal { position: relative; inset: auto; z-index: 1; display: block; }

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

.icon-demo-content { color: var(--vz-gray-500); }

.icon-demo-content i { font-size: 24px; margin-right: 10px; color: var(--vz-gray-600); transition: 0.4s; vertical-align: middle; }

.icon-demo-content svg { margin-right: 10px; transition: 0.4s; height: 20px; }

.icon-demo-content .col-lg-4 { margin-top: 24px; }

.icon-demo-content .col-lg-4:hover i, .icon-demo-content .col-lg-4:hover svg { color: rgb(75, 56, 179); transform: scale(1.5); }

.img-switch .card-radio .form-check-input { display: none; }

.img-switch .card-radio .form-check-input:checked + .form-check-label::before { content: ""; position: absolute; inset: 0px; background-color: rgba(75, 56, 179, 0.5); }

.img-switch .card-radio .form-check-input:checked + .form-check-label::after { content: ""; font-family: remixicon; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); font-size: 18px; color: rgb(255, 255, 255); }

[data-bs-target="#collapseBgGradient"].active { border-color: rgb(75, 56, 179) !important; }

[data-bs-target="#collapseBgGradient"].active::before { content: ""; font-family: remixicon; position: absolute; top: 2px; right: 6px; font-size: 16px; color: rgb(75, 56, 179); }

@media print {
  #back-to-top, .app-menu, .footer, .navbar-header, .page-title-box, .right-bar, .vertical-menu { display: none !important; }
  .card-body, .main-content, .page-content, .right-bar, body { padding: 0px; margin: 0px; }
  .card { border: 0px; box-shadow: none !important; }
  .invoice-details .d-sm-flex { display: flex !important; }
  .address.col-sm-6 { -webkit-box-flex: 0 !important; flex: 0 0 auto !important; width: 50% !important; max-width: 100% !important; }
}

.ribbon-box { position: relative; }

.ribbon-box .ribbon { padding: 5px 12px; box-shadow: rgba(33, 37, 41, 0.15) 2px 5px 10px; color: rgb(255, 255, 255); font-size: 0.8125rem; font-weight: 600; position: absolute; left: -1px; top: 5px; }

.ribbon-box .ribbon.round-shape { border-radius: 0px 30px 30px 0px; }

.ribbon-box .ribbon.ribbon-shape { display: inline-block; }

.ribbon-box .ribbon.ribbon-shape::before { content: ""; position: absolute; right: -17px; top: 0px; border: 14px solid transparent; }

.ribbon-box .ribbon.ribbon-shape::after { content: ""; position: absolute; right: -17px; bottom: 0px; border: 14px solid transparent; }

.ribbon-box.ribbon-circle .ribbon { width: 48px; height: 48px; border-radius: 50%; padding: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; left: 20px; top: 20px; }

.ribbon-box.ribbon-fill { overflow: hidden; }

.ribbon-box.ribbon-fill .ribbon { transform: rotate(-45deg); width: 93px; height: 52px; left: -36px; top: -16px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: end; align-items: flex-end; }

.ribbon-box.ribbon-fill.ribbon-sm .ribbon { padding: 2px 12px; width: 78px; height: 42px; font-size: 12px; box-shadow: none; }

.ribbon-box.right .ribbon { position: absolute; left: auto; right: 0px; }

.ribbon-box.right .ribbon.round-shape { border-radius: 30px 0px 0px 30px; }

.ribbon-box.right .ribbon.ribbon-shape { text-align: right; }

.ribbon-box.right .ribbon.ribbon-shape::after, .ribbon-box.right .ribbon.ribbon-shape::before { right: auto; left: -17px; border-left-color: transparent; }

.ribbon-box.right.ribbon-circle .ribbon { left: auto; right: 20px; }

.ribbon-box.right .icon-ribbon { right: 24px; left: auto; }

.ribbon-box.right.ribbon-fill .ribbon { transform: rotate(45deg); right: -38px; left: auto; }

.ribbon-box.right.ribbon-box .ribbon-two { left: auto; right: -5px; }

.ribbon-box.right.ribbon-box .ribbon-two span { left: auto; right: -21px; transform: rotate(45deg); }

.ribbon-box .ribbon-content { clear: both; }

.ribbon-box .ribbon-primary { background: rgb(75, 56, 179); }

.ribbon-box .ribbon-primary::before { border-color: rgb(59, 44, 140) transparent transparent; }

.ribbon-box .ribbon-primary.ribbon-shape::before { border-left-color: rgb(75, 56, 179); border-top-color: rgb(75, 56, 179); }

.ribbon-box .ribbon-primary.ribbon-shape::after { border-left-color: rgb(75, 56, 179); border-bottom-color: rgb(75, 56, 179); }

.ribbon-box.right .ribbon-primary { background: rgb(75, 56, 179); }

.ribbon-box.right .ribbon-primary.ribbon-shape::before { border-right-color: rgb(75, 56, 179); border-top-color: rgb(75, 56, 179); }

.ribbon-box.right .ribbon-primary.ribbon-shape::after { border-right-color: rgb(75, 56, 179); border-bottom-color: rgb(75, 56, 179); }

.ribbon-box .ribbon-secondary { background: rgb(53, 119, 241); }

.ribbon-box .ribbon-secondary::before { border-color: rgb(16, 90, 227) transparent transparent; }

.ribbon-box .ribbon-secondary.ribbon-shape::before { border-left-color: rgb(53, 119, 241); border-top-color: rgb(53, 119, 241); }

.ribbon-box .ribbon-secondary.ribbon-shape::after { border-left-color: rgb(53, 119, 241); border-bottom-color: rgb(53, 119, 241); }

.ribbon-box.right .ribbon-secondary { background: rgb(53, 119, 241); }

.ribbon-box.right .ribbon-secondary.ribbon-shape::before { border-right-color: rgb(53, 119, 241); border-top-color: rgb(53, 119, 241); }

.ribbon-box.right .ribbon-secondary.ribbon-shape::after { border-right-color: rgb(53, 119, 241); border-bottom-color: rgb(53, 119, 241); }

.ribbon-box .ribbon-success { background: rgb(69, 203, 133); }

.ribbon-box .ribbon-success::before { border-color: rgb(48, 173, 108) transparent transparent; }

.ribbon-box .ribbon-success.ribbon-shape::before { border-left-color: rgb(69, 203, 133); border-top-color: rgb(69, 203, 133); }

.ribbon-box .ribbon-success.ribbon-shape::after { border-left-color: rgb(69, 203, 133); border-bottom-color: rgb(69, 203, 133); }

.ribbon-box.right .ribbon-success { background: rgb(69, 203, 133); }

.ribbon-box.right .ribbon-success.ribbon-shape::before { border-right-color: rgb(69, 203, 133); border-top-color: rgb(69, 203, 133); }

.ribbon-box.right .ribbon-success.ribbon-shape::after { border-right-color: rgb(69, 203, 133); border-bottom-color: rgb(69, 203, 133); }

.ribbon-box .ribbon-info { background: rgb(41, 156, 219); }

.ribbon-box .ribbon-info::before { border-color: rgb(30, 126, 179) transparent transparent; }

.ribbon-box .ribbon-info.ribbon-shape::before { border-left-color: rgb(41, 156, 219); border-top-color: rgb(41, 156, 219); }

.ribbon-box .ribbon-info.ribbon-shape::after { border-left-color: rgb(41, 156, 219); border-bottom-color: rgb(41, 156, 219); }

.ribbon-box.right .ribbon-info { background: rgb(41, 156, 219); }

.ribbon-box.right .ribbon-info.ribbon-shape::before { border-right-color: rgb(41, 156, 219); border-top-color: rgb(41, 156, 219); }

.ribbon-box.right .ribbon-info.ribbon-shape::after { border-right-color: rgb(41, 156, 219); border-bottom-color: rgb(41, 156, 219); }

.ribbon-box .ribbon-warning { background: rgb(255, 190, 11); }

.ribbon-box .ribbon-warning::before { border-color: rgb(215, 158, 0) transparent transparent; }

.ribbon-box .ribbon-warning.ribbon-shape::before { border-left-color: rgb(255, 190, 11); border-top-color: rgb(255, 190, 11); }

.ribbon-box .ribbon-warning.ribbon-shape::after { border-left-color: rgb(255, 190, 11); border-bottom-color: rgb(255, 190, 11); }

.ribbon-box.right .ribbon-warning { background: rgb(255, 190, 11); }

.ribbon-box.right .ribbon-warning.ribbon-shape::before { border-right-color: rgb(255, 190, 11); border-top-color: rgb(255, 190, 11); }

.ribbon-box.right .ribbon-warning.ribbon-shape::after { border-right-color: rgb(255, 190, 11); border-bottom-color: rgb(255, 190, 11); }

.ribbon-box .ribbon-danger { background: rgb(240, 101, 72); }

.ribbon-box .ribbon-danger::before { border-color: rgb(236, 61, 25) transparent transparent; }

.ribbon-box .ribbon-danger.ribbon-shape::before { border-left-color: rgb(240, 101, 72); border-top-color: rgb(240, 101, 72); }

.ribbon-box .ribbon-danger.ribbon-shape::after { border-left-color: rgb(240, 101, 72); border-bottom-color: rgb(240, 101, 72); }

.ribbon-box.right .ribbon-danger { background: rgb(240, 101, 72); }

.ribbon-box.right .ribbon-danger.ribbon-shape::before { border-right-color: rgb(240, 101, 72); border-top-color: rgb(240, 101, 72); }

.ribbon-box.right .ribbon-danger.ribbon-shape::after { border-right-color: rgb(240, 101, 72); border-bottom-color: rgb(240, 101, 72); }

.ribbon-box .ribbon-light { background: rgb(243, 246, 249); }

.ribbon-box .ribbon-light::before { border-color: rgb(209, 221, 232) transparent transparent; }

.ribbon-box .ribbon-light.ribbon-shape::before { border-left-color: rgb(243, 246, 249); border-top-color: rgb(243, 246, 249); }

.ribbon-box .ribbon-light.ribbon-shape::after { border-left-color: rgb(243, 246, 249); border-bottom-color: rgb(243, 246, 249); }

.ribbon-box.right .ribbon-light { background: rgb(243, 246, 249); }

.ribbon-box.right .ribbon-light.ribbon-shape::before { border-right-color: rgb(243, 246, 249); border-top-color: rgb(243, 246, 249); }

.ribbon-box.right .ribbon-light.ribbon-shape::after { border-right-color: rgb(243, 246, 249); border-bottom-color: rgb(243, 246, 249); }

.ribbon-box .ribbon-dark { background: rgb(33, 37, 41); }

.ribbon-box .ribbon-dark::before { border-color: rgb(10, 12, 13) transparent transparent; }

.ribbon-box .ribbon-dark.ribbon-shape::before { border-left-color: rgb(33, 37, 41); border-top-color: rgb(33, 37, 41); }

.ribbon-box .ribbon-dark.ribbon-shape::after { border-left-color: rgb(33, 37, 41); border-bottom-color: rgb(33, 37, 41); }

.ribbon-box.right .ribbon-dark { background: rgb(33, 37, 41); }

.ribbon-box.right .ribbon-dark.ribbon-shape::before { border-right-color: rgb(33, 37, 41); border-top-color: rgb(33, 37, 41); }

.ribbon-box.right .ribbon-dark.ribbon-shape::after { border-right-color: rgb(33, 37, 41); border-bottom-color: rgb(33, 37, 41); }

.ribbon-box .icon-ribbon { box-shadow: none; left: 24px; top: -12px; font-size: 40px; padding: 0px; }

.ribbon-box .ribbon-two { position: absolute; left: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; }

.ribbon-box .ribbon-two span { font-size: 13px; color: rgb(255, 255, 255); text-align: center; line-height: 20px; transform: rotate(-45deg); width: 100px; display: block; box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 8px 0px, rgba(0, 0, 0, 0.02) 0px 1px 0px 0px; position: absolute; top: 19px; left: -21px; font-weight: 600; }

.ribbon-box .ribbon-two span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-right: 3px solid transparent; border-bottom: 3px solid transparent; }

.ribbon-box .ribbon-two span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-bottom: 3px solid transparent; }

.ribbon-box .ribbon-two-primary span { background: rgb(75, 56, 179); }

.ribbon-box .ribbon-two-primary span::before { border-left: 3px solid rgb(51, 38, 121); border-top: 3px solid rgb(51, 38, 121); }

.ribbon-box .ribbon-two-primary span::after { border-right: 3px solid rgb(51, 38, 121); border-top: 3px solid rgb(51, 38, 121); }

.ribbon-box .ribbon-two-secondary span { background: rgb(53, 119, 241); }

.ribbon-box .ribbon-two-secondary span::before { border-left: 3px solid rgb(14, 81, 203); border-top: 3px solid rgb(14, 81, 203); }

.ribbon-box .ribbon-two-secondary span::after { border-right: 3px solid rgb(14, 81, 203); border-top: 3px solid rgb(14, 81, 203); }

.ribbon-box .ribbon-two-success span { background: rgb(69, 203, 133); }

.ribbon-box .ribbon-two-success span::before { border-left: 3px solid rgb(43, 153, 95); border-top: 3px solid rgb(43, 153, 95); }

.ribbon-box .ribbon-two-success span::after { border-right: 3px solid rgb(43, 153, 95); border-top: 3px solid rgb(43, 153, 95); }

.ribbon-box .ribbon-two-info span { background: rgb(41, 156, 219); }

.ribbon-box .ribbon-two-info span::before { border-left: 3px solid rgb(26, 111, 157); border-top: 3px solid rgb(26, 111, 157); }

.ribbon-box .ribbon-two-info span::after { border-right: 3px solid rgb(26, 111, 157); border-top: 3px solid rgb(26, 111, 157); }

.ribbon-box .ribbon-two-warning span { background: rgb(255, 190, 11); }

.ribbon-box .ribbon-two-warning span::before { border-left: 3px solid rgb(190, 139, 0); border-top: 3px solid rgb(190, 139, 0); }

.ribbon-box .ribbon-two-warning span::after { border-right: 3px solid rgb(190, 139, 0); border-top: 3px solid rgb(190, 139, 0); }

.ribbon-box .ribbon-two-danger span { background: rgb(240, 101, 72); }

.ribbon-box .ribbon-two-danger span::before { border-left: 3px solid rgb(218, 52, 18); border-top: 3px solid rgb(218, 52, 18); }

.ribbon-box .ribbon-two-danger span::after { border-right: 3px solid rgb(218, 52, 18); border-top: 3px solid rgb(218, 52, 18); }

.ribbon-box .ribbon-two-light span { background: rgb(243, 246, 249); }

.ribbon-box .ribbon-two-light span::before { border-left: 3px solid rgb(192, 208, 224); border-top: 3px solid rgb(192, 208, 224); }

.ribbon-box .ribbon-two-light span::after { border-right: 3px solid rgb(192, 208, 224); border-top: 3px solid rgb(192, 208, 224); }

.ribbon-box .ribbon-two-dark span { background: rgb(33, 37, 41); }

.ribbon-box .ribbon-two-dark span::before { border-left: 3px solid rgb(0, 0, 0); border-top: 3px solid rgb(0, 0, 0); }

.ribbon-box .ribbon-two-dark span::after { border-right: 3px solid rgb(0, 0, 0); border-top: 3px solid rgb(0, 0, 0); }

.ribbon-box.right .ribbon-three { position: absolute; top: -6.1px; right: 10px; left: auto; }

.ribbon-three { position: absolute; top: -6.1px; left: 10px; }

.ribbon-three span { position: relative; display: block; text-align: center; color: rgb(255, 255, 255); font-size: 14px; line-height: 1; padding: 12px 8px 10px; border-top-right-radius: 8px; width: 90px; }

.ribbon-three span::after, .ribbon-three span::before { position: absolute; content: ""; }

.ribbon-three span::before { height: 6px; width: 6px; left: -6px; top: 0px; }

.ribbon-three span::after { height: 6px; width: 8px; left: -8px; top: 0px; border-radius: 8px 8px 0px 0px; }

.ribbon-three::after { position: absolute; content: ""; width: 0px; height: 0px; border-left: 44px solid transparent; border-right: 44px solid transparent; border-top: 10px solid; }

.ribbon-three-primary span { background: rgb(75, 56, 179); }

.ribbon-three-primary span::before { background: rgb(75, 56, 179); }

.ribbon-three-primary span::after { background: rgb(59, 44, 140); }

.ribbon-three-primary::after { border-top-color: rgb(75, 56, 179); }

.ribbon-three-secondary span { background: rgb(53, 119, 241); }

.ribbon-three-secondary span::before { background: rgb(53, 119, 241); }

.ribbon-three-secondary span::after { background: rgb(16, 90, 227); }

.ribbon-three-secondary::after { border-top-color: rgb(53, 119, 241); }

.ribbon-three-success span { background: rgb(69, 203, 133); }

.ribbon-three-success span::before { background: rgb(69, 203, 133); }

.ribbon-three-success span::after { background: rgb(48, 173, 108); }

.ribbon-three-success::after { border-top-color: rgb(69, 203, 133); }

.ribbon-three-info span { background: rgb(41, 156, 219); }

.ribbon-three-info span::before { background: rgb(41, 156, 219); }

.ribbon-three-info span::after { background: rgb(30, 126, 179); }

.ribbon-three-info::after { border-top-color: rgb(41, 156, 219); }

.ribbon-three-warning span { background: rgb(255, 190, 11); }

.ribbon-three-warning span::before { background: rgb(255, 190, 11); }

.ribbon-three-warning span::after { background: rgb(215, 158, 0); }

.ribbon-three-warning::after { border-top-color: rgb(255, 190, 11); }

.ribbon-three-danger span { background: rgb(240, 101, 72); }

.ribbon-three-danger span::before { background: rgb(240, 101, 72); }

.ribbon-three-danger span::after { background: rgb(236, 61, 25); }

.ribbon-three-danger::after { border-top-color: rgb(240, 101, 72); }

.ribbon-three-light span { background: rgb(243, 246, 249); }

.ribbon-three-light span::before { background: rgb(243, 246, 249); }

.ribbon-three-light span::after { background: rgb(209, 221, 232); }

.ribbon-three-light::after { border-top-color: rgb(243, 246, 249); }

.ribbon-three-dark span { background: rgb(33, 37, 41); }

.ribbon-three-dark span::before { background: rgb(33, 37, 41); }

.ribbon-three-dark span::after { background: rgb(10, 12, 13); }

.ribbon-three-dark::after { border-top-color: rgb(33, 37, 41); }

.ribbon-box .trending-ribbon { transform: translateX(-50px); transition: 0.5s; }

.ribbon-box .trending-ribbon .trending-ribbon-text { transition: 0.5s; opacity: 0; }

.ribbon-box:hover .trending-ribbon { transform: translateX(0px); }

.ribbon-box:hover .trending-ribbon .trending-ribbon-text { opacity: 1; }

.ribbon-box.right .trending-ribbon { transform: translateX(50px); transition: 0.5s; }

.ribbon-box.right .trending-ribbon .trending-ribbon-text { transition: 0.5s; opacity: 0; }

.ribbon-box.right:hover .trending-ribbon { transform: translateX(0px); }

.ribbon-box.right:hover .trending-ribbon .trending-ribbon-text { opacity: 1; }

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

.toast-border-primary .toast-body { color: rgb(75, 56, 179); border-bottom: 3px solid rgb(75, 56, 179); }

.toast-border-secondary .toast-body { color: rgb(53, 119, 241); border-bottom: 3px solid rgb(53, 119, 241); }

.toast-border-success .toast-body { color: rgb(69, 203, 133); border-bottom: 3px solid rgb(69, 203, 133); }

.toast-border-info .toast-body { color: rgb(41, 156, 219); border-bottom: 3px solid rgb(41, 156, 219); }

.toast-border-warning .toast-body { color: rgb(255, 190, 11); border-bottom: 3px solid rgb(255, 190, 11); }

.toast-border-danger .toast-body { color: rgb(240, 101, 72); border-bottom: 3px solid rgb(240, 101, 72); }

.toast-border-light .toast-body { color: rgb(243, 246, 249); border-bottom: 3px solid rgb(243, 246, 249); }

.toast-border-dark .toast-body { color: rgb(33, 37, 41); border-bottom: 3px solid rgb(33, 37, 41); }

.scrollspy-example { position: relative; height: 200px; margin-top: 0.5rem; overflow: auto; }

.scrollspy-example-2 { position: relative; height: 370px; overflow: auto; }

:root { --vz-card-logo-dark: block; --vz-card-logo-light: none; --vz-vertical-menu-width: 250px; --vz-vertical-menu-width-md: 180px; --vz-vertical-menu-width-sm: 70px; --vz-header-bg: #fff; --vz-header-border: #e9ebec; --vz-header-item-color: #495057; --vz-header-item-bg: rgba(75, 56, 179, 0.12); --vz-header-item-sub-color: #878a99; --vz-topbar-search-bg: #f3f3f9; --vz-topbar-search-color: #495057; --vz-topbar-user-bg: #f3f3f9; --vz-page-title-box-shadow: 0 3px 3px rgba(56, 65, 74, 0.1); --vz-page-title-border: none; --vz-topnav-bg: #fff; --vz-topnav-item-color: #6d7080; --vz-topnav-item-active-color: #4b38b3; --vz-twocolumn-menu-iconview-bg: #fff; --vz-twocolumn-menu-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12); --vz-boxed-layout-width: 1300px; --vz-boxed-body-bg: #e5e5ef; --vz-semibox-width: 110px; --vz-footer-bg: #fff; --vz-footer-color: #98a6ad; --vz-input-bg-custom: #fff; --vz-input-border-custom: #ced4da; }

:root[data-topbar="dark"] { --vz-header-bg: #1C1C36; --vz-header-item-color: rgba(255, 255, 255, 0.85); --vz-header-item-bg: #29294e; --vz-header-item-sub-color: #a3a6b7; --vz-topbar-user-bg: #2A2A50; --vz-topbar-search-bg: rgba(255, 255, 255, 0.05); --vz-topbar-search-color: #fff; --vz-header-border: #1C1C36; }

:root { --vz-vertical-menu-bg: #fff; --vz-vertical-menu-border: #fff; --vz-vertical-menu-item-color: #6d7080; --vz-vertical-menu-item-bg: rgba(75, 56, 179, 0.15); --vz-vertical-menu-item-hover-color: #4b38b3; --vz-vertical-menu-item-active-color: #4b38b3; --vz-vertical-menu-item-active-bg: rgba(75, 56, 179, 0.15); --vz-vertical-menu-sub-item-color: #7c7f90; --vz-vertical-menu-sub-item-hover-color: #4b38b3; --vz-vertical-menu-sub-item-active-color: #4b38b3; --vz-vertical-menu-title-color: #919da9; --vz-vertical-menu-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12); --vz-vertical-menu-dropdown-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12); }

:root[data-sidebar="dark"] { --vz-vertical-menu-bg: #151529; --vz-vertical-menu-border: #151529; --vz-vertical-menu-item-color: #a3a6b7; --vz-vertical-menu-item-bg: rgba(255, 255, 255, 0.15); --vz-vertical-menu-item-hover-color: #fff; --vz-vertical-menu-item-active-color: #fff; --vz-vertical-menu-item-active-bg: rgba(255, 255, 255, 0.15); --vz-vertical-menu-sub-item-color: #a3a6b7; --vz-vertical-menu-sub-item-hover-color: #fff; --vz-vertical-menu-sub-item-active-color: #fff; --vz-vertical-menu-title-color: #838fb9; --vz-twocolumn-menu-iconview-bg: #121222; --vz-vertical-menu-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12); --vz-vertical-menu-dropdown-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12); }

:root:is([data-sidebar="gradient"], [data-sidebar="gradient-2"], [data-sidebar="gradient-3"], [data-sidebar="gradient-4"]) { --vz-vertical-menu-item-color: rgba(255, 255, 255, 0.5); --vz-vertical-menu-item-bg: rgba(255, 255, 255, 0.15); --vz-vertical-menu-item-hover-color: #fff; --vz-vertical-menu-item-active-color: #fff; --vz-vertical-menu-item-active-bg: rgba(255, 255, 255, 0.15); --vz-vertical-menu-sub-item-color: rgba(255, 255, 255, 0.5); --vz-vertical-menu-sub-item-hover-color: #fff; --vz-vertical-menu-sub-item-active-color: #fff; --vz-vertical-menu-title-color: rgba(255, 255, 255, 0.5); --vz-vertical-menu-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12); --vz-vertical-menu-dropdown-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12); }

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

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

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

:root[data-sidebar="gradient-4"] { --vz-vertical-menu-bg: linear-gradient(to right, #1a1d21, var(--vz-primary)); --vz-vertical-menu-border: var(--vz-primary); --vz-twocolumn-menu-iconview-bg: #1a1d21; }

[data-bs-theme="dark"] { --vz-light: #282b2e; --vz-light-rgb: 40,43,46; --vz-light-text-emphasis: #535659; --vz-light-bg-subtle: #25282c; --vz-light-border-subtle: #35383c; --vz-dark: #313437; --vz-dark-rgb: 49,52,55; --vz-dark-text-emphasis: #5f6164; --vz-dark-bg-subtle: #313437; --vz-dark-border-subtle: #3c3f42; --vz-card-logo-dark: none; --vz-card-logo-light: block; --vz-footer-bg: #212529; --vz-footer-color: #878a99; --vz-topnav-bg: #272b30; --vz-topnav-item-color: #878a99; --vz-topnav-item-active-color: #fff; --vz-page-title-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15); --vz-page-title-border: none; --vz-twocolumn-menu-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12); --vz-boxed-body-bg: #111316; --vz-input-bg-custom: #262a2f; --vz-input-border-custom: #2a2f34; }

[data-bs-theme="dark"] .table-light { --vz-table-color: white; --vz-table-bg: var(--vz-light); --vz-table-border-color: var(--vz-border-color); --vz-table-striped-bg: var(--vz-light); --vz-table-striped-color: white; --vz-table-active-bg: var(--vz-light); --vz-table-active-color: white; --vz-table-hover-bg: var(--vz-light); --vz-table-hover-color: white; }

[data-bs-theme="dark"] .btn-light, [data-bs-theme="dark"] .btn-outline-light { --vz-btn-color: #8d8e90; --vz-btn-active-color: #fff; --vz-btn-hover-color: #fff; }

[data-bs-theme="dark"] .btn-ghost-dark, [data-bs-theme="dark"] .btn-outline-dark, [data-bs-theme="dark"] .btn-soft-dark { --vz-btn-color: #fff; }

[data-bs-theme="dark"] .btn-ghost-dark { --vz-btn-active-color: #fff; --vz-btn-hover-color: #fff; }

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

[data-bs-theme="dark"] { --vz-header-bg: #262a2f; --vz-header-border: #2a2f34; --vz-header-item-color: #e9ecef; --vz-header-item-bg: #31363c; --vz-header-item-sub-color: #878a99; --vz-topbar-user-bg: #2f343a; --vz-topbar-search-bg: rgba(255, 255, 255, 0.05); --vz-topbar-search-color: #fff; }

[data-bs-theme="dark"][data-topbar="dark"] { --vz-header-bg: #262a2f; --vz-header-border: #2a2f34; --vz-header-item-color: rgba(255, 255, 255, 0.85); --vz-header-item-bg: #363b42; --vz-header-item-sub-color: #878a99; --vz-topbar-user-bg: #2f343a; --vz-topbar-search-bg: rgba(255, 255, 255, 0.05); --vz-topbar-search-color: #fff; }

[data-bs-theme="dark"] { --vz-vertical-menu-bg: #fff; --vz-vertical-menu-border: #fff; --vz-vertical-menu-item-color: #6d7080; --vz-vertical-menu-item-bg: rgba(75, 56, 179, 0.15); --vz-vertical-menu-item-hover-color: #4b38b3; --vz-vertical-menu-item-active-color: #4b38b3; --vz-vertical-menu-item-active-bg: rgba(75, 56, 179, 0.15); --vz-vertical-menu-sub-item-color: #7c7f90; --vz-vertical-menu-sub-item-hover-color: #4b38b3; --vz-vertical-menu-sub-item-active-color: #4b38b3; --vz-vertical-menu-title-color: #919da9; }

[data-bs-theme="dark"][data-sidebar="dark"] { --vz-vertical-menu-bg: #212529; --vz-vertical-menu-border: #212529; --vz-vertical-menu-item-color: #7c7f90; --vz-vertical-menu-item-bg: rgba(255, 255, 255, 0.15); --vz-vertical-menu-item-hover-color: #fff; --vz-vertical-menu-item-active-color: #fff; --vz-vertical-menu-item-active-bg: rgba(255, 255, 255, 0.15); --vz-vertical-menu-sub-item-color: #7c7f90; --vz-vertical-menu-sub-item-hover-color: #fff; --vz-vertical-menu-sub-item-active-color: #fff; --vz-vertical-menu-title-color: #5f6270; --vz-twocolumn-menu-iconview-bg: #292e32; }

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

:is(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) { font-family: Inter, sans-serif; }

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

b, strong { font-weight: 600; }

.blockquote { padding: 10px 20px; border-left: 4px solid var(--vz-border-color); }

.blockquote-reverse { border-left: 0px; border-right: 4px solid var(--vz-border-color); text-align: right; }

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

.row > * { position: relative; }

.alert-label-icon { position: relative; padding-left: 60px; border: 0px; }

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

.alert-label-icon.label-arrow { overflow: hidden; }

.alert-label-icon.label-arrow .label-icon::after { content: ""; position: absolute; border-width: 6px; border-style: solid; border-color: transparent transparent transparent rgb(75, 56, 179); border-image: initial; right: -12px; }

.alert-border-left { border-left: 3px solid; }

.alert-top-border { background-color: var(--vz-secondary-bg); border-right-color: ; border-bottom-color: ; border-left-color: ; border-top: 2px solid; color: var(--vz-body-color); }

.alert-additional { padding: 0px; }

.alert-additional .alert-body { padding: 0.8rem 1rem; }

.alert-additional .alert-content { padding: 0.8rem 1rem; border-bottom-left-radius: var(--vz-border-radius); border-bottom-right-radius: var(--vz-border-radius); }

.rounded-label .label-icon { width: 45px; height: 26px; left: 0px; top: 50%; transform: translateY(-50%); border-radius: 0px 30px 30px 0px; }

.alert-border-left.alert-primary { border-left-color: var(--vz-primary); }

.alert-top-border.alert-primary { border-top-color: var(--vz-primary); }

.rounded-label.alert-primary .label-icon { background-color: var(--vz-primary); color: rgb(255, 255, 255); }

.label-arrow.alert-primary .label-icon { color: rgb(255, 255, 255); background-color: var(--vz-primary); }

.label-arrow.alert-primary .label-icon::after { border-left-color: var(--vz-primary) !important; }

.alert.alert-primary .btn-close::after { color: var(--vz-primary); }

.alert-additional.alert-primary .alert-content { background-color: var(--vz-primary); color: rgb(255, 255, 255); }

.alert-border-left.alert-secondary { border-left-color: var(--vz-secondary); }

.alert-top-border.alert-secondary { border-top-color: var(--vz-secondary); }

.rounded-label.alert-secondary .label-icon { background-color: var(--vz-secondary); color: rgb(255, 255, 255); }

.label-arrow.alert-secondary .label-icon { color: rgb(255, 255, 255); background-color: var(--vz-secondary); }

.label-arrow.alert-secondary .label-icon::after { border-left-color: var(--vz-secondary) !important; }

.alert.alert-secondary .btn-close::after { color: var(--vz-secondary); }

.alert-additional.alert-secondary .alert-content { background-color: var(--vz-secondary); color: rgb(255, 255, 255); }

.alert-border-left.alert-success { border-left-color: var(--vz-success); }

.alert-top-border.alert-success { border-top-color: var(--vz-success); }

.rounded-label.alert-success .label-icon { background-color: var(--vz-success); color: rgb(255, 255, 255); }

.label-arrow.alert-success .label-icon { color: rgb(255, 255, 255); background-color: var(--vz-success); }

.label-arrow.alert-success .label-icon::after { border-left-color: var(--vz-success) !important; }

.alert.alert-success .btn-close::after { color: var(--vz-success); }

.alert-additional.alert-success .alert-content { background-color: var(--vz-success); color: rgb(255, 255, 255); }

.alert-border-left.alert-info { border-left-color: var(--vz-info); }

.alert-top-border.alert-info { border-top-color: var(--vz-info); }

.rounded-label.alert-info .label-icon { background-color: var(--vz-info); color: rgb(255, 255, 255); }

.label-arrow.alert-info .label-icon { color: rgb(255, 255, 255); background-color: var(--vz-info); }

.label-arrow.alert-info .label-icon::after { border-left-color: var(--vz-info) !important; }

.alert.alert-info .btn-close::after { color: var(--vz-info); }

.alert-additional.alert-info .alert-content { background-color: var(--vz-info); color: rgb(255, 255, 255); }

.alert-border-left.alert-warning { border-left-color: var(--vz-warning); }

.alert-top-border.alert-warning { border-top-color: var(--vz-warning); }

.rounded-label.alert-warning .label-icon { background-color: var(--vz-warning); color: rgb(255, 255, 255); }

.label-arrow.alert-warning .label-icon { color: rgb(255, 255, 255); background-color: var(--vz-warning); }

.label-arrow.alert-warning .label-icon::after { border-left-color: var(--vz-warning) !important; }

.alert.alert-warning .btn-close::after { color: var(--vz-warning); }

.alert-additional.alert-warning .alert-content { background-color: var(--vz-warning); color: rgb(255, 255, 255); }

.alert-border-left.alert-danger { border-left-color: var(--vz-danger); }

.alert-top-border.alert-danger { border-top-color: var(--vz-danger); }

.rounded-label.alert-danger .label-icon { background-color: var(--vz-danger); color: rgb(255, 255, 255); }

.label-arrow.alert-danger .label-icon { color: rgb(255, 255, 255); background-color: var(--vz-danger); }

.label-arrow.alert-danger .label-icon::after { border-left-color: var(--vz-danger) !important; }

.alert.alert-danger .btn-close::after { color: var(--vz-danger); }

.alert-additional.alert-danger .alert-content { background-color: var(--vz-danger); color: rgb(255, 255, 255); }

.alert-border-left.alert-light { border-left-color: var(--vz-light); }

.alert-top-border.alert-light { border-top-color: var(--vz-light); }

.rounded-label.alert-light .label-icon { background-color: var(--vz-light); color: rgb(0, 0, 0); }

.label-arrow.alert-light .label-icon { color: rgb(0, 0, 0); background-color: var(--vz-light); }

.label-arrow.alert-light .label-icon::after { border-left-color: var(--vz-light) !important; }

.alert.alert-light .btn-close::after { color: var(--vz-light); }

.alert-additional.alert-light .alert-content { background-color: var(--vz-light); color: rgb(0, 0, 0); }

.alert-border-left.alert-dark { border-left-color: var(--vz-dark); }

.alert-top-border.alert-dark { border-top-color: var(--vz-dark); }

.rounded-label.alert-dark .label-icon { background-color: var(--vz-dark); color: rgb(255, 255, 255); }

.label-arrow.alert-dark .label-icon { color: rgb(255, 255, 255); background-color: var(--vz-dark); }

.label-arrow.alert-dark .label-icon::after { border-left-color: var(--vz-dark) !important; }

.alert.alert-dark .btn-close::after { color: var(--vz-dark); }

.alert-additional.alert-dark .alert-content { background-color: var(--vz-dark); color: rgb(255, 255, 255); }

.alert-dismissible .btn-close { background: 0px 0px !important; }

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

.badge { line-height: 0.95; }

.badge-label.bg-primary::before { border-right-color: rgb(75, 56, 179); }

.badge-label.bg-secondary::before { border-right-color: rgb(53, 119, 241); }

.badge-label.bg-success::before { border-right-color: rgb(69, 203, 133); }

.badge-label.bg-info::before { border-right-color: rgb(41, 156, 219); }

.badge-label.bg-warning::before { border-right-color: rgb(255, 190, 11); }

.badge-label.bg-danger::before { border-right-color: rgb(240, 101, 72); }

.badge-label.bg-light::before { border-right-color: rgb(243, 246, 249); }

.badge-label.bg-dark::before { border-right-color: rgb(33, 37, 41); }

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

.badge-label { margin-left: 8px; position: relative; }

.badge-label::before { content: ""; position: absolute; border-width: 8px; border-style: solid; border-color: transparent rgb(75, 56, 179) transparent transparent; border-image: initial; left: -14px; top: 0px; }

.badge-gradient-primary { background: linear-gradient(135deg, rgb(75, 56, 179) 0px, rgb(69, 203, 133) 100%); }

.badge-gradient-secondary { background: linear-gradient(135deg, rgb(53, 119, 241) 0px, rgb(41, 156, 219) 100%); }

.badge-gradient-success { background: linear-gradient(135deg, rgb(69, 203, 133) 0px, rgb(255, 190, 11) 100%); }

.badge-gradient-danger { background: linear-gradient(135deg, rgb(240, 101, 72) 0px, rgb(53, 119, 241) 100%); }

.badge-gradient-warning { background: linear-gradient(135deg, rgb(255, 190, 11) 0px, rgb(190, 139, 0) 100%); }

.badge-gradient-info { background: linear-gradient(135deg, rgb(41, 156, 219) 0px, rgb(69, 203, 133) 100%); }

.badge-gradient-dark { background: linear-gradient(135deg, rgb(33, 37, 41) 0px, rgb(75, 56, 179) 100%); }

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

.btn { box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; }

:is(.btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active) { border-color: transparent; }

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

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

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

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

.btn-primary { --vz-btn-bg: var(--vz-primary); --vz-btn-border-color: var(--vz-primary); --vz-btn-hover-bg: var(--vz-primary-text-emphasis); --vz-btn-hover-border-color: var(--vz-primary-text-emphasis); --vz-btn-focus-shadow-rgb: var(--vz-primary-rgb); --vz-btn-active-bg: var(--vz-primary-text-emphasis); --vz-btn-active-border-color: var(--vz-primary-text-emphasis); }

.btn-outline-primary { --vz-btn-color: var(--vz-primary); --vz-btn-bg: transparent; --vz-btn-border-color: var(--vz-primary); --vz-btn-hover-bg: var(--vz-primary); --vz-btn-hover-border-color: var(--vz-primary); --vz-btn-focus-shadow-rgb: var(--vz-primary-rgb); --vz-btn-active-bg: var(--vz-primary); --vz-btn-active-border-color: var(--vz-primary); }

.btn-soft-primary { --vz-btn-color: var(--vz-primary); --vz-btn-bg: var(--vz-primary-bg-subtle); --vz-btn-border-color: transparent; --vz-btn-hover-bg: var(--vz-primary); --vz-btn-hover-border-color: transparent; --vz-btn-focus-shadow-rgb: var(--vz-primary-rgb); --vz-btn-active-bg: var(--vz-primary); --vz-btn-active-border-color: transparent; }

.btn-ghost-primary { --vz-btn-color: var(--vz-primary); --vz-btn-bg: transparent; --vz-btn-border-color: transparent; --vz-btn-hover-color: var(--vz-primary); --vz-btn-hover-bg: var(--vz-primary-bg-subtle); --vz-btn-hover-border-color: transparent; --vz-btn-focus-shadow-rgb: var(--vz-primary-rgb); --vz-btn-active-color: var(--vz-primary); --vz-btn-active-bg: var(--vz-primary-bg-subtle); --vz-btn-active-border-color: transparent; }

.btn-secondary { --vz-btn-bg: var(--vz-secondary); --vz-btn-border-color: var(--vz-secondary); --vz-btn-hover-bg: var(--vz-secondary-text-emphasis); --vz-btn-hover-border-color: var(--vz-secondary-text-emphasis); --vz-btn-focus-shadow-rgb: var(--vz-secondary-rgb); --vz-btn-active-bg: var(--vz-secondary-text-emphasis); --vz-btn-active-border-color: var(--vz-secondary-text-emphasis); }

.btn-outline-secondary { --vz-btn-color: var(--vz-secondary); --vz-btn-bg: transparent; --vz-btn-border-color: var(--vz-secondary); --vz-btn-hover-bg: var(--vz-secondary); --vz-btn-hover-border-color: var(--vz-secondary); --vz-btn-focus-shadow-rgb: var(--vz-secondary-rgb); --vz-btn-active-bg: var(--vz-secondary); --vz-btn-active-border-color: var(--vz-secondary); }

.btn-soft-secondary { --vz-btn-color: var(--vz-secondary); --vz-btn-bg: var(--vz-secondary-bg-subtle); --vz-btn-border-color: transparent; --vz-btn-hover-bg: var(--vz-secondary); --vz-btn-hover-border-color: transparent; --vz-btn-focus-shadow-rgb: var(--vz-secondary-rgb); --vz-btn-active-bg: var(--vz-secondary); --vz-btn-active-border-color: transparent; }

.btn-ghost-secondary { --vz-btn-color: var(--vz-secondary); --vz-btn-bg: transparent; --vz-btn-border-color: transparent; --vz-btn-hover-color: var(--vz-secondary); --vz-btn-hover-bg: var(--vz-secondary-bg-subtle); --vz-btn-hover-border-color: transparent; --vz-btn-focus-shadow-rgb: var(--vz-secondary-rgb); --vz-btn-active-color: var(--vz-secondary); --vz-btn-active-bg: var(--vz-secondary-bg-subtle); --vz-btn-active-border-color: transparent; }

.btn-success { --vz-btn-bg: var(--vz-success); --vz-btn-border-color: var(--vz-success); --vz-btn-hover-bg: var(--vz-success-text-emphasis); --vz-btn-hover-border-color: var(--vz-success-text-emphasis); --vz-btn-focus-shadow-rgb: var(--vz-success-rgb); --vz-btn-active-bg: var(--vz-success-text-emphasis); --vz-btn-active-border-color: var(--vz-success-text-emphasis); }

.btn-outline-success { --vz-btn-color: var(--vz-success); --vz-btn-bg: transparent; --vz-btn-border-color: var(--vz-success); --vz-btn-hover-bg: var(--vz-success); --vz-btn-hover-border-color: var(--vz-success); --vz-btn-focus-shadow-rgb: var(--vz-success-rgb); --vz-btn-active-bg: var(--vz-success); --vz-btn-active-border-color: var(--vz-success); }

.btn-soft-success { --vz-btn-color: var(--vz-success); --vz-btn-bg: var(--vz-success-bg-subtle); --vz-btn-border-color: transparent; --vz-btn-hover-bg: var(--vz-success); --vz-btn-hover-border-color: transparent; --vz-btn-focus-shadow-rgb: var(--vz-success-rgb); --vz-btn-active-bg: var(--vz-success); --vz-btn-active-border-color: transparent; }

.btn-ghost-success { --vz-btn-color: var(--vz-success); --vz-btn-bg: transparent; --vz-btn-border-color: transparent; --vz-btn-hover-color: var(--vz-success); --vz-btn-hover-bg: var(--vz-success-bg-subtle); --vz-btn-hover-border-color: transparent; --vz-btn-focus-shadow-rgb: var(--vz-success-rgb); --vz-btn-active-color: var(--vz-success); --vz-btn-active-bg: var(--vz-success-bg-subtle); --vz-btn-active-border-color: transparent; }

.btn-info { --vz-btn-bg: var(--vz-info); --vz-btn-border-color: var(--vz-info); --vz-btn-hover-bg: var(--vz-info-text-emphasis); --vz-btn-hover-border-color: var(--vz-info-text-emphasis); --vz-btn-focus-shadow-rgb: var(--vz-info-rgb); --vz-btn-active-bg: var(--vz-info-text-emphasis); --vz-btn-active-border-color: var(--vz-info-text-emphasis); }

.btn-outline-info { --vz-btn-color: var(--vz-info); --vz-btn-bg: transparent; --vz-btn-border-color: var(--vz-info); --vz-btn-hover-bg: var(--vz-info); --vz-btn-hover-border-color: var(--vz-info); --vz-btn-focus-shadow-rgb: var(--vz-info-rgb); --vz-btn-active-bg: var(--vz-info); --vz-btn-active-border-color: var(--vz-info); }

.btn-soft-info { --vz-btn-color: var(--vz-info); --vz-btn-bg: var(--vz-info-bg-subtle); --vz-btn-border-color: transparent; --vz-btn-hover-bg: var(--vz-info); --vz-btn-hover-border-color: transparent; --vz-btn-focus-shadow-rgb: var(--vz-info-rgb); --vz-btn-active-bg: var(--vz-info); --vz-btn-active-border-color: transparent; }

.btn-ghost-info { --vz-btn-color: var(--vz-info); --vz-btn-bg: transparent; --vz-btn-border-color: transparent; --vz-btn-hover-color: var(--vz-info); --vz-btn-hover-bg: var(--vz-info-bg-subtle); --vz-btn-hover-border-color: transparent; --vz-btn-focus-shadow-rgb: var(--vz-info-rgb); --vz-btn-active-color: var(--vz-info); --vz-btn-active-bg: var(--vz-info-bg-subtle); --vz-btn-active-border-color: transparent; }

.btn-warning { --vz-btn-bg: var(--vz-warning); --vz-btn-border-color: var(--vz-warning); --vz-btn-hover-bg: var(--vz-warning-text-emphasis); --vz-btn-hover-border-color: var(--vz-warning-text-emphasis); --vz-btn-focus-shadow-rgb: var(--vz-warning-rgb); --vz-btn-active-bg: var(--vz-warning-text-emphasis); --vz-btn-active-border-color: var(--vz-warning-text-emphasis); }

.btn-outline-warning { --vz-btn-color: var(--vz-warning); --vz-btn-bg: transparent; --vz-btn-border-color: var(--vz-warning); --vz-btn-hover-bg: var(--vz-warning); --vz-btn-hover-border-color: var(--vz-warning); --vz-btn-focus-shadow-rgb: var(--vz-warning-rgb); --vz-btn-active-bg: var(--vz-warning); --vz-btn-active-border-color: var(--vz-warning); }

.btn-soft-warning { --vz-btn-color: var(--vz-warning); --vz-btn-bg: var(--vz-warning-bg-subtle); --vz-btn-border-color: transparent; --vz-btn-hover-bg: var(--vz-warning); --vz-btn-hover-border-color: transparent; --vz-btn-focus-shadow-rgb: var(--vz-warning-rgb); --vz-btn-active-bg: var(--vz-warning); --vz-btn-active-border-color: transparent; }

.btn-ghost-warning { --vz-btn-color: var(--vz-warning); --vz-btn-bg: transparent; --vz-btn-border-color: transparent; --vz-btn-hover-color: var(--vz-warning); --vz-btn-hover-bg: var(--vz-warning-bg-subtle); --vz-btn-hover-border-color: transparent; --vz-btn-focus-shadow-rgb: var(--vz-warning-rgb); --vz-btn-active-color: var(--vz-warning); --vz-btn-active-bg: var(--vz-warning-bg-subtle); --vz-btn-active-border-color: transparent; }

.btn-danger { --vz-btn-bg: var(--vz-danger); --vz-btn-border-color: var(--vz-danger); --vz-btn-hover-bg: var(--vz-danger-text-emphasis); --vz-btn-hover-border-color: var(--vz-danger-text-emphasis); --vz-btn-focus-shadow-rgb: var(--vz-danger-rgb); --vz-btn-active-bg: var(--vz-danger-text-emphasis); --vz-btn-active-border-color: var(--vz-danger-text-emphasis); }

.btn-outline-danger { --vz-btn-color: var(--vz-danger); --vz-btn-bg: transparent; --vz-btn-border-color: var(--vz-danger); --vz-btn-hover-bg: var(--vz-danger); --vz-btn-hover-border-color: var(--vz-danger); --vz-btn-focus-shadow-rgb: var(--vz-danger-rgb); --vz-btn-active-bg: var(--vz-danger); --vz-btn-active-border-color: var(--vz-danger); }

.btn-soft-danger { --vz-btn-color: var(--vz-danger); --vz-btn-bg: var(--vz-danger-bg-subtle); --vz-btn-border-color: transparent; --vz-btn-hover-bg: var(--vz-danger); --vz-btn-hover-border-color: transparent; --vz-btn-focus-shadow-rgb: var(--vz-danger-rgb); --vz-btn-active-bg: var(--vz-danger); --vz-btn-active-border-color: transparent; }

.btn-ghost-danger { --vz-btn-color: var(--vz-danger); --vz-btn-bg: transparent; --vz-btn-border-color: transparent; --vz-btn-hover-color: var(--vz-danger); --vz-btn-hover-bg: var(--vz-danger-bg-subtle); --vz-btn-hover-border-color: transparent; --vz-btn-focus-shadow-rgb: var(--vz-danger-rgb); --vz-btn-active-color: var(--vz-danger); --vz-btn-active-bg: var(--vz-danger-bg-subtle); --vz-btn-active-border-color: transparent; }

.btn-light { --vz-btn-bg: var(--vz-light); --vz-btn-border-color: var(--vz-light); --vz-btn-hover-bg: var(--vz-light-text-emphasis); --vz-btn-hover-border-color: var(--vz-light-text-emphasis); --vz-btn-focus-shadow-rgb: var(--vz-light-rgb); --vz-btn-active-bg: var(--vz-light-text-emphasis); --vz-btn-active-border-color: var(--vz-light-text-emphasis); }

.btn-outline-light { --vz-btn-color: var(--vz-light); --vz-btn-bg: transparent; --vz-btn-border-color: var(--vz-light); --vz-btn-hover-bg: var(--vz-light); --vz-btn-hover-border-color: var(--vz-light); --vz-btn-focus-shadow-rgb: var(--vz-light-rgb); --vz-btn-active-bg: var(--vz-light); --vz-btn-active-border-color: var(--vz-light); }

.btn-soft-light { --vz-btn-color: var(--vz-light); --vz-btn-bg: var(--vz-light-bg-subtle); --vz-btn-border-color: transparent; --vz-btn-hover-bg: var(--vz-light); --vz-btn-hover-border-color: transparent; --vz-btn-focus-shadow-rgb: var(--vz-light-rgb); --vz-btn-active-bg: var(--vz-light); --vz-btn-active-border-color: transparent; }

.btn-ghost-light { --vz-btn-color: var(--vz-light); --vz-btn-bg: transparent; --vz-btn-border-color: transparent; --vz-btn-hover-color: var(--vz-light); --vz-btn-hover-bg: var(--vz-light-bg-subtle); --vz-btn-hover-border-color: transparent; --vz-btn-focus-shadow-rgb: var(--vz-light-rgb); --vz-btn-active-color: var(--vz-light); --vz-btn-active-bg: var(--vz-light-bg-subtle); --vz-btn-active-border-color: transparent; }

.btn-dark { --vz-btn-bg: var(--vz-dark); --vz-btn-border-color: var(--vz-dark); --vz-btn-hover-bg: var(--vz-dark-text-emphasis); --vz-btn-hover-border-color: var(--vz-dark-text-emphasis); --vz-btn-focus-shadow-rgb: var(--vz-dark-rgb); --vz-btn-active-bg: var(--vz-dark-text-emphasis); --vz-btn-active-border-color: var(--vz-dark-text-emphasis); }

.btn-outline-dark { --vz-btn-color: var(--vz-dark); --vz-btn-bg: transparent; --vz-btn-border-color: var(--vz-dark); --vz-btn-hover-bg: var(--vz-dark); --vz-btn-hover-border-color: var(--vz-dark); --vz-btn-focus-shadow-rgb: var(--vz-dark-rgb); --vz-btn-active-bg: var(--vz-dark); --vz-btn-active-border-color: var(--vz-dark); }

.btn-soft-dark { --vz-btn-color: var(--vz-dark); --vz-btn-bg: var(--vz-dark-bg-subtle); --vz-btn-border-color: transparent; --vz-btn-hover-bg: var(--vz-dark); --vz-btn-hover-border-color: transparent; --vz-btn-focus-shadow-rgb: var(--vz-dark-rgb); --vz-btn-active-bg: var(--vz-dark); --vz-btn-active-border-color: transparent; }

.btn-ghost-dark { --vz-btn-color: var(--vz-dark); --vz-btn-bg: transparent; --vz-btn-border-color: transparent; --vz-btn-hover-color: var(--vz-dark); --vz-btn-hover-bg: var(--vz-dark-bg-subtle); --vz-btn-hover-border-color: transparent; --vz-btn-focus-shadow-rgb: var(--vz-dark-rgb); --vz-btn-active-color: var(--vz-dark); --vz-btn-active-bg: var(--vz-dark-bg-subtle); --vz-btn-active-border-color: transparent; }

.btn-label { position: relative; padding-left: 44px; }

.btn-label .label-icon { position: absolute; width: 35.5px; left: calc(var(--vz-border-width) * -1); top: calc(var(--vz-border-width) * -1); bottom: calc(var(--vz-border-width) * -1); background-color: rgba(255, 255, 255, 0.1); font-size: 16px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.btn-label.btn-light .label-icon { background-color: rgba(33, 37, 41, 0.05); }

.btn-label.right { padding-left: 0.9rem; padding-right: 44px; }

.btn-label.right .label-icon { right: calc(var(--vz-border-width) * -1); left: auto; }

.btn-animation { overflow: hidden; transition: border-color 0.3s cubic-bezier(0.2, 1, 0.3, 1), background-color 0.3s; }

.btn-animation::after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0; transform: translate3d(0px, 25%, 0px); padding: 0.5rem 0.9rem; transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s, -webkit-transform 0.3s; }

.btn-animation > span { display: block; transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s, -webkit-transform 0.3s; }

.btn-animation:hover::after { opacity: 1; transform: translate3d(0px, 0px, 0px); }

.btn-animation:hover > span { opacity: 0; transform: translate3d(0px, -25%, 0px); }

.btn-primary.btn-animation { background-color: rgb(75, 56, 179); border-color: rgb(75, 56, 179) !important; }

.btn-primary.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: rgb(75, 56, 179); background-color: rgba(75, 56, 179, 0.1); }

.btn-secondary.btn-animation { background-color: rgb(53, 119, 241); border-color: rgb(53, 119, 241) !important; }

.btn-secondary.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: rgb(53, 119, 241); background-color: rgba(53, 119, 241, 0.1); }

.btn-success.btn-animation { background-color: rgb(69, 203, 133); border-color: rgb(69, 203, 133) !important; }

.btn-success.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: rgb(69, 203, 133); background-color: rgba(69, 203, 133, 0.1); }

.btn-info.btn-animation { background-color: rgb(41, 156, 219); border-color: rgb(41, 156, 219) !important; }

.btn-info.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: rgb(41, 156, 219); background-color: rgba(41, 156, 219, 0.1); }

.btn-warning.btn-animation { background-color: rgb(255, 190, 11); border-color: rgb(255, 190, 11) !important; }

.btn-warning.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: rgb(255, 190, 11); background-color: rgba(255, 190, 11, 0.1); }

.btn-danger.btn-animation { background-color: rgb(240, 101, 72); border-color: rgb(240, 101, 72) !important; }

.btn-danger.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: rgb(240, 101, 72); background-color: rgba(240, 101, 72, 0.1); }

.btn-light.btn-animation { background-color: rgb(243, 246, 249); border-color: rgb(243, 246, 249) !important; }

.btn-light.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: rgb(243, 246, 249); background-color: rgba(243, 246, 249, 0.1); }

.btn-dark.btn-animation { background-color: rgb(33, 37, 41); border-color: rgb(33, 37, 41) !important; }

.btn-dark.btn-animation:is(:hover, :focus, :active, :focus-visible) { color: rgb(33, 37, 41); background-color: rgba(33, 37, 41, 0.1); }

.btn-group-vertical label { margin-bottom: 0px; }

.btn-group.radio .btn { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }

.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: rgb(41, 156, 219); }

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

:is(.btn-primary, .btn-outline-primary, .btn-soft-primary).btn-border { border-bottom: 2px solid rgb(62, 46, 148); }

:is(.btn-soft-primary, .btn-outline-primary) { --vz-btn-active-color: #fff; --vz-btn-hover-color: #fff; }

:is(.btn-secondary, .btn-outline-secondary, .btn-soft-secondary).btn-border { border-bottom: 2px solid rgb(16, 94, 237); }

:is(.btn-soft-secondary, .btn-outline-secondary) { --vz-btn-active-color: #fff; --vz-btn-hover-color: #fff; }

:is(.btn-success, .btn-outline-success, .btn-soft-success).btn-border { border-bottom: 2px solid rgb(51, 181, 113); }

:is(.btn-soft-success, .btn-outline-success) { --vz-btn-active-color: #fff; --vz-btn-hover-color: #fff; }

:is(.btn-info, .btn-outline-info, .btn-soft-info).btn-border { border-bottom: 2px solid rgb(32, 132, 188); }

:is(.btn-soft-info, .btn-outline-info) { --vz-btn-active-color: #fff; --vz-btn-hover-color: #fff; }

:is(.btn-warning, .btn-outline-warning, .btn-soft-warning).btn-border { border-bottom: 2px solid rgb(225, 165, 0); }

:is(.btn-soft-warning, .btn-outline-warning) { --vz-btn-active-color: #fff; --vz-btn-hover-color: #fff; }

:is(.btn-danger, .btn-outline-danger, .btn-soft-danger).btn-border { border-bottom: 2px solid rgb(237, 69, 34); }

:is(.btn-soft-danger, .btn-outline-danger) { --vz-btn-active-color: #fff; --vz-btn-hover-color: #fff; }

:is(.btn-light, .btn-outline-light, .btn-soft-light).btn-border { border-bottom: 2px solid rgb(216, 226, 235); }

:is(.btn-soft-light, .btn-outline-light) { --vz-btn-active-color: #000; --vz-btn-hover-color: #000; }

:is(.btn-dark, .btn-outline-dark, .btn-soft-dark).btn-border { border-bottom: 2px solid rgb(15, 17, 18); }

:is(.btn-soft-dark, .btn-outline-dark) { --vz-btn-active-color: #fff; --vz-btn-hover-color: #fff; }

.custom-toggle .icon-off { display: none; }

.custom-toggle.active .icon-on { display: none; }

.custom-toggle.active .icon-off { display: block; }

.breadcrumb-item > a { color: var(--vz-body-color); }

.breadcrumb-item + .breadcrumb-item::before { font-family: "Material Design Icons"; font-size: 15px; line-height: 20px; }

.card { margin-bottom: 1.5rem; box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; }

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

.card-header-dropdown .dropdown-btn { padding: 1rem 0px; }

.card-footer { border-top: 1px solid var(--vz-border-color); }

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

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

.card-animate { transition: 0.4s; }

.card-animate:hover { transform: translateY(calc(-0.3rem)); box-shadow: rgba(30, 32, 37, 0.12) 0px 5px 10px; }

.card-primary { background-color: rgb(75, 56, 179); color: rgb(255, 255, 255); }

.card-primary .card-footer, .card-primary .card-header { background-color: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); border-color: transparent; }

.card-primary .card-title { color: rgb(255, 255, 255); }

.card-secondary { background-color: rgb(53, 119, 241); color: rgb(255, 255, 255); }

.card-secondary .card-footer, .card-secondary .card-header { background-color: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); border-color: transparent; }

.card-secondary .card-title { color: rgb(255, 255, 255); }

.card-success { background-color: rgb(69, 203, 133); color: rgb(255, 255, 255); }

.card-success .card-footer, .card-success .card-header { background-color: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); border-color: transparent; }

.card-success .card-title { color: rgb(255, 255, 255); }

.card-info { background-color: rgb(41, 156, 219); color: rgb(255, 255, 255); }

.card-info .card-footer, .card-info .card-header { background-color: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); border-color: transparent; }

.card-info .card-title { color: rgb(255, 255, 255); }

.card-warning { background-color: rgb(255, 190, 11); color: rgb(255, 255, 255); }

.card-warning .card-footer, .card-warning .card-header { background-color: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); border-color: transparent; }

.card-warning .card-title { color: rgb(255, 255, 255); }

.card-danger { background-color: rgb(240, 101, 72); color: rgb(255, 255, 255); }

.card-danger .card-footer, .card-danger .card-header { background-color: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); border-color: transparent; }

.card-danger .card-title { color: rgb(255, 255, 255); }

.card-light { background-color: rgb(243, 246, 249); color: rgb(0, 0, 0); }

.card-light .card-footer, .card-light .card-header { background-color: rgba(255, 255, 255, 0.1); color: rgb(0, 0, 0); border-color: transparent; }

.card-light .card-title { color: rgb(0, 0, 0); }

.card-dark { background-color: rgb(33, 37, 41); color: rgb(255, 255, 255); }

.card-dark .card-footer, .card-dark .card-header { background-color: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); border-color: transparent; }

.card-dark .card-title { color: rgb(255, 255, 255); }

.card-border-primary { border-color: rgb(75, 56, 179) !important; }

.card-border-primary .card-footer, .card-border-primary .card-header { border-color: rgb(75, 56, 179); }

.card-border-secondary { border-color: rgb(53, 119, 241) !important; }

.card-border-secondary .card-footer, .card-border-secondary .card-header { border-color: rgb(53, 119, 241); }

.card-border-success { border-color: rgb(69, 203, 133) !important; }

.card-border-success .card-footer, .card-border-success .card-header { border-color: rgb(69, 203, 133); }

.card-border-info { border-color: rgb(41, 156, 219) !important; }

.card-border-info .card-footer, .card-border-info .card-header { border-color: rgb(41, 156, 219); }

.card-border-warning { border-color: rgb(255, 190, 11) !important; }

.card-border-warning .card-footer, .card-border-warning .card-header { border-color: rgb(255, 190, 11); }

.card-border-danger { border-color: rgb(240, 101, 72) !important; }

.card-border-danger .card-footer, .card-border-danger .card-header { border-color: rgb(240, 101, 72); }

.card-border-light { border-color: rgb(243, 246, 249) !important; }

.card-border-light .card-footer, .card-border-light .card-header { border-color: rgb(243, 246, 249); }

.card-border-dark { border-color: rgb(33, 37, 41) !important; }

.card-border-dark .card-footer, .card-border-dark .card-header { border-color: rgb(33, 37, 41); }

.card-light { background-color: var(--vz-light); }

.card-light .card-footer, .card-light .card-header { color: var(--vz-body-color) !important; background-color: rgba(var(--vz-dark-rgb),.1); }

.card-light .card-text, .card-light .card-title { color: var(--vz-body-color) !important; }

.card-preloader { position: absolute; inset: 0px; background-color: rgba(var(--vz-light-rgb),.6); z-index: 9999; }

.card-status { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; }

.custom-loader { animation: 2s linear 0s infinite normal none running spin; }

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

@keyframes spin { 
  100% { transform: rotate(360deg); }
}

.card-overlay { position: relative; overflow: hidden; }

.card-overlay::before { content: ""; background-color: rgba(75, 56, 179, 0.2); position: absolute; inset: 0px; }

.card-overlay :is(.card-header, .card-footer) { border-color: rgba(255, 255, 255, 0.15) !important; }

.card-toolbar-menu { line-height: 0.8; }

.card-toolbar-menu a { font-size: 17px; }

.card-toolbar-menu .minimize-card .plus { display: none; }

.card-toolbar-menu .minimize-card .minus { display: block; }

.card-toolbar-menu .minimize-card.collapsed .plus { display: block; }

.card-toolbar-menu .minimize-card.collapsed .minus { display: none; }

.dropdown-toggle::after { display: inline-block; margin-left: 0.255em; font-size: 15px; line-height: 15px; content: "󰅀"; font-family: "Material Design Icons"; }

.dropdown-menu { box-shadow: rgba(30, 32, 37, 0.12) 0px 5px 10px; animation-name: DropDownSlide; animation-duration: 0.3s; animation-fill-mode: both; position: absolute; z-index: 1000; }

.dropdown-menu.dropdown-megamenu { padding: 20px; left: 0px !important; right: 0px !important; }

.dropdown-menu[data-popper-placement="top-start"] { 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: 0px; }
  0% { margin-bottom: 8px; }
}

@keyframes DropDownSlideDown { 
  100% { margin-bottom: 0px; }
  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-width: medium; border-left-style: none; border-left-color: currentcolor; }

.dropdown-toggle-split::after { margin-left: 0px; }

.dropdown-toggle-split::before { content: ""; position: absolute; background-color: rgba(255, 255, 255, 0.12); top: calc(var(--vz-border-width) * -1); bottom: calc(var(--vz-border-width) * -1); right: calc(var(--vz-border-width) * -1); left: 0px; border-radius: 0 var(--vz-border-radius) var(--vz-border-radius) 0; }

.dropdown-mega { position: static !important; }

.dropdown-mega-menu-xl { width: 38rem; }

.dropdown-mega-menu-lg { width: 26rem; }

[dir="ltr"] .dropdown-menu-start { --vz-position: end; }

[dir="ltr"] .dropdown-menu-end { --vz-position: start; }

.dropdown-head .nav-tabs-custom { border: 0px; }

.dropdown-head .nav-tabs-custom .nav-link { color: rgba(255, 255, 255, 0.6); }

.dropdown-head .nav-tabs-custom .nav-link.active { background-color: var(--vz-dropdown-bg); }

.dropdown-head .nav-tabs-custom .nav-link:hover { color: rgb(255, 255, 255); }

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

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

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

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

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

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

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

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

:is(.nav-tabs, .nav-pills) > li > a { color: var(--vz-body-color); font-weight: 500; }

.nav-pills > a { color: var(--vz-body-color); font-weight: 500; }

.nav-pills :is(.nav-link.active, .show > .nav-link) { box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; }

.nav-tabs-custom { border-bottom: 1px solid var(--vz-border-color); }

.nav-tabs-custom .nav-item { position: relative; }

.nav-tabs-custom .nav-item .nav-link { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-weight: 500; }

.nav-tabs-custom .nav-item .nav-link::after { content: ""; background: rgb(75, 56, 179); height: 1px; position: absolute; width: 100%; left: 0px; bottom: 0px; transition: 250ms; transform: scale(0); }

.nav-tabs-custom .nav-item .nav-link.active { color: rgb(75, 56, 179); }

.nav-tabs-custom .nav-item .nav-link.active::after { transform: scale(1); }

.nav-tabs-custom.card-header-tabs { margin-top: -1rem; }

.nav-tabs-custom.card-header-tabs .nav-link { padding: 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: rgb(233, 235, 236); margin: 0px 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%; transform: translateX(-50%); 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 { transition: none; }
}

.arrow-navtabs .nav-item .nav-link.active::before { border-top-color: rgb(75, 56, 179); }

.custom-hover-nav-tabs .nav-item { text-align: center; overflow: hidden; }

.custom-hover-nav-tabs .nav-item .nav-link { width: 120px; height: 45px; position: relative; border-radius: 0px; }

.custom-hover-nav-tabs .nav-item .nav-link .nav-icon { font-size: 22px; }

.custom-hover-nav-tabs .nav-item .nav-link .nav-titl { font-size: 14px; }

.custom-hover-nav-tabs .nav-item .nav-link.active .nav-tab-position { color: rgb(255, 255, 255); }

.custom-hover-nav-tabs .nav-item .nav-link .nav-tab-position { position: absolute; left: 0px; right: 0px; transition: 0.4s; }

.custom-hover-nav-tabs .nav-item .nav-link .nav-tab-position.nav-icon { top: 50%; transform: translateY(-50%); }

.custom-hover-nav-tabs .nav-item .nav-link .nav-tab-position.nav-titl { bottom: -20px; }

.custom-hover-nav-tabs .nav-item .nav-link:hover .nav-titl { bottom: 50%; transform: translateY(50%); }

.custom-hover-nav-tabs .nav-item .nav-link:hover .nav-icon { top: -20px; }

.custom-verti-nav-pills .nav-link { background-color: var(--vz-light); margin-top: 7px; position: relative; }

@media (min-width: 992px) {
  .custom-verti-nav-pills .nav-link::before { content: ""; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); border: 12px solid transparent; }
  .custom-verti-nav-pills .nav-link.active::before { border-left-color: rgb(75, 56, 179); }
}

.animation-nav li { position: relative; }

.animation-nav li a { color: var(--vz-body-color); border-radius: 4px; position: relative; overflow: hidden; transition: 0.4s; z-index: 1; }

.animation-nav li a span { position: relative; }

.animation-nav li a::before { content: ""; position: absolute; top: 0px; width: 0px; right: 0px; height: 100%; transition: width 0.4s cubic-bezier(0.51, 0.18, 0, 0.88) 0.1s; background-color: rgb(75, 56, 179); z-index: -1; }

.animation-nav li a.active, .animation-nav li a:hover { color: rgb(255, 255, 255); background-color: transparent !important; }

.animation-nav li a.active::before, .animation-nav li a:hover::before { width: 100%; left: 0px; }

.nav-border-top .nav-link { border-top: 3px solid transparent; }

.nav-border-top .nav-link.active { border-top-color: rgb(75, 56, 179); }

.nav-border-top-primary .nav-link.active { color: rgb(75, 56, 179); border-top-color: rgb(75, 56, 179); }

.nav-border-top-secondary .nav-link.active { color: rgb(53, 119, 241); border-top-color: rgb(53, 119, 241); }

.nav-border-top-success .nav-link.active { color: rgb(69, 203, 133); border-top-color: rgb(69, 203, 133); }

.nav-border-top-info .nav-link.active { color: rgb(41, 156, 219); border-top-color: rgb(41, 156, 219); }

.nav-border-top-warning .nav-link.active { color: rgb(255, 190, 11); border-top-color: rgb(255, 190, 11); }

.nav-border-top-danger .nav-link.active { color: rgb(240, 101, 72); border-top-color: rgb(240, 101, 72); }

.nav-border-top-light .nav-link.active { color: rgb(243, 246, 249); border-top-color: rgb(243, 246, 249); }

.nav-border-top-dark .nav-link.active { color: rgb(33, 37, 41); border-top-color: rgb(33, 37, 41); }

.nav-custom { background-color: rgb(75, 56, 179); border-radius: var(--vz-border-radius); }

.nav-custom .nav-item .nav-link { color: rgba(255, 255, 255, 0.75); }

.nav-custom .nav-item .nav-link.active { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.1); }

.nav-custom.nav-custom-light .nav-item .nav-link { color: rgba(var(--vz-body-rgb),.75); }

.nav-custom.nav-custom-light .nav-item .nav-link.active { color: rgb(243, 246, 249); background-color: rgb(75, 56, 179); }

.nav-custom-primary { background-color: rgb(75, 56, 179); }

.nav-custom-secondary { background-color: rgb(53, 119, 241); }

.nav-custom-success { background-color: rgb(69, 203, 133); }

.nav-custom-info { background-color: rgb(41, 156, 219); }

.nav-custom-warning { background-color: rgb(255, 190, 11); }

.nav-custom-danger { background-color: rgb(240, 101, 72); }

.nav-custom-light { background-color: rgb(243, 246, 249); }

.nav-custom-dark { background-color: rgb(33, 37, 41); }

.nav-custom-light { background-color: var(--vz-light); }

.nav-primary .nav-link.active { color: rgb(255, 255, 255); background-color: rgb(75, 56, 179); }

.nav-primary.nav-tabs .nav-link.active { color: rgb(75, 56, 179); background-color: var(--vz-secondary-bg); }

.nav-primary.nav-tabs-custom .nav-link.active { color: rgb(75, 56, 179); background-color: var(--vz-secondary-bg); }

.nav-primary.nav-tabs-custom .nav-link.active::after { background-color: rgb(75, 56, 179); }

.nav-primary.arrow-navtabs .nav-link.active::before { border-top-color: rgb(75, 56, 179); }

.nav-primary.custom-verti-nav-pills .nav-link.active::before { border-left-color: rgb(75, 56, 179); }

.nav-secondary .nav-link.active { color: rgb(255, 255, 255); background-color: rgb(53, 119, 241); }

.nav-secondary.nav-tabs .nav-link.active { color: rgb(53, 119, 241); background-color: var(--vz-secondary-bg); }

.nav-secondary.nav-tabs-custom .nav-link.active { color: rgb(53, 119, 241); background-color: var(--vz-secondary-bg); }

.nav-secondary.nav-tabs-custom .nav-link.active::after { background-color: rgb(53, 119, 241); }

.nav-secondary.arrow-navtabs .nav-link.active::before { border-top-color: rgb(53, 119, 241); }

.nav-secondary.custom-verti-nav-pills .nav-link.active::before { border-left-color: rgb(53, 119, 241); }

.nav-success .nav-link.active { color: rgb(255, 255, 255); background-color: rgb(69, 203, 133); }

.nav-success.nav-tabs .nav-link.active { color: rgb(69, 203, 133); background-color: var(--vz-secondary-bg); }

.nav-success.nav-tabs-custom .nav-link.active { color: rgb(69, 203, 133); background-color: var(--vz-secondary-bg); }

.nav-success.nav-tabs-custom .nav-link.active::after { background-color: rgb(69, 203, 133); }

.nav-success.arrow-navtabs .nav-link.active::before { border-top-color: rgb(69, 203, 133); }

.nav-success.custom-verti-nav-pills .nav-link.active::before { border-left-color: rgb(69, 203, 133); }

.nav-info .nav-link.active { color: rgb(255, 255, 255); background-color: rgb(41, 156, 219); }

.nav-info.nav-tabs .nav-link.active { color: rgb(41, 156, 219); background-color: var(--vz-secondary-bg); }

.nav-info.nav-tabs-custom .nav-link.active { color: rgb(41, 156, 219); background-color: var(--vz-secondary-bg); }

.nav-info.nav-tabs-custom .nav-link.active::after { background-color: rgb(41, 156, 219); }

.nav-info.arrow-navtabs .nav-link.active::before { border-top-color: rgb(41, 156, 219); }

.nav-info.custom-verti-nav-pills .nav-link.active::before { border-left-color: rgb(41, 156, 219); }

.nav-warning .nav-link.active { color: rgb(255, 255, 255); background-color: rgb(255, 190, 11); }

.nav-warning.nav-tabs .nav-link.active { color: rgb(255, 190, 11); background-color: var(--vz-secondary-bg); }

.nav-warning.nav-tabs-custom .nav-link.active { color: rgb(255, 190, 11); background-color: var(--vz-secondary-bg); }

.nav-warning.nav-tabs-custom .nav-link.active::after { background-color: rgb(255, 190, 11); }

.nav-warning.arrow-navtabs .nav-link.active::before { border-top-color: rgb(255, 190, 11); }

.nav-warning.custom-verti-nav-pills .nav-link.active::before { border-left-color: rgb(255, 190, 11); }

.nav-danger .nav-link.active { color: rgb(255, 255, 255); background-color: rgb(240, 101, 72); }

.nav-danger.nav-tabs .nav-link.active { color: rgb(240, 101, 72); background-color: var(--vz-secondary-bg); }

.nav-danger.nav-tabs-custom .nav-link.active { color: rgb(240, 101, 72); background-color: var(--vz-secondary-bg); }

.nav-danger.nav-tabs-custom .nav-link.active::after { background-color: rgb(240, 101, 72); }

.nav-danger.arrow-navtabs .nav-link.active::before { border-top-color: rgb(240, 101, 72); }

.nav-danger.custom-verti-nav-pills .nav-link.active::before { border-left-color: rgb(240, 101, 72); }

.nav-light .nav-link.active { color: rgb(255, 255, 255); background-color: rgb(243, 246, 249); }

.nav-light.nav-tabs .nav-link.active { color: rgb(243, 246, 249); background-color: var(--vz-secondary-bg); }

.nav-light.nav-tabs-custom .nav-link.active { color: rgb(243, 246, 249); background-color: var(--vz-secondary-bg); }

.nav-light.nav-tabs-custom .nav-link.active::after { background-color: rgb(243, 246, 249); }

.nav-light.arrow-navtabs .nav-link.active::before { border-top-color: rgb(243, 246, 249); }

.nav-light.custom-verti-nav-pills .nav-link.active::before { border-left-color: rgb(243, 246, 249); }

.nav-dark .nav-link.active { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); }

.nav-dark.nav-tabs .nav-link.active { color: rgb(33, 37, 41); background-color: var(--vz-secondary-bg); }

.nav-dark.nav-tabs-custom .nav-link.active { color: rgb(33, 37, 41); background-color: var(--vz-secondary-bg); }

.nav-dark.nav-tabs-custom .nav-link.active::after { background-color: rgb(33, 37, 41); }

.nav-dark.arrow-navtabs .nav-link.active::before { border-top-color: rgb(33, 37, 41); }

.nav-dark.custom-verti-nav-pills .nav-link.active::before { border-left-color: rgb(33, 37, 41); }

.progress-nav { position: relative; margin-right: 1rem; margin-left: 1rem; }

.progress-nav .progress { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 100%; }

.progress-nav .nav { margin-right: -1rem; margin-left: -1rem; -webkit-box-pack: justify; justify-content: space-between; }

.progress-nav .nav .nav-link { width: 2rem; height: 2rem; background-color: var(--vz-light); padding: 0px; color: var(--vz-body-color); font-weight: 500; }

.progress-nav .nav .nav-link.active, .progress-nav .nav .nav-link.done { background-color: rgb(75, 56, 179); color: rgb(255, 255, 255); }

.step-arrow-nav .nav { background-color: var(--vz-light); }

.step-arrow-nav .nav .nav-link { border-radius: 0px; position: relative; font-weight: 500; color: var(--vz-body-color); }

.step-arrow-nav .nav .nav-link::before { content: ""; position: absolute; border: 7px solid transparent; right: -14px; top: 50%; transform: translateY(-50%); }

.step-arrow-nav .nav .nav-link.done { background-color: rgba(75, 56, 179, 0.05); color: rgb(75, 56, 179); }

.step-arrow-nav .nav .nav-link.done::before { border-left-color: transparent; }

.step-arrow-nav .nav .nav-link.active { background-color: rgba(75, 56, 179, 0.1); color: rgb(75, 56, 179); box-shadow: none; }

.step-arrow-nav .nav .nav-link.active::before { border-left-color: rgba(75, 56, 179, 0.1); }

.step-arrow-nav .nav .nav-item:last-child .nav-link::before { display: none; }

.vertical-navs-step .nav { gap: 16px; }

.vertical-navs-step .nav .nav-link { text-align: left; background-color: rgba(var(--vz-light-rgb),.4); border: 1px solid var(--vz-border-color); color: var(--vz-body-color); }

.vertical-navs-step .nav .nav-link .step-title { font-weight: 600; }

.vertical-navs-step .nav .nav-link .step-icon { color: rgb(240, 101, 72); vertical-align: middle; font-weight: 500; float: left; }

.vertical-navs-step .nav .nav-link.active .step-icon, .vertical-navs-step .nav .nav-link.done .step-icon { color: rgb(69, 203, 133); }

.vertical-navs-step .nav .nav-link.active .step-icon::before, .vertical-navs-step .nav .nav-link.done .step-icon::before { content: ""; }

.vertical-navs-step .nav .nav-link.active { border-color: rgb(75, 56, 179); }

.vertical-navs-step .nav .nav-link.done { border-color: rgb(69, 203, 133); }

.nav-custom-outline.nav .nav-link { border-width: 1px 1px 2px; border-style: solid; border-color: transparent; border-image: initial; }

.nav-custom-outline.nav .nav-link.active { border-color: rgb(75, 56, 179); background-color: transparent; color: rgb(75, 56, 179); }

.nav-primary.nav-custom-outline .nav-link.active { color: rgb(75, 56, 179); border-color: rgb(75, 56, 179); }

.nav-secondary.nav-custom-outline .nav-link.active { color: rgb(53, 119, 241); border-color: rgb(53, 119, 241); }

.nav-success.nav-custom-outline .nav-link.active { color: rgb(69, 203, 133); border-color: rgb(69, 203, 133); }

.nav-info.nav-custom-outline .nav-link.active { color: rgb(41, 156, 219); border-color: rgb(41, 156, 219); }

.nav-warning.nav-custom-outline .nav-link.active { color: rgb(255, 190, 11); border-color: rgb(255, 190, 11); }

.nav-danger.nav-custom-outline .nav-link.active { color: rgb(240, 101, 72); border-color: rgb(240, 101, 72); }

.nav-light.nav-custom-outline .nav-link.active { color: rgb(243, 246, 249); border-color: rgb(243, 246, 249); }

.nav-dark.nav-custom-outline .nav-link.active { color: rgb(33, 37, 41); border-color: rgb(33, 37, 41); }

.nav-customs.nav { padding-left: 34px; overflow: hidden; }

.nav-customs.nav .nav-link { position: relative; display: block; float: right; background-color: var(--vz-tertiary-bg); margin-right: 46px; transition: 0.5s; }

.nav-customs.nav .nav-link::after, .nav-customs.nav .nav-link::before { display: block; content: " "; position: absolute; top: -1px; bottom: -1px; width: 37px; background-color: var(--vz-tertiary-bg); transition: 0.5s; }

.nav-customs.nav .nav-link::before { border-radius: 0px 8px 0px 0px; right: -24px; transform: skew(30deg, 0deg); }

.nav-customs.nav .nav-link::after { border-radius: 8px 0px 0px; left: -24px; transform: skew(-30deg, 0deg); }

.nav-customs.nav .nav-link.active, .nav-customs.nav .nav-link.active::after, .nav-customs.nav .nav-link.active::before { background-color: rgb(75, 56, 179); color: rgb(255, 255, 255); }

.nav-customs.nav .nav-link.active { z-index: 1; }

.table > thead { border-color: var(--vz-border-color); }

.table > :not(:first-child) { border-top-width: var(--vz-border-width); }

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

.table-card { margin: -1rem; }

.table-card td:first-child, .table-card th:first-child { padding-left: 16px; }

.table-card td:last-child, .table-card th:last-child { padding-right: 16px; }

.table-card .table > :not(:first-child) { border-top-width: var(--vz-border-width); }

.border-primary.table > thead { border-color: rgb(75, 56, 179) !important; }

.table-primary.table > thead { border-bottom-color: rgb(102, 84, 202) !important; }

.border-secondary.table > thead { border-color: rgb(53, 119, 241) !important; }

.table-secondary.table > thead { border-bottom-color: rgb(101, 151, 244) !important; }

.border-success.table > thead { border-color: rgb(69, 203, 133) !important; }

.table-success.table > thead { border-bottom-color: rgb(109, 214, 159) !important; }

.border-info.table > thead { border-color: rgb(41, 156, 219) !important; }

.table-info.table > thead { border-bottom-color: rgb(85, 176, 226) !important; }

.border-warning.table > thead { border-color: rgb(255, 190, 11) !important; }

.table-warning.table > thead { border-bottom-color: rgb(255, 204, 62) !important; }

.border-danger.table > thead { border-color: rgb(240, 101, 72) !important; }

.table-danger.table > thead { border-bottom-color: rgb(244, 141, 119) !important; }

.border-light.table > thead { border-color: rgb(243, 246, 249) !important; }

.table-light.table > thead { border-bottom-color: rgb(255, 255, 255) !important; }

.border-dark.table > thead { border-color: rgb(33, 37, 41) !important; }

.table-dark.table > thead { border-bottom-color: rgb(56, 63, 69) !important; }

.table > :not(caption) > * > * { color: var(--vz-table-color-state),var(--vz-table-color-type,var(--vz-table-color)); }

.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: "󰍝"; 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: "󰍠"; font-family: "Material Design Icons"; font-size: 0.8rem; top: 12px; }

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

.modal-dialog:not(.modal-dialog-scrollable) .modal-header { padding-bottom: 0px; }

.modal-dialog:not(.modal-dialog-scrollable) .modal-header .btn-close { }

.modal-dialog:not(.modal-dialog-scrollable) .modal-footer { padding-top: 0px; }

.modal.fadeInRight .modal-dialog { opacity: 0; transform: translateX(20%); transition: 0.3s ease-in-out; }

.modal.fadeInRight.show .modal-dialog { opacity: 1; transform: translateX(0px); }

.modal.fadeInLeft .modal-dialog { animation: 0.3s ease-in-out 0s 1 normal none running fadeInLeft; transform: translate(-50%, 0px); }

.modal.fadeInLeft.show .modal-dialog { transform: none; }

.modal.fadeInUp .modal-dialog { animation: 0.3s ease-in-out 0s 1 normal none running fadeInUp; transform: translate(0px, 30%); }

.modal.fadeInUp.show .modal-dialog { transform: none; }

.modal.flip { perspective: 1300px; }

.modal.flip .modal-dialog { opacity: 0; transform: rotateY(-70deg); transition: 0.3s; }

.modal.flip.show .modal-dialog { opacity: 1; transform: rotateY(0deg); }

.modal.zoomIn .modal-dialog { opacity: 0; transform: scale(0.7); transition: 0.3s; }

.modal.zoomIn.show .modal-dialog { opacity: 1; transform: scale(1); }

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

.modal-dialog-bottom { display: flex; -webkit-box-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: flex; -webkit-box-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; transform: translate3d(-30%, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

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

@-webkit-keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 30%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 30%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}

@keyframes zoomIn { 
  0% { opacity: 0; 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 center; }

.pagination-separated .page-item .page-link { margin-left: 0.35rem; border-radius: var(--vz-border-radius); }

.pagination-rounded .page-link { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; min-width: 32px; min-height: 32px; text-align: center; border-radius: 30px !important; margin: 0px 3px !important; }

.pagination-rounded.pagination-sm .page-link { min-width: 25px; min-height: 25px; }

.page-item.active .page-link { box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; }

.progress-sm { height: 5px; }

.progress-lg { height: 12px; }

.progress-xl { height: 16px; }

.custom-progess { position: relative; }

.custom-progess .progress-icon { position: absolute; top: -12px; }

.custom-progess .progress-icon .avatar-title { background: var(--vz-secondary-bg); }

.animated-progress { position: relative; }

.animated-progress .progress-bar { position: relative; border-radius: 6px; animation: 2s ease 0s 1 normal none running animate-positive; }

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

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

.custom-progress { height: 15px; padding: 4px; border-radius: 30px; }

.custom-progress .progress-bar { position: relative; border-radius: 30px; }

.custom-progress .progress-bar::before { content: ""; position: absolute; width: 4px; height: 4px; background-color: rgb(255, 255, 255); border-radius: 7px; right: 2px; top: 50%; transform: translateY(-50%); }

.progress-label { overflow: visible; }

.progress-label .progress-bar { position: relative; overflow: visible; }

.progress-label .progress-bar .label { position: absolute; top: -25px; right: -9px; background-color: rgb(75, 56, 179); color: rgb(255, 255, 255); display: inline-block; line-height: 18px; padding: 0px 4px; border-radius: 4px; }

.progress-label .progress-bar .label::after { content: ""; position: absolute; border-width: 4px; border-style: solid; border-color: rgb(75, 56, 179) transparent transparent; border-image: initial; bottom: -7px; left: 50%; transform: translateX(-50%); }

.progress-step-arrow { height: 3.25rem; }

.progress-step-arrow .progress-bar { position: relative; overflow: initial; font-size: 0.875rem; color: rgb(255, 255, 255); }

.progress-step-arrow .progress-bar::after { content: ""; position: absolute; border: 10px solid transparent; bottom: 15px; right: -20px; z-index: 1; }

.progress-primary .progress-bar { background-color: rgb(75, 56, 179); }

.progress-primary .progress-bar::after { border-left-color: rgb(75, 56, 179); }

.progress-primary .progress-bar:nth-child(2) { background-color: rgba(75, 56, 179, 0.1) !important; color: rgb(75, 56, 179) !important; }

.progress-primary .progress-bar:nth-child(2)::after { border-left-color: rgba(75, 56, 179, 0.1); }

.progress-secondary .progress-bar { background-color: rgb(53, 119, 241); }

.progress-secondary .progress-bar::after { border-left-color: rgb(53, 119, 241); }

.progress-secondary .progress-bar:nth-child(2) { background-color: rgba(53, 119, 241, 0.1) !important; color: rgb(53, 119, 241) !important; }

.progress-secondary .progress-bar:nth-child(2)::after { border-left-color: rgba(53, 119, 241, 0.1); }

.progress-success .progress-bar { background-color: rgb(69, 203, 133); }

.progress-success .progress-bar::after { border-left-color: rgb(69, 203, 133); }

.progress-success .progress-bar:nth-child(2) { background-color: rgba(69, 203, 133, 0.1) !important; color: rgb(69, 203, 133) !important; }

.progress-success .progress-bar:nth-child(2)::after { border-left-color: rgba(69, 203, 133, 0.1); }

.progress-info .progress-bar { background-color: rgb(41, 156, 219); }

.progress-info .progress-bar::after { border-left-color: rgb(41, 156, 219); }

.progress-info .progress-bar:nth-child(2) { background-color: rgba(41, 156, 219, 0.1) !important; color: rgb(41, 156, 219) !important; }

.progress-info .progress-bar:nth-child(2)::after { border-left-color: rgba(41, 156, 219, 0.1); }

.progress-warning .progress-bar { background-color: rgb(255, 190, 11); }

.progress-warning .progress-bar::after { border-left-color: rgb(255, 190, 11); }

.progress-warning .progress-bar:nth-child(2) { background-color: rgba(255, 190, 11, 0.1) !important; color: rgb(255, 190, 11) !important; }

.progress-warning .progress-bar:nth-child(2)::after { border-left-color: rgba(255, 190, 11, 0.1); }

.progress-danger .progress-bar { background-color: rgb(240, 101, 72); }

.progress-danger .progress-bar::after { border-left-color: rgb(240, 101, 72); }

.progress-danger .progress-bar:nth-child(2) { background-color: rgba(240, 101, 72, 0.1) !important; color: rgb(240, 101, 72) !important; }

.progress-danger .progress-bar:nth-child(2)::after { border-left-color: rgba(240, 101, 72, 0.1); }

.progress-light .progress-bar { background-color: rgb(243, 246, 249); }

.progress-light .progress-bar::after { border-left-color: rgb(243, 246, 249); }

.progress-light .progress-bar:nth-child(2) { background-color: rgba(243, 246, 249, 0.1) !important; color: rgb(243, 246, 249) !important; }

.progress-light .progress-bar:nth-child(2)::after { border-left-color: rgba(243, 246, 249, 0.1); }

.progress-dark .progress-bar { background-color: rgb(33, 37, 41); }

.progress-dark .progress-bar::after { border-left-color: rgb(33, 37, 41); }

.progress-dark .progress-bar:nth-child(2) { background-color: rgba(33, 37, 41, 0.1) !important; color: rgb(33, 37, 41) !important; }

.progress-dark .progress-bar:nth-child(2)::after { border-left-color: rgba(33, 37, 41, 0.1); }

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

.custom-blockquote.blockquote { padding: 16px; border-left: 3px solid; }

.custom-blockquote.blockquote.blockquote-outline { border-width: 1px 1px 1px 3px; border-style: solid; border-color: currentcolor; border-image: initial; background-color: var(--vz-secondary-bg) !important; }

.custom-blockquote.blockquote.blockquote-primary { border-color: var(--vz-primary); background-color: var(--vz-primary-bg-subtle); }

.custom-blockquote.blockquote.blockquote-primary .blockquote-footer { color: var(--vz-primary-text-emphasis); }

.custom-blockquote.blockquote.blockquote-outline.blockquote-primary { border-color: var(--vz-primary); }

.custom-blockquote.blockquote.blockquote-outline.blockquote-primary .blockquote-footer { color: var(--vz-primary-text-emphasis); }

.custom-blockquote.blockquote.blockquote-secondary { border-color: var(--vz-secondary); background-color: var(--vz-secondary-bg-subtle); }

.custom-blockquote.blockquote.blockquote-secondary .blockquote-footer { color: var(--vz-secondary-text-emphasis); }

.custom-blockquote.blockquote.blockquote-outline.blockquote-secondary { border-color: var(--vz-secondary); }

.custom-blockquote.blockquote.blockquote-outline.blockquote-secondary .blockquote-footer { color: var(--vz-secondary-text-emphasis); }

.custom-blockquote.blockquote.blockquote-success { border-color: var(--vz-success); background-color: var(--vz-success-bg-subtle); }

.custom-blockquote.blockquote.blockquote-success .blockquote-footer { color: var(--vz-success-text-emphasis); }

.custom-blockquote.blockquote.blockquote-outline.blockquote-success { border-color: var(--vz-success); }

.custom-blockquote.blockquote.blockquote-outline.blockquote-success .blockquote-footer { color: var(--vz-success-text-emphasis); }

.custom-blockquote.blockquote.blockquote-info { border-color: var(--vz-info); background-color: var(--vz-info-bg-subtle); }

.custom-blockquote.blockquote.blockquote-info .blockquote-footer { color: var(--vz-info-text-emphasis); }

.custom-blockquote.blockquote.blockquote-outline.blockquote-info { border-color: var(--vz-info); }

.custom-blockquote.blockquote.blockquote-outline.blockquote-info .blockquote-footer { color: var(--vz-info-text-emphasis); }

.custom-blockquote.blockquote.blockquote-warning { border-color: var(--vz-warning); background-color: var(--vz-warning-bg-subtle); }

.custom-blockquote.blockquote.blockquote-warning .blockquote-footer { color: var(--vz-warning-text-emphasis); }

.custom-blockquote.blockquote.blockquote-outline.blockquote-warning { border-color: var(--vz-warning); }

.custom-blockquote.blockquote.blockquote-outline.blockquote-warning .blockquote-footer { color: var(--vz-warning-text-emphasis); }

.custom-blockquote.blockquote.blockquote-danger { border-color: var(--vz-danger); background-color: var(--vz-danger-bg-subtle); }

.custom-blockquote.blockquote.blockquote-danger .blockquote-footer { color: var(--vz-danger-text-emphasis); }

.custom-blockquote.blockquote.blockquote-outline.blockquote-danger { border-color: var(--vz-danger); }

.custom-blockquote.blockquote.blockquote-outline.blockquote-danger .blockquote-footer { color: var(--vz-danger-text-emphasis); }

.custom-blockquote.blockquote.blockquote-light { border-color: var(--vz-light); background-color: var(--vz-light-bg-subtle); }

.custom-blockquote.blockquote.blockquote-light .blockquote-footer { color: var(--vz-light-text-emphasis); }

.custom-blockquote.blockquote.blockquote-outline.blockquote-light { border-color: var(--vz-light); }

.custom-blockquote.blockquote.blockquote-outline.blockquote-light .blockquote-footer { color: var(--vz-light-text-emphasis); }

.custom-blockquote.blockquote.blockquote-dark { border-color: var(--vz-dark); background-color: var(--vz-dark-bg-subtle); }

.custom-blockquote.blockquote.blockquote-dark .blockquote-footer { color: var(--vz-dark-text-emphasis); }

.custom-blockquote.blockquote.blockquote-outline.blockquote-dark { border-color: var(--vz-dark); }

.custom-blockquote.blockquote.blockquote-outline.blockquote-dark .blockquote-footer { color: var(--vz-dark-text-emphasis); }

.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: rgb(75, 56, 179); border-color: rgb(75, 56, 179); }

.form-radio-primary .form-check-input:checked { border-color: rgb(75, 56, 179); background-color: rgb(75, 56, 179); }

.form-radio-primary .form-check-input:checked::after { background-color: rgb(75, 56, 179); }

.form-check-secondary .form-check-input:checked { background-color: rgb(53, 119, 241); border-color: rgb(53, 119, 241); }

.form-radio-secondary .form-check-input:checked { border-color: rgb(53, 119, 241); background-color: rgb(53, 119, 241); }

.form-radio-secondary .form-check-input:checked::after { background-color: rgb(53, 119, 241); }

.form-check-success .form-check-input:checked { background-color: rgb(69, 203, 133); border-color: rgb(69, 203, 133); }

.form-radio-success .form-check-input:checked { border-color: rgb(69, 203, 133); background-color: rgb(69, 203, 133); }

.form-radio-success .form-check-input:checked::after { background-color: rgb(69, 203, 133); }

.form-check-info .form-check-input:checked { background-color: rgb(41, 156, 219); border-color: rgb(41, 156, 219); }

.form-radio-info .form-check-input:checked { border-color: rgb(41, 156, 219); background-color: rgb(41, 156, 219); }

.form-radio-info .form-check-input:checked::after { background-color: rgb(41, 156, 219); }

.form-check-warning .form-check-input:checked { background-color: rgb(255, 190, 11); border-color: rgb(255, 190, 11); }

.form-radio-warning .form-check-input:checked { border-color: rgb(255, 190, 11); background-color: rgb(255, 190, 11); }

.form-radio-warning .form-check-input:checked::after { background-color: rgb(255, 190, 11); }

.form-check-danger .form-check-input:checked { background-color: rgb(240, 101, 72); border-color: rgb(240, 101, 72); }

.form-radio-danger .form-check-input:checked { border-color: rgb(240, 101, 72); background-color: rgb(240, 101, 72); }

.form-radio-danger .form-check-input:checked::after { background-color: rgb(240, 101, 72); }

.form-check-light .form-check-input:checked { background-color: rgb(243, 246, 249); border-color: rgb(243, 246, 249); }

.form-radio-light .form-check-input:checked { border-color: rgb(243, 246, 249); background-color: rgb(243, 246, 249); }

.form-radio-light .form-check-input:checked::after { background-color: rgb(243, 246, 249); }

.form-check-dark .form-check-input:checked { background-color: rgb(33, 37, 41); border-color: rgb(33, 37, 41); }

.form-radio-dark .form-check-input:checked { border-color: rgb(33, 37, 41); background-color: rgb(33, 37, 41); }

.form-radio-dark .form-check-input:checked::after { background-color: rgb(33, 37, 41); }

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

.form-check-right { padding-left: 0px; display: inline-block; }

.form-check-right .form-check-input { float: right; margin-left: 0px; 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: rgb(75, 56, 179); background-color: transparent; border-color: rgb(75, 56, 179); }

.form-check-outline.form-check-secondary .form-check-input:checked[type="checkbox"] { color: rgb(53, 119, 241); background-color: transparent; border-color: rgb(53, 119, 241); }

.form-check-outline.form-check-success .form-check-input:checked[type="checkbox"] { color: rgb(69, 203, 133); background-color: transparent; border-color: rgb(69, 203, 133); }

.form-check-outline.form-check-info .form-check-input:checked[type="checkbox"] { color: rgb(41, 156, 219); background-color: transparent; border-color: rgb(41, 156, 219); }

.form-check-outline.form-check-warning .form-check-input:checked[type="checkbox"] { color: rgb(255, 190, 11); background-color: transparent; border-color: rgb(255, 190, 11); }

.form-check-outline.form-check-danger .form-check-input:checked[type="checkbox"] { color: rgb(240, 101, 72); background-color: transparent; border-color: rgb(240, 101, 72); }

.form-check-outline.form-check-light .form-check-input:checked[type="checkbox"] { color: rgb(243, 246, 249); background-color: transparent; border-color: rgb(243, 246, 249); }

.form-check-outline.form-check-dark .form-check-input:checked[type="checkbox"] { color: rgb(33, 37, 41); background-color: transparent; border-color: rgb(33, 37, 41); }

.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: "󰄬"; 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: rgb(75, 56, 179); background-color: transparent; border-color: rgb(75, 56, 179); }

.form-radio-outline.form-radio-secondary .form-check-input:checked[type="radio"] { color: rgb(53, 119, 241); background-color: transparent; border-color: rgb(53, 119, 241); }

.form-radio-outline.form-radio-success .form-check-input:checked[type="radio"] { color: rgb(69, 203, 133); background-color: transparent; border-color: rgb(69, 203, 133); }

.form-radio-outline.form-radio-info .form-check-input:checked[type="radio"] { color: rgb(41, 156, 219); background-color: transparent; border-color: rgb(41, 156, 219); }

.form-radio-outline.form-radio-warning .form-check-input:checked[type="radio"] { color: rgb(255, 190, 11); background-color: transparent; border-color: rgb(255, 190, 11); }

.form-radio-outline.form-radio-danger .form-check-input:checked[type="radio"] { color: rgb(240, 101, 72); background-color: transparent; border-color: rgb(240, 101, 72); }

.form-radio-outline.form-radio-light .form-check-input:checked[type="radio"] { color: rgb(243, 246, 249); background-color: transparent; border-color: rgb(243, 246, 249); }

.form-radio-outline.form-radio-dark .form-check-input:checked[type="radio"] { color: rgb(33, 37, 41); background-color: transparent; border-color: rgb(33, 37, 41); }

.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: "󰝥"; 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: rgb(75, 56, 179); border-color: rgb(75, 56, 179); }

.form-switch-custom.form-switch-primary .form-check-input:checked::before { color: rgb(75, 56, 179); }

.form-switch-secondary .form-check-input:checked { background-color: rgb(53, 119, 241); border-color: rgb(53, 119, 241); }

.form-switch-custom.form-switch-secondary .form-check-input:checked::before { color: rgb(53, 119, 241); }

.form-switch-success .form-check-input:checked { background-color: rgb(69, 203, 133); border-color: rgb(69, 203, 133); }

.form-switch-custom.form-switch-success .form-check-input:checked::before { color: rgb(69, 203, 133); }

.form-switch-info .form-check-input:checked { background-color: rgb(41, 156, 219); border-color: rgb(41, 156, 219); }

.form-switch-custom.form-switch-info .form-check-input:checked::before { color: rgb(41, 156, 219); }

.form-switch-warning .form-check-input:checked { background-color: rgb(255, 190, 11); border-color: rgb(255, 190, 11); }

.form-switch-custom.form-switch-warning .form-check-input:checked::before { color: rgb(255, 190, 11); }

.form-switch-danger .form-check-input:checked { background-color: rgb(240, 101, 72); border-color: rgb(240, 101, 72); }

.form-switch-custom.form-switch-danger .form-check-input:checked::before { color: rgb(240, 101, 72); }

.form-switch-light .form-check-input:checked { background-color: rgb(243, 246, 249); border-color: rgb(243, 246, 249); }

.form-switch-custom.form-switch-light .form-check-input:checked::before { color: rgb(243, 246, 249); }

.form-switch-dark .form-check-input:checked { background-color: rgb(33, 37, 41); border-color: rgb(33, 37, 41); }

.form-switch-custom.form-switch-dark .form-check-input:checked::before { color: rgb(33, 37, 41); }

.form-switch-custom .form-check-input { position: relative; background-image: none; }

.form-switch-custom .form-check-input::before { content: "󰝥"; font-family: "Material Design Icons"; top: -9px; position: absolute; font-size: 20px; left: -3px; color: var(--vz-secondary-color); transition: background-position 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) {
  .form-switch-custom .form-check-input::before { transition: none; }
}

.form-switch-custom .form-check-input:checked { background-image: none; background-color: var(--vz-input-bg-custom); transition: background-position 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) {
  .form-switch-custom .form-check-input:checked { 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: 0px; padding-left: 0px !important; }

.form-switch-right .form-check-input { float: right; margin-left: 0px; margin-right: -1.6em; margin-top: 0.1em !important; }

.form-switch-right label { margin-bottom: 0px; margin-right: 1rem; }

.card-radio { padding: 0px; }

.card-radio .form-check-label { background-color: var(--vz-secondary-bg); border: 1px solid var(--vz-border-color); border-radius: 0.25rem; padding: 1rem 32px 1rem 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; position: relative; }

.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: rgb(75, 56, 179) !important; }

.card-radio .form-check-input:checked + .form-check-label::before { content: ""; font-family: remixicon; position: absolute; top: 2px; right: 6px; font-size: 16px; color: rgb(75, 56, 179); }

.card-radio.dark .form-check-input:checked + .form-check-label::before { color: rgb(255, 255, 255); }

.form-icon { position: relative; }

.form-icon .form-control-icon { padding-left: calc(2.7rem); position: relative; }

.form-icon i { position: absolute; top: 0px; bottom: 0px; left: 18px; display: flex; -webkit-box-align: center; align-items: center; }

.form-icon.right .form-control-icon { padding-right: calc(2.7rem); padding-left: 0.9rem; position: relative; }

.form-icon.right i { left: auto; right: 18px; }

.list-group-fill-primary.list-group-item { color: rgb(255, 255, 255); border-color: var(--vz-primary); background-color: var(--vz-primary) !important; }

.list-group-fill-secondary.list-group-item { color: rgb(255, 255, 255); border-color: var(--vz-secondary); background-color: var(--vz-secondary) !important; }

.list-group-fill-success.list-group-item { color: rgb(255, 255, 255); border-color: var(--vz-success); background-color: var(--vz-success) !important; }

.list-group-fill-info.list-group-item { color: rgb(255, 255, 255); border-color: var(--vz-info); background-color: var(--vz-info) !important; }

.list-group-fill-warning.list-group-item { color: rgb(255, 255, 255); border-color: var(--vz-warning); background-color: var(--vz-warning) !important; }

.list-group-fill-danger.list-group-item { color: rgb(255, 255, 255); border-color: var(--vz-danger); background-color: var(--vz-danger) !important; }

.list-group-fill-light.list-group-item { color: rgb(0, 0, 0); border-color: var(--vz-light); background-color: var(--vz-light) !important; }

.list-group-fill-dark.list-group-item { color: rgb(255, 255, 255); border-color: var(--vz-dark); background-color: var(--vz-dark) !important; }

.list-group-item { margin-bottom: 0px; }

.list-group-item .list-text { color: var(--vz-secondary-color); }

.list-group-item.active { box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; }

.list-group-item.active .list-title { color: rgb(255, 255, 255); }

.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; flex-flow: column wrap; -webkit-box-pack: start; place-content: flex-start; -webkit-box-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: 0px; margin: 0px; inset: 0px; z-index: 0; width: auto !important; height: auto !important; }

.simplebar-offset { position: absolute; top: 0px; bottom: 0px; padding: 0px; margin: 0px; direction: inherit !important; box-sizing: inherit !important; resize: none !important; left: 0px !important; right: 0px !important; }

.simplebar-content-wrapper { direction: inherit; position: relative; display: block; height: 100%; width: auto; visibility: visible; overflow: auto; max-width: 100%; max-height: 100%; scrollbar-width: none; box-sizing: border-box !important; padding: 0px !important; }

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

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

.simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; }

.simplebar-height-auto-observer-wrapper { height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0px; margin: 0px; pointer-events: none; -webkit-box-flex: inherit; flex-grow: inherit; flex-shrink: 0; flex-basis: 0px; box-sizing: inherit !important; }

.simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0px; left: 0px; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; }

.simplebar-track { z-index: 1; position: absolute; right: 0px; bottom: 0px; pointer-events: none; overflow: hidden; }

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

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

.simplebar-scrollbar { position: absolute; right: 2px; width: 6px; min-height: 10px; }

.simplebar-scrollbar::before { position: absolute; content: ""; background: rgb(162, 173, 183); border-radius: 7px; left: 0px; right: 0px; opacity: 0; transition: opacity 0.2s linear; }

.simplebar-scrollbar.simplebar-visible::before { opacity: 0.5; transition: opacity linear; }

.simplebar-track.simplebar-vertical { top: 0px; width: 11px; }

.simplebar-track.simplebar-vertical .simplebar-scrollbar::before { top: 2px; bottom: 2px; }

.simplebar-track.simplebar-horizontal { left: 0px; height: 11px; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar::before { height: 100%; left: 2px; right: 2px; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0px; top: 2px; height: 7px; min-height: 0px; min-width: 10px; width: auto; }

[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical { right: auto; left: 0px; }

.hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow: scroll hidden; }

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

.custom-scroll { height: 100%; }

[data-simplebar-track="primary"] .simplebar-scrollbar::before { background: rgb(75, 56, 179); }

[data-simplebar-track="secondary"] .simplebar-scrollbar::before { background: rgb(53, 119, 241); }

[data-simplebar-track="success"] .simplebar-scrollbar::before { background: rgb(69, 203, 133); }

[data-simplebar-track="info"] .simplebar-scrollbar::before { background: rgb(41, 156, 219); }

[data-simplebar-track="warning"] .simplebar-scrollbar::before { background: rgb(255, 190, 11); }

[data-simplebar-track="danger"] .simplebar-scrollbar::before { background: rgb(240, 101, 72); }

[data-simplebar-track="light"] .simplebar-scrollbar::before { background: rgb(243, 246, 249); }

[data-simplebar-track="dark"] .simplebar-scrollbar::before { background: rgb(33, 37, 41); }

code[class*="language-"], pre[class*="language-"] { color: rgb(0, 0, 0); background: 0px 0px; text-shadow: rgb(255, 255, 255) 0px 1px; font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; overflow-wrap: normal; line-height: 1.5; tab-size: 4; hyphens: none; }

code[class*="language-"] ::selection, code[class*="language-"]::selection, pre[class*="language-"] ::selection, pre[class*="language-"]::selection { text-shadow: none; background: rgb(179, 212, 252); }

@media print {
  code[class*="language-"], pre[class*="language-"] { text-shadow: none; }
}

pre[class*="language-"] { padding: 1em; margin: 0px; overflow: auto; }

:not(pre) > code[class*="language-"], pre[class*="language-"] { background: var(--vz-light) !important; }

:not(pre) > code[class*="language-"] { padding: 0.1em; border-radius: 0.3em; white-space: normal; }

.token.cdata, .token.comment, .token.doctype, .token.prolog { color: rgb(112, 128, 144); }

.token.punctuation { color: rgb(153, 153, 153); }

.token.namespace { opacity: 0.7; }

.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag { color: rgb(240, 101, 72); }

.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string { color: rgb(102, 153, 0); }

.language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url { color: rgb(154, 110, 58); background: rgba(255, 255, 255, 0.5); }

.token.atrule, .token.attr-value, .token.keyword { color: rgb(0, 119, 170); }

.token.class-name, .token.function { color: rgb(221, 74, 104); }

.token.important, .token.regex, .token.variable { color: rgb(238, 153, 0); }

.token.bold, .token.important { font-weight: 700; }

.token.italic { font-style: italic; }

.token.entity { cursor: help; }

:not(pre) > code[class*="language-"], pre[class*="language-"] { background: rgb(239, 242, 247); }

code[class*="language-"], pre[class*="language-"] { color: rgb(135, 138, 153); text-shadow: none; }

.language-markup::-webkit-scrollbar { appearance: none; }

.language-markup::-webkit-scrollbar:vertical { width: 10px; }

.language-markup::-webkit-scrollbar:horizontal { height: 10px; }

.language-markup::-webkit-scrollbar-thumb { background-color: rgba(var(--vz-body-color-rgb),.1); border-radius: 10px; border: 2px solid var(--vz-light); }

.language-markup::-webkit-scrollbar-track { border-radius: 10px; background-color: var(--vz-light); }

#scroll-top { width: 30px; height: 30px; position: fixed; bottom: 65px; right: 30px; background: rgb(52, 58, 64); border-color: transparent; border-radius: 3px; color: rgb(255, 255, 255); transition: 0.5s; }

.btn-clipboard { position: absolute !important; right: 15px !important; z-index: 1 !important; }

div.code-toolbar > .toolbar { opacity: 1 !important; }

div.code-toolbar > .toolbar button { background-color: transparent; display: inline-block !important; margin: 0.375rem 0.5rem !important; padding: 0.25rem 0.75rem !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; color: rgb(75, 56, 179) !important; box-shadow: none !important; }

div.code-toolbar > .toolbar button:focus { outline: 0px !important; box-shadow: none !important; }

div.code-toolbar > .toolbar button:hover { background-color: rgb(75, 56, 179) !important; color: rgb(255, 255, 255) !important; }

.swal2-container .swal2-title { padding: 24px 24px 0px; font-size: 20px; font-weight: 500; }

.swal2-popup { padding-bottom: 24px; border-radius: var(--vz-border-radius-lg); background-color: var(--vz-secondary-bg); color: var(--vz-body-color); }

.swal2-popup .swal2-title { color: var(--vz-heading-color); }

.swal2-popup .swal2-html-container { color: var(--vz-body-color); }

.swal2-footer { border-top: 1px solid var(--vz-border-color); color: var(--vz-body-color); }

.swal2-html-container { font-size: 16px; }

.swal2-icon.swal2-question { border-color: rgb(41, 156, 219); color: rgb(41, 156, 219); }

.swal2-icon.swal2-success [class^="swal2-success-line"] { background-color: rgb(69, 203, 133); }

.swal2-icon.swal2-success .swal2-success-ring { border-color: rgba(69, 203, 133, 0.3); }

.swal2-icon.swal2-warning { border-color: rgb(255, 190, 11); color: rgb(255, 190, 11); }

.swal2-styled:focus { box-shadow: none; }

.swal2-loader { border-color: rgb(75, 56, 179) transparent; }

.swal2-timer-progress-bar { background-color: rgba(69, 203, 133, 0.4); }

.swal2-progress-steps .swal2-progress-step { background: rgb(75, 56, 179); }

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: rgb(75, 56, 179); }

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step, .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { background: rgba(75, 56, 179, 0.3); }

.swal2-progress-steps .swal2-progress-step-line { background: rgb(75, 56, 179); }

.swal2-actions.swal2-loading .swal2-styled.swal2-confirm { border-left-color: rgb(75, 56, 179) !important; border-right-color: rgb(75, 56, 179) !important; }

.swal2-file, .swal2-input, .swal2-textarea { border: 1px solid var(--vz-input-border-custom); }

.swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus { box-shadow: none; border-color: var(--vz-primary-border-subtle); }

.swal2-input { height: auto; display: block; padding: 0.5rem 0.9rem; font-size: 0.8125rem; font-weight: 400; line-height: 1.5; color: var(--vz-body-color); background-color: var(--vz-input-bg-custom); background-clip: padding-box; border: var(--vz-border-width) solid var(--vz-input-border-custom); }

.swal2-close { font-family: var(--vz-font-sans-serif); font-weight: 300; font-size: 28px; }

.swal2-close:focus { box-shadow: none; }

.swal2-close:hover { color: rgb(75, 56, 179); }

.swal2-validation-message { background-color: transparent; }

.dropzone { min-height: 230px; border: 2px dashed var(--vz-border-color); background: var(--vz-secondary-bg); border-radius: 6px; }

.dropzone .dz-message { font-size: 24px; width: 100%; margin: 1em 0px; }

.noUi-connect { background: rgb(69, 203, 133); }

.noUi-handle { background: rgb(69, 203, 133); border: 2px solid var(--vz-card-bg); box-shadow: none; }

.noUi-horizontal { height: 4px; }

.noUi-horizontal .noUi-handle { height: 16px; width: 16px; border-radius: 50%; top: -7px; right: -10px !important; }

.noUi-horizontal .noUi-handle::after, .noUi-horizontal .noUi-handle::before { display: none; }

.noUi-horizontal .noUi-handle:focus { outline: 0px; }

.noUi-pips-horizontal { height: 50px; }

.noUi-tooltip { padding: 0.4rem 0.7rem; border-color: var(--vz-border-color); border-radius: var(--vz-border-radius); background-color: var(--vz-secondary-bg); color: var(--vz-body-color); }

.noUi-vertical { width: 4px; }

.noUi-vertical .noUi-handle { height: 16px; width: 16px; right: -8px; top: -12px; left: auto; border-radius: 50%; }

.noUi-vertical .noUi-handle::after, .noUi-vertical .noUi-handle::before { display: none; }

.noUi-vertical .noUi-handle:focus { outline: 0px; }

.noUi-vertical .noUi-origin { top: 0px; }

.noUi-value { font-size: 12px; }

.noUi-marker-horizontal.noUi-marker-large { height: 12px; }

.noUi-value-horizontal { padding-top: 4px; }

.noUi-target { box-shadow: none; background-color: var(--vz-light); border-color: var(--vz-light); }

.noUi-touch-area:focus { outline: 0px; }

#blue, #green, #red { margin: 10px; display: inline-block; height: 200px; }

#colorpicker { height: 240px; width: 310px; margin: 0px auto; padding: 10px; border: 1px solid var(--vz-border-color); }

#result { margin: 60px 26px; height: 100px; width: 100px; display: inline-block; vertical-align: top; border: 1px solid var(--vz-border-color); box-shadow: 0px 0px 3px; border-radius: 7px; }

#red .noUi-connect { background: rgb(240, 101, 72); }

#green .noUi-connect { background: rgb(69, 203, 133); }

#blue .noUi-connect { background: rgb(75, 56, 179); }

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

.example-val { font-size: 12px; color: var(--vz-secondary-color); display: block; margin: 15px 0px; }

.example-val::before { content: "Value: "; font-size: 12px; font-weight: 600; }

.noUi-tooltip { display: none; }

.noUi-active .noUi-tooltip { display: block; }

.c-1-color { background: rgb(240, 101, 72); }

.c-2-color { background: rgb(255, 190, 11); }

.c-3-color { background: rgb(69, 203, 133); }

.c-4-color { background: rgb(75, 56, 179); }

.c-5-color { background: rgb(101, 89, 204); }

#slider-toggle { height: 50px; }

#slider-toggle.off .noUi-handle { border-color: rgb(240, 101, 72); }

.noUi-marker { background-color: var(--vz-border-color); }

.noUi-pips { color: var(--vz-body-color); }

[data-slider-color="primary"] .noUi-connect { background: rgb(75, 56, 179); }

[data-slider-color="primary"] .noUi-handle { background: rgb(75, 56, 179); }

[data-slider-color="primary"][data-slider-style="border"] .noUi-handle, [data-slider-color="primary"][data-slider-style="square"] .noUi-handle { border-color: rgb(75, 56, 179); }

[data-slider-color="secondary"] .noUi-connect { background: rgb(53, 119, 241); }

[data-slider-color="secondary"] .noUi-handle { background: rgb(53, 119, 241); }

[data-slider-color="secondary"][data-slider-style="border"] .noUi-handle, [data-slider-color="secondary"][data-slider-style="square"] .noUi-handle { border-color: rgb(53, 119, 241); }

[data-slider-color="success"] .noUi-connect { background: rgb(69, 203, 133); }

[data-slider-color="success"] .noUi-handle { background: rgb(69, 203, 133); }

[data-slider-color="success"][data-slider-style="border"] .noUi-handle, [data-slider-color="success"][data-slider-style="square"] .noUi-handle { border-color: rgb(69, 203, 133); }

[data-slider-color="info"] .noUi-connect { background: rgb(41, 156, 219); }

[data-slider-color="info"] .noUi-handle { background: rgb(41, 156, 219); }

[data-slider-color="info"][data-slider-style="border"] .noUi-handle, [data-slider-color="info"][data-slider-style="square"] .noUi-handle { border-color: rgb(41, 156, 219); }

[data-slider-color="warning"] .noUi-connect { background: rgb(255, 190, 11); }

[data-slider-color="warning"] .noUi-handle { background: rgb(255, 190, 11); }

[data-slider-color="warning"][data-slider-style="border"] .noUi-handle, [data-slider-color="warning"][data-slider-style="square"] .noUi-handle { border-color: rgb(255, 190, 11); }

[data-slider-color="danger"] .noUi-connect { background: rgb(240, 101, 72); }

[data-slider-color="danger"] .noUi-handle { background: rgb(240, 101, 72); }

[data-slider-color="danger"][data-slider-style="border"] .noUi-handle, [data-slider-color="danger"][data-slider-style="square"] .noUi-handle { border-color: rgb(240, 101, 72); }

[data-slider-color="light"] .noUi-connect { background: rgb(243, 246, 249); }

[data-slider-color="light"] .noUi-handle { background: rgb(243, 246, 249); }

[data-slider-color="light"][data-slider-style="border"] .noUi-handle, [data-slider-color="light"][data-slider-style="square"] .noUi-handle { border-color: rgb(243, 246, 249); }

[data-slider-color="dark"] .noUi-connect { background: rgb(33, 37, 41); }

[data-slider-color="dark"] .noUi-handle { background: rgb(33, 37, 41); }

[data-slider-color="dark"][data-slider-style="border"] .noUi-handle, [data-slider-color="dark"][data-slider-style="square"] .noUi-handle { border-color: rgb(33, 37, 41); }

[data-slider-size="lg"].noUi-horizontal { height: 12px; }

[data-slider-size="lg"].noUi-horizontal .noUi-handle { width: 24px; height: 24px; }

[data-slider-size="md"].noUi-horizontal { height: 8px; }

[data-slider-size="md"].noUi-horizontal .noUi-handle { width: 20px; height: 20px; }

[data-slider-size="sm"].noUi-horizontal { height: 4px; }

[data-slider-size="sm"].noUi-horizontal .noUi-handle { width: 16px; height: 16px; }

[data-slider-style="line"].noUi-horizontal .noUi-handle { width: 8px; border-radius: 4px; right: -8px; }

[data-slider-style="line"].noUi-vertical .noUi-handle { height: 8px; border-radius: 4px; top: -3px; }

[data-slider-style="border"] .noUi-handle { border-color: rgb(69, 203, 133); background-color: var(--vz-secondary-bg); }

[data-slider-style="square"] .noUi-handle { border-radius: 0px; transform: rotate(45deg); height: 10px; width: 10px; top: -4px; border-color: rgb(69, 203, 133); background-color: var(--vz-secondary-bg); }

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

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

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

.nested-sortable-handle .list-group-item { padding-left: 42px; }

.shepherd-element { background: var(--vz-secondary-bg); box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; }

.shepherd-has-title .shepherd-content .shepherd-header { background-color: var(--vz-light); padding: 0.5rem 0.75rem; }

.shepherd-has-title .shepherd-content .shepherd-cancel-icon { color: rgba(var(--vz-body-color-rgb),.75); }

.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover { color: rgba(var(--vz-body-color-rgb),1); }

.shepherd-element.shepherd-has-title[data-popper-placement^="bottom"] > .shepherd-arrow::before { background-color: var(--vz-light); }

.shepherd-title { font-size: 15px; font-weight: 500; color: var(--vz-body-color); }

.shepherd-text { padding: 0.75rem; font-size: 0.8125rem; color: var(--vz-body-color); }

.shepherd-button.btn-success:not(:disabled):hover { background: rgb(59, 200, 126); color: rgb(255, 255, 255); }

.shepherd-button.btn-light:not(:disabled):hover { background: rgba(var(--vz-light-rgb),.75); color: var(--vz-body-color); }

.shepherd-button.btn-primary:not(:disabled):hover { background: rgb(71, 53, 169); color: rgb(255, 255, 255); }

.shepherd-footer { padding: 0px 0.75rem 0.75rem; }

.shepherd-arrow, .shepherd-arrow::before { content: ""; font-family: remixicon; font-size: 24px; z-index: 1; transform: rotate(0deg); color: var(--vz-primary); background-color: transparent !important; }

.shepherd-element[data-popper-placement^="bottom"] > .shepherd-arrow { top: -18px; }

.shepherd-button { margin-right: 0.5rem; }

.swiper-button-next, .swiper-button-prev { height: 32px; width: 32px; background-color: rgba(75, 56, 179, 0.2); backdrop-filter: blur(2px); border-radius: 8px; }

.swiper-button-next::after, .swiper-button-prev::after { font-family: remixicon; font-size: 28px; color: rgb(75, 56, 179); transition: 0.3s; }

.swiper-button-prev::after { content: "" !important; }

.swiper-button-next::after { content: "" !important; }

.swiper-pagination-bullet { width: 22px; height: 5px; background-color: rgb(255, 255, 255); border-radius: 50px; box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; }

.swiper-pagination-bullet .swiper-pagination-bullet-active { opacity: 1; }

.dynamic-pagination .swiper-pagination-bullet { width: 8px; height: 8px; background-color: rgb(255, 255, 255); opacity: 0.5; transition: 0.5s; }

.dynamic-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; width: 20px; }

.swiper-pagination-fraction { color: rgb(255, 255, 255); font-size: 16px; background-color: rgba(0, 0, 0, 0.3); backdrop-filter: blur(2px); }

.pagination-custom .swiper-pagination-bullet { height: 25px; width: 25px; line-height: 25px; border-radius: 8px; background-color: rgb(255, 255, 255); opacity: 0.5; transition: 0.5s; }

.pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active { color: rgb(53, 119, 241); opacity: 1; }

.swiper-pagination-progressbar { height: 6px !important; background-color: rgba(69, 203, 133, 0.25); }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: rgb(69, 203, 133); }

.swiper-scrollbar { background-color: rgba(255, 255, 255, 0.35); backdrop-filter: blur(2px); padding: 1.2px; height: 6px !important; }

.swiper-scrollbar .swiper-scrollbar-drag { background-color: rgb(255, 255, 255); }

.swiper-pagination-dark .swiper-pagination-bullet { background-color: rgb(53, 119, 241); }

.swiper-pagination-dark .dynamic-pagination .swiper-pagination-bullet { background-color: rgb(53, 119, 241); }

.swiper-pagination-dark.pagination-custom .swiper-pagination-bullet { color: rgb(255, 255, 255); }

.swiper-pagination-dark.pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }

.swiper-pagination-dark.swiper-scrollbar { background-color: rgba(33, 37, 41, 0.35); }

.multi-wrapper { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; position: relative; }

.multi-wrapper::before { content: ""; position: absolute; font-family: remixicon; left: 50%; transform: translateX(-50%); bottom: 86px; width: 32px; height: 32px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-size: 16px; border-radius: 50%; color: var(--vz-secondary-color); background-color: var(--vz-light); z-index: 1; }

.multi-wrapper .non-selected-wrapper { border: 1px solid var(--vz-input-border-custom); background-color: var(--vz-input-bg-custom); border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

.multi-wrapper .non-selected-wrapper::-webkit-scrollbar, .multi-wrapper .selected-wrapper::-webkit-scrollbar { appearance: none; }

.multi-wrapper .non-selected-wrapper::-webkit-scrollbar:vertical, .multi-wrapper .selected-wrapper::-webkit-scrollbar:vertical { width: 10px; }

.multi-wrapper .non-selected-wrapper::-webkit-scrollbar:horizontal, .multi-wrapper .selected-wrapper::-webkit-scrollbar:horizontal { height: 9px; }

.multi-wrapper .non-selected-wrapper::-webkit-scrollbar-thumb, .multi-wrapper .selected-wrapper::-webkit-scrollbar-thumb { background-color: rgba(var(--vz-dark-rgb),.2); border-radius: 10px; border: 2px solid var(--vz-input-bg-custom); }

.multi-wrapper .non-selected-wrapper::-webkit-scrollbar-track, .multi-wrapper .selected-wrapper::-webkit-scrollbar-track { border-radius: 10px; background-color: var(--vz-input-bg-custom); }

.multi-wrapper .item-group .group-label { font-size: 12px; }

.multi-wrapper .item { color: var(--vz-body-color); }

.multi-wrapper .item:hover { background-color: rgba(75, 56, 179, 0.1); }

.multi-wrapper .selected-wrapper { border: 1px solid var(--vz-input-border-custom); background: var(--vz-input-bg-custom); border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }

.multi-wrapper .search-input { -webkit-box-flex: 0; flex: 0 0 auto; padding: 0.5rem 0.9rem; font-size: 0.8125rem; color: var(--vz-body-color); background-color: var(--vz-input-bg-custom); border: var(--vz-border-width) solid var(--vz-input-border-custom); border-radius: var(--vz-border-radius); margin-bottom: 16px; }

.multi-wrapper .search-input::-webkit-input-placeholder { color: var(--vz-secondary-color); }

.multi-wrapper .search-input::placeholder { color: var(--vz-secondary-color); }

.multi-wrapper .header { font-weight: 600; color: var(--vz-gray-600); }

.pcr-app { background: var(--vz-secondary-bg); box-shadow: rgba(30, 32, 37, 0.12) 0px 5px 10px; border-radius: 4px; border: 1px solid var(--vz-border-color); }

.pickr .pcr-button { border: 4px solid var(--vz-secondary-bg); border-radius: 50%; box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; }

.pickr .pcr-button::after, .pickr .pcr-button::before { border-radius: 50%; }

.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-preview { margin-right: 0.75em; margin-left: 0px; }

.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-chooser, .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-opacity { margin-left: 0.75em; margin-right: 0px; }

.pcr-app[data-theme="monolith"] .pcr-result { min-width: 100%; }

.pcr-app .pcr-interaction .pcr-type.active { background: rgb(75, 56, 179); }

.pcr-app .pcr-interaction .pcr-result { background-color: var(--vz-input-bg-custom); color: var(--vz-body-color); border: 1px solid var(--vz-input-border-custom); border-radius: var(--vz-border-radius); }

.pcr-app .pcr-interaction input { border-radius: var(--vz-border-radius) !important; }

.pcr-app .pcr-interaction input:focus { box-shadow: none; background-color: var(--vz-input-bg-custom); border-color: var(--vz-primary-border-subtle); }

.pcr-app .pcr-interaction .pcr-save { background: rgb(69, 203, 133) !important; }

.pcr-app .pcr-interaction .pcr-cancel, .pcr-app .pcr-interaction .pcr-clear { background: rgb(240, 101, 72) !important; }

.filepond--root { margin-bottom: 0px; }

.filepond--root[data-style-panel-layout~="circle"] .filepond--drop-label label { font-size: 14px; }

.filepond--panel-root { border: 2px dashed var(--vz-border-color); background: var(--vz-secondary-bg); }

.filepond--drop-label { color: var(--vz-body-color); }

.filepond--drop-label label { font-weight: 500; }

.filepond--credits { display: none; }

.filepond--item-panel { background-color: rgb(75, 56, 179) !important; }

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

.input-step { border: 1px solid var(--vz-input-border-custom); display: inline-flex; overflow: visible; height: 37.5px; border-radius: var(--vz-border-radius); background: var(--vz-input-bg-custom); padding: 4px; }

.input-step input { width: 4em; height: 100%; text-align: center; border: 0px; background: 0px 0px; color: var(--vz-body-color); border-radius: var(--vz-border-radius); }

.input-step input:focus-visible { outline: 0px; }

.input-step button { width: 1.4em; font-weight: 300; height: 100%; line-height: 0.1em; font-size: 1.4em; background: var(--vz-light); color: var(--vz-body-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: var(--vz-border-radius); padding: 0.2em !important; }

.input-step.light { background: var(--vz-light); }

.input-step.light button { background-color: var(--vz-input-bg-custom); }

.input-step.light-input { background: var(--vz-light); }

.input-step.light-input input { background-color: var(--vz-input-bg-custom); }

.input-step.full-width { display: flex; width: 100%; }

.input-step.full-width button { flex-shrink: 0; }

.input-step.full-width input { -webkit-box-flex: 1; flex-grow: 1; }

.input-step.step-primary button { background-color: rgb(75, 56, 179); color: rgb(255, 255, 255); }

.input-step.step-secondary button { background-color: rgb(53, 119, 241); color: rgb(255, 255, 255); }

.input-step.step-success button { background-color: rgb(69, 203, 133); color: rgb(255, 255, 255); }

.input-step.step-info button { background-color: rgb(41, 156, 219); color: rgb(255, 255, 255); }

.input-step.step-warning button { background-color: rgb(255, 190, 11); color: rgb(255, 255, 255); }

.input-step.step-danger button { background-color: rgb(240, 101, 72); color: rgb(255, 255, 255); }

.input-step.step-light button { background-color: rgb(243, 246, 249); color: rgb(255, 255, 255); }

.input-step.step-dark button { background-color: rgb(33, 37, 41); color: rgb(255, 255, 255); }

.ck { font-family: var(--vz-font-sans-serif) !important; }

.ck.ck-reset_all, .ck.ck-reset_all * { color: var(--vz-body-color) !important; }

.ck.ck-toolbar { background: rgba(var(--vz-light-rgb),.75) !important; }

.ck p { margin-bottom: 0px; }

.ck.ck-toolbar { border: 1px solid var(--vz-input-border-custom) !important; }

.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items { flex-wrap: wrap !important; }

.ck.ck-toolbar .ck.ck-toolbar__separator { background: 0px 0px !important; }

.ck.ck-editor__main > .ck-editor__editable { border-top-width: 0px !important; border-top-style: none !important; background-color: var(--vz-secondary-bg) !important; border-color: var(--vz-input-border-custom) !important; box-shadow: none !important; }

.ck.ck-dropdown__panel { box-shadow: rgba(30, 32, 37, 0.12) 0px 5px 10px; animation-name: DropDownSlide; animation-duration: 0.3s; animation-fill-mode: both; border-radius: var(--vz-border-radius-lg); background: var(--vz-secondary-bg) !important; }

.ck.ck-list { background: var(--vz-secondary-bg) !important; }

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se { left: 0px; right: auto !important; }

.ck.ck-editor__editable_inline[dir="ltr"] { text-align: left !important; }

.ck.ck-dropdown__panel { box-shadow: rgba(30, 32, 37, 0.12) 0px 5px 10px !important; border-radius: var(--vz-border-radius-lg) !important; border: 1px solid var(--vz-border-color) !important; }

.ck.ck-button:active, .ck.ck-button:focus, a.ck.ck-button:active, a.ck.ck-button:focus { box-shadow: none !important; border: 1px solid var(--vz-light) !important; }

.ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover { background: var(--vz-light) !important; }

.ck.ck-button.ck-on, a.ck.ck-button.ck-on { background: var(--vz-light) !important; }

.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar, .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners { border-radius: 0.25rem 0.25rem 0px 0px !important; }

.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners { border-radius: 0px 0px 0.25rem 0.25rem !important; }

.ck-editor__editable { min-height: 245px !important; }

.ck[class*="ck-heading_heading"] { font-weight: 500 !important; }

.ck.ck-button.ck-on:not(.ck-disabled):active, .ck.ck-button.ck-on:not(.ck-disabled):hover, a.ck.ck-button.ck-on:not(.ck-disabled):active, a.ck.ck-button.ck-on:not(.ck-disabled):hover { box-shadow: none !important; }

.ck.ck-tooltip .ck-tooltip__text { background: rgb(33, 37, 41) !important; color: rgb(243, 246, 249) !important; }

.ck.ck-input-text { background: var(--vz-input-bg-custom) !important; border: 1px solid var(--vz-input-border-custom) !important; }

.ck.ck-input-text:focus { border: 1px solid var(--vz-primary-border-subtle) !important; box-shadow: none !important; }

.ck.ck-balloon-panel { background: var(--vz-secondary-bg) !important; border: 1px solid var(--vz-border-color) !important; }

.ck.ck-balloon-panel[class*="arrow_n"]::after { border-bottom-color: var(--vz-secondary-bg) !important; }

.ck.ck-balloon-panel[class*="arrow_n"]::before { border-bottom-color: var(--vz-border-color) !important; }

.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { background: var(--vz-secondary-bg) !important; }

.ck-editor-reverse .ck-editor { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }

.ck-editor-reverse .ck.ck-editor__main > .ck-editor__editable { border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-bottom: 0px !important; }

.ck-editor-reverse .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, .ck-editor-reverse .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners { border-radius: 0.25rem 0.25rem 0px 0px !important; }

.ck-editor-reverse .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar, .ck-editor-reverse .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners { border-radius: 0px 0px 0.25rem 0.25rem !important; }

[dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }

.ql-editor { text-align: left; }

.ql-editor ol, .ql-editor ul { padding-left: 1.5em; padding-right: 0px; }

.ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; }

.ql-container { font-family: var(--vz-font-sans-serif); }

.ql-container.ql-snow { border-color: var(--vz-input-border-custom); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.ql-bubble { border: var(--vz-border-width) solid var(--vz-input-border-custom); border-radius: var(--vz-border-radius); }

.ql-toolbar { font-family: var(--vz-font-sans-serif) !important; }

.ql-toolbar span { color: var(--vz-body-color); outline: 0px !important; }

.ql-toolbar span:hover { color: rgb(75, 56, 179) !important; }

.ql-toolbar.ql-snow { border-top-left-radius: 4px; border-top-right-radius: 4px; border-color: var(--vz-input-border-custom); }

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: transparent; }

.ql-toolbar.ql-snow .ql-picker-options { box-shadow: rgba(30, 32, 37, 0.12) 0px 5px 10px; border-radius: var(--vz-border-radius-lg); }

.ql-snow .ql-script, .ql-snow .ql-strike svg, .ql-snow .ql-stroke { stroke: var(--vz-body-color); }

.ql-snow .ql-fill { fill: var(--vz-body-color); }

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { right: 0px; left: auto; }

.ql-snow .ql-picker.ql-expanded .ql-picker-label { color: var(--vz-secondary-color); }

.ql-snow .ql-picker-options { background-color: var(--vz-secondary-bg); border-color: var(--vz-border-color) !important; }

.gridjs-container { color: var(--vz-body-color); padding: 0px; display: block; }

.gridjs-wrapper { box-shadow: none; border: 1px solid var(--vz-border-color); border-radius: 0px; }

.gridjs-wrapper::-webkit-scrollbar { appearance: none; }

.gridjs-wrapper::-webkit-scrollbar:vertical { width: 12px; }

.gridjs-wrapper::-webkit-scrollbar:horizontal { height: 12px; }

.gridjs-wrapper::-webkit-scrollbar-thumb { background-color: rgba(var(--vz-dark-rgb),.075); border-radius: 10px; border: 2px solid var(--vz-secondary-bg); }

.gridjs-wrapper::-webkit-scrollbar-track { border-radius: 10px; background-color: var(--vz-secondary-bg); }

.gridjs-footer { padding: 12px 0px 0px; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }

.gridjs-table { width: 100%; }

.gridjs-tbody, td.gridjs-td { background-color: transparent; }

td.gridjs-td, th.gridjs-th { border: 1px solid var(--vz-border-color); padding: 0.75rem 0.6rem; }

th.gridjs-th { border-top: 0px; color: var(--vz-body-color); background-color: rgba(var(--vz-light-rgb),.75); }

th.gridjs-th-sort:focus, th.gridjs-th-sort:hover { background-color: rgba(var(--vz-light-rgb),.85); }

.gridjs-head { padding-top: 0px; }

.gridjs-footer { box-shadow: none; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 0px; background-color: transparent; }

.gridjs-summary { color: var(--vz-secondary-color); margin-top: 8px !important; }

.gridjs-pagination .gridjs-pages button { margin-left: 0.3rem; border: 1px solid var(--vz-border-color); background-color: var(--vz-secondary-bg); color: var(--vz-link-color); border-radius: 0.25rem !important; }

.gridjs-pagination .gridjs-pages button:last-child { border-right: 1px solid var(--vz-border-color); }

.gridjs-pagination .gridjs-pages button:disabled, .gridjs-pagination .gridjs-pages button:hover:disabled, .gridjs-pagination .gridjs-pages button[disabled] { color: var(--vz-secondary-color); background-color: var(--vz-secondary-bg); }

.gridjs-pagination .gridjs-pages button:hover { background-color: var(--vz-tertiary-bg); color: var(--vz-link-hover-color); }

.gridjs-pagination .gridjs-pages button:focus { box-shadow: none; }

.gridjs-pagination .gridjs-pages button:first-child:hover, .gridjs-pagination .gridjs-pages button:last-child:hover { background-color: transparent; }

.gridjs-pagination .gridjs-pages button.gridjs-currentPage { background-color: rgb(75, 56, 179); color: rgb(255, 255, 255); border-color: rgb(75, 56, 179); font-weight: 500; }

.gridjs-search { position: relative; float: left; }

.gridjs-search::before { content: ""; font-family: remixicon; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; font-size: 14px; color: var(--vz-secondary-color); }

input.gridjs-input { border-color: var(--vz-input-border-custom); background-color: var(--vz-input-bg-custom); color: var(--vz-body-color); line-height: 1.5; padding: 0.5rem 0.9rem 0.5rem 2.025rem; border-radius: var(--vz-border-radius); font-size: 0.8125rem; }

input.gridjs-input:focus { box-shadow: none; border-color: var(--vz-primary-border-subtle); background-color: var(--vz-input-bg-custom); }

input.gridjs-input::-webkit-input-placeholder { color: var(--vz-secondary-color); }

input.gridjs-input::placeholder { color: var(--vz-secondary-color); }

th.gridjs-th .gridjs-th-content { float: none; display: inline-block; vertical-align: middle; font-weight: 600; }

button.gridjs-sort { float: none; display: inline-block; vertical-align: middle; width: 10px; height: 20px; }

th.gridjs-th-sort .gridjs-th-content { width: calc(100% - 10px); }

button.gridjs-sort-asc, button.gridjs-sort-desc { background-size: 7px; }

.table-card .gridjs-head { padding: 16px 16px 5px; }

.table-card .gridjs-wrapper { border-top: 1px; border-radius: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; }

.table-card .gridjs-footer { padding: 8px 16px; }

.gridjs-tr-selected td { background-color: rgba(var(--vz-body-color-rgb),.04); }

.gridjs-tr-selected .gridjs-td .gridjs-checkbox[type="checkbox"] { background-color: rgb(75, 56, 179); border-color: rgb(75, 56, 179); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); }

.gridjs-td .gridjs-checkbox { width: 1.1em; height: 1.1em; vertical-align: top; background-color: var(--vz-input-bg-custom); background-repeat: no-repeat; background-position: center center; background-size: contain; border: var(--vz-border-width) solid var(--vz-border-color-translucent); appearance: none; print-color-adjust: exact; }

.gridjs-td .gridjs-checkbox[type="checkbox"] { border-radius: 0.25em; }

.gridjs-border-none td.gridjs-td, .gridjs-border-none th.gridjs-th { border-right-width: 0px; border-left-width: 0px; }

.gridjs-loading-bar { background-color: var(--vz-secondary-bg); }

[data-bs-theme="dark"] button:is(.gridjs-sort-neutral, .gridjs-sort-asc, .gridjs-sort-desc) { filter: invert(1) grayscale(100%) brightness(200%); }

.listjs-pagination { margin-bottom: 0px; -webkit-box-pack: end; justify-content: flex-end; gap: 8px; }

.listjs-pagination li .page { display: block; padding: 0.375rem 0.75rem; color: var(--vz-link-color); background-color: var(--vz-secondary-bg); border: var(--vz-border-width) solid var(--vz-border-color); border-radius: 0.25rem; }

.listjs-pagination li.active .page { color: rgb(255, 255, 255); background-color: rgb(75, 56, 179); border-color: rgb(75, 56, 179); }

.pagination-wrap { user-select: none; display: flex; -webkit-box-align: center; align-items: center; }

.pagination-wrap a { text-decoration: none; display: inline-block; }

.pagination-next, .pagination-prev { color: rgb(75, 56, 179); font-weight: 500; padding: 0.375rem 0.75rem; background-color: var(--vz-secondary-bg); border: var(--vz-border-width) solid var(--vz-border-color); border-radius: 0.25rem; }

.pagination-next:hover, .pagination-prev:hover { color: rgb(137, 123, 214); }

.pagination-next.disabled, .pagination-prev.disabled { color: var(--vz-secondary-color); cursor: default; }

.pagination-next.disabled:hover, .pagination-prev.disabled:hover { color: var(--vz-secondary-color); }

.apex-charts { min-height: 10px !important; }

.apex-charts text { font-family: var(--vz-font-sans-serif) !important; }

.apex-charts .apexcharts-canvas { margin: 0px auto; }

@-webkit-keyframes opaque { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes opaque { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes resizeanim { 
  0%, 100% { opacity: 0; }
}

@keyframes resizeanim { 
  0%, 100% { opacity: 0; }
}

.apexcharts-canvas { position: relative; user-select: none; }

.apexcharts-canvas ::-webkit-scrollbar { appearance: none; width: 6px; }

.apexcharts-canvas ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, 0.5); box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 1px; }

.apexcharts-canvas :is(.apexcharts-reset-zoom-icon, .apexcharts-selection-icon, .apexcharts-zoom-icon).apexcharts-selected svg { fill: var(--vz-primary); }

@media screen and (min-width: 768px) {
  .apexcharts-canvas:hover .apexcharts-toolbar { opacity: 1; }
}

.apexcharts-inner { position: relative; }

.apexcharts-gridline { pointer-events: none; stroke: rgba(var(--vz-light-rgb),1); }

.apexcharts-text tspan { font-family: inherit; }

.apexcharts-xaxis text, .apexcharts-yaxis text { font-family: var(--vz-font-sans-serif) !important; fill: rgb(135, 138, 153); }

.apexcharts-subtitle-text, .apexcharts-title-text { fill: rgb(173, 181, 189); }

.legend-mouseover-inactive { transition: 0.15s; opacity: 0.2; }

.apexcharts-legend-text { padding-left: 15px; margin-left: -15px; color: rgb(135, 138, 153) !important; font-family: var(--vz-font-sans-serif) !important; font-size: 13px !important; }

.apexcharts-series-collapsed { opacity: 0; }

.apexcharts-xaxis-tick { stroke: var(--vz-border-color); }

.apexcharts-marker { stroke: var(--vz-secondary-bg); }

.apexcharts-tooltip { border-radius: 5px; cursor: default; font-size: 14px; left: 62px; opacity: 0; pointer-events: none; position: absolute; top: 20px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; overflow: hidden; white-space: nowrap; z-index: 12; transition: 0.15s; box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px !important; }

.apexcharts-tooltip.apexcharts-active { opacity: 1; transition: 0.15s; }

.apexcharts-tooltip.apexcharts-theme-light { border: 1px solid var(--vz-border-color) !important; background: rgba(var(--vz-secondary-bg-rgb),.96) !important; }

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title { background: var(--vz-secondary-bg) !important; border-bottom: 1px solid var(--vz-border-color) !important; }

.apexcharts-tooltip.apexcharts-theme-dark { color: rgb(255, 255, 255); background: rgba(30, 30, 30, 0.8); }

.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title { background: rgba(0, 0, 0, 0.7); border-bottom: 1px solid rgb(51, 51, 51); }

.apexcharts-tooltip * { font-family: inherit; }

.apexcharts-tooltip .apexcharts-tooltip-title { padding: 6px; font-size: 15px; margin-bottom: 4px; }

.apexcharts-tooltip-text-goals-value, .apexcharts-tooltip-text-y-value, .apexcharts-tooltip-text-z-value { display: inline-block; margin-left: 5px; font-weight: 600; }

.apexcharts-tooltip-text-goals-label:empty, .apexcharts-tooltip-text-goals-value:empty, .apexcharts-tooltip-text-y-label:empty, .apexcharts-tooltip-text-y-value:empty, .apexcharts-tooltip-text-z-value:empty, .apexcharts-tooltip-title:empty { display: none; }

.apexcharts-tooltip-text-goals-label, .apexcharts-tooltip-text-goals-value { padding: 6px 0px 5px; }

.apexcharts-tooltip-goals-group, .apexcharts-tooltip-text-goals-label, .apexcharts-tooltip-text-goals-value { display: flex; }

.apexcharts-tooltip-text-goals-label:not(:empty), .apexcharts-tooltip-text-goals-value:not(:empty) { margin-top: -6px; }

.apexcharts-tooltip-marker { width: 12px; height: 12px; position: relative; top: 0px; margin-right: 10px; border-radius: 50%; }

.apexcharts-tooltip-series-group { padding: 0px 10px; display: none; text-align: left; justify-content: left; -webkit-box-align: center; align-items: center; }

.apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker { opacity: 1; }

.apexcharts-tooltip-series-group.apexcharts-active, .apexcharts-tooltip-series-group:last-child { padding-bottom: 4px; }

.apexcharts-tooltip-series-group-hidden { opacity: 0; height: 0px; line-height: 0; padding: 0px !important; }

.apexcharts-tooltip-y-group { padding: 6px 0px 5px; }

.apexcharts-custom-tooltip, .apexcharts-tooltip-box { padding: 4px 8px; }

.apexcharts-tooltip-boxPlot { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }

.apexcharts-tooltip-box > div { margin: 4px 0px; }

.apexcharts-tooltip-box span.value { font-weight: 700; }

.apexcharts-tooltip-rangebar { padding: 5px 8px; }

.apexcharts-tooltip-rangebar .category { font-weight: 600; color: rgb(119, 119, 119); }

.apexcharts-tooltip-rangebar .series-name { font-weight: 700; display: block; margin-bottom: 5px; }

.apexcharts-xaxistooltip, .apexcharts-yaxistooltip { opacity: 0; pointer-events: none; color: rgb(55, 61, 63); font-size: 13px; text-align: center; border-radius: 2px; position: absolute; z-index: 10; background: rgb(236, 239, 241); border: 1px solid rgb(144, 164, 174); }

.apexcharts-xaxistooltip { padding: 9px 10px; transition: 0.15s; }

.apexcharts-xaxistooltip.apexcharts-theme-dark { background: rgba(0, 0, 0, 0.7); border: 1px solid rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255); }

.apexcharts-xaxistooltip::after, .apexcharts-xaxistooltip::before { left: 50%; border: solid transparent; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; }

.apexcharts-xaxistooltip::after { border-color: transparent; border-width: 6px; margin-left: -6px; }

.apexcharts-xaxistooltip::before { border-color: transparent; border-width: 7px; margin-left: -7px; }

.apexcharts-xaxistooltip.apexcharts-active { opacity: 1; transition: 0.15s; }

.apexcharts-xaxistooltip-bottom::after, .apexcharts-xaxistooltip-bottom::before { bottom: 100%; }

.apexcharts-xaxistooltip-bottom::after { border-bottom-color: rgb(236, 239, 241); }

.apexcharts-xaxistooltip-bottom::before { border-bottom-color: rgb(144, 164, 174); }

.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark::after, .apexcharts-xaxistooltip-bottom.apexcharts-theme-dark::before { border-bottom-color: rgba(0, 0, 0, 0.5); }

.apexcharts-xaxistooltip-top::after, .apexcharts-xaxistooltip-top::before { top: 100%; }

.apexcharts-xaxistooltip-top::after { border-top-color: rgb(236, 239, 241); }

.apexcharts-xaxistooltip-top::before { border-top-color: rgb(144, 164, 174); }

.apexcharts-xaxistooltip-top.apexcharts-theme-dark::after, .apexcharts-xaxistooltip-top.apexcharts-theme-dark::before { border-top-color: rgba(0, 0, 0, 0.5); }

.apexcharts-yaxistooltip { padding: 4px 10px; }

.apexcharts-yaxistooltip .apexcharts-theme-dark { background: rgba(0, 0, 0, 0.7); border: 1px solid rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255); }

.apexcharts-yaxistooltip::after, .apexcharts-yaxistooltip::before { top: 50%; border: solid transparent; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; }

.apexcharts-yaxistooltip::after { border-color: transparent; border-width: 6px; margin-top: -6px; }

.apexcharts-yaxistooltip::before { border-color: transparent; border-width: 7px; margin-top: -7px; }

.apexcharts-yaxistooltip.apexcharts-active { opacity: 1; }

.apexcharts-yaxistooltip-left::after, .apexcharts-yaxistooltip-left::before { left: 100%; }

.apexcharts-yaxistooltip-left::after { border-left-color: rgb(236, 239, 241); }

.apexcharts-yaxistooltip-left::before { border-left-color: rgb(144, 164, 174); }

.apexcharts-yaxistooltip-left.apexcharts-theme-dark::after, .apexcharts-yaxistooltip-left.apexcharts-theme-dark::before { border-left-color: rgba(0, 0, 0, 0.5); }

.apexcharts-yaxistooltip-right::after, .apexcharts-yaxistooltip-right::before { right: 100%; }

.apexcharts-yaxistooltip-right::after { border-right-color: rgb(236, 239, 241); }

.apexcharts-yaxistooltip-right::before { border-right-color: rgb(144, 164, 174); }

.apexcharts-yaxistooltip-right.apexcharts-theme-dark::after, .apexcharts-yaxistooltip-right.apexcharts-theme-dark::before { border-right-color: rgba(0, 0, 0, 0.5); }

.apexcharts-yaxistooltip-hidden { display: none; }

.apexcharts-xcrosshairs, .apexcharts-ycrosshairs { pointer-events: none; opacity: 0; transition: 0.15s; }

.apexcharts-xcrosshairs.apexcharts-active, .apexcharts-ycrosshairs.apexcharts-active { opacity: 1; transition: 0.15s; }

.apexcharts-ycrosshairs-hidden { opacity: 0; }

.apexcharts-selection-rect { cursor: move; }

.svg_select_boundingRect, .svg_select_points_rot { pointer-events: none; opacity: 0; visibility: hidden; }

.apexcharts-selection-rect + g .svg_select_boundingRect, .apexcharts-selection-rect + g .svg_select_points_rot { opacity: 0; visibility: hidden; }

.apexcharts-selection-rect + g .svg_select_points_l, .apexcharts-selection-rect + g .svg_select_points_r { cursor: ew-resize; opacity: 1; visibility: visible; }

.svg_select_points { fill: rgb(239, 239, 239); stroke: rgb(51, 51, 51); }

.apexcharts-svg.apexcharts-zoomable.hovering-zoom { cursor: crosshair; }

.apexcharts-svg.apexcharts-zoomable.hovering-pan { cursor: move; }

.apexcharts-menu-icon, .apexcharts-pan-icon, .apexcharts-reset-icon, .apexcharts-selection-icon, .apexcharts-toolbar-custom-icon, .apexcharts-zoom-icon, .apexcharts-zoomin-icon, .apexcharts-zoomout-icon { cursor: pointer; width: 20px; height: 20px; line-height: 24px; color: rgb(110, 129, 146); text-align: center; }

:is(.apexcharts-menu-icon, .apexcharts-reset-icon, .apexcharts-zoom-icon, .apexcharts-zoomin-icon, .apexcharts-zoomout-icon) svg { fill: rgb(110, 129, 146); }

.apexcharts-selection-icon svg { fill: rgb(68, 68, 68); transform: scale(0.76); }

.apexcharts-theme-dark :is(.apexcharts-menu-icon, .apexcharts-pan-icon, .apexcharts-reset-icon, .apexcharts-selection-icon, .apexcharts-toolbar-custom-icon, .apexcharts-zoom-icon, .apexcharts-zoomin-icon, .apexcharts-zoomout-icon) svg { fill: rgb(243, 244, 245); }

.apexcharts-theme-dark .apexcharts-menu { background: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); }

.apexcharts-theme-light .apexcharts-menu-icon:hover svg, .apexcharts-theme-light .apexcharts-reset-icon:hover svg, .apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg, .apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg, .apexcharts-theme-light .apexcharts-zoomout-icon:hover svg { fill: rgb(51, 51, 51); }

.apexcharts-theme-light .apexcharts-menu-item:hover { background: rgb(238, 238, 238); }

.apexcharts-menu-icon, .apexcharts-selection-icon { position: relative; }

.apexcharts-reset-icon { margin-left: 5px; }

.apexcharts-menu-icon, .apexcharts-reset-icon, .apexcharts-zoom-icon { transform: scale(0.85); }

.apexcharts-zoomin-icon, .apexcharts-zoomout-icon { transform: scale(0.7); }

.apexcharts-zoomout-icon { margin-right: 3px; }

.apexcharts-pan-icon { transform: scale(0.62); position: relative; left: 1px; top: 0px; }

.apexcharts-pan-icon svg { fill: rgb(255, 255, 255); stroke: rgb(110, 129, 146); stroke-width: 2; }

.apexcharts-pan-icon:not(.apexcharts-selected):hover svg { stroke: rgb(51, 51, 51); }

.apexcharts-toolbar { position: absolute; z-index: 11; max-width: 176px; text-align: right; border-radius: 3px; padding: 0px 6px 2px; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }

.apexcharts-menu { background: rgb(255, 255, 255); position: absolute; top: 100%; border: 1px solid rgb(221, 221, 221); border-radius: 3px; padding: 3px; right: 10px; opacity: 0; min-width: 110px; transition: 0.15s; pointer-events: none; }

.apexcharts-menu .apexcharts-menu-open { opacity: 1; pointer-events: all; transition: 0.15s; }

.apexcharts-menu-item { padding: 6px 7px; font-size: 12px; cursor: pointer; }

.apexcharts-canvas .apexcharts-element-hidden, .apexcharts-datalabel.apexcharts-element-hidden, .apexcharts-hide .apexcharts-series-points { opacity: 0; }

.apexcharts-datalabel, .apexcharts-datalabel-label, .apexcharts-datalabel-value, .apexcharts-datalabels, .apexcharts-pie-label { cursor: default; pointer-events: none; }

.apexcharts-pie-label-delay { opacity: 0; animation-name: opaque; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease; }

.apexcharts-annotation-rect, .apexcharts-area-series .apexcharts-area, .apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-gridline, .apexcharts-line, .apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-point-annotation-label, .apexcharts-radar-series path, .apexcharts-radar-series polygon, .apexcharts-toolbar svg, .apexcharts-tooltip .apexcharts-marker, .apexcharts-xaxis-annotation-label, .apexcharts-yaxis-annotation-label, .apexcharts-zoom-rect { pointer-events: none; }

.apexcharts-marker { transition: 0.15s; }

.resize-triggers { animation: 1ms ease 0s 1 normal none running resizeanim; visibility: hidden; opacity: 0; height: 100%; width: 100%; overflow: hidden; }

.contract-trigger::before, .resize-triggers, .resize-triggers > div { content: " "; display: block; position: absolute; top: 0px; left: 0px; }

.resize-triggers > div { height: 100%; width: 100%; background: rgb(238, 238, 238); overflow: auto; }

.resize-triggers::before { overflow: hidden; width: 200%; height: 200%; }

#chart-quarter, #chart-year { width: 96%; max-width: 48%; box-shadow: none; padding-left: 0px; padding-top: 20px; background: var(--vz-secondary-bg); border: 1px solid var(--vz-border-color); }

#chart-year { float: left; position: relative; transition: transform 1s; z-index: 3; }

#chart-year.chart-quarter-activated { transform: translateX(0px); transition: transform 1s; }

#chart-quarter { float: left; position: relative; z-index: -2; transition: transform 1s; }

#chart-quarter.active { transition: transform 1.1s ease-in-out; transform: translateX(0px); z-index: 1; }

@media screen and (min-width: 480px) {
  #chart-year { transform: translateX(50%); }
  #chart-quarter { transform: translateX(-50%); }
}

.apexcharts-heatmap-series rect, .apexcharts-treemap rect { stroke: var(--vz-secondary-bg); }

.apexcharts-bar-series path, .apexcharts-pie-series path { stroke: var(--vz-secondary-bg); }

.apexcharts-radialbar .apexcharts-datalabels-group text { fill: var(--vz-body-color); }

.apexcharts-radialbar-track path { stroke: var(--vz-border-color); }

.apexcharts-radar-series line, .apexcharts-radar-series polygon { stroke: var(--vz-border-color); }

.apexcharts-pie circle, .apexcharts-pie line { stroke: var(--vz-border-color); }

.apexcharts-pie text { fill: var(--vz-white); }

.apexcharts-xaxistooltip.apexcharts-theme-light { box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; color: var(--vz-secondary-color); background: var(--vz-secondary-bg); border: 1px solid var(--vz-border-color); font-family: var(--vz-font-sans-serif); }

.apexcharts-xaxistooltip.apexcharts-theme-light::before { border-bottom-color: var(--vz-border-color); }

.effect-chart :is(.apexcharts-pie-series, .apexcharts-bar-series) path { clip-path: polygon(50% 2%, 100% 0px, 100% 100%, 0px 100%, 0px 0px); }

.apexcharts-grid-borders line { stroke: var(--vz-border-color); }

.chartjs-chart { max-height: 320px; }

.e-charts { height: 350px; }

.e-charts-height { height: 300px; }

.gmaps, .gmaps-panaroma { height: 300px; background: rgb(243, 246, 249); border-radius: 3px; }

.gmaps-overlay { display: block; text-align: center; color: rgb(255, 255, 255); font-size: 16px; line-height: 40px; background: rgb(75, 56, 179); border-radius: 4px; padding: 10px 20px; }

.gmaps-overlay_arrow { left: 50%; margin-left: -16px; width: 0px; height: 0px; position: absolute; }

.gmaps-overlay_arrow.above { bottom: -15px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid rgb(75, 56, 179); }

.gmaps-overlay_arrow.below { top: -15px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid rgb(75, 56, 179); }

.autoComplete_wrapper { display: block; }

.autoComplete_wrapper > input { display: block; width: 100%; height: auto; padding: 0.5rem 0.9rem; font-size: 0.8125rem; font-weight: 400; line-height: 1.5; color: var(--vz-body-color); background-color: var(--vz-input-bg-custom); background-clip: padding-box; border: var(--vz-border-width) solid var(--vz-input-border-custom); border-radius: var(--vz-border-radius); background-image: none; }

.autoComplete_wrapper > input::-webkit-input-placeholder { padding: 0px !important; color: var(--vz-secondary-color) !important; font-size: 0.8125rem !important; }

.autoComplete_wrapper > input::placeholder { padding: 0px !important; color: var(--vz-secondary-color) !important; font-size: 0.8125rem !important; }

.autoComplete_wrapper > input:focus { border: var(--vz-border-width) solid var(--vz-primary-border-subtle); color: var(--vz-body-color); }

.autoComplete_wrapper > input:hover { color: var(--vz-body-color); }

.autoComplete_wrapper > ul { border-radius: 0.25rem; border-color: var(--vz-border-color); background-color: var(--vz-secondary-bg); box-shadow: rgba(30, 32, 37, 0.12) 0px 5px 10px; padding: 0px; overflow: auto; max-height: 160px; margin: 0px; animation-name: DropDownSlide; animation-duration: 0.3s; animation-fill-mode: both; }

.autoComplete_wrapper > ul > li { font-size: 0.8125rem; margin: 0px; padding: 0.35rem 1.2rem; border-radius: 0px; background-color: var(--vz-secondary-bg); color: var(--vz-body-color); }

.autoComplete_wrapper > ul > li mark { color: rgb(240, 101, 72); font-weight: 600; padding: 1px; }

.autoComplete_wrapper > ul > li:hover, .autoComplete_wrapper > ul > li[aria-selected="true"] { color: var(--vz-body-color); background-color: var(--vz-tertiary-bg); }

.autoComplete_wrapper > ul .no_result { padding: 0.7rem 1.2rem; font-style: italic; font-weight: 500; }

.jvm-tooltip { border-radius: 3px; background-color: var(--vz-primary); font-family: var(--vz-font-sans-serif); box-shadow: rgba(30, 32, 37, 0.12) 0px 5px 10px; padding: 5px 9px; }

.jvm-container text { font-family: var(--vz-font-sans-serif); font-size: 0.8125rem; fill: var(--vz-body-color); }

.jvm-zoom-btn { background-color: var(--vz-primary); }

.leaflet-map { height: 300px; }

.leaflet-map.leaflet-container { z-index: 0; font-family: Inter, sans-serif; }

.fc td, .fc th { border: var(--vz-border-width) solid var(--vz-border-color); }

.fc .fc-toolbar h2 { font-size: 16px; line-height: 30px; text-transform: uppercase; }

@media (max-width: 767.98px) {
  .fc .fc-toolbar .fc-center, .fc .fc-toolbar .fc-left, .fc .fc-toolbar .fc-right { float: none; display: block; text-align: center; clear: both; margin: 10px 0px; }
  .fc .fc-toolbar > * > * { float: none; }
  .fc .fc-toolbar .fc-today-button { display: none; }
}

.fc .fc-toolbar .btn { text-transform: capitalize; }

.fc .fc-col-header-cell { background-color: var(--vz-light); }

.fc .fc-col-header-cell-cushion { display: block; padding: 8px 4px; color: var(--vz-body-color); }

.fc .fc-daygrid-day-number { width: 24px; height: 24px; border-radius: 50%; padding: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 12px; font-weight: 500; margin: 2px; color: var(--vz-body-color); }

.fc .fc-daygrid-day.fc-day-today { background-color: rgba(75, 56, 179, 0.1); }

.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number { background-color: rgb(75, 56, 179); color: rgb(255, 255, 255); }

.fc .fc-daygrid-day.fc-day-today { background-color: rgba(75, 56, 179, 0.1); }

.fc .fc-timegrid-col.fc-day-today { background-color: rgba(75, 56, 179, 0.1); }

.fc .fc-list-event:hover td { background: 0px 0px; }

.fc .fc-list-event-title a { color: rgb(255, 255, 255) !important; }

.fc .fc-col-header, .fc .fc-daygrid-body, .fc .fc-scrollgrid-sync-table { width: 100% !important; }

.fc .fc-scrollgrid-section > * { border-left: var(--vz-border-width) solid var(--vz-border-color); border-top: var(--vz-border-width) solid var(--vz-border-color); }

.fc .fc-scrollgrid { border: 0px; }

.fc .fc-scrollgrid-section-liquid > td { border-top: 0px; }

.fc-theme-bootstrap a:not([href]) { color: var(--vz-body-color); }

.fc-event { color: rgb(255, 255, 255); }

.fc th.fc-widget-header { background: rgb(233, 235, 236); line-height: 20px; padding: 10px 0px; text-transform: uppercase; font-weight: 700; }

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: rgb(233, 235, 236); }

.fc-unthemed td.fc-today { background: rgb(246, 248, 250); }

.fc-button { background: var(--vz-secondary-bg); border-color: var(--vz-border-color); color: rgb(73, 80, 87); text-transform: capitalize; box-shadow: none; padding: 6px 12px !important; height: auto !important; }

.fc-state-active, .fc-state-disabled, .fc-state-down { background-color: rgb(75, 56, 179); color: rgb(255, 255, 255); text-shadow: none; }

.fc-event { border-radius: 2px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: move; font-size: 0.8125rem; margin: 5px 7px; padding: 5px; text-align: center; }

.fc-event, .fc-event-dot { background-color: rgb(75, 56, 179); }

.fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover { background-color: rgb(75, 56, 179); }

.fc-event-title, .fc-sticky { text-overflow: ellipsis; white-space: nowrap; font-weight: 600 !important; }

.fc-daygrid-event-dot { display: none; border-color: rgb(255, 255, 255) !important; }

.fc-event-time { display: none; }

.fc-event .fc-content { color: rgb(255, 255, 255); }

#external-events .external-event { text-align: left; padding: 8px 16px; margin: 6px 0px; }

.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-dark .fc-content { color: rgb(243, 246, 249); }

.fc-next-button, .fc-prev-button { position: relative; padding: 6px 8px !important; }

.fc-toolbar-chunk .fc-button-group { box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; }

.fc-toolbar-chunk .fc-button-group .fc-button { color: rgb(53, 119, 241); background-color: rgba(53, 119, 241, 0.15); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; }

.fc-toolbar-chunk .fc-button-group .fc-button.active, .fc-toolbar-chunk .fc-button-group .fc-button:hover { color: rgb(255, 255, 255); background-color: rgb(53, 119, 241); }

.fc-toolbar-chunk .fc-today-button { border: rgb(53, 119, 241); background-color: rgb(53, 119, 241) !important; }

.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active { background-color: rgb(53, 119, 241) !important; border-color: rgb(53, 119, 241) !important; color: rgb(255, 255, 255) !important; }

.fc .fc-button-primary { text-transform: capitalize; }

@media (max-width: 575.98px) {
  .fc-toolbar { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 16px; }
}

#upcoming-event-list .card:last-child { margin-bottom: 6px !important; }

#event-modal .event-details { display: none; }

#event-modal .view-event .event-form { display: none; }

#event-modal .view-event #event-category-tag { display: none; }

#event-modal .view-event .event-details { display: block; }

.fc-daygrid-event-harness .fc-daygrid-event { backdrop-filter: blur(4px); }

.fc-timegrid-event-harness .fc-timegrid-event { backdrop-filter: blur(4px); }

.fc-timegrid-slots table tr { border-color: var(--vz-border-color) !important; }

.fc-list-table { border-color: var(--vz-border-color); }

.fc-daygrid-event-harness .fc-daygrid-event.bg-primary-subtle .fc-event-main, .fc-daygrid-event-harness .fc-daygrid-event.bg-primary-subtle .fc-event-title { color: rgb(75, 56, 179) !important; }

.fc-timegrid-event-harness .fc-timegrid-event.bg-primary-subtle .fc-event-title { color: rgb(75, 56, 179) !important; }

.fc-list-table .fc-list-event.bg-primary-subtle { color: rgb(75, 56, 179) !important; }

.fc-list-table .fc-list-event.bg-primary-subtle .fc-list-event-title > a { color: rgb(75, 56, 179) !important; }

.fc-list-table .fc-list-event.bg-primary-subtle .fc-list-event-dot { border-color: rgb(75, 56, 179); }

.fc-daygrid-event-harness .fc-daygrid-event.bg-secondary-subtle .fc-event-main, .fc-daygrid-event-harness .fc-daygrid-event.bg-secondary-subtle .fc-event-title { color: rgb(53, 119, 241) !important; }

.fc-timegrid-event-harness .fc-timegrid-event.bg-secondary-subtle .fc-event-title { color: rgb(53, 119, 241) !important; }

.fc-list-table .fc-list-event.bg-secondary-subtle { color: rgb(53, 119, 241) !important; }

.fc-list-table .fc-list-event.bg-secondary-subtle .fc-list-event-title > a { color: rgb(53, 119, 241) !important; }

.fc-list-table .fc-list-event.bg-secondary-subtle .fc-list-event-dot { border-color: rgb(53, 119, 241); }

.fc-daygrid-event-harness .fc-daygrid-event.bg-success-subtle .fc-event-main, .fc-daygrid-event-harness .fc-daygrid-event.bg-success-subtle .fc-event-title { color: rgb(69, 203, 133) !important; }

.fc-timegrid-event-harness .fc-timegrid-event.bg-success-subtle .fc-event-title { color: rgb(69, 203, 133) !important; }

.fc-list-table .fc-list-event.bg-success-subtle { color: rgb(69, 203, 133) !important; }

.fc-list-table .fc-list-event.bg-success-subtle .fc-list-event-title > a { color: rgb(69, 203, 133) !important; }

.fc-list-table .fc-list-event.bg-success-subtle .fc-list-event-dot { border-color: rgb(69, 203, 133); }

.fc-daygrid-event-harness .fc-daygrid-event.bg-info-subtle .fc-event-main, .fc-daygrid-event-harness .fc-daygrid-event.bg-info-subtle .fc-event-title { color: rgb(41, 156, 219) !important; }

.fc-timegrid-event-harness .fc-timegrid-event.bg-info-subtle .fc-event-title { color: rgb(41, 156, 219) !important; }

.fc-list-table .fc-list-event.bg-info-subtle { color: rgb(41, 156, 219) !important; }

.fc-list-table .fc-list-event.bg-info-subtle .fc-list-event-title > a { color: rgb(41, 156, 219) !important; }

.fc-list-table .fc-list-event.bg-info-subtle .fc-list-event-dot { border-color: rgb(41, 156, 219); }

.fc-daygrid-event-harness .fc-daygrid-event.bg-warning-subtle .fc-event-main, .fc-daygrid-event-harness .fc-daygrid-event.bg-warning-subtle .fc-event-title { color: rgb(255, 190, 11) !important; }

.fc-timegrid-event-harness .fc-timegrid-event.bg-warning-subtle .fc-event-title { color: rgb(255, 190, 11) !important; }

.fc-list-table .fc-list-event.bg-warning-subtle { color: rgb(255, 190, 11) !important; }

.fc-list-table .fc-list-event.bg-warning-subtle .fc-list-event-title > a { color: rgb(255, 190, 11) !important; }

.fc-list-table .fc-list-event.bg-warning-subtle .fc-list-event-dot { border-color: rgb(255, 190, 11); }

.fc-daygrid-event-harness .fc-daygrid-event.bg-danger-subtle .fc-event-main, .fc-daygrid-event-harness .fc-daygrid-event.bg-danger-subtle .fc-event-title { color: rgb(240, 101, 72) !important; }

.fc-timegrid-event-harness .fc-timegrid-event.bg-danger-subtle .fc-event-title { color: rgb(240, 101, 72) !important; }

.fc-list-table .fc-list-event.bg-danger-subtle { color: rgb(240, 101, 72) !important; }

.fc-list-table .fc-list-event.bg-danger-subtle .fc-list-event-title > a { color: rgb(240, 101, 72) !important; }

.fc-list-table .fc-list-event.bg-danger-subtle .fc-list-event-dot { border-color: rgb(240, 101, 72); }

.fc-daygrid-event-harness .fc-daygrid-event.bg-light-subtle .fc-event-main, .fc-daygrid-event-harness .fc-daygrid-event.bg-light-subtle .fc-event-title { color: rgb(243, 246, 249) !important; }

.fc-timegrid-event-harness .fc-timegrid-event.bg-light-subtle .fc-event-title { color: rgb(243, 246, 249) !important; }

.fc-list-table .fc-list-event.bg-light-subtle { color: rgb(243, 246, 249) !important; }

.fc-list-table .fc-list-event.bg-light-subtle .fc-list-event-title > a { color: rgb(243, 246, 249) !important; }

.fc-list-table .fc-list-event.bg-light-subtle .fc-list-event-dot { border-color: rgb(243, 246, 249); }

.fc-daygrid-event-harness .fc-daygrid-event.bg-dark-subtle .fc-event-main, .fc-daygrid-event-harness .fc-daygrid-event.bg-dark-subtle .fc-event-title { color: rgb(33, 37, 41) !important; }

.fc-timegrid-event-harness .fc-timegrid-event.bg-dark-subtle .fc-event-title { color: rgb(33, 37, 41) !important; }

.fc-list-table .fc-list-event.bg-dark-subtle { color: rgb(33, 37, 41) !important; }

.fc-list-table .fc-list-event.bg-dark-subtle .fc-list-event-title > a { color: rgb(33, 37, 41) !important; }

.fc-list-table .fc-list-event.bg-dark-subtle .fc-list-event-dot { border-color: rgb(33, 37, 41); }

.fc-daygrid-event-harness .fc-daygrid-event.bg-dark-subtle .fc-event-main, .fc-daygrid-event-harness .fc-daygrid-event.bg-dark-subtle .fc-event-title { color: var(--vz-dark-text-emphasis) !important; }

.fc-direction-ltr { direction: ltr; }

.fc-direction-ltr .fc-toolbar > * > :not(:first-child) { margin-left: 0.75em; }

.fg-emoji-picker { bottom: 130px; width: 250px !important; box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px !important; top: auto !important; }

.fg-emoji-picker * { font-family: var(--vz-font-sans-serif) !important; color: var(--vz-body-color) !important; }

@media (max-width: 991.98px) {
  .fg-emoji-picker { bottom: 118px; left: 14px !important; top: auto !important; }
}

.fg-emoji-picker .fg-emoji-picker-container-title { color: rgb(33, 37, 41) !important; }

.fg-emoji-picker .fg-emoji-picker-search { height: 40px !important; }

.fg-emoji-picker .fg-emoji-picker-search input { background-color: var(--vz-input-bg-custom) !important; color: var(--vz-body-color) !important; padding: 0.5rem 0.9rem !important; font-size: 0.8125rem !important; }

.fg-emoji-picker .fg-emoji-picker-search input::-webkit-input-placeholder { color: var(--vz-secondary-color) !important; }

.fg-emoji-picker .fg-emoji-picker-search input::placeholder { color: var(--vz-secondary-color) !important; }

.fg-emoji-picker .fg-emoji-picker-search svg { right: 11px; top: 12px; fill: var(--vz-body-color) !important; }

.fg-emoji-picker .fg-emoji-picker-categories { background-color: rgb(243, 246, 249) !important; }

.fg-emoji-picker .fg-emoji-picker-categories li.active { background-color: rgba(var(--bs-primary-rgb),.2); }

.fg-emoji-picker .fg-emoji-picker-categories a:hover { background-color: rgba(var(--bs-primary-rgb),.2); }

.fg-emoji-picker-grid > li:hover { background-color: rgba(var(--bs-primary-rgb),.2) !important; }

a.fg-emoji-picker-close-button { background-color: rgb(229, 236, 242) !important; }

table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { text-align: center; padding: 50px; font-weight: 600; --vz-table-accent-bg: var(--vz-secondary-bg); }

table.dataTable > thead .sorting::before, table.dataTable > thead .sorting_asc::before, table.dataTable > thead .sorting_asc_disabled::before, table.dataTable > thead .sorting_desc::before, table.dataTable > thead .sorting_desc_disabled::before { content: "󰍠"; position: absolute; right: 0.5rem; top: 12px; font-size: 0.8rem; font-family: "Material Design Icons"; }

table.dataTable > thead .sorting::after, table.dataTable > thead .sorting_asc::after, table.dataTable > thead .sorting_asc_disabled::after, table.dataTable > thead .sorting_desc::after, table.dataTable > thead .sorting_desc_disabled::after { content: "󰍝"; position: absolute; right: 0.5rem; top: 18px; font-size: 0.8rem; font-family: "Material Design Icons"; }

table.dataTable > tbody > tr.child span.dtr-title { font-weight: 600; min-width: 150px; }

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before { background-color: rgb(75, 56, 179); border-color: var(--vz-secondary-bg); }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent.parent > th.dtr-control::before { background-color: rgb(240, 101, 72); }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control::before { background-color: rgb(240, 101, 72); }

table.dataTable > tbody > tr.child span.dtr-title { min-width: 135px; }

.table-card .dataTables_filter, .table-card .dataTables_length { padding: 1rem 1rem 0px; }

.table-card .dataTables_info, .table-card .dataTables_paginate { padding: 1rem; }

.table-card div.dataTables_wrapper .col-md-6 { width: 100%; }

.table-card div.dataTables_wrapper div.dataTables_filter input { width: calc(100% - 52px); }

.table-card div.dataTables_wrapper div.dataTables_filter label { display: block; }

div.dtr-modal div.dtr-modal-display { background-color: var(--vz-secondary-bg); border-color: var(--vz-border-color); box-shadow: none; height: 70%; }

div.dtr-modal div.dtr-modal-content { padding: 1.25rem; }

div.dtr-modal div.dtr-modal-content h2 { font-size: 1.01562rem; font-weight: 600; margin-bottom: 15px; }

div.dtr-modal div.dtr-modal-content .dtr-details tr td { padding: 0.75rem 0.6rem; }

div.dtr-modal div.dtr-modal-close { font-size: 24px; top: 9px; right: 11px; width: 30px; height: 30px; line-height: 30px; background-color: var(--vz-secondary-bg); border-color: var(--vz-border-color); }

div.dtr-modal div.dtr-modal-close:hover { background-color: var(--vz-light); }

.dt-buttons :is(button.dt-button, div.dt-button, a.dt-button, input.dt-button) { border-color: var(--vz-border-color); background: var(--vz-light); color: var(--vz-body-color); }

:is(button, div, a, input):is(.dt-button:hover:not(.disabled)) { border-color: var(--vz-border-color); background: var(--vz-light); color: var(--vz-body-color); }

:is(button, div, a, input):is(.dt-button.active:not(.disabled)), :is(button, div, a, input):is(.dt-button:active:not(.disabled)) { border-color: var(--vz-border-color); background: var(--vz-light); color: var(--vz-body-color); box-shadow: none; }

:is(button, div, a, input):is(.dt-button:focus:not(.disabled)) { border-color: var(--vz-border-color); background: var(--vz-light); color: var(--vz-body-color); text-shadow: none; box-shadow: none; }

:is(button, div, a, input):is(.dt-button.active:not(.disabled):hover:not(.disabled)), :is(button, div, a, input):is(.dt-button:active:not(.disabled):hover:not(.disabled)) { border-color: var(--vz-border-color); background: var(--vz-light); color: var(--vz-body-color); text-shadow: none; box-shadow: none; }

.select2.select2-container { width: 100% !important; }

.select2-container .select2-selection--single { border: var(--vz-border-width) solid var(--vz-input-border-custom); height: calc(1.5em + 1rem + calc(var(--vz-border-width) * 2)); background-color: var(--vz-input-bg-custom); outline: 0px; }

.select2-container .select2-selection--single .select2-selection__rendered { line-height: 36px; padding-left: 12px; color: var(--vz-body-color); }

.select2-container .select2-selection--single .select2-selection__arrow { height: 34px; width: 34px; right: 3px; }

.select2-container .select2-selection--single .select2-selection__arrow b { border-color: var(--vz-input-border-custom) transparent transparent transparent; border-width: 6px 6px 0px; }

.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent var(--vz-input-border-custom) transparent !important; border-width: 0px 6px 6px !important; }

.select2-results__option { padding: 6px 12px; }

.select2-dropdown { border: var(--vz-dropdown-border-width) solid var(--vz-border-color); box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; background-color: var(--vz-secondary-bg); z-index: 1056; }

.select2-container--default .select2-results__option--selected { background-color: var(--vz-tertiary-bg); }

.select2-container--default .select2-search--dropdown { padding: 10px; background-color: var(--vz-secondary-bg); }

.select2-container--default .select2-search--dropdown .select2-search__field { outline: 0px; border: 1px solid var(--vz-input-border-custom); background-color: var(--vz-input-bg-custom); color: var(--vz-body-color); border-radius: var(--vz-border-radius); }

.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: rgb(75, 56, 179); }

.select2-container--default .select2-results__option[aria-selected="true"] { background-color: var(--vz-secondary-bg); color: var(--vz-dropdown-link-active-color); }

.select2-container--default .select2-results__option[aria-selected="true"]:hover { background-color: rgb(75, 56, 179); color: rgb(255, 255, 255); }

.select2-container--default .select2-selection--multiple .select2-selection__choice__display { padding-left: 36px; padding-right: 5px; }

.select2-container--default .select2-selection--single .select2-selection__arrow { right: 1px; left: auto; }

.select2-container .select2-selection--multiple { min-height: calc(1.5em + 1rem + calc(var(--vz-border-width) * 2)); background-color: var(--vz-input-bg-custom); border: var(--vz-border-width) solid var(--vz-input-border-custom) !important; }

.select2-container .select2-selection--multiple .select2-selection__rendered { padding: 1px 4px; }

.select2-container .select2-selection--multiple .select2-search__field { border: 0px; color: var(--vz-body-color); }

.select2-container .select2-selection--multiple .select2-selection__choice { background-color: rgb(75, 56, 179); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: rgb(255, 255, 255); border-radius: 3px; padding: 3px; margin-top: 6px; }

.select2-container .select2-selection--multiple .select2-selection__choice__remove { color: rgb(255, 255, 255); margin-right: 7px; border-color: rgb(93, 76, 187); padding: 0px 8px; top: 3px; }

.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover { color: rgb(255, 255, 255); background-color: rgb(75, 56, 179); }

.select2-container .select2-search--inline .select2-search__field { margin-top: 7px; height: 22px; font-family: var(--vz-font-sans-serif); }

.select2-container .select2-search textarea::-webkit-input-placeholder { color: var(--vz-secondary-color); }

.select2-container .select2-search textarea::placeholder { color: var(--vz-secondary-color); }

.select2-container--default.select2-container--disabled .select2-selection--multiple, .select2-container--default.select2-container--disabled .select2-selection--single { background-color: var(--vz-tertiary-bg); cursor: default; }

.toastify { padding: 12px 16px; color: rgb(255, 255, 255); display: inline-block; box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 6px -1px, rgba(77, 96, 232, 0.3) 0px 10px 36px -4px; background: var(--vz-success); position: fixed; opacity: 0; transition: 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: 0px 5px; position: relative; left: 4px; margin-left: 4px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: 0px 0px; color: rgb(255, 255, 255); }

.toastify-right { right: 15px; }

.toastify-left { left: 15px; }

.toastify-left .toast-close { left: -4px; margin-left: 0px; 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: 0px; right: 0px; max-width: fit-content; }

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

.choices { position: relative; margin-bottom: 24px; font-size: 16px; }

.choices:focus { outline: 0px; }

.choices:last-child { margin-bottom: 0px; }

.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: rgba(var(--vz-light-rgb),.75); cursor: not-allowed; user-select: none; }

.choices.is-disabled .choices__item { cursor: not-allowed; }

.choices [hidden] { display: none !important; }

.choices[data-type*="select-one"] { cursor: pointer; }

.choices[data-type*="select-one"] .choices__inner { padding-bottom: 0.25rem; }

.choices[data-type*="select-one"] .choices__input { display: block; width: 100%; padding: 0.5rem 0.9rem; background-color: var(--vz-input-bg-custom); border: 1px solid var(--vz-input-border-custom); font-size: 0.8125rem; border-radius: var(--vz-border-radius); color: var(--vz-body-color); margin-bottom: 10px; }

.choices[data-type*="select-one"] .choices__button { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg=="); padding: 0px; background-size: 8px; position: absolute; top: 50%; right: 0px; left: auto; margin-top: -10px; margin-right: 25px; margin-left: 0px; height: 20px; width: 20px; border-radius: 10em; opacity: 0.5; }

.choices[data-type*="select-one"] .choices__button:focus, .choices[data-type*="select-one"] .choices__button:hover { opacity: 1; }

.choices[data-type*="select-one"] .choices__button:focus { box-shadow: rgb(0, 188, 212) 0px 0px 0px 2px; }

.choices[data-type*="select-one"] .choices__item[data-value=""] .choices__button { display: none; }

.choices[data-type*="select-one"]::after { content: "󰅀"; position: absolute; border-width: 0px; border-style: none; border-image: initial; border-color: rgb(33, 37, 41) transparent transparent; right: 11.5px; left: auto; font-family: "Material Design Icons"; width: auto; height: auto; margin-top: 0px; top: 50%; transform: translateY(-50%); pointer-events: none; }

.choices[data-type*="select-one"].is-open::after { margin-top: 0px; transform: translateY(-50%) rotate(-180deg); }

.choices[data-type*="select-multiple"] .choices__inner, .choices[data-type*="text"] .choices__inner { cursor: text; padding-right: 0.9rem; }

.choices[data-type*="select-multiple"] .choices__button, .choices[data-type*="text"] .choices__button { position: relative; display: inline-block; margin: 0px -4px 0px 8px; padding-left: 16px; border-left: 1px solid rgba(255, 255, 255, 0.5); border-right: 0px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg=="); background-size: 8px; width: 8px; line-height: 1; opacity: 0.75; border-radius: 0px; }

.choices[data-type*="select-multiple"] .choices__button:focus, .choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="text"] .choices__button:focus, .choices[data-type*="text"] .choices__button:hover { opacity: 1; }

.choices[data-type*="select-multiple"] .choices__list--dropdown, .choices[data-type*="text"] .choices__list--dropdown { padding-bottom: 10px; }

.choices[data-type*="select-multiple"] .choices__list--dropdown .choices__list, .choices[data-type*="text"] .choices__list--dropdown .choices__list { margin-bottom: 0px; }

.choices[data-type*="select-multiple"] .choices__input { padding-top: 3px; }

.input-light .choices__inner { background-color: var(--vz-light); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }

.choices__inner { display: inline-block; vertical-align: middle; width: 100%; background-color: var(--vz-input-bg-custom); padding: 0.25rem 3.6rem 0.1rem 0.5rem; border: var(--vz-border-width) solid var(--vz-input-border-custom); font-size: 0.8125rem; min-height: 37.5px; overflow: hidden; border-radius: var(--vz-border-radius) !important; }

.is-focused .choices__inner, .is-open .choices__inner { border-color: var(--vz-primary-border-subtle); }

.choices__list { margin: 0px; padding-left: 0px; list-style: none; }

.choices__list--single { display: inline-block; padding: 4px 16px 4px 4px; width: 100%; }

.choices__list--single .choices__item { width: 100%; }

.choices__list--multiple { display: inline; }

.choices__list--multiple .choices__item { display: inline-block; vertical-align: initial; border-radius: 7px; padding: 2px 7px; font-size: 11px; font-weight: 400; margin-right: 3.75px; margin-bottom: 3.75px; margin-top: 2px; background-color: rgb(75, 56, 179); border: 1px solid rgb(75, 56, 179); word-break: break-all; box-sizing: border-box; color: rgb(255, 255, 255); box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; }

.choices__list--multiple .choices__item[data-deletable] { padding-right: 5px; }

.choices__list--multiple .choices__item.is-highlighted { background-color: rgb(75, 56, 179); border: 1px solid rgb(75, 56, 179); }

.is-disabled .choices__list--multiple .choices__item { background-color: rgb(53, 119, 241); border: 1px solid rgb(53, 119, 241); }

.choices__list--dropdown { visibility: hidden; z-index: 1; position: absolute; width: 100%; background-color: var(--vz-secondary-bg); border: 1px solid var(--vz-border-color); box-shadow: rgba(30, 32, 37, 0.12) 0px 5px 10px; top: 100%; margin-top: 0px; padding: 10px 10px 20px; border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; overflow: hidden; word-break: break-all; will-change: visibility; animation-duration: 0.3s; animation-fill-mode: both; transform: translateY(1px); }

.choices__list--dropdown.is-active { visibility: visible; animation-name: DropDownSlide; }

.choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: var(--vz-tertiary-bg); }

.choices__list--dropdown .choices__list { margin: 0px -16px -16px; }

.choices__list--dropdown .has-no-results { font-style: italic; font-weight: 500; }

.choices__list--dropdown .choices__item--selectable::after { display: none; }

.is-open .choices__list--dropdown { border-color: var(--vz-border-color); }

.is-flipped .choices__list--dropdown { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: -1px; border-radius: 0.25rem 0.25rem 0px 0px; }

.is-flipped .choices__list--dropdown.is-active { animation-name: DropDownSlideDown; transform: translateY(-1px); }

.choices__list--dropdown .choices__list { position: relative; max-height: 300px; overflow: auto; will-change: scroll-position; }

.choices__list--dropdown .choices__item { position: relative; font-size: 0.8125rem; padding: 0.35rem 1.2rem 0.35rem 16px; }

@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable::after { content: attr(data-select-text); font-size: 12px; opacity: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
  .choices__list--dropdown .choices__item--selectable.is-highlighted::after { opacity: 0.5; }
}

.choices__item { cursor: default; }

.choices__item--selectable { cursor: pointer; }

.choices__item--disabled { cursor: not-allowed; user-select: none; opacity: 0.5; }

.choices__heading { font-weight: 600; font-size: 12px; padding: 10px 16px; border-bottom: 1px solid var(--vz-border-color); color: var(--vz-secondary-color); }

.choices__button { text-indent: -9999px; appearance: none; border: 0px; background-color: transparent; background-repeat: no-repeat; background-position: center center; cursor: pointer; }

.choices__button:focus { outline: 0px; }

.choices__input { display: inline-block; vertical-align: baseline; background-color: var(--vz-input-bg-custom); color: var(--vz-body-color); font-size: 0.8125rem; margin-bottom: 0px; border: 0px; border-radius: 0px; max-width: 100%; padding: 2px 0px 2px 2px; }

.choices__input:focus { outline: 0px; }

.choices__input::-webkit-input-placeholder { color: var(--vz-secondary-color); }

.choices__input::placeholder { color: var(--vz-secondary-color); }

.choices__placeholder { color: var(--vz-secondary-color); opacity: 1; }

[data-bs-theme="dark"] .choices[data-type*="select-one"] .choices__button { filter: invert(1) grayscale(100%) brightness(200%); }

.flatpickr-calendar { opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0px; animation: auto ease 0s 1 normal none running none; direction: ltr; border: 0px; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; box-sizing: border-box; touch-action: manipulation; background: var(--vz-secondary-bg); box-shadow: 1px 0 0 var(--vz-border-color),-1px 0 0 var(--vz-border-color),0 1px 0 var(--vz-border-color),0 -1px 0 var(--vz-border-color),0 3px 13px rgba(0,0,0,.08); }

.flatpickr-calendar.inline, .flatpickr-calendar.open { opacity: 1; max-height: 640px; visibility: visible; }

.flatpickr-calendar.open { display: inline-block; z-index: 1056; }

.flatpickr-calendar.animate.open { animation: 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s 1 normal none running fpFadeInDown; }

.flatpickr-calendar.inline { display: block; position: relative; top: 2px; width: 100%; box-shadow: none; }

.flatpickr-calendar.inline .flatpickr-rContainer { display: block; width: 100%; }

.flatpickr-calendar.inline .flatpickr-rContainer .flatpickr-days { width: 100%; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-radius: 0px 0px 5px 5px; }

.flatpickr-calendar.inline .flatpickr-rContainer .flatpickr-days .dayContainer { width: 100%; min-width: 100%; max-width: 100%; }

.flatpickr-calendar.inline .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day { max-width: 100%; border-radius: 4px; }

.flatpickr-calendar.inline .flatpickr-time { border-radius: var(--vz-border-radius); border: var(--vz-border-width) solid var(--vz-input-border-custom) !important; }

.flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); }

.flatpickr-calendar.static.open { z-index: 999; display: block; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { box-shadow: none !important; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { box-shadow: rgb(230, 230, 230) -2px 0px 0px, rgb(230, 230, 230) 5px 0px 0px; }

.flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer { border-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }

.flatpickr-calendar .hasWeeks .dayContainer { border-left: 0px; }

.flatpickr-calendar.hasTime .flatpickr-time { height: 40px; border-top: 1px solid var(--vz-border-color); }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; }

.flatpickr-calendar::after, .flatpickr-calendar::before { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ""; height: 0px; width: 0px; left: 22px; }

.flatpickr-calendar.arrowRight::after, .flatpickr-calendar.arrowRight::before, .flatpickr-calendar.rightMost::after, .flatpickr-calendar.rightMost::before { left: auto; right: 22px; }

.flatpickr-calendar.arrowCenter::after, .flatpickr-calendar.arrowCenter::before { left: 50%; right: 50%; }

.flatpickr-calendar::before { border-width: 5px; margin: 0px -5px; }

.flatpickr-calendar::after { border-width: 4px; margin: 0px -4px; }

.flatpickr-calendar.arrowTop::after, .flatpickr-calendar.arrowTop::before { bottom: 100%; }

.flatpickr-calendar.arrowTop::before { border-bottom-color: rgb(75, 56, 179); }

.flatpickr-calendar.arrowTop::after { border-bottom-color: rgb(75, 56, 179); }

.flatpickr-calendar.arrowBottom::after, .flatpickr-calendar.arrowBottom::before { top: 100%; }

.flatpickr-calendar.arrowBottom::before { border-top-color: rgb(75, 56, 179); }

.flatpickr-calendar.arrowBottom::after { border-top-color: rgb(75, 56, 179); }

.flatpickr-calendar:focus { outline: 0px; }

.flatpickr-wrapper { position: relative; display: inline-block; }

.flatpickr-months { display: flex; background-color: rgb(75, 56, 179); border-radius: 5px 5px 0px 0px; }

.flatpickr-months .flatpickr-month { background: 0px 0px; color: rgba(255, 255, 255, 0.9); fill: rgba(255, 255, 255, 0.9); height: 34px; line-height: 1; text-align: center; position: relative; user-select: none; overflow: hidden; -webkit-box-flex: 1; flex: 1 1 0%; }

.flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { text-decoration: none; cursor: pointer; position: absolute; top: 0px; height: 34px; padding: 10px; z-index: 3; color: rgba(255, 255, 255, 0.9); fill: rgba(255, 255, 255, 0.9); }

.flatpickr-months .flatpickr-next-month.flatpickr-disabled, .flatpickr-months .flatpickr-prev-month.flatpickr-disabled { display: none; }

.flatpickr-months .flatpickr-next-month i, .flatpickr-months .flatpickr-prev-month i { position: relative; }

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month, .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month { left: 0px; }

.flatpickr-months .flatpickr-next-month.flatpickr-next-month, .flatpickr-months .flatpickr-prev-month.flatpickr-next-month { right: 0px; }

.flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover { color: rgb(149, 158, 169); }

.flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg { fill: rgba(255, 255, 255, 0.9); }

.flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg { width: 14px; height: 14px; }

.flatpickr-months .flatpickr-next-month svg path, .flatpickr-months .flatpickr-prev-month svg path { transition: fill 0.1s; fill: inherit; }

.numInputWrapper { position: relative; height: auto; }

.numInputWrapper input, .numInputWrapper span { display: inline-block; }

.numInputWrapper input { width: 100%; }

.numInputWrapper input::-webkit-inner-spin-button, .numInputWrapper input::-webkit-outer-spin-button { margin: 0px; appearance: none; }

.numInputWrapper span { position: absolute; right: 0px; width: 14px; padding: 0px 4px 0px 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(var(--vz-dark-rgb),.15); box-sizing: border-box; }

.numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); }

.numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); }

.numInputWrapper span::after { display: block; content: ""; position: absolute; }

.numInputWrapper span.arrowUp { top: 0px; border-bottom: 0px; }

.numInputWrapper span.arrowUp::after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); top: 26%; }

.numInputWrapper span.arrowDown { top: 50%; }

.numInputWrapper span.arrowDown::after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); top: 40%; }

.numInputWrapper span svg { width: inherit; height: auto; }

.numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5); }

.numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); }

.numInputWrapper:hover span { opacity: 1; }

.flatpickr-current-month { font-size: 100%; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 7.48px 0px 0px; line-height: 1; height: 34px; display: inline-block; text-align: center; transform: translate3d(0px, 0px, 0px); }

.flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0px; }

.flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); }

.flatpickr-current-month .numInputWrapper { width: 6ch; display: inline-block; }

.flatpickr-current-month span.arrowUp::after { border-bottom-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month span.arrowDown::after { border-top-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month input.cur-year { background: 0px 0px; box-sizing: border-box; color: inherit; cursor: text; padding: 0px 0px 0px 0.5ch; margin: 0px; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 600; line-height: inherit; height: auto; border: 0px; border-radius: 0px; vertical-align: initial; appearance: textfield; }

.flatpickr-current-month input.cur-year:focus { outline: 0px; }

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(255, 255, 255, 0.9); background: 0px 0px; pointer-events: none; }

.flatpickr-current-month .flatpickr-monthDropdown-months { appearance: menulist; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; box-sizing: border-box; color: inherit; cursor: pointer; font-size: inherit; font-family: inherit; font-weight: 600; height: auto; line-height: inherit; margin: -1px 0px 0px; outline: 0px; padding: 0px 0px 0px 0.5ch; position: relative; vertical-align: initial; width: auto; }

.flatpickr-current-month .flatpickr-monthDropdown-months:active, .flatpickr-current-month .flatpickr-monthDropdown-months:focus { outline: 0px; }

.flatpickr-current-month .flatpickr-monthDropdown-months:hover { background-color: transparent; }

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: transparent; outline: 0px; padding: 0px; color: rgba(0, 0, 0, 0.8); }

.flatpickr-weekdays { background-color: rgb(75, 56, 179); text-align: center; overflow: hidden; width: 100%; display: flex; -webkit-box-align: center; align-items: center; height: 36px; border-bottom: 1px solid var(--vz-border-color); }

.flatpickr-weekdays .flatpickr-weekdaycontainer { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; }

span.flatpickr-weekday { cursor: default; font-size: 90%; background: rgb(75, 56, 179); color: rgb(255, 255, 255); line-height: 1; margin: 0px; text-align: center; display: block; -webkit-box-flex: 1; flex: 1 1 0%; font-weight: 500; }

.dayContainer, .flatpickr-weeks { padding: 1px 0px 0px; }

.flatpickr-days { position: relative; overflow: hidden; display: flex; -webkit-box-align: start; align-items: flex-start; width: 307.875px; }

.flatpickr-days:focus { outline: 0px; }

.dayContainer { padding: 0px; outline: 0px; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-around; transform: translate3d(0px, 0px, 0px); opacity: 1; }

.dayContainer + .dayContainer { box-shadow: rgb(230, 230, 230) -1px 0px 0px; }

.flatpickr-day { background: 0px 0px; border: 1px solid transparent; border-radius: 150px; box-sizing: border-box; color: var(--vz-body-color); cursor: pointer; font-weight: 400; width: 14.2857%; flex-basis: 14.2857%; max-width: 39px; height: 39px; line-height: 39px; margin: 0px; display: inline-block; position: relative; -webkit-box-pack: center; justify-content: center; text-align: center; }

.flatpickr-day:focus, .flatpickr-day:hover { background-color: rgba(var(--vz-light-rgb),.7); }

.flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover { cursor: pointer; outline: 0px; background-color: var(--vz-light); border-color: var(--vz-light); }

.flatpickr-day.today { border-color: rgb(75, 56, 179); background-color: rgba(75, 56, 179, 0.1); box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; }

.flatpickr-day.today:focus, .flatpickr-day.today:hover { border-color: rgb(75, 56, 179); background-color: rgba(75, 56, 179, 0.15); color: var(--vz-body-color); }

.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover { background: rgb(75, 56, 179); box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; color: rgb(255, 255, 255); border-color: rgb(75, 56, 179); }

.flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange { border-radius: 50px 0px 0px 50px; }

.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) { box-shadow: rgb(75, 56, 179) -10px 0px 0px; }

.flatpickr-day.endRange.startRange .endRange, .flatpickr-day.selected.startRange .endRange, .flatpickr-day.startRange.startRange .endRange { border-radius: 50px; }

.flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange { border-radius: 0px 50px 50px 0px; }

.flatpickr-day.inRange { border-radius: 0px; box-shadow: -5px 0 0 var(--vz-light),5px 0 0 var(--vz-light); }

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay { color: rgba(var(--vz-body-color-rgb),.3); background: 0px 0px; border-color: transparent; cursor: default; }

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(var(--vz-body-color-rgb),.3); }

.flatpickr-day.week.selected { border-radius: 0px; box-shadow: rgb(75, 56, 179) -5px 0px 0px, rgb(75, 56, 179) 5px 0px 0px; }

.flatpickr-day.hidden { visibility: hidden; }

.rangeMode .flatpickr-day { margin-top: 1px; }

.flatpickr-weekwrapper { float: left; }

.flatpickr-weekwrapper .flatpickr-weeks { padding: 0px 12px; box-shadow: 1px 0 0 var(--vz-border-color); }

.flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 35px; }

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(var(--vz-body-rgb),.3); background: 0px 0px; cursor: default; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }

.flatpickr-innerContainer { display: flex; box-sizing: border-box; overflow: hidden; }

.flatpickr-rContainer { display: inline-block; padding: 0px; box-sizing: border-box; }

.flatpickr-time { text-align: center; outline: 0px; height: 0px; line-height: 40px; max-height: 40px; box-sizing: border-box; overflow: hidden; display: flex; }

.flatpickr-time::after { content: ""; display: table; clear: both; }

.flatpickr-time .numInputWrapper { -webkit-box-flex: 1; flex: 1 1 0%; width: 40%; height: 40px; float: left; }

.flatpickr-time .numInputWrapper span.arrowDown::after, .flatpickr-time .numInputWrapper span.arrowUp::after { border-bottom-color: var(--vz-border-color); }

.flatpickr-time.hasSeconds .numInputWrapper { width: 26%; }

.flatpickr-time.time24hr .numInputWrapper { width: 49%; }

.flatpickr-time input { background: 0px 0px; box-shadow: none; border: 0px; border-radius: 0px; text-align: center; margin: 0px; padding: 0px; height: inherit; line-height: inherit; color: var(--vz-body-color); font-size: 14px; position: relative; box-sizing: border-box; appearance: textfield; }

.flatpickr-time input.flatpickr-hour { font-weight: 700; }

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; }

.flatpickr-time input:focus { outline: 0px; border: 0px; }

.flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator { height: inherit; float: left; line-height: inherit; color: var(--vz-body-color); font-weight: 700; width: 2%; user-select: none; align-self: center; }

.flatpickr-time .flatpickr-am-pm { outline: 0px; width: 18%; cursor: pointer; text-align: center; font-weight: 400; }

.flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover { background: rgba(75, 56, 179, 0.04); }

.flatpickr-am-pm:focus, .flatpickr-am-pm:hover, .numInput:focus, .numInput:hover, .numInputWrapper:focus, .numInputWrapper:hover { background-color: transparent; }

.flatpickr-input[readonly] { cursor: pointer; background-color: var(--vz-input-bg-custom); }

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

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

@keyframes fpFadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}

[datepicker-inline], [timepicker-inline] { display: none; }

[data-input-flag] { position: relative; }

[data-input-flag] .dropdown-menu .dropdown-menu-list { max-height: 158px; overflow-y: auto; }

[data-input-flag] .dropdown-menu .dropdown-menu-list::-webkit-scrollbar { appearance: none; }

[data-input-flag] .dropdown-menu .dropdown-menu-list::-webkit-scrollbar:vertical { width: 8px; }

[data-input-flag] .dropdown-menu .dropdown-menu-list::-webkit-scrollbar:horizontal { height: 10px; }

[data-input-flag] .dropdown-menu .dropdown-menu-list::-webkit-scrollbar-thumb { background-color: rgba(var(--vz-dark-rgb),.075); border-radius: 8px; }

[data-input-flag] .dropdown-menu .dropdown-menu-list::-webkit-scrollbar-track { border-radius: 8px; }

[data-option-flag-img-name] .flag-input { padding-left: 45px; background-image: url("../images/flags/us.svg"); background-repeat: no-repeat; background-position: 14px 8px; background-size: 18px; }

[data-option-flag-img-name]::before, [data-option-flag-name]::before { content: "󰅀"; font-family: "Material Design Icons"; position: absolute; right: 0.9rem; top: 0.5rem; font-size: 16px; }

[data-option-countrycode="false"] .country-codeno { display: none; }

[data-search-input="false"] .searchlist-input { display: none; }

.auth-page-wrapper .auth-page-content { padding-bottom: 60px; position: relative; z-index: 2; width: 100%; }

.auth-page-wrapper .footer { left: 0px; background-color: transparent; color: var(--vz-body-color); }

.auth-one-bg-position { position: absolute; top: 0px; left: 0px; right: 0px; 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 center; background-size: cover; }

.auth-one-bg .bg-overlay { background: linear-gradient(to right, rgb(65, 49, 156), rgb(75, 56, 179)); opacity: 0.9; }

.shape { position: absolute; bottom: 0px; right: 0px; left: 0px; z-index: 1; pointer-events: none; }

.shape > svg { width: 100%; height: auto; fill: var(--vz-body-bg); }

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

.particles-js-canvas-el { position: relative; }

.signin-other-title { position: relative; }

.signin-other-title::after { content: ""; position: absolute; width: 100%; height: 1px; left: 0px; right: 0px; border-top: 1px dashed var(--vz-border-color); top: 10px; }

.signin-other-title .title { display: inline-block; position: relative; z-index: 9; background-color: var(--vz-secondary-bg); padding: 2px 16px; }

.auth-bg-cover { background: linear-gradient(-45deg, rgb(75, 56, 179) 50%, rgb(69, 203, 133)); }

.auth-bg-cover > .bg-overlay { background-image: url("../images/cover-pattern.png"); background-position: center center; background-size: cover; opacity: 1; background-color: transparent; }

.auth-bg-cover .footer { color: rgba(255, 255, 255, 0.5); }

#password-contain { display: none; }

#password-contain p { padding-left: 13px; }

#password-contain p.valid { color: rgb(69, 203, 133); }

#password-contain p.valid::before { position: relative; left: -8px; content: "✔"; }

#password-contain p.invalid { color: rgb(240, 101, 72); }

#password-contain p.invalid::before { position: relative; left: -8px; content: "✖"; }

.dash-filter-picker { min-width: 210px !important; }

.upcoming-scheduled { position: relative; }

@media (max-width: 575.98px) {
  .upcoming-scheduled { top: 35px !important; }
}

.upcoming-scheduled .flatpickr-months { width: 200px; background-color: transparent; position: absolute !important; top: -45px !important; left: auto !important; right: 0px !important; }

.upcoming-scheduled .flatpickr-months .flatpickr-month { color: rgb(135, 138, 153) !important; fill: rgb(135, 138, 153) !important; }

.upcoming-scheduled .flatpickr-months .flatpickr-next-month, .upcoming-scheduled .flatpickr-months .flatpickr-prev-month { display: none; }

.upcoming-scheduled .flatpickr-calendar { box-shadow: none !important; }

.upcoming-scheduled .flatpickr-calendar .flatpickr-current-month { font-size: 13px; width: 100%; left: 0px; }

.upcoming-scheduled .flatpickr-calendar .flatpickr-monthDropdown-months { border: 1px solid var(--vz-border-color); border-radius: 4px; height: 26px; }

.upcoming-scheduled .flatpickr-calendar .flatpickr-weekdays { background-color: var(--vz-light); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }

.upcoming-scheduled .flatpickr-calendar .flatpickr-weekdays span.flatpickr-weekday { color: var(--vz-body-color); background-color: var(--vz-light); }

.upcoming-scheduled .flatpickr-calendar .flatpickr-day.today { background-color: rgb(69, 203, 133); color: rgb(255, 255, 255) !important; border-color: rgb(69, 203, 133) !important; }

.upcoming-scheduled .flatpickr-calendar .flatpickr-day.today:hover { color: rgb(69, 203, 133) !important; background-color: rgba(69, 203, 133, 0.2) !important; }

.upcoming-scheduled .flatpickr-calendar .flatpickr-day.selected { color: rgb(255, 255, 255); background-color: rgb(69, 203, 133) !important; border-color: rgb(69, 203, 133) !important; }

.upcoming-scheduled .flatpickr-calendar .numInputWrapper { width: 7.5ch; margin-left: 10px; }

.upcoming-scheduled .flatpickr-days { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }

.crm-widget .col { border-right: 1px solid var(--vz-border-color); }

.crm-widget .col:last-child { border: 0px; }

@media (min-width: 768px) and (max-width: 1399.98px) {
  .crm-widget .col:nth-child(3) { border-right: 0px; }
  .crm-widget .col:last-child { border-right: 1px solid var(--vz-border-color); }
}

@media (max-width: 767.98px) {
  .crm-widget .col { border-right: 0px; border-bottom: 1px solid var(--vz-border-color); }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .project-wrapper .col-xxl-4, .project-wrapper > .col-xxl-8 { width: 100%; }
}

.crypto-widget { max-width: 130px !important; }

.bg-marketplace { background-image: url("../images/nft/marketplace.png"); background-size: cover; }

.dash-countdown .countdownlist .count-num { background-color: var(--vz-secondary-bg); padding: 16px 8px; font-size: 22px; }

@media (max-width: 575.98px) {
  .dash-countdown .countdownlist .count-num { font-size: 16px; padding: 8px 6px; }
}

@media (max-width: 575.98px) {
  .dash-countdown .countdownlist .count-title { font-size: 10px; }
}

[data-layout-width="boxed"] .dash-countdown .countdownlist { flex-wrap: wrap; }

.marketplace-icon { position: absolute; float: right; top: 30px; left: 30px; }

.marketplace-swiper .swiper-button-next, .marketplace-swiper .swiper-button-prev { top: 34px; width: 28px; height: 28px; background-color: rgba(75, 56, 179, 0.1); color: rgb(75, 56, 179); border-radius: 0.3rem; right: 16px !important; }

.marketplace-swiper .swiper-button-prev { right: 58px !important; left: auto !important; }

.dash-collection .content { background-color: rgba(255, 255, 255, 0.25); backdrop-filter: blur(5px); }

@media (max-width: 1441.98px) {
  .dash-nft .col-xxl-3, .dash-nft .col-xxl-9 { width: 100% !important; max-width: 100% !important; }
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample { width: 32px; height: 32px; display: inline-block; vertical-align: middle; }

#portfolio_donut_charts .apexcharts-pie text { fill: var(--vz-body-color); }

.timeline { position: relative; width: 100%; max-width: 1400px; margin: 0px auto; }

.timeline::after { content: ""; position: absolute; width: 2px; background: var(--vz-secondary-bg); top: 57px; bottom: 166px; left: 50%; margin-left: -1.5px; }

.timeline-item { padding: 30px 60px; position: relative; background: inherit; width: 50%; }

.timeline-item .icon { position: absolute; display: inline-flex; width: 60px; height: 60px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 25px; top: 30px; right: -30px; padding: 9px 0px; background: var(--vz-secondary-bg); border: 1px solid var(--vz-border-color); border-radius: 50px; color: rgb(69, 203, 133); z-index: 1; }

.timeline-item .date { position: absolute; display: inline-block; width: calc(100% - 48px); top: 50px; font-size: 14px; font-weight: 500; font-style: italic; }

.timeline-item .content { padding: 20px; background: var(--vz-secondary-bg); position: relative; border: 1px solid var(--vz-border-color); border-radius: 0.25rem; box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem; }

.timeline-item.left { left: 0px; }

.timeline-item.left .date { left: calc(100% + 48px); text-align: start; }

.timeline-item.right { left: 50%; }

.timeline-item.right .icon { left: -30px; }

.timeline-item.right .date { right: calc(100% + 48px); text-align: end; }

.timeline-item.right::before { left: 28px; border-color: transparent transparent transparent rgb(255, 255, 255); }

@media (max-width: 991.98px) {
  .timeline::after { left: 24px; bottom: 180px; }
  .timeline-item { width: 100%; padding-left: 48px; padding-right: 0px; }
  .timeline-item.left, .timeline-item.right { left: 0px; }
  .timeline-item.left .icon, .timeline-item.right .icon { width: 45px; height: 45px; top: 0px; font-size: 18px; left: 0px; }
  .timeline-item.left::before, .timeline-item.right::before { left: 110px; border-color: transparent transparent transparent var(--vz-border-color); }
  .timeline-item.left .date, .timeline-item.right .date { right: auto; left: 48px; width: 79px; top: 8px; text-align: left; }
}

.timeline-2 { position: relative; }

.timeline-2::after { position: absolute; content: ""; width: 2px; height: 83%; top: 50px; left: 40px; margin-left: -1px; background: var(--vz-secondary-bg); }

.timeline-2 .timeline-year { position: relative; width: 100%; text-align: left; z-index: 1; }

.timeline-2 .timeline-year p { display: inline-flex; width: 80px; height: 80px; margin: 0px; padding: 23px 10px; background: var(--vz-secondary-bg); border-radius: 50px; text-transform: uppercase; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; }

.timeline-2 .timeline-year p span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.timeline-2 .timeline-date { font-size: 14px; font-weight: 500; margin: 24px 0px 0px 55px; }

.timeline-2 .timeline-date::after { content: ""; display: block; position: absolute; width: 14px; height: 14px; top: 26px; left: 45px; background: rgb(69, 203, 133); border: 3px solid var(--vz-secondary-bg); border-radius: 50px; z-index: 1; }

.timeline-2 .timeline-box { position: relative; display: inline-block; margin: 23px 62px; padding: 20px; border: 1px solid var(--vz-border-color); border-radius: 6px; background: var(--vz-secondary-bg); max-width: 695px; }

@media (max-width: 991.98px) {
  .timeline-2 .timeline-box { margin-right: 0px; }
}

.timeline-2 .timeline-box::after { content: ""; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; top: 26px; right: 100%; border-color: transparent var(--vz-secondary-bg) transparent transparent; border-width: 10px; }

.timeline-2 .timeline-box::before { content: ""; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; right: 100%; top: 24px; border-color: transparent var(--vz-border-color) transparent transparent; border-width: 12px; }

.timeline-2 .timeline-box .timeline-text { position: relative; float: left; }

.timeline-2 .timeline-launch { position: relative; display: inline-block; border-radius: 6px; width: 100%; margin-top: 15px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; text-align: left; background: 0px 0px; }

.timeline-2 .timeline-launch .timeline-box { margin-left: 0px; }

.timeline-2 .timeline-launch .timeline-box::after { left: 30px; margin-left: 0px; top: -20px; border-color: transparent transparent var(--vz-border-color) transparent; }

.timeline-2 .timeline-launch .timeline-box::before { left: 30px; margin-left: 0px; top: -19px; border-color: transparent transparent var(--vz-secondary-bg) transparent; border-width: 10px; z-index: 1; }

.horizontal-timeline { position: relative; width: 100%; margin: 0px auto; }

.horizontal-timeline::before { content: ""; position: absolute; width: 100%; top: 174px; left: 0px; height: 2px; background-color: var(--vz-secondary-bg); }

.horizontal-timeline .swiper-slide .item-box { margin: 227px 0px 0px; background-color: transparent; box-shadow: none; }

.horizontal-timeline .swiper-slide .item-box::after { content: ""; position: absolute; left: 0px; right: 0px; margin: 0px auto; background: rgb(75, 56, 179); width: 13px; height: 13px; top: -59px; border-radius: 50px; border: 3px solid var(--vz-secondary-bg); }

.horizontal-timeline .swiper-slide .timeline-content { min-height: 110px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; background-color: var(--vz-secondary-bg); }

.horizontal-timeline .swiper-slide .timeline-content::before { content: ""; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; left: 0px; top: -23px; border-color: transparent transparent var(--vz-secondary-bg) transparent; border-width: 12px; right: 0px; margin: 0px auto; }

.horizontal-timeline .swiper-slide .time { position: absolute; top: -86px; right: 0px; left: 0px; margin: 0px auto; }

.horizontal-timeline .swiper-slide:nth-child(2n) { margin-top: 5px; transform: rotate(-180deg); }

.horizontal-timeline .swiper-slide:nth-child(2n) .timeline-content { transform: rotate(180deg); }

.horizontal-timeline .swiper-slide:nth-child(2n) .timeline-content::before { bottom: -23px; top: auto; border-color: var(--vz-secondary-bg) transparent transparent transparent; }

.horizontal-timeline .swiper-slide:nth-child(2n) .time { transform: rotate(180deg); }

.horizontal-timeline .swiper-button-next, .horizontal-timeline .swiper-button-prev { height: 40px; width: 40px; line-height: 40px; border-radius: 50%; background-color: rgb(79, 59, 189); }

.horizontal-timeline .swiper-button-next::after, .horizontal-timeline .swiper-button-prev::after { font-size: 24px; color: rgb(255, 255, 255); }

.horizontal-timeline .swiper-button-next.swiper-button-disabled, .horizontal-timeline .swiper-button-prev.swiper-button-disabled { background-color: rgba(75, 56, 179, 0.5); opacity: 1; cursor: auto; backdrop-filter: blur(25px); pointer-events: none; }

.horizontal-timeline .swiper-button-next { right: 0px; }

.horizontal-timeline .swiper-button-next::after { content: ""; font-family: remixicon; }

.horizontal-timeline .swiper-button-prev { left: 0px; }

.horizontal-timeline .swiper-button-prev::after { content: ""; font-family: remixicon; }

.acitivity-timeline { position: relative; overflow: hidden; }

.acitivity-timeline .acitivity-item { position: relative; }

.acitivity-timeline .acitivity-item .flex-shrink-0 { z-index: 2; }

.acitivity-timeline .acitivity-item .acitivity-avatar { background-color: var(--vz-secondary-bg); border: 3px solid var(--vz-secondary-bg); height: 32px; width: 32px; }

.acitivity-timeline .acitivity-item::before { content: ""; position: absolute; border-left: 1px dashed var(--vz-border-color); left: 16px; height: 100%; top: 5px; z-index: 0; }

.acitivity-timeline .acitivity-item:last-child::before { border-color: transparent; }

.categories-filter .list-inline-item { position: relative; margin-right: 0px; }

.categories-filter .list-inline-item a { display: block; color: var(--vz-body-color); font-weight: 600; padding: 8px 15px; margin: 5px; cursor: pointer; }

.gallery-box { position: relative; overflow: hidden; border: 1px solid transparent; margin-bottom: 10px; box-shadow: none; background-color: transparent; padding: 8px; }

.gallery-box::before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; width: 100%; height: 0px; background-color: var(--vz-secondary-bg); transition: 0.4s; }

.gallery-box .gallery-container { position: relative; overflow: hidden; border-radius: 4px; }

.gallery-box .gallery-container a { display: block; }

.gallery-box .gallery-container .gallery-overlay { position: absolute; inset: 0px; opacity: 0; background: linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); visibility: hidden; overflow: hidden; transition: 0.4s ease-in-out; display: flex; width: 100%; -webkit-box-align: end; align-items: flex-end; padding: 16px; }

.gallery-box .gallery-container .gallery-overlay .overlay-caption { color: rgb(255, 255, 255); margin: 0px; font-size: 16px; }

.gallery-box .gallery-img { transition: 0.2s ease-in-out; }

.gallery-box .box-content { position: relative; }

.gallery-box .box-content .title { font-size: 14px; margin-bottom: 4px; display: none; }

.gallery-box .box-content .post { margin: 0px; transition: 0.2s; color: var(--vz-secondary-color); }

.gallery-box:hover::before { height: 100%; }

.gallery-box:hover .box-content { bottom: 0px; }

.gallery-box:hover .box-content .post { opacity: 1; }

.gallery-box:hover .gallery-overlay { opacity: 1; visibility: visible; }

.gallery-light .gallery-box::before { background-color: var(--vz-light); }

.error-basic-img { max-width: 450px; }

.error-500 .title { font-size: 250px; }

.error-500 .error-500-img { position: absolute; top: 57px; left: 0px; right: 0px; margin: 0px auto; }

@media (min-width: 768px) and (max-width: 991.98px) {
  .error-500 .title { font-size: 150px; }
  .error-500 .error-500-img { width: 20% !important; top: 43px; }
}

@media (max-width: 767.98px) {
  .error-500 .title { font-size: 68px; margin-top: 35px; }
  .error-500 .error-500-img { position: relative; top: 0px; }
}

@-webkit-keyframes errorAnimation { 
  0% { transform: translateX(0px); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0px); }
}

@keyframes errorAnimation { 
  0% { transform: translateX(0px); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0px); }
}

.error-img { animation: 20s ease 0s infinite normal none running errorAnimation; }

.error-text { text-shadow: rgba(69, 203, 133, 0.4) 4px 4px; }

@media (min-width: 1200px) {
  .error-text { font-size: 10rem; }
}

.profile-wid-bg { position: absolute; left: 0px; right: 0px; top: 0px; height: 320px; }

@media (max-width: 575.98px) {
  .profile-wid-bg { height: 445px; }
}

.profile-wid-bg::before { content: ""; position: absolute; inset: 0px; opacity: 0.9; background: linear-gradient(to top, rgb(34, 26, 82), rgb(75, 56, 179)); }

.profile-wid-bg .profile-wid-img { width: 100%; height: 100%; object-fit: cover; }

.profile-nav.nav-pills .nav-link { color: rgba(255, 255, 255, 0.8); }

.profile-nav.nav-pills .nav-link::before { background-color: rgba(255, 255, 255, 0.1); }

.profile-project-card { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 3px solid var(--vz-border-color); }

.profile-project-card.profile-project-primary { border-left-color: rgb(75, 56, 179); }

.profile-project-card.profile-project-secondary { border-left-color: rgb(53, 119, 241); }

.profile-project-card.profile-project-success { border-left-color: rgb(69, 203, 133); }

.profile-project-card.profile-project-info { border-left-color: rgb(41, 156, 219); }

.profile-project-card.profile-project-warning { border-left-color: rgb(255, 190, 11); }

.profile-project-card.profile-project-danger { border-left-color: rgb(240, 101, 72); }

.profile-project-card.profile-project-light { border-left-color: rgb(243, 246, 249); }

.profile-project-card.profile-project-dark { border-left-color: rgb(33, 37, 41); }

.user-profile-img { position: relative; }

.user-profile-img .profile-img { width: 100%; height: 250px; object-fit: cover; }

@media (max-width: 991px) {
  .user-profile-img .profile-img { height: 160px; }
}

.user-profile-img .profile-foreground-img-file-input { display: none; }

.user-profile-img .profile-photo-edit { cursor: pointer; }

.profile-user { position: relative; display: inline-block; }

.profile-user .profile-photo-edit { position: absolute; right: 0px; left: auto; bottom: 0px; cursor: pointer; }

.profile-user .user-profile-image { object-fit: cover; }

.profile-user .profile-img-file-input { display: none; }

.profile-timeline .accordion-item { position: relative; }

.profile-timeline .accordion-item .accordion-button { background-color: transparent; }

.profile-timeline .accordion-item .accordion-button::after { background: 0px 0px; }

.profile-timeline .accordion-item::before { content: ""; border-left: 2px dashed var(--vz-border-color); position: absolute; height: 100%; left: 23px; }

.profile-timeline .accordion-item:first-child::before { top: 8px; }

.profile-timeline .accordion-item:last-child::before { height: 20px; top: 3px; }

.profile-setting-img { position: relative; height: 260px; }

.profile-setting-img .overlay-content { content: ""; position: absolute; top: 0px; right: 0px; }

.profile-setting-img .profile-img { width: 100%; height: 250px; object-fit: cover; }

@media (max-width: 991.98px) {
  .profile-setting-img .profile-img { height: 160px; }
}

.profile-setting-img .profile-foreground-img-file-input { display: none; }

.profile-setting-img .profile-photo-edit { cursor: pointer; }

@media (max-width: 575.98px) {
  [data-layout="horizontal"] .profile-foreground { margin-top: 0px !important; }
}

[data-layout="semibox"] .profile-wrapper { padding: 0px 1rem; }

.sitemap-content { width: 100%; max-width: 1142px; margin: 0px auto; padding: 0px 20px; }

.sitemap-content * { position: relative; }

.sitemap-horizontal { position: relative; }

.sitemap-horizontal ul { padding: 0px; margin: 0px; list-style: none; }

.sitemap-horizontal ul a { background: var(--vz-light); border: 2px solid var(--vz-secondary-bg); box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; font-size: 0.8125rem; height: 60px; padding: 8px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.sitemap-horizontal ul a span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.administration .director > li > a { width: 50%; margin: 0px auto; border-radius: 4px; }

.administration .subdirector { position: absolute; width: 100%; }

.administration .subdirector::after { content: ""; display: block; width: 0px; height: 130px; border-left: 2px dashed var(--vz-border-color); left: 45.45%; position: relative; }

.administration .subdirector > li:first-child { width: 18.59%; height: 64px; margin: 0px auto 92px; padding-top: 25px; border-bottom: 2px dashed var(--vz-border-color); z-index: 1; float: right; right: 27.2%; border-left: 2px dashed var(--vz-border-color); }

.administration .subdirector > li:first-child a { width: 100%; left: 25px; }

@media screen and (max-width: 767px) {
  .administration .subdirector > li:first-child { width: 40%; right: 10%; margin-right: 2px; }
  .administration .subdirector::after { left: 49.8%; }
}

.departments { width: 100%; }

.departments > li:first-child { width: 18.59%; height: 64px; margin: 0px auto 92px; padding-top: 25px; border-bottom: 2px dashed var(--vz-border-color); z-index: 1; float: left; left: 27%; }

.departments > li:first-child a { width: 100%; right: 25px; }

.departments > li:nth-child(2) { margin-left: 0px; clear: left; }

.departments > li:nth-child(2).department::before { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }

.departments::after { content: ""; display: block; position: absolute; width: 81.1%; height: 22px; border-top: 2px dashed var(--vz-border-color); border-right: 2px dashed var(--vz-border-color); border-left: 2px dashed var(--vz-border-color); margin: 0px auto; top: 130px; left: 9.1%; }

@media screen and (max-width: 767px) {
  .departments > li:first-child { width: 40%; left: 10%; margin-left: 2px; }
  .departments::after { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; left: 0px; width: 50%; }
}

.department { border-left: 2px dashed var(--vz-border-color); float: left; margin-left: 1.75%; margin-bottom: 60px; width: 18.25%; }

.department::before { content: ""; display: block; position: absolute; width: 0px; height: 22px; border-left: 2px dashed var(--vz-border-color); z-index: 1; top: -22px; left: 50%; margin-left: -4px; }

.department > a { margin: 0px 0px -26px -4px; z-index: 1; }

.department ul { margin-top: 0px; margin-bottom: 0px; }

.department ul li { padding-left: 25px; border-bottom: 2px dashed var(--vz-border-color); height: 80px; }

.department ul li a { background: var(--vz-secondary-bg); margin-top: 48px; position: absolute; z-index: 1; width: 90%; height: 60px; vertical-align: middle; right: -1px; text-align: center; }

.department:first-child { margin-left: 0px; clear: left; }

@media screen and (min-width: 768px) {
  .department:last-child::before { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
}

@media screen and (max-width: 767px) {
  .department { float: none; width: 100%; margin-left: 0px; }
  .department::before { content: ""; display: block; position: absolute; width: 0px; height: 60px; border-left: 2px dashed rgb(255, 255, 255); z-index: 1; top: -60px; left: 0px; margin-left: -4px; }
  .department:nth-child(2)::before { display: none; }
}

.hori-sitemap ul { padding: 10px 0px 0px; text-align: center; }

.hori-sitemap ul li { position: relative; }

@media (max-width: 575.98px) {
  .hori-sitemap ul { text-align: left; }
  .hori-sitemap ul .parent-title a { padding-left: 0px; }
  .hori-sitemap ul .parent-title a::after { display: none; }
  .hori-sitemap ul .parent-title::before { display: none; }
}

@media (max-width: 575.98px) {
  .hori-sitemap > ul { position: relative; }
  .hori-sitemap > ul li { padding-top: 10px; }
  .hori-sitemap > ul li .second-list, .hori-sitemap > ul li .sub-list { position: relative; }
  .hori-sitemap > ul li .second-list::before, .hori-sitemap > ul li .sub-list::before { content: ""; height: calc(100% - 14px); border-right: 2px dashed var(--vz-border-color); position: absolute; top: 0px; left: 0px; }
  .hori-sitemap > ul li .sub-list::before { height: 38%; }
  .hori-sitemap > ul li a { position: relative; padding: 4px 16px 4px 36px; }
  .hori-sitemap > ul li a::after { content: ""; width: 24px; border-top: 2px dashed var(--vz-border-color); position: absolute; top: 50%; transform: translateY(-50%); left: 0px; }
  .hori-sitemap > ul li ul { margin-left: 36px; }
}

@media (min-width: 576px) {
  .hori-sitemap ul { padding-top: 20px; }
  .hori-sitemap ul li { padding-top: 30px; }
  .hori-sitemap ul li::before { content: ""; height: 24px; width: 0px; border-right: 2px dashed var(--vz-border-color); position: absolute; top: 0px; left: 0px; right: 0px; margin: 0px auto; }
  .hori-sitemap ul li::after { content: ""; width: 100%; border-top: 2px dashed var(--vz-border-color); position: absolute; top: 0px; left: 50%; }
  .hori-sitemap ul li:last-of-type::after { display: none; }
  .hori-sitemap ul li.parent-title::before { content: ""; height: 23px; border-right: 2px dashed var(--vz-border-color); position: absolute; top: 28px; left: 0px; }
  .hori-sitemap ul li.parent-title::after { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
  .hori-sitemap ul li .sub-title { position: relative; }
  .hori-sitemap ul li .sub-title::before { content: ""; height: 21px; border-right: 2px dashed var(--vz-border-color); position: absolute; top: 27px; left: 49%; margin: 0px auto; }
}

.hori-sitemap a { color: var(--vz-body-color); padding: 4px 0px; display: block; }

.verti-sitemap a { color: var(--vz-body-color); display: block; }

.verti-sitemap .parent-title a { padding-left: 0px; }

.verti-sitemap .parent-title a::before { display: none; }

.verti-sitemap .parent-title::before { display: none; }

.verti-sitemap .first-list { position: relative; padding-top: 10px; }

.verti-sitemap .first-list::before { content: ""; border-left: 2px dashed var(--vz-border-color); position: absolute; top: 0px; height: 100%; bottom: 0px; left: 0px; }

.verti-sitemap .first-list .list-wrap a, .verti-sitemap .first-list li a { position: relative; padding: 10px 16px 4px 36px; }

.verti-sitemap .first-list .list-wrap a::before, .verti-sitemap .first-list li a::before { content: ""; width: 24px; border-top: 2px dashed var(--vz-border-color); position: absolute; top: 50%; transform: translateY(-50%); left: 0px; }

.verti-sitemap .first-list .second-list, .verti-sitemap .first-list .third-list { margin-left: 42px; }

.verti-sitemap .first-list .second-list, .verti-sitemap .first-list .third-list { position: relative; }

.verti-sitemap .first-list .second-list li, .verti-sitemap .first-list .third-list li { position: relative; }

.verti-sitemap .first-list .second-list li::before, .verti-sitemap .first-list .third-list li::before { content: ""; height: 100%; border-left: 2px dashed var(--vz-border-color); position: absolute; top: 0px; left: 0px; margin: 0px auto; }

.verti-sitemap .first-list .second-list li:last-child::before, .verti-sitemap .first-list .third-list li:last-child::before { height: 13px; }

.verti-sitemap .first-list:last-child::before { height: 25px; }

.modal-team-cover, .profile-offcanvas .team-cover, .team-box .team-cover { display: none; position: relative; margin-bottom: -140px; }

.modal-team-cover img, .profile-offcanvas .team-cover img, .team-box .team-cover img { height: 140px; width: 100%; object-fit: cover; }

.modal-team-cover::before, .profile-offcanvas .team-cover::before, .team-box .team-cover::before { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(to top, rgb(34, 26, 82), rgb(75, 56, 179)); opacity: 0.6; }

.team-list.grid-view-filter { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; }

.team-list.grid-view-filter .col { -webkit-box-flex: 0; flex: 0 0 auto; width: 25%; }

.team-list.grid-view-filter .team-box { overflow: hidden; }

.team-list.grid-view-filter .team-box .team-row { -webkit-box-align: start; align-items: start; }

.team-list.grid-view-filter .team-box .team-row .col { width: 100%; }

.team-list.grid-view-filter .team-box .team-cover { display: block; }

.team-list.grid-view-filter .team-box .team-settings .col { -webkit-box-flex: 0; flex: 0 0 auto; width: 50% !important; }

.team-list.grid-view-filter .team-box .team-settings .btn-star { color: rgb(255, 255, 255); }

.team-list.grid-view-filter .team-box .team-settings .dropdown > a { color: rgb(255, 255, 255); }

.team-list.grid-view-filter .team-box .team-profile-img { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; margin-bottom: 25px; margin-top: 36px; }

.team-list.grid-view-filter .team-box .team-profile-img .avatar-lg { font-size: 22px; }

.team-list.grid-view-filter .team-box .team-profile-img .team-content { margin-left: 0px; margin-top: 25px; text-align: center; }

.team-list.grid-view-filter .team-box .view-btn { width: 100%; margin-top: 25px; }

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .team-list.grid-view-filter .col { -webkit-box-flex: 0; flex: 0 0 auto; width: 33.33%; }
}

@media (max-width: 1199.98px) {
  .team-list.grid-view-filter .col { -webkit-box-flex: 0; flex: 0 0 auto; width: 50%; }
}

@media (max-width: 767.98px) {
  .team-list.grid-view-filter .col { -webkit-box-flex: 0; flex: 0 0 auto; width: 100%; }
}

.team-list.list-view-filter { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.team-list.list-view-filter .team-box { margin-bottom: 10px; }

.team-list.list-view-filter .team-box .team-row { -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }

.team-list.list-view-filter .team-box .team-profile-img { display: flex; -webkit-box-align: center; align-items: center; }

.team-list.list-view-filter .team-box .team-profile-img .avatar-lg { height: 4rem; width: 4rem; font-size: 16px; }

.team-list.list-view-filter .team-box .team-profile-img .team-content { margin-left: 15px; }

.team-list.list-view-filter .team-box .team-settings { width: auto; -webkit-box-flex: 0; flex: 0 0 auto; -webkit-box-ordinal-group: 7; order: 6; }

.team-list.list-view-filter .team-box .btn-star { color: rgb(75, 56, 179); }

@media (max-width: 767.98px) {
  .team-list.list-view-filter { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
  .team-list.list-view-filter .col { -webkit-box-flex: 0; flex: 0 0 auto; width: 100%; }
  .team-list.list-view-filter .team-box .team-settings { width: 100%; -webkit-box-flex: 0; flex: 0 0 auto; order: -1; margin-bottom: 10px; }
  .team-list.list-view-filter .team-box .team-settings .col { width: 50%; }
  .team-list.list-view-filter .team-box .team-profile-img { margin-bottom: 25px; }
  .team-list.list-view-filter .team-box .view-btn { width: 100%; margin-top: 25px; }
}

.modal-team-cover { display: block; }

.list-grid-nav .nav-link.active { background-color: rgb(41, 156, 219); color: rgb(255, 255, 255); }

.profile-offcanvas .team-cover { margin-bottom: -132px; display: block; z-index: -1; }

.profile-offcanvas .btn-star { color: rgb(255, 255, 255); }

.profile-offcanvas .dropdown > a { color: rgb(255, 255, 255); }

.countdownlist { text-align: center; display: flex; gap: 24px; }

.countdownlist .countdownlist-item { width: 25%; }

.countdownlist .countdownlist-item:last-of-type .count-num::after { display: none; }

.countdownlist .count-title { font-size: 13px; font-weight: 500; display: block; margin-bottom: 8px; color: rgba(var(--vz-body-color-rgb),.5); text-transform: uppercase; }

.countdownlist .count-num { background-color: var(--vz-secondary-bg); padding: 16px 8px; position: relative; border-radius: var(--vz-border-radius); box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; font-weight: 600; font-size: 32px; }

@media (max-width: 575.98px) {
  .countdownlist .count-num { font-size: 18px; }
}

.countdownlist .count-num::after { content: ":"; font-size: 20px; position: absolute; right: -16px; top: 50%; transform: translateY(-50%); color: var(--vz-body-color); }

.move-animation { animation: 1s ease 0s infinite alternate none running mover; }

@-webkit-keyframes mover { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-16px); }
}

@keyframes mover { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-16px); }
}

.coming-soon-text { font-weight: 600; text-transform: uppercase; color: rgb(255, 255, 255); text-shadow: rgb(69, 203, 133) 3px 4px; }

.countdown-input-group { max-width: 400px; }

.search-more-results { position: relative; overflow: hidden; }

.search-more-results .nav-icon { font-size: 14px; color: rgb(255, 255, 255); position: absolute; top: 50%; transform: translateY(-50%); text-align: center; left: 0px; right: 0px; }

.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; }
}

.video-list .list-element { display: none; }

.video-list .list-element:nth-child(1) { display: block; }

.video-list .list-element:nth-child(2) { display: block; }

.video-list .list-element:nth-child(3) { display: block; }

.search-voice { height: 120px; width: 120px; line-height: 120px; margin: 0px auto; text-align: center; border-radius: 50%; z-index: 1; position: relative; }

.search-voice i { line-height: 56px; font-size: 30px; }

.search-voice .voice-wave { position: absolute; width: 120px; height: 120px; z-index: -1; left: 0px; right: 0px; margin: 0px auto; opacity: 0; border-radius: 100px; animation: 1.8s ease 0s infinite normal none running voice-wave; background-color: var(--vz-light); }

.search-voice .voice-wave:nth-child(2) { animation-delay: 0.3s; }

.search-voice .voice-wave:nth-child(3) { animation-delay: 0.6s; }

@-webkit-keyframes voice-wave { 
  0% { opacity: 1; transform: scale(0); }
  100% { opacity: 0; transform: scale(1); }
}

@keyframes voice-wave { 
  0% { opacity: 1; transform: scale(0); }
  100% { opacity: 0; transform: scale(1); }
}

.images-menu .swiper-slide { width: auto; display: inline-block; }

#selection-element { display: none; }

.filter-choices-input .choices__inner { padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background-color: var(--vz-secondary-bg); }

.filter-choices-input .choices__input { background-color: var(--vz-secondary-bg); }

@media (min-width: 992px) {
  .sticky-side-div { position: sticky; top: calc(70px + 1.5rem); }
}

.product-img-slider .product-nav-slider .nav-slide-item { border: 1px solid var(--vz-border-color); border-radius: 0.25rem; padding: 0.5rem; cursor: pointer; }

.product-img-slider .product-nav-slider .swiper-slide-thumb-active .nav-slide-item { background-color: var(--vz-light); }

.filter-list a.active .listname { color: var(--vz-success); }

#remove-actions { display: none; }

.invoice-table tbody:last-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }

.currency-select .choices__inner { padding: 0px 15px 0px 0px; min-height: 0px; }

.currency-select .choices__list--single { padding: 0px 16px 0px 4px; }

.currency-select .choices[data-type*="select-one"] { bottom: 0px; }

.currency-select .choices[data-type*="select-one"] ::after { top: 4px; }

.currency-select .choices[data-type*="select-one"] .choices__inner { padding-bottom: 0px; }

.chat-wrapper { position: relative; overflow-x: hidden; }

.chat-leftsidebar { height: calc(-137px + 100vh); position: relative; background-color: var(--vz-secondary-bg); }

@media (min-width: 992px) {
  .chat-leftsidebar { min-width: 300px; max-width: 300px; height: calc(-138px + 100vh); }
}

.chat-list { margin: 0px; }

.chat-list > li.active a { background-color: rgba(var(--vz-primary-rgb),1); color: var(--vz-white); }

.chat-list > li.active a .badge { background-color: rgba(var(--vz-success-rgb),.15) !important; color: rgb(69, 203, 133) !important; }

.chat-list > li a { display: block; padding: 7px 24px; color: var(--vz-body-color); transition: 0.4s; font-family: Inter, sans-serif; font-weight: 500; font-size: 0.8125rem; }

.chat-list > li .chat-user-message { font-size: 14px; }

.chat-list > li .unread-msg-user { font-weight: 600; }

.chat-list > li .unread-message { position: absolute; display: inline-block; right: 24px; left: auto; top: 33px; }

.chat-list > li .unread-message .badge { line-height: 16px; font-weight: 600; font-size: 10px; }

.chat-user-img { position: relative; }

.chat-user-img .user-status { width: 10px; height: 10px; background-color: rgb(173, 181, 189); border-radius: 50%; border: 2px solid var(--vz-secondary-bg); position: absolute; right: 0px; left: auto; bottom: 0px; }

.chat-user-img.online .user-status { background-color: rgb(69, 203, 133); }

.chat-user-img.away .user-status { background-color: rgb(255, 190, 11); }

.chat-room-list { max-height: calc(-296px + 100vh); }

@media (max-width: 991.98px) {
  .chat-room-list { height: calc(-296px + 100vh); }
}

.contact-list li { cursor: pointer; padding: 8px 24px; transition: 0.4s; color: var(--vz-body-color); font-family: Inter, sans-serif; font-weight: 500; font-size: 0.8125rem; }

.contact-list-title { padding: 6px 24px; color: rgb(75, 56, 179); font-weight: 500; position: relative; font-size: 12px; }

.contact-list-title::after { content: ""; height: 1px; position: absolute; top: 50%; transform: translateY(-50%); left: 50px; right: 0px; background-color: var(--vz-light); }

.user-chat { background-image: url("../images/chat-bg-pattern.png"); background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; transition: 0.4s; position: relative; background-color: var(--vz-body-bg); }

@media (max-width: 991.98px) {
  .user-chat { position: absolute; left: 0px; top: 3px; width: 100%; height: calc(100% - 3px); visibility: hidden; transform: translateX(100%); z-index: 99; padding-top: 70px; }
  .user-chat.user-chat-show { visibility: visible; transform: translateX(0px); }
}

.user-chat .chat-content { position: relative; }

.user-chat.user-chat-show .chat-welcome-section { display: none; }

@media (min-width: 992px) {
  .user-chat.user-chat-show .chat-content { display: flex !important; }
}

.user-chat-topbar { border-bottom: 1px solid transparent; background-color: var(--vz-secondary-bg); }

@media (max-width: 991.98px) {
  .user-chat-topbar { position: fixed; left: 0px; right: 0px; top: 0px; z-index: 1; }
}

.user-chat-nav .nav-btn { height: 40px; width: 40px; line-height: 40px; box-shadow: none; padding: 0px; font-size: 20px; color: rgb(52, 58, 64); }

@media (max-width: 575.98px) {
  .user-chat-nav { display: flex; -webkit-box-pack: end; justify-content: flex-end; }
}

.chat-conversation { height: calc(-299px + 100vh); }

@media (max-width: 991.98px) {
  .chat-conversation { height: calc(-275px + 100vh); }
}

.chat-conversation .simplebar-content-wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.chat-conversation .simplebar-content-wrapper .simplebar-content { margin-top: auto; }

.chat-conversation .chat-conversation-list { padding-top: 10px; margin-bottom: 0px; }

.chat-conversation .chat-conversation-list > li { display: flex; }

.chat-conversation li:last-of-type .conversation-list { margin-bottom: 0px; }

.chat-conversation .chat-list.left .check-message-icon { display: none; }

.chat-conversation .chat-list .message-box-drop { visibility: hidden; }

.chat-conversation .chat-list:hover .message-box-drop { visibility: visible; }

.chat-conversation .chat-avatar { margin: 0px 16px 0px 0px; }

.chat-conversation .chat-avatar img { width: 28px; height: 28px; border-radius: 50%; }

.chat-conversation .chat-day-title { position: relative; text-align: center; margin-bottom: 24px; margin-top: 12px; width: 100%; }

.chat-conversation .chat-day-title .title { background-color: rgb(255, 255, 255); position: relative; font-size: 13px; z-index: 1; padding: 6px 12px; border-radius: 5px; }

.chat-conversation .chat-day-title::before { content: ""; position: absolute; width: 100%; height: 1px; left: 0px; right: 0px; background-color: rgba(75, 56, 179, 0.2); top: 10px; }

.chat-conversation .chat-day-title .badge { font-size: 12px; }

.chat-conversation .conversation-list { margin-bottom: 24px; display: inline-flex; position: relative; -webkit-box-align: end; align-items: flex-end; max-width: 80%; }

@media (max-width: 575.98px) {
  .chat-conversation .conversation-list { max-width: 90%; }
}

.chat-conversation .conversation-list .ctext-wrap { display: flex; margin-bottom: 10px; }

.chat-conversation .conversation-list .ctext-content { overflow-wrap: break-word; word-break: break-word; }

.chat-conversation .conversation-list .ctext-wrap-content { padding: 12px 20px; background-color: var(--vz-light); position: relative; border-radius: 3px; box-shadow: rgba(30, 32, 37, 0.12) 0px 5px 10px; }

@media (max-width: 575.98px) {
  .chat-conversation .conversation-list .ctext-wrap-content .attached-file .attached-file-avatar { display: none; }
  .chat-conversation .conversation-list .ctext-wrap-content .attached-file .dropdown .dropdown-toggle { display: block; }
}

.chat-conversation .conversation-list .conversation-name { font-weight: 500; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; gap: 8px; }

.chat-conversation .conversation-list .dropdown .dropdown-toggle { font-size: 18px; padding: 4px; color: rgb(135, 138, 153); }

.chat-conversation .conversation-list .dropdown .dropdown-toggle::after { display: none; }

@media (max-width: 575.98px) {
  .chat-conversation .conversation-list .dropdown .dropdown-toggle { display: none; }
}

.chat-conversation .conversation-list .chat-time { font-size: 12px; margin-top: 4px; text-align: right; }

.chat-conversation .conversation-list .message-img { border-radius: 0.2rem; position: relative; display: flex; flex-wrap: wrap; gap: 8px; }

.chat-conversation .conversation-list .message-img .message-img-list { position: relative; }

.chat-conversation .conversation-list .message-img img { max-width: 150px; }

.chat-conversation .conversation-list .message-img .message-img-link { position: absolute; right: 10px; left: auto; bottom: 10px; }

.chat-conversation .conversation-list .message-img .message-img-link li > a { font-size: 18px; color: rgb(255, 255, 255); display: inline-block; line-height: 20px; width: 26px; height: 24px; border-radius: 3px; background-color: rgba(33, 37, 41, 0.7); text-align: center; }

.chat-conversation .right { -webkit-box-pack: end; justify-content: flex-end; }

.chat-conversation .right .chat-avatar { -webkit-box-ordinal-group: 4; order: 3; margin-right: 0px; margin-left: 16px; }

.chat-conversation .right .chat-time { text-align: left; color: rgb(135, 138, 153); }

.chat-conversation .right .conversation-list { text-align: right; }

.chat-conversation .right .conversation-list .ctext-wrap { -webkit-box-pack: end; justify-content: flex-end; }

.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content { -webkit-box-ordinal-group: 3; order: 2; background-color: rgba(var(--vz-primary-rgb),1); color: var(--vz-white); text-align: right; box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; }

.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content .replymessage-block { background-color: rgba(255, 255, 255, 0.5); border-color: rgba(var(--vz-success-rgb),1); color: rgb(33, 37, 41); }

.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content .replymessage-block .conversation-name { color: rgba(var(--vz-success-rgb),1); }

.chat-conversation .right .conversation-list .conversation-name { -webkit-box-pack: end; justify-content: flex-end; }

.chat-conversation .right .conversation-list .conversation-name .check-message-icon { -webkit-box-ordinal-group: 2; order: 1; }

.chat-conversation .right .conversation-list .conversation-name .time { -webkit-box-ordinal-group: 3; order: 2; }

.chat-conversation .right .conversation-list .conversation-name .name { -webkit-box-ordinal-group: 4; order: 3; }

.chat-conversation .right .conversation-list .dropdown { -webkit-box-ordinal-group: 2; order: 1; }

.chat-conversation .right .dot { background-color: rgb(33, 37, 41); }

.chat-input-section { border-top: 1px solid transparent; background-color: var(--vz-secondary-bg); position: relative; z-index: 1; }

.chat-input-section .chat-input-feedback { display: none; position: absolute; top: -20px; left: 4px; font-size: 12px; color: rgb(240, 101, 72); }

.chat-input-section .show { display: block; }

.chat-input-links { display: flex; }

.chat-input-links .links-list-item > .btn { box-shadow: none; padding: 0px; font-size: 20px; width: 37.5px; height: 37.5px; }

.chat-input-links .links-list-item > .btn.btn-link { color: rgb(135, 138, 153); }

.copyclipboard-alert { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); display: none; }

.replyCard { position: absolute; left: 0px; right: 0px; border-top: 1px solid var(--vz-border-color); overflow: hidden; opacity: 0; bottom: 0px; border-radius: 0px; transition: 0.4s; }

@media (max-width: 991.98px) {
  .replyCard { bottom: -12px; }
}

.replyCard.show { transform: translateY(-88px); opacity: 1; }

@media (max-width: 991.98px) {
  .replyCard.show { transform: translateY(-83px); }
}

.replymessage-block { padding: 12px 20px; margin-bottom: 8px; text-align: left; border-radius: 4px; background-color: rgba(var(--vz-success-rgb),.1); border-left: 2px solid rgba(var(--vz-success-rgb),1); }

.replymessage-block .conversation-name { color: rgba(var(--vz-success-rgb),1); font-size: 14px; }

.chat-sm .ctext-wrap-content { box-shadow: none !important; }

.chat-sm .message-img img { max-width: 90px !important; }

.chat-sm .message-img-link { bottom: 0px !important; right: 5px !important; }

@media (min-width: 1025px) {
  [data-layout="horizontal"] .chat-wrapper { margin-left: 0px !important; margin-right: 0px !important; }
}

@media (max-width: 991.98px) {
  [data-layout="horizontal"] .chat-wrapper { margin-top: 0px !important; }
}

[data-layout="horizontal"] .chat-leftsidebar { height: calc(-184px + 100vh); }

@media (max-width: 991.98px) {
  [data-layout="horizontal"] .chat-leftsidebar { height: calc(-138px + 100vh); }
}

[data-layout="horizontal"] .chat-room-list { height: calc(-352px + 100vh); }

@media (max-width: 991.98px) {
  [data-layout="horizontal"] .chat-room-list { height: calc(-265px + 100vh); }
}

[data-layout="horizontal"] .chat-conversation { height: calc(-343px + 100vh); }

@media (max-width: 991.98px) {
  [data-layout="horizontal"] .chat-conversation { height: calc(-275px + 100vh); }
}

.email-wrapper { position: relative; overflow-x: hidden; }

.email-menu-sidebar { height: calc(-137px + 100vh); position: relative; background-color: var(--vz-secondary-bg); transition: 0.2s; }

@media (min-width: 992px) {
  .email-menu-sidebar { min-width: 250px; max-width: 250px; height: calc(-138px + 100vh); }
}

@media (max-width: 991.98px) {
  .email-menu-sidebar { position: fixed; top: 0px; bottom: 0px; left: 0px; width: 200px; max-width: 100%; z-index: 1003; box-shadow: rgba(30, 32, 37, 0.12) 0px 5px 10px; transform: translateX(-100%); visibility: hidden; height: 100vh; }
  .email-menu-sidebar.menubar-show { visibility: visible; transform: none; }
}

.email-menu-sidebar .email-menu-sidebar-scroll { height: calc(-295px + 100vh); }

@media (max-width: 991.98px) {
  .email-menu-sidebar .email-menu-sidebar-scroll { height: calc(-150px + 100vh); }
}

.mail-list a { display: flex; -webkit-box-align: center; align-items: center; color: rgb(135, 138, 153); padding: 5px 0px; font-weight: 500; }

.mail-list a:hover { color: rgb(75, 56, 179); }

.mail-list a i { font-size: 14px; }

.mail-list a.active { color: rgb(69, 203, 133); font-weight: 600; }

.mail-list a.active i { color: rgb(69, 203, 133); }

.email-chat-list a { padding: 6px 24px; }

.email-chat-list a.active { background-color: rgba(var(--vz-light-rgb),.7); }

.email-topbar-link .btn-ghost-secondary { color: var(--vz-secondary-color); }

.email-topbar-link .btn-ghost-secondary:hover { color: rgb(53, 119, 241); }

.email-content { width: 100%; background-color: var(--vz-secondary-bg); transition: 0.2s; }

.unreadConversations-alert { position: fixed; bottom: 60px; left: 50%; transform: translateX(-50%); z-index: 1; }

.email-detail-content { position: relative; top: 0px; bottom: 0px; left: -2px; width: 0px; background-color: var(--vz-secondary-bg); transform: translateX(200%); transition: 0.2s; display: none; border-left: 2px solid var(--vz-body-bg); }

.email-detail-show .email-detail-content { transform: none; display: block; width: 60%; }

.email-detail-show .email-content { margin-right: 0px; }

.email-detail-content-scroll { height: calc(-400px + 100vh); }

@media (max-width: 1349.98px) {
  .email-detail-content-scroll { height: calc(-257px + 100vh); }
}

.message-list-content { height: calc(-242px + 100vh); }

@media (max-width: 575.98px) {
  .message-list-content { height: calc(-230px + 100vh); }
}

.message-list { display: block; padding-left: 0px; margin: 0px; }

.message-list li { position: relative; display: block; height: 50px; line-height: 50px; cursor: default; transition-duration: 0.3s; clear: both; }

.message-list li a { color: var(--vz-heading-color); }

.message-list li:hover { background: var(--vz-light); transition-duration: 50ms; }

.message-list li .col-mail { float: left; position: relative; }

.message-list li .col-mail-1 { width: 280px; }

.message-list li .col-mail-1 .checkbox-wrapper-mail, .message-list li .col-mail-1 .dot, .message-list li .col-mail-1 .star-toggle { display: block; float: left; }

.message-list li .col-mail-1 .dot { border: 4px solid transparent; border-radius: 100px; margin: 22px 26px 0px; height: 0px; width: 0px; line-height: 0; font-size: 0px; }

.message-list li .col-mail-1 .checkbox-wrapper-mail { margin: 15px 0px 0px 20px; line-height: normal; }

.message-list li .col-mail-1 .star-toggle { margin-top: 18px; margin-left: 5px; }

.message-list li .col-mail-1 .title { position: absolute; top: 0px; left: 95px; right: 0px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 0px; }

@media (max-width: 575.98px) {
  .message-list li .col-mail-1 .title { left: 95px; }
}

.message-list li .col-mail-2 { position: absolute; inset: 0px 0px 0px 280px; }

.message-list li .col-mail-2 .date, .message-list li .col-mail-2 .subject { position: absolute; top: 0px; }

.message-list li .col-mail-2 .subject { left: 0px; right: 110px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.message-list li .col-mail-2 .subject .teaser { color: var(--vz-secondary-color); }

.message-list li .col-mail-2 .date { right: 0px; width: 100px; padding-left: 20px; }

.message-list li.active, .message-list li.active:hover { box-shadow: rgb(75, 56, 179) 3px 0px 0px inset; background-color: var(--vz-light); }

.message-list li.unread { color: var(--vz-body-color); }

.message-list li.unread a { color: var(--vz-body-color); font-weight: 600; }

#email-topbar-actions, #unreadConversations { display: none; }

#elmLoader { display: flex; width: 100%; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: absolute; left: 0px; top: 0px; bottom: 0px; }

.email-compose-input { padding-right: 80px; }

@media (max-width: 1349.98px) {
  .email-detail-content { display: block; position: fixed; inset: 0px 0px 0px auto; width: 400px; max-width: 100%; z-index: 1003; box-shadow: rgba(30, 32, 37, 0.12) 0px 5px 10px; transform: translateX(100%); visibility: hidden; }
  .email-detail-show .email-detail-content { width: 400px; transform: none; visibility: visible; }
}

@media (max-width: 575.98px) {
  .message-list li .col-mail-1 { width: 180px; }
}

.email-editor .ck-editor__editable_inline { min-height: 200px !important; }

.email-chat-detail { width: 350px; position: fixed; max-width: 100%; bottom: 60px; right: 60px; z-index: 9; display: none; }

.email-chat-detail .card { box-shadow: rgba(30, 32, 37, 0.12) 0px 5px 10px; }

@media (max-width: 515.98px) {
  .email-chat-detail { left: 16px; right: 16px; }
}

.message-list-scroll { position: relative; overflow-y: auto; }

.message-list-scroll::-webkit-scrollbar { appearance: none; }

.message-list-scroll::-webkit-scrollbar:vertical { width: 12px; }

.message-list-scroll::-webkit-scrollbar:horizontal { height: 12px; }

.message-list-scroll::-webkit-scrollbar-thumb { background-color: rgba(var(--vz-body-color-rgb),.075); border-radius: 10px; border: 2px solid var(--vz-secondary-bg); }

.message-list-scroll::-webkit-scrollbar-track { border-radius: 10px; background-color: var(--vz-secondary-bg); }

@media (min-width: 1025px) {
  [data-layout="horizontal"] .email-wrapper { margin-left: 0px !important; margin-right: 0px !important; }
}

@media (max-width: 991.98px) {
  [data-layout="horizontal"] .email-wrapper { margin-top: 0px !important; }
}

[data-layout="horizontal"] .email-menu-sidebar { height: calc(-184px + 100vh); }

@media (max-width: 991.98px) {
  [data-layout="horizontal"] .email-menu-sidebar { height: 100vh; }
}

[data-layout="horizontal"] .email-menu-sidebar .email-menu-sidebar-scroll { height: calc(-330px + 100vh); }

@media (max-width: 991.98px) {
  [data-layout="horizontal"] .email-menu-sidebar .email-menu-sidebar-scroll { height: calc(-150px + 100vh); }
}

[data-layout="horizontal"] .message-list-content { height: calc(-289px + 100vh); }

[data-layout="horizontal"] .email-detail-content-scroll { height: calc(-435px + 100vh); }

@media (max-width: 1349.98px) {
  [data-layout="horizontal"] .email-detail-content-scroll { height: calc(-252px + 100vh); }
}

.tasks-board { display: flex; overflow-x: auto; -webkit-box-align: stretch; align-items: stretch; }

.tasks-board .tasks-list { min-width: 300px; margin-right: 24px; }

.tasks-board::-webkit-scrollbar { appearance: none; }

.tasks-board::-webkit-scrollbar:vertical { width: 10px; }

.tasks-board::-webkit-scrollbar:horizontal { height: 8px; }

.tasks-board::-webkit-scrollbar-thumb { background-color: rgba(var(--vz-dark-rgb),.075); border-radius: 8px; }

.tasks-board::-webkit-scrollbar-track { border-radius: 8px; }

.tasks-box .progress { border-radius: 0 0 var(--vz-border-radius) var(--vz-border-radius); }

.tasks-box .tasks-img { height: 135px; width: 100%; object-fit: cover; object-position: center center; margin: 12px 0px; }

.tasks-box:last-child { margin-bottom: 0px; }

.tasks-wrapper { max-height: calc(-418px + 100vh); }

.tasks { min-height: 180px; position: relative; }

.tasks.noTask::before { content: ""; position: absolute; inset: 0px; height: 180px; width: 270px; margin: 0px auto; background-image: url("../images/file.png"); background-size: cover; background-position: center center; }

#tasksList tr .tasks-list-menu { opacity: 0; }

#tasksList tr:hover .tasks-list-menu { opacity: 1; }

.layout-wrapper.landing { background-color: var(--vz-secondary-bg); font-size: 15px; }

.navbar-show .vertical-overlay { display: block; }

.section { padding: 90px 0px; position: relative; }

@media (max-width: 767.98px) {
  .section { padding: 50px 0px; }
}

.icon-effect { position: relative; }

.icon-effect::before { content: ""; position: absolute; width: 24px; height: 24px; background-color: rgba(69, 203, 133, 0.2); border-radius: 50%; bottom: 0px; left: 0px; }

.navbar-landing { padding: 10px 0px; transition: 0.5s; }

@media (max-width: 991.98px) {
  .navbar-landing { background-color: var(--vz-secondary-bg); box-shadow: rgba(56, 65, 74, 0.15) 0px 1px 16px -2px; padding: 10px 8px; }
}

.navbar-landing .navbar-nav .nav-item .nav-link { font-size: 16px; font-weight: 500; transition: 0.4s; font-family: Inter, sans-serif; color: var(--vz-body-color); padding: 14px; }

@media (max-width: 991.98px) {
  .navbar-landing .navbar-nav .nav-item .nav-link { padding: 8px 0px; }
}

.navbar-landing .navbar-nav .nav-item .nav-link.active, .navbar-landing .navbar-nav .nav-item .nav-link:focus, .navbar-landing .navbar-nav .nav-item .nav-link:hover { color: rgb(69, 203, 133) !important; }

.navbar-landing.is-sticky { background-color: var(--vz-secondary-bg); box-shadow: rgba(56, 65, 74, 0.15) 0px 1px 16px -2px; }

.navbar-light .navbar-brand .card-logo-dark { display: none; }

.navbar-light .navbar-brand .card-logo-light { display: block; }

.navbar-light .navbar-nav .nav-item .nav-link { color: rgba(var(--vz-white-rgb),.75); }

.navbar-light.is-sticky .navbar-nav .nav-item .nav-link { color: var(--vz-body-color); }

.navbar-light.is-sticky .navbar-brand .card-logo-dark { display: block; }

.navbar-light.is-sticky .navbar-brand .card-logo-light { display: none; }

.hero-section { background-color: rgba(var(--vz-light-rgb),.5); }

.hero-section .hero-shape-svg svg path { fill: var(--vz-secondary-bg); }

.bg-overlay-pattern { background-image: url("../images/landing/bg-pattern.png"); background-color: transparent; background-position: center center; background-size: cover; opacity: 0.2; }

.demo-carousel { position: relative; z-index: 1; }

.demo-carousel .carousel-item .demo-item { background-color: var(--vz-secondary-bg); padding: 8px; border-radius: 7px; }

.demo-carousel .demo-img-patten-top { position: absolute; right: -50px; top: -16px; max-width: 230px; }

.demo-carousel .demo-img-patten-bottom { position: absolute; left: -70px; bottom: -50px; max-width: 230px; }

.client-images img { max-height: 45px; width: auto; margin: 12px auto; transition: 0.4s; }

.plan-box { max-width: 356px; margin-left: auto; margin-right: auto; }

.process-card { position: relative; }

.process-card .process-arrow-img { position: absolute; left: 75%; top: 7%; width: 50%; opacity: 0.1; }

.custom-footer { color: rgb(155, 167, 179); }

.footer-list li a { color: rgb(155, 167, 179); padding: 7px 0px; display: block; transition: 0.3s ease-in-out; }

.footer-list li a:hover { color: rgba(255, 255, 255, 0.9); }

.footer-social-link .avatar-title { color: rgb(119, 128, 137); background-color: rgba(255, 255, 255, 0.05); transition: 0.3s; }

.footer-social-link .avatar-title:hover { color: rgb(255, 255, 255); background-color: rgb(75, 56, 179); }

#back-to-top.landing-back-top { bottom: 35px; }

[data-bs-theme="dark"] .layout-wrapper.landing .demo-img-patten-bottom, [data-bs-theme="dark"] .layout-wrapper.landing .demo-img-patten-top { opacity: 0.2; }

[data-bs-theme="dark"] .layout-wrapper.landing footer.bg-dark { background-color: var(--vz-secondary-bg) !important; }

[data-bs-theme="dark"] .navbar-light.is-sticky .navbar-brand .card-logo-dark { display: none; }

[data-bs-theme="dark"] .navbar-light.is-sticky .navbar-brand .card-logo-light { display: block; }

.bookmark-icon .btn { color: var(--vz-secondary-color); box-shadow: rgba(56, 65, 74, 0.1) 0px 3px 3px; font-size: 0.8125rem; background-color: var(--vz-light) !important; }

.bookmark-icon .btn.active, .bookmark-icon .btn:hover { border-color: transparent; color: rgb(240, 101, 72); }

.explore-box { border-radius: 9px; overflow: hidden; }

.explore-box .explore-img { height: 280px; object-fit: cover; }

.explore-box .explore-place-bid-img { position: relative; overflow: hidden; z-index: 0; }

.explore-box .explore-place-bid-img .bg-overlay { position: absolute; inset: 0px; background-color: rgba(33, 37, 41, 0.4); opacity: 0; transition: 0.5s; }

.explore-box .explore-place-bid-img .place-bid-btn { top: 50%; position: absolute; left: 50%; transform: translate(-50%, -50%); }

.explore-box .explore-place-bid-img .place-bid-btn .btn { opacity: 0; bottom: -25px; transition: 0.5s; }

.explore-box:hover .explore-place-bid-img .place-bid-btn .btn { opacity: 1; bottom: 0px; }

.explore-box:hover .explore-place-bid-img .bg-overlay { opacity: 1; }

.explore-box .discount-time { position: absolute; bottom: 0px; left: 0px; right: 0px; text-align: center; background-color: rgba(255, 255, 255, 0.4); backdrop-filter: blur(5px); padding: 8px; }

.nft-hero { background-image: url("../images/nft/bg-home.jpg"); background-size: cover; background-position: center bottom; padding: 222px 0px 150px; }

.nft-hero .bg-overlay { background-color: rgb(5, 23, 95); opacity: 0.85; }

#explorecard-list .list-element { display: none; }

#explorecard-list .list-element:nth-child(-n+10) { display: block; }

.file-manager-menu { max-height: calc(-296px + 100vh); }

@media (max-width: 991.98px) {
  .file-manager-menu { height: calc(-296px + 100vh); }
}

.file-manager-menu li { padding: 5px 0px; }

.file-manager-menu li a { color: var(--vz-body-color); font-weight: 500; transition: 0.5s; }

.file-manager-menu li a.active, .file-manager-menu li a:hover, .file-manager-menu li a[aria-expanded="true"] { color: rgb(69, 203, 133); }

.file-manager-menu li .sub-menu li { padding-left: 25px; position: relative; }

.file-manager-menu li .sub-menu li::before { content: "󰍴"; position: absolute; left: 0px; font-family: "Material Design Icons"; color: rgba(var(--vz-dark-rgb),.4); }

.file-manager-sidebar { position: relative; background-color: var(--vz-secondary-bg); }

@media (min-width: 992px) {
  .file-manager-sidebar { min-width: 300px; max-width: 300px; height: calc(-138px + 100vh); }
}

@media (max-width: 991.98px) {
  .file-manager-sidebar { position: fixed; top: 0px; bottom: 0px; left: 0px; width: 200px; max-width: 100%; z-index: 1003; box-shadow: rgba(30, 32, 37, 0.12) 0px 5px 10px; transform: translateX(-100%); visibility: hidden; height: 100vh; }
  .file-manager-sidebar.menubar-show { visibility: visible; transform: none; }
}

.file-menu-sidebar-scroll { height: calc(-375px + 100vh); }

@media (max-width: 991.98px) {
  .file-menu-sidebar-scroll { height: calc(-190px + 100vh); }
}

.file-manager-content { background-color: var(--vz-secondary-bg); }

.file-manager-content-scroll { height: calc(-185px + 100vh); }

@media (max-width: 991.98px) {
  .file-manager-content-scroll { height: calc(-144px + 100vh); }
}

.file-manager-content-scroll .simplebar-content { height: 100%; }

.file-detail-content-scroll { height: calc(-180px + 100vh); }

@media (max-width: 991.98px) {
  .file-detail-content-scroll { height: 100vh; }
}

.file-detail-content-scroll .simplebar-content { height: 100%; }

.file-manager-detail-content { width: 32%; max-width: 100%; background-color: var(--vz-secondary-bg); display: none; }

.file-detail-show .file-manager-detail-content { display: block; }

#file-overview { display: none; }

@media (max-width: 1399.98px) {
  .file-manager-detail-content { position: fixed; inset: 0px 0px 0px auto; width: 400px; max-width: 100%; z-index: 1003; box-shadow: rgba(30, 32, 37, 0.12) 0px 5px 10px; transform: translateX(100%); }
  .file-detail-show .file-manager-detail-content { transform: none; }
}

.file-details-box { height: 195px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.to-do-menu li .nav-link { color: var(--vz-body-color); font-weight: 500; background-color: var(--vz-light); padding: 10px 12px; border-radius: 4px; display: block; margin-bottom: 8px; }

.to-do-menu li .nav-link.active, .to-do-menu li .nav-link:hover { color: rgb(69, 203, 133); }

.todo-content { height: calc(-362px + 100vh); overflow-y: auto; }

.todo-content::-webkit-scrollbar { appearance: none; }

.todo-content::-webkit-scrollbar:vertical { width: 8px; }

.todo-content::-webkit-scrollbar:horizontal { height: 10px; }

.todo-content::-webkit-scrollbar-thumb { background-color: rgba(var(--vz-body-color-rgb),.075); border-radius: 8px; }

.todo-content::-webkit-scrollbar-track { border-radius: 8px; }

.todo-task table .form-check .form-check-input:checked + .form-check-label { text-decoration: line-through; }

.task-handle { cursor: move; }

#task-error-msg { display: none; }

.bg-job { background-image: url("../images/new.png"); background-size: cover; background-position: center center; }

.job-list-view-card .background { height: 130px; }

@media (min-width: 1400px) and (max-width: 1499.98px) {
  .job-list-row.row .col-xxl-3 { width: 33%; }
}

.custom-container { width: 90%; }

.job-navbar .dropdown-menu .dropdown-item .avatar-sm { height: 2.5rem; width: 2.5rem; }

@media (max-width: 991.98px) {
  .job-navbar { background-color: var(--vz-secondary-bg); padding: 16px 0px; }
}

.job-hero-section { position: relative; padding: 165px 0px; overflow-x: hidden; }

.job-panel-filter { background-color: var(--vz-secondary-bg); border-radius: 0.25rem; overflow: hidden; }

.job-panel-filter .form-control { height: 45px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; background-color: transparent; }

.job-panel-filter .btn { border-radius: 0px; }

.job-panel-filter input.form-control { border-right: 1px solid var(--vz-border-color); }

@media (max-width: 767.98px) {
  .job-panel-filter { background-color: transparent; }
  .job-panel-filter .form-control { background-color: rgb(255, 255, 255); border-radius: var(--vz-border-radius); }
  .job-panel-filter input.form-control { border: 0px; }
  .job-panel-filter .btn { border-radius: var(--vz-border-radius); }
}

.circle-effect { position: absolute; top: 0px; z-index: 0; right: -55px; margin: 0px auto; }

.circle-effect .circle { border: 1px solid var(--vz-border-color); height: 240px; width: 240px; margin: 0px auto; border-radius: 50%; }

.circle-effect .circle2 { position: absolute; top: -20px; right: -20px; border: 1px solid var(--vz-border-color); height: 280px; width: 280px; margin: 0px auto; border-radius: 50%; }

.circle-effect .circle3 { position: absolute; top: -40px; right: -40px; border: 1px solid var(--vz-border-color); height: 320px; width: 320px; margin: 0px auto; border-radius: 50%; }

.circle-effect .circle4 { position: absolute; top: -60px; right: -60px; border: 1px solid var(--vz-border-color); height: 360px; width: 360px; margin: 0px auto; border-radius: 50%; }

@media (max-width: 991.98px) {
  .circle-effect { display: none; }
}

.home-img .user-img { position: relative; z-index: 1; }

.application-box, .feedback-box, .inquiry-box { max-width: 240px; position: absolute; z-index: 2; transition: 0.5s; }

.application-box:hover, .feedback-box:hover, .inquiry-box:hover { transform: translateY(-5px); }

.inquiry-box { left: -134px; top: 90px; }

@media (max-width: 991.98px) {
  .inquiry-box { left: 0px; }
}

.application-box { bottom: 50px; right: -160px; }

@media (max-width: 991.98px) {
  .application-box { right: 0px; }
}

.feedback-box { right: -50px; bottom: -54px; }

@media (max-width: 576.98px) {
  .feedback-box { right: 0px; bottom: 0px; }
}

.job-icon-effect { height: 30px; width: 30px; position: absolute; top: 0px; left: -2%; border-radius: 50%; background: repeating-linear-gradient(-55deg, rgba(255, 255, 255, 0) 0.8px, rgb(69, 203, 133) 1.6px, rgb(69, 203, 133) 2px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 5px); z-index: 0; opacity: 0.2; }

.job-icon-effect span { position: relative; z-index: 1; }

.about-img-section { position: relative; }

.about-img-section::before { content: ""; position: absolute; inset: -20px -20px 20px 20px; border: 1px solid rgb(41, 156, 219); z-index: 0; border-radius: 0.25rem; }

@media (max-width: 576.98px) {
  .about-img-section::before { right: 20px; top: 20px; }
}

.features-company-widgets { position: absolute; bottom: -18px; right: -35px; }