@charset "UTF-8";
/* Generated by resources/preclinic/build.js from resources/preclinic/scss. Do not edit. */
/*============================
  2.mixins
============================*/
/* ==================
Header CSS
===================== */
.navbar-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: var(--topbar-bg);
  min-height: var(--topbar-height);
  margin-left: var(--sidenav-width);
  transition: all 0.25s ease-in-out;
  border-bottom: 1px solid var(--topbar-item-border);
  padding: 0 1.25rem;
}
@media (max-width: 991.98px) {
  .navbar-header {
    margin-left: 0;
  }
}
.navbar-header #toggle_btn2 {
  display: none;
  background-color: var(--topbar-btn-color);
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: var(--menu-item-color);
}
.navbar-header .dropdown-menu .dropdown-item.form-switch {
  padding: 0.4rem 0.9375rem;
}
.navbar-header .profile-dropdown a {
  box-shadow: none;
}
.navbar-header .profile-dropdown label {
  font-weight: 400;
}
.navbar-header .profile-dropdown label i {
  margin-right: 8px !important;
}
.navbar-header .header-search .header-search-icon {
  position: absolute;
  right: 5px;
  box-shadow: 0px 1px 1px rgba(var(--cf-body-bg-dark), 0.15);
  width: 22px;
  height: 22px;
  border-radius: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
}
.navbar-header .header-search .input-icon-addon {
  color: var(--topbar-item-color) !important;
}
.navbar-header .header-search .form-control {
  background: transparent;
  height: 32px;
  font-size: 12px;
  color: var(--topbar-item-color);
  border-color: var(--topbar-item-border);
}
.navbar-header .header-search .form-control::placeholder {
  color: var(--topbar-item-color);
}
.navbar-header .topbar-menu {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.navbar-header .topbar-menu.page-container {
  margin: 0;
  padding: 0;
}
.navbar-header .topbar-menu .header-link {
  width: 32px;
  height: 32px;
}
.navbar-header .topbar-menu .header-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--topbar-height);
}
.navbar-header .topbar-menu .header-item .topbar-link {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border: 1px solid var(--topbar-item-border);
  box-shadow: var(--box-shadow-sm);
  border-radius: 50%;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  padding: 5px;
  color: var(--topbar-item-color);
}
.navbar-header .topbar-menu .header-item .topbar-link:hover {
  background-color: var(--topbar-item-border);
}
.navbar-header ul {
  list-style-type: none;
  margin-bottom: 0;
}
.navbar-header .logo {
  display: none;
}

.sidenav-toggle-btn:hover {
  color: var(--primary);
}
@media (max-width: 991.98px) {
  .sidenav-toggle-btn {
    display: none !important;
  }
}

.mobile-btn {
  color: var(--topbar-item-color);
}
.mobile-btn:hover {
  color: rgba(var(--primary-rgb), 0.5);
}
@media (min-width: 992px) {
  .mobile-btn {
    display: none;
  }
}

html[data-bs-theme=dark] #light-dark-mode .ti-moon::before {
  content: "";
}

.header-search .input-group-sm > .form-control,
.header-search .input-group-sm > .form-select,
.header-search .input-group-sm > .input-group-text,
.header-search .input-group-sm > .btn {
  padding: 0.3rem 0.5rem;
}

.notification-badge {
  position: absolute;
  top: 7px;
  right: 8px;
  width: 6px;
  height: 6px;
  background-color: #FD5812;
  border-radius: 50px;
}

.notification-body {
  min-height: 280px;
  max-height: 280px;
}

.notification-item {
  background-color: var(--white);
  position: relative;
  cursor: pointer;
  border-radius: 0 !important;
}
.notification-item .notification-item-close {
  position: absolute;
  right: 0;
  display: none;
  top: 0;
  bottom: 0;
  padding: 15px;
  background-color: var(--light);
}
.notification-item .notification-action {
  display: none !important;
}
.notification-item .notification-read {
  display: block;
  width: 8px;
  height: 8px;
}
.notification-item .notification-badge {
  height: 22px;
  width: 22px;
  text-align: center;
  color: var(--white);
  top: -12px;
  right: -8px;
  border: 2px solid var(--white);
  line-height: 18px;
  font-size: 11px;
}
.notification-item:hover .notification-item-close {
  display: block;
}
.notification-item:hover .notification-action {
  display: flex !important;
}

.animate-ring {
  animation: tada 1.5s ease infinite;
}

@keyframes tada {
  0% {
    transform: scaleZ(1);
  }
  10%, 20% {
    transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg);
  }
  30%, 50%, 70%, 90% {
    transform: scaleZ(1) rotate3d(0, 0, 1, 10deg);
  }
  40%, 60%, 80% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  to {
    transform: scaleZ(1);
  }
}
@media (max-width: 575.98px) {
  .navbar-header .topbar-menu {
    position: initial;
  }
  .navbar-header .dropdown {
    position: static;
  }
  .navbar-header .dropdown .dropdown-menu {
    width: 100%;
    left: 10px !important;
    right: 10px !important;
  }
}
@media (max-width: 767.98px) {
  .navbar-header {
    padding: 0 0.625rem;
  }
}
[data-layout=hidden] #toggle_btn2 {
  display: block;
}
[data-layout=hidden] .hidden-layout #toggle_btn2 {
  display: none;
}

.sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--menu-bg);
  margin-top: 0;
  z-index: 99;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  transition: all 0.25s ease-in-out;
  width: 276px;
  border-right: 1px solid var(--menu-item-border);
}
@media (max-width: 991.98px) {
  .sidebar {
    margin-left: -575px;
    transition: all 0.4s ease;
    z-index: 9999;
    top: 0;
  }
}
.sidebar .sidebar-logo {
  position: fixed;
  height: 56px;
  width: 276px;
  padding: 13px 22px;
  border-bottom: 1px solid var(--menu-item-border);
}
.sidebar .sidebar-logo .logo {
  display: block;
}
.sidebar .sidebar-logo .dark-logo img, .sidebar .sidebar-logo .logo-normal img {
  width: 114px;
}
.sidebar .sidebar-logo .logo-small, .sidebar .sidebar-logo .dark-logo {
  display: none;
}
@media (min-width: 992px) {
  .sidebar .sidebar-logo #toggle_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    background-color: var(--menu-light-bg);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: var(--menu-item-heading);
  }
}
.sidebar .sidebar-top {
  border: 1px solid var(--menu-item-border);
}
.sidebar .sidebar-top .avatar {
  background-color: var(--primary);
}
.sidebar .sidebar-top h6, .sidebar .sidebar-top a {
  color: var(--menu-item-heading);
}
.sidebar .sidebar-top p {
  color: var(--menu-item-color);
}
.sidebar [data-simplebar] {
  top: 56px;
  height: calc(100% - 56px);
}
@media (max-width: 575.98px) {
  .sidebar [data-simplebar] {
    width: 100% !important;
  }
}
@media (max-width: 991.98px) {
  .sidebar [data-simplebar] {
    height: 100%;
  }
}
.sidebar [data-simplebar] .sidebar-menu {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.sidebar .sidebar-inner {
  width: 100%;
}
.sidebar .sidebar-menu {
  margin-top: 56px;
  padding: 24px 24px 0;
}
.sidebar .sidebar-menu ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.sidebar .sidebar-menu > ul > li {
  margin-bottom: 8px;
}
.sidebar .sidebar-menu > ul > li:last-child {
  margin-bottom: 0;
}
.sidebar .sidebar-menu > ul > li:first-child.menu-title {
  margin-top: 0;
}
.sidebar .sidebar-menu > ul > li > ul > li > a {
  border-left: 2px solid transparent;
}
.sidebar .sidebar-menu > ul > li > ul > li > a .count {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--danger);
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  flex-shrink: 0;
  margin-left: auto;
}
.sidebar .sidebar-menu > ul > li > ul > li > a:hover {
  color: var(--menu-item-hover-color);
  border-color: var(--menu-item-border);
  box-shadow: var(--box-shadow-sm);
}
.sidebar .sidebar-menu > ul > li:last-child ul {
  margin-bottom: 0;
}
.sidebar .sidebar-menu > ul > li.active a {
  color: var(--white);
}
.sidebar .sidebar-menu > ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  padding: 10px 15px;
  position: relative;
  color: var(--gray-900);
  border-bottom: none;
}
.sidebar .sidebar-menu > ul > li > a.active {
  background: var(--menu-light-bg);
  border-radius: 5px;
  border-left: 2px solid var(--menu-item-active-color);
}
.sidebar .sidebar-menu > ul > li > a span {
  font-size: 15px;
  font-weight: 500;
  color: var(--gray-600);
}
.sidebar .sidebar-menu > ul > li.submenu ul {
  display: none;
}
.sidebar .sidebar-menu > ul > li.submenu ul li a {
  font-weight: 500;
  font-size: 0.875rem;
  position: relative;
  display: block;
  padding: 8px 8px 8px 40px;
  padding-left: 30px;
}
.sidebar .sidebar-menu > ul > li ul {
  display: flex;
  flex-direction: column;
}
.sidebar .sidebar-menu > ul > li ul li {
  overflow: hidden;
  margin-bottom: 4px;
}
.sidebar .sidebar-menu > ul > li ul li a {
  display: -webkit-box;
  border-radius: 5px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  font-size: 14px;
  color: var(--menu-item-heading);
  position: relative;
  font-weight: 500;
  width: 100%;
  border: 1px solid transparent;
  padding: 8px 8px;
}
.sidebar .sidebar-menu > ul > li ul li a i {
  font-size: 14px;
}
.sidebar .sidebar-menu > ul > li ul li a span {
  white-space: nowrap;
  margin-left: 8px;
}
.sidebar .sidebar-menu > ul > li ul li a.active {
  color: var(--menu-item-hover-color);
}
.sidebar .sidebar-menu > ul > li ul li a.active::before {
  opacity: 1;
}
.sidebar .sidebar-menu > ul > li ul > li.active a {
  color: var(--menu-item-hover-color);
  border-color: var(--menu-item-border);
  box-shadow: var(--box-shadow-sm);
}
.sidebar .sidebar-menu > ul > li ul > li.active a span {
  color: var(--menu-active-color);
}
.sidebar .sidebar-menu > ul > li ul > li.active a .menu-arrow::before {
  border-right: 2px solid var(--primary);
  border-bottom: 2px solid var(--primary);
}
.sidebar .sidebar-menu > ul > li ul > li.active a.subdrop {
  background: var(--primary-transparent);
  border-radius: 5px;
  color: var(--primary);
}
.sidebar .sidebar-menu > ul > li ul > li.active a.subdrop i {
  color: var(--white);
  background: var(--white);
}
.sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span {
  color: var(--primary);
}
.sidebar .sidebar-menu > ul > li .submenu ul {
  display: none;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
.sidebar .sidebar-menu > ul > li .submenu ul li {
  margin: 0;
}
.sidebar .sidebar-menu > ul li.menu-title {
  font-weight: 600;
  color: var(--menu-title-color);
  font-size: 12px;
  margin: 0 0 8px 0;
  position: relative;
  display: flex;
  align-items: center;
  border: 0;
}
.sidebar .sidebar-menu > ul li.menu-title span {
  flex-shrink: 0;
}
.sidebar .sidebar-menu > ul li .submenu > ul {
  margin: 4px 0 0;
  position: relative;
}
.sidebar .sidebar-menu > ul li .submenu > ul li a {
  padding: 8px 4px 8px 40px;
  font-size: 14px;
  position: relative;
  color: var(--menu-item-color);
  font-weight: 400;
  border: none;
}
.sidebar .sidebar-menu > ul li .submenu > ul li a.active {
  color: var(--menu-item-hover-color);
}
.sidebar .sidebar-menu > ul li .submenu > ul li a.active::before {
  opacity: 1;
}
.sidebar .sidebar-menu > ul li .submenu > ul li a.active::after {
  color: var(--menu-item-hover-color);
}
.sidebar .sidebar-menu > ul li .submenu > ul li a:hover {
  color: var(--menu-item-hover-color);
}
.sidebar .sidebar-menu > ul li .submenu > ul li a:hover .menu-arrow::before {
  border-color: var(--menu-item-hover-color);
}
.sidebar .sidebar-menu > ul li .submenu > ul li a:hover::after {
  color: var(--menu-item-hover-color);
}
.sidebar .sidebar-menu > ul li .submenu > ul li a::before {
  content: "";
  position: absolute;
  border-left: 1.5px dashed var(--menu-item-border);
  height: 100%;
  left: 20px;
  top: 0;
}
.sidebar .sidebar-menu > ul li .submenu > ul li a::after {
  position: absolute;
  content: "";
  font-family: "tabler-icons";
  font-size: 8px;
  color: var(--menu-item-border);
  left: 16px;
  background-color: var(--menu-item-border);
  border-radius: 50rem;
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar .sidebar-menu > ul li .submenu > a.subdrop {
  color: var(--menu-item-hover-color);
  border-color: var(--menu-item-border);
  border-radius: 5px;
}
.sidebar .sidebar-menu > ul li .submenu > a.active {
  border-radius: 5px;
  border-color: var(--menu-item-border);
  box-shadow: var(--box-shadow-sm);
}
.sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop, .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active {
  background: transparent;
  color: var(--menu-item-active-color);
  border: 0;
}
.sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop .menu-arrow::before, .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active .menu-arrow::before {
  border-color: var(--menu-item-active-color);
}
.sidebar .sidebar-menu > ul li .submenu.submenu-two ul {
  margin-top: 0;
}
.sidebar .sidebar-menu > ul li .submenu.submenu-two ul li {
  margin-left: 20px;
}
.sidebar .sidebar-menu > ul li .submenu.submenu-two.submenu-three ul li {
  margin-left: 20px;
}
.sidebar .sidebar-menu .menu-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  text-rendering: auto;
  line-height: 40px;
  font-size: 18px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translatey(-50%);
  transition: all 0.2s ease;
}
.sidebar .sidebar-menu .menu-arrow::before {
  position: absolute;
  right: 0;
  top: 50%;
  content: "";
  font-family: "tabler-icons";
  margin-right: 0;
  font-size: 1rem;
  display: inline-block;
  transform: translateY(-50%);
}
.sidebar .sidebar-menu .menu-arrow.inside-submenu {
  right: 10px;
}
.sidebar .sidebar-menu .menu-arrow.inside-submenu.inside-submenu-two {
  right: 10px;
}
.sidebar .sidebar-menu.subdrop .menu-arrow {
  transform: translateY(-50%) rotate(90deg);
  background: #FFEDDC;
}
.sidebar li a.subdrop .menu-arrow::before {
  content: "";
}
.sidebar .sidebar-footer {
  padding: 24px;
  border-top: 1px solid var(--menu-item-border) !important;
}
.sidebar .sidebar-footer .trial-item {
  border-radius: 0.6rem;
  position: relative;
  overflow: hidden;
  background-color: var(--menu-light-bg);
}
.sidebar .sidebar-footer .trial-item h6 {
  color: var(--menu-item-heading);
}
.sidebar .sidebar-footer .trial-item p {
  color: var(--menu-item-color);
}
.sidebar .sidebar-footer .trial-item .trial-item-icon {
  background: var(--menu-bg);
}
.sidebar .sidebar-footer .trial-item .close-icon {
  width: 22px;
  height: 22px;
  font-size: 14px;
  color: var(--menu-item-heading);
  position: absolute;
  top: 10px;
  right: 10px;
  background: var(--menu-bg);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar .sidebar-footer .form-check .form-check-label {
  color: var(--menu-item-heading);
}

@media (min-width: 992px) {
  .mini-sidebar .page-wrapper {
    margin-left: 70px;
  }
  .mini-sidebar .header-left #toggle_btn {
    opacity: 1;
    transform: rotate(180deg);
  }
  .mini-sidebar .header-left #toggle_btn:after {
    border: 0;
  }
  .mini-sidebar .sidebar .sidebar-menu .clinicdropdown > a {
    padding: 5px;
  }
  .mini-sidebar.expand-menu .header-left #toggle_btn {
    opacity: 1;
    transform: rotate(180deg);
  }
  .mini-sidebar.expand-menu .sidebar .sidebar-menu .clinicdropdown > a {
    padding: 10px 15px;
  }
  .mini-sidebar .sidebar-right {
    display: none;
  }
  .mini-sidebar .sidebar .sidebar-menu ul li a span, .mini-sidebar .sidebar .sidebar-menu ul li a .count {
    display: none;
  }
  .mini-sidebar .sidebar .sidebar-menu ul li .menu-title {
    font-size: 0;
  }
  .mini-sidebar .sidebar .sidebar-menu ul li .menu-title::after {
    margin-left: 0;
  }
  .mini-sidebar .sidebar .sidebar-menu ul li svg {
    margin-right: 0;
  }
  .mini-sidebar .sidebar {
    width: 70px;
    overflow: hidden;
  }

  .expand-menu.mini-sidebar .navbar-header {
    margin-left: 276px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .expand-menu.mini-sidebar .navbar-header #toggle_btn {
    left: -32px;
    background: transparent;
    color: var(--gray-900);
  }
}
@media (min-width: 992px) {
  .expand-menu.mini-sidebar #toggle_btn {
    opacity: 1;
  }
  .expand-menu.mini-sidebar #toggle_btn i {
    transform: rotate(180deg);
  }
}
@media (min-width: 992px) {
  .expand-menu.mini-sidebar .sidebar-top {
    display: block;
  }
}
@media (min-width: 992px) {
  .expand-menu.mini-sidebar .trial-item {
    display: block;
  }
}
@media (min-width: 992px) {
  .expand-menu.mini-sidebar .sidebar-footer {
    padding: 24px;
  }
}
@media (min-width: 992px) {
  .expand-menu.mini-sidebar .form-switch.form-check-reverse span {
    display: inline-flex;
  }
  .expand-menu.mini-sidebar .form-switch.form-check-reverse .form-check-input {
    display: block;
  }
}
@media (min-width: 992px) {
  .expand-menu.mini-sidebar .sidebar {
    width: 276px;
  }
  .expand-menu.mini-sidebar .sidebar .sidebar-logo {
    width: 276px;
    padding: 13px 22px;
  }
  .expand-menu.mini-sidebar .sidebar .sidebar-logo .logo {
    display: block;
  }
  .expand-menu.mini-sidebar .sidebar .sidebar-logo .logo-small {
    display: none;
    text-align: center;
  }
  .expand-menu.mini-sidebar .sidebar .sidebar-menu {
    padding: 24px 24px 0;
  }
  .expand-menu.mini-sidebar .sidebar .sidebar-menu ul li a .count {
    display: flex;
  }
  .expand-menu.mini-sidebar .sidebar .sidebar-menu .menu-title {
    display: flex;
    font-size: 12px;
  }
  .expand-menu.mini-sidebar .sidebar .sidebar-menu .menu-title::after {
    margin-left: 8px;
  }
  .expand-menu.mini-sidebar .sidebar .user-names {
    display: none;
  }
}
@media (min-width: 992px) {
  .expand-menu .sidebar-right {
    display: block;
    transition: all 0.2s ease;
  }
}
@media (min-width: 992px) {
  .expand-menu .sidebar {
    width: 276px;
  }
  .expand-menu .sidebar .sidebar-menu ul > li > a span {
    display: inline-block;
  }
  .expand-menu .sidebar .sidebar-menu .menu-title {
    display: flex;
  }
}
@media (min-width: 992px) {
  #toggle_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    color: var(--topbar-item-color);
  }
  #toggle_btn.active {
    border: 0;
  }
  #toggle_btn:hover {
    color: var(--topbar-item-hover-color);
  }
}
.mini-sidebar .navbar-header {
  margin-left: 70px;
}
@media (max-width: 991.98px) {
  .mini-sidebar .navbar-header {
    left: 0;
    margin-left: 0;
  }
}
.mini-sidebar #toggle_btn {
  opacity: 0;
}
.mini-sidebar .sidebar-top {
  display: none;
}
.mini-sidebar .trial-item {
  display: none;
}
.mini-sidebar .sidebar-footer {
  padding: 15px;
}
.mini-sidebar .form-switch.form-check-reverse span {
  display: none;
}
.mini-sidebar .form-switch.form-check-reverse .form-check-input {
  display: none;
}
.mini-sidebar .sidebar .sidebar-logo {
  padding: 13px 15px;
  width: 70px;
}
.mini-sidebar .sidebar .sidebar-logo .logo {
  display: none;
}
.mini-sidebar .sidebar .sidebar-logo .logo-small {
  display: block;
  text-align: center;
}
.mini-sidebar .sidebar .sidebar-logo .sidebar-logo-content {
  justify-content: center !important;
}
@media (max-width: 991.98px) {
  .mini-sidebar .sidebar .sidebar-logo {
    width: 276px;
  }
  .mini-sidebar .sidebar .sidebar-logo .logo-small {
    display: none;
  }
  .mini-sidebar .sidebar .sidebar-logo .logo {
    display: block;
  }
}
.mini-sidebar .sidebar .sidebar-menu {
  padding: 15px 15px 0;
}
.mini-sidebar .sidebar .sidebar-menu > ul li {
  position: relative;
}
.mini-sidebar .sidebar .sidebar-menu > ul li.menu-title {
  display: none;
}
@media (min-width: 992px) {
  .mini-sidebar .sidebar .sidebar-menu > ul li.menu-title span {
    display: none;
  }
}
.mini-sidebar .sidebar .sidebar-menu > ul li:first-child.menu-title::before {
  content: none;
}
.mini-sidebar .sidebar .sidebar-menu > ul li a {
  justify-content: center;
  height: 38px;
}
.mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li.submenu-open ul li a {
  justify-content: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  padding-left: 18px;
}
.mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li ul > li.active a {
  justify-content: start;
}
.mini-sidebar.expand-menu .sidebar .user-names {
  display: block !important;
}
.mini-sidebar.expand-menu .sidebar .sidebar-menu > ul li.menu-title::before {
  content: none;
}
.mini-sidebar.expand-menu .sidebar .sidebar-menu > ul li.menu-title span {
  display: block;
}
.mini-sidebar.expand-menu .sidebar .sidebar-menu > ul li a {
  justify-content: start;
}

.slide-nav .sidebar {
  margin-left: 0;
}

.mini-sidebar .slide-nav .sidebar .sidebar-menu > ul li a {
  justify-content: start;
}
.mini-sidebar .slide-nav .active.subdrop ~ ul {
  display: block !important;
}

.sidebar-overlay {
  display: none;
  height: 100%;
  width: 100%;
  z-index: 1050;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
}
.sidebar-overlay.opened {
  display: block;
}

.mini-sidebar .active.subdrop ~ ul {
  display: none !important;
}

.mini-sidebar.expand-menu .active.subdrop ~ ul {
  display: block !important;
}

.active.subdrop ~ ul {
  display: block !important;
}

.mini-sidebar.expand-menu .navbar-header #toggle_btn {
  opacity: 1;
}

.sidebar-close {
  display: none;
  z-index: 1;
  position: absolute;
  background: transparent;
  border: none;
  top: 0;
  right: 10px;
  cursor: pointer;
  color: var(--menu-item-color);
  line-height: var(--topbar-height);
  font-size: 20px;
}
.sidebar-close:hover, .sidebar-close:focus, .sidebar-close:active {
  color: var(--menu-item-hover-color);
}
@media (max-width: 991.98px) {
  .sidebar-close {
    display: block;
  }
}

.sidebar-top.dropend .dropdown-menu {
  position: fixed !important;
  top: 70px !important;
  left: 290px !important;
  width: 300px;
  transform: unset !important;
}

[data-layout=full-width] .mobile-btn {
  display: block;
}
[data-layout=full-width] .slide-nav .sidebar {
  margin-left: 0;
  transition: all 0.4s ease;
  z-index: 9999;
  top: 0;
  opacity: 1;
}
[data-layout=full-width] .sidenav-toggle-btn {
  display: none !important;
}
[data-layout=full-width] .sidebar-close {
  display: block;
}

.page-wrapper {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 0 0 0 276px;
  position: relative;
  left: 0;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (max-width: 991.98px) {
  .page-wrapper {
    margin: 0;
  }
}
.page-wrapper > .content {
  min-height: calc(100vh - 98px);
  padding: 20px;
}

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

body {
  margin: 0;
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--body-color);
  background-color: var(--light);
  overflow-x: hidden;
}

::selection {
  background: var(--primary);
  color: #fff;
}

b,
strong {
  font-family: inherit;
  font-weight: 600;
}

a {
  color: var(--primary);
  text-decoration: none;
}
a:hover {
  color: var(--primary-hover);
}

button,
a {
  outline: none !important;
}

label {
  font-weight: 500;
}

h1, .h1 {
  font-size: 30px;
  font-weight: 600;
  color: var(--heading-color);
}

h2, .h2 {
  font-size: 26px;
  font-weight: 600;
  color: var(--heading-color);
}

h3, .h3 {
  font-size: 22px;
  font-weight: 600;
  color: var(--heading-color);
}

h4, .h4 {
  font-size: 19px;
  font-weight: 600;
  color: var(--heading-color);
}

h5, .h5 {
  font-size: 16px;
  font-weight: 600;
  color: var(--heading-color);
}

h6, .h6 {
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
}

@media (max-width: 991.98px) {
  h1, .h1 {
    font-size: 28px;
  }

  h2, .h2 {
    font-size: 22px;
  }

  h3, .h3 {
    font-size: 20px;
  }

  h4, .h4 {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  h1, .h1 {
    font-size: 24px;
  }

  h2, .h2 {
    font-size: 20px;
  }

  h3, .h3 {
    font-size: 18px;
  }

  h4, .h4 {
    font-size: 17px;
  }
}
h1.text-white, h2.text-white, h3.text-white, h4.text-white, h5.text-white, h6.text-white {
  color: #fff;
}

hr {
  border-color: var(--border-color);
}

.text-muted {
  color: var(--gray-400) !important;
}

.text-body {
  color: var(--body-color) !important;
}

.text-dark {
  color: var(--gray-900) !important;
}

.text-title {
  color: var(--heading-color);
}

.text-heading {
  color: var(--heading-color) !important;
}

.bg-white {
  background-color: var(--white) !important;
}

.bg-light {
  background-color: var(--light) !important;
}

.border,
.border-top,
.border-right,
.border-bottom,
.border-left {
  border-color: var(--border-color) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-white {
  border-color: #fff !important;
}

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

.shadow-sm {
  box-shadow: var(--box-shadow-sm) !important;
}

.shadow {
  box-shadow: var(--box-shadow) !important;
}

.shadow-lg {
  box-shadow: var(--box-shadow-lg) !important;
}

.rounded {
  border-radius: 0.3rem !important;
}

code {
  color: var(--pink);
}

.gap-0 {
  gap: 0 !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.column-gap-0 {
  column-gap: 0 !important;
}

.me-0 {
  margin-right: 0 !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.column-gap-1 {
  column-gap: 0.25rem !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.column-gap-2 {
  column-gap: 0.5rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.column-gap-3 {
  column-gap: 1rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.column-gap-4 {
  column-gap: 1.5rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-5 {
  column-gap: 3rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.ms-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }
}
.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fs-10 {
  font-size: 0.625rem !important;
}

.fs-11 {
  font-size: 0.6875rem !important;
}

.fs-12 {
  font-size: 0.75rem !important;
}

.fs-13 {
  font-size: 0.8125rem !important;
}

.fs-14 {
  font-size: 0.875rem !important;
}

.fs-15 {
  font-size: 0.9375rem !important;
}

.fs-16 {
  font-size: 1rem !important;
}

.fs-18 {
  font-size: 1.125rem !important;
}

.fs-20 {
  font-size: 1.25rem !important;
}

.fs-22 {
  font-size: 1.375rem !important;
}

.fs-24 {
  font-size: 1.5rem !important;
}

.fs-28 {
  font-size: 1.75rem !important;
}

.fs-32 {
  font-size: 2rem !important;
}

.rounded-1 {
  border-radius: 0.2rem !important;
}

.rounded-2 {
  border-radius: 5px !important;
}

.rounded-3 {
  border-radius: 0.5rem !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.border-start {
  border-left: 1px solid var(--border-color) !important;
}

.border-end {
  border-right: 1px solid var(--border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.d-grid {
  display: grid !important;
}

.lh-1 {
  line-height: 1 !important;
}

.min-w-0 {
  min-width: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.top-0 {
  top: 0 !important;
}

.start-0 {
  left: 0 !important;
}

.end-0 {
  right: 0 !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.text-truncate-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

.text-primary {
  color: var(--primary) !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: var(--primary-hover) !important;
}

.bg-primary {
  background-color: var(--primary) !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: var(--primary-hover) !important;
}

.bg-soft-primary,
.bg-primary-transparent {
  background-color: var(--primary-transparent) !important;
  color: var(--primary);
}

.text-secondary {
  color: var(--secondary) !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: var(--secondary-hover) !important;
}

.bg-secondary {
  background-color: var(--secondary) !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: var(--secondary-hover) !important;
}

.bg-soft-secondary,
.bg-secondary-transparent {
  background-color: var(--secondary-transparent) !important;
  color: var(--secondary);
}

.text-success {
  color: var(--success) !important;
}

a.text-success:hover,
a.text-success:focus {
  color: var(--success-hover) !important;
}

.bg-success {
  background-color: var(--success) !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: var(--success-hover) !important;
}

.bg-soft-success,
.bg-success-transparent {
  background-color: var(--success-transparent) !important;
  color: var(--success);
}

.text-info {
  color: var(--info) !important;
}

a.text-info:hover,
a.text-info:focus {
  color: var(--info-hover) !important;
}

.bg-info {
  background-color: var(--info) !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: var(--info-hover) !important;
}

.bg-soft-info,
.bg-info-transparent {
  background-color: var(--info-transparent) !important;
  color: var(--info);
}

.text-warning {
  color: var(--warning) !important;
}

a.text-warning:hover,
a.text-warning:focus {
  color: var(--warning-hover) !important;
}

.bg-warning {
  background-color: var(--warning) !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: var(--warning-hover) !important;
}

.bg-soft-warning,
.bg-warning-transparent {
  background-color: var(--warning-transparent) !important;
  color: var(--warning);
}

.text-danger {
  color: var(--danger) !important;
}

a.text-danger:hover,
a.text-danger:focus {
  color: var(--danger-hover) !important;
}

.bg-danger {
  background-color: var(--danger) !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: var(--danger-hover) !important;
}

.bg-soft-danger,
.bg-danger-transparent {
  background-color: var(--danger-transparent) !important;
  color: var(--danger);
}

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

a.text-dark:hover,
a.text-dark:focus {
  color: var(--dark-hover) !important;
}

.bg-dark {
  background-color: var(--dark) !important;
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: var(--dark-hover) !important;
}

.bg-soft-dark,
.bg-dark-transparent {
  background-color: var(--dark-transparent) !important;
  color: var(--dark);
}

.text-indigo {
  color: var(--indigo) !important;
}

a.text-indigo:hover,
a.text-indigo:focus {
  color: var(--indigo-hover) !important;
}

.bg-indigo {
  background-color: var(--indigo) !important;
}

a.bg-indigo:hover,
a.bg-indigo:focus,
button.bg-indigo:hover,
button.bg-indigo:focus {
  background-color: var(--indigo-hover) !important;
}

.bg-soft-indigo,
.bg-indigo-transparent {
  background-color: var(--indigo-transparent) !important;
  color: var(--indigo);
}

.text-purple {
  color: var(--purple) !important;
}

a.text-purple:hover,
a.text-purple:focus {
  color: var(--purple-hover) !important;
}

.bg-purple {
  background-color: var(--purple) !important;
}

a.bg-purple:hover,
a.bg-purple:focus,
button.bg-purple:hover,
button.bg-purple:focus {
  background-color: var(--purple-hover) !important;
}

.bg-soft-purple,
.bg-purple-transparent {
  background-color: var(--purple-transparent) !important;
  color: var(--purple);
}

.text-pink {
  color: var(--pink) !important;
}

a.text-pink:hover,
a.text-pink:focus {
  color: var(--pink-hover) !important;
}

.bg-pink {
  background-color: var(--pink) !important;
}

a.bg-pink:hover,
a.bg-pink:focus,
button.bg-pink:hover,
button.bg-pink:focus {
  background-color: var(--pink-hover) !important;
}

.bg-soft-pink,
.bg-pink-transparent {
  background-color: var(--pink-transparent) !important;
  color: var(--pink);
}

.text-orange {
  color: var(--orange) !important;
}

a.text-orange:hover,
a.text-orange:focus {
  color: var(--orange-hover) !important;
}

.bg-orange {
  background-color: var(--orange) !important;
}

a.bg-orange:hover,
a.bg-orange:focus,
button.bg-orange:hover,
button.bg-orange:focus {
  background-color: var(--orange-hover) !important;
}

.bg-soft-orange,
.bg-orange-transparent {
  background-color: var(--orange-transparent) !important;
  color: var(--orange);
}

.text-teal {
  color: var(--teal) !important;
}

a.text-teal:hover,
a.text-teal:focus {
  color: var(--teal-hover) !important;
}

.bg-teal {
  background-color: var(--teal) !important;
}

a.bg-teal:hover,
a.bg-teal:focus,
button.bg-teal:hover,
button.bg-teal:focus {
  background-color: var(--teal-hover) !important;
}

.bg-soft-teal,
.bg-teal-transparent {
  background-color: var(--teal-transparent) !important;
  color: var(--teal);
}

.text-cyan {
  color: var(--cyan) !important;
}

a.text-cyan:hover,
a.text-cyan:focus {
  color: var(--cyan-hover) !important;
}

.bg-cyan {
  background-color: var(--cyan) !important;
}

a.bg-cyan:hover,
a.bg-cyan:focus,
button.bg-cyan:hover,
button.bg-cyan:focus {
  background-color: var(--cyan-hover) !important;
}

.bg-soft-cyan,
.bg-cyan-transparent {
  background-color: var(--cyan-transparent) !important;
  color: var(--cyan);
}

.btn-primary {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
}
.btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
  opacity: 0.65;
}

.btn-outline-primary {
  color: var(--primary);
  background-color: transparent;
  border-color: var(--primary);
}
.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.25);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: var(--primary);
  background-color: transparent;
}

.btn-soft-primary {
  color: var(--primary);
  background-color: var(--primary-transparent);
  border-color: transparent;
}
.btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary:not(:disabled):not(.disabled):active, .btn-soft-primary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-secondary {
  color: #fff;
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: var(--secondary-hover);
  border-color: var(--secondary-hover);
}
.btn-secondary:focus, .btn-secondary.focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb), 0.25);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: var(--secondary);
  border-color: var(--secondary);
  opacity: 0.65;
}

.btn-outline-secondary {
  color: var(--secondary);
  background-color: transparent;
  border-color: var(--secondary);
}
.btn-outline-secondary:hover, .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--secondary-rgb), 0.25);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: var(--secondary);
  background-color: transparent;
}

.btn-soft-secondary {
  color: var(--secondary);
  background-color: var(--secondary-transparent);
  border-color: transparent;
}
.btn-soft-secondary:hover, .btn-soft-secondary:focus, .btn-soft-secondary:not(:disabled):not(.disabled):active, .btn-soft-secondary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: var(--secondary);
  border-color: var(--secondary);
}

.btn-success {
  color: #fff;
  background-color: var(--success);
  border-color: var(--success);
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: var(--success-hover);
  border-color: var(--success-hover);
}
.btn-success:focus, .btn-success.focus, .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.25);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: var(--success);
  border-color: var(--success);
  opacity: 0.65;
}

.btn-outline-success {
  color: var(--success);
  background-color: transparent;
  border-color: var(--success);
}
.btn-outline-success:hover, .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: var(--success);
  border-color: var(--success);
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--success-rgb), 0.25);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: var(--success);
  background-color: transparent;
}

.btn-soft-success {
  color: var(--success);
  background-color: var(--success-transparent);
  border-color: transparent;
}
.btn-soft-success:hover, .btn-soft-success:focus, .btn-soft-success:not(:disabled):not(.disabled):active, .btn-soft-success:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: var(--success);
  border-color: var(--success);
}

.btn-info {
  color: #fff;
  background-color: var(--info);
  border-color: var(--info);
}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: var(--info-hover);
  border-color: var(--info-hover);
}
.btn-info:focus, .btn-info.focus, .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--info-rgb), 0.25);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: var(--info);
  border-color: var(--info);
  opacity: 0.65;
}

.btn-outline-info {
  color: var(--info);
  background-color: transparent;
  border-color: var(--info);
}
.btn-outline-info:hover, .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: var(--info);
  border-color: var(--info);
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--info-rgb), 0.25);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: var(--info);
  background-color: transparent;
}

.btn-soft-info {
  color: var(--info);
  background-color: var(--info-transparent);
  border-color: transparent;
}
.btn-soft-info:hover, .btn-soft-info:focus, .btn-soft-info:not(:disabled):not(.disabled):active, .btn-soft-info:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: var(--info);
  border-color: var(--info);
}

.btn-warning {
  color: var(--warning-text);
  background-color: var(--warning);
  border-color: var(--warning);
}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: var(--warning-text);
  background-color: var(--warning-hover);
  border-color: var(--warning-hover);
}
.btn-warning:focus, .btn-warning.focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--warning-rgb), 0.25);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: var(--warning-text);
  background-color: var(--warning);
  border-color: var(--warning);
  opacity: 0.65;
}

.btn-outline-warning {
  color: var(--warning);
  background-color: transparent;
  border-color: var(--warning);
}
.btn-outline-warning:hover, .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: var(--warning-text);
  background-color: var(--warning);
  border-color: var(--warning);
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--warning-rgb), 0.25);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: var(--warning);
  background-color: transparent;
}

.btn-soft-warning {
  color: var(--warning);
  background-color: var(--warning-transparent);
  border-color: transparent;
}
.btn-soft-warning:hover, .btn-soft-warning:focus, .btn-soft-warning:not(:disabled):not(.disabled):active, .btn-soft-warning:not(:disabled):not(.disabled).active {
  color: var(--warning-text);
  background-color: var(--warning);
  border-color: var(--warning);
}

.btn-danger {
  color: #fff;
  background-color: var(--danger);
  border-color: var(--danger);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: var(--danger-hover);
  border-color: var(--danger-hover);
}
.btn-danger:focus, .btn-danger.focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.25);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: var(--danger);
  border-color: var(--danger);
  opacity: 0.65;
}

.btn-outline-danger {
  color: var(--danger);
  background-color: transparent;
  border-color: var(--danger);
}
.btn-outline-danger:hover, .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: var(--danger);
  border-color: var(--danger);
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--danger-rgb), 0.25);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: var(--danger);
  background-color: transparent;
}

.btn-soft-danger {
  color: var(--danger);
  background-color: var(--danger-transparent);
  border-color: transparent;
}
.btn-soft-danger:hover, .btn-soft-danger:focus, .btn-soft-danger:not(:disabled):not(.disabled):active, .btn-soft-danger:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: var(--danger);
  border-color: var(--danger);
}

.btn-dark {
  color: #fff;
  background-color: var(--dark);
  border-color: var(--dark);
}
.btn-dark:hover, .btn-dark:focus, .btn-dark.focus, .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: var(--dark-hover);
  border-color: var(--dark-hover);
}
.btn-dark:focus, .btn-dark.focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--dark-rgb), 0.25);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: var(--dark);
  border-color: var(--dark);
  opacity: 0.65;
}

.btn-outline-dark {
  color: var(--dark);
  background-color: transparent;
  border-color: var(--dark);
}
.btn-outline-dark:hover, .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: var(--dark);
  border-color: var(--dark);
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--dark-rgb), 0.25);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: var(--dark);
  background-color: transparent;
}

.btn-soft-dark {
  color: var(--dark);
  background-color: var(--dark-transparent);
  border-color: transparent;
}
.btn-soft-dark:hover, .btn-soft-dark:focus, .btn-soft-dark:not(:disabled):not(.disabled):active, .btn-soft-dark:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: var(--dark);
  border-color: var(--dark);
}

.btn-indigo {
  color: #fff;
  background-color: var(--indigo);
  border-color: var(--indigo);
}
.btn-indigo:hover, .btn-indigo:focus, .btn-indigo.focus, .btn-indigo:not(:disabled):not(.disabled):active, .btn-indigo:not(:disabled):not(.disabled).active, .show > .btn-indigo.dropdown-toggle {
  color: #fff;
  background-color: var(--indigo-hover);
  border-color: var(--indigo-hover);
}
.btn-indigo:focus, .btn-indigo.focus, .btn-indigo:not(:disabled):not(.disabled):active:focus, .btn-indigo:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--indigo-rgb), 0.25);
}
.btn-indigo.disabled, .btn-indigo:disabled {
  color: #fff;
  background-color: var(--indigo);
  border-color: var(--indigo);
  opacity: 0.65;
}

.btn-outline-indigo {
  color: var(--indigo);
  background-color: transparent;
  border-color: var(--indigo);
}
.btn-outline-indigo:hover, .btn-outline-indigo:not(:disabled):not(.disabled):active, .btn-outline-indigo:not(:disabled):not(.disabled).active, .show > .btn-outline-indigo.dropdown-toggle {
  color: #fff;
  background-color: var(--indigo);
  border-color: var(--indigo);
}
.btn-outline-indigo:focus, .btn-outline-indigo.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--indigo-rgb), 0.25);
}
.btn-outline-indigo.disabled, .btn-outline-indigo:disabled {
  color: var(--indigo);
  background-color: transparent;
}

.btn-soft-indigo {
  color: var(--indigo);
  background-color: var(--indigo-transparent);
  border-color: transparent;
}
.btn-soft-indigo:hover, .btn-soft-indigo:focus, .btn-soft-indigo:not(:disabled):not(.disabled):active, .btn-soft-indigo:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: var(--indigo);
  border-color: var(--indigo);
}

.btn-purple {
  color: #fff;
  background-color: var(--purple);
  border-color: var(--purple);
}
.btn-purple:hover, .btn-purple:focus, .btn-purple.focus, .btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle {
  color: #fff;
  background-color: var(--purple-hover);
  border-color: var(--purple-hover);
}
.btn-purple:focus, .btn-purple.focus, .btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--purple-rgb), 0.25);
}
.btn-purple.disabled, .btn-purple:disabled {
  color: #fff;
  background-color: var(--purple);
  border-color: var(--purple);
  opacity: 0.65;
}

.btn-outline-purple {
  color: var(--purple);
  background-color: transparent;
  border-color: var(--purple);
}
.btn-outline-purple:hover, .btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle {
  color: #fff;
  background-color: var(--purple);
  border-color: var(--purple);
}
.btn-outline-purple:focus, .btn-outline-purple.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--purple-rgb), 0.25);
}
.btn-outline-purple.disabled, .btn-outline-purple:disabled {
  color: var(--purple);
  background-color: transparent;
}

.btn-soft-purple {
  color: var(--purple);
  background-color: var(--purple-transparent);
  border-color: transparent;
}
.btn-soft-purple:hover, .btn-soft-purple:focus, .btn-soft-purple:not(:disabled):not(.disabled):active, .btn-soft-purple:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: var(--purple);
  border-color: var(--purple);
}

.btn-pink {
  color: #fff;
  background-color: var(--pink);
  border-color: var(--pink);
}
.btn-pink:hover, .btn-pink:focus, .btn-pink.focus, .btn-pink:not(:disabled):not(.disabled):active, .btn-pink:not(:disabled):not(.disabled).active, .show > .btn-pink.dropdown-toggle {
  color: #fff;
  background-color: var(--pink-hover);
  border-color: var(--pink-hover);
}
.btn-pink:focus, .btn-pink.focus, .btn-pink:not(:disabled):not(.disabled):active:focus, .btn-pink:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--pink-rgb), 0.25);
}
.btn-pink.disabled, .btn-pink:disabled {
  color: #fff;
  background-color: var(--pink);
  border-color: var(--pink);
  opacity: 0.65;
}

.btn-outline-pink {
  color: var(--pink);
  background-color: transparent;
  border-color: var(--pink);
}
.btn-outline-pink:hover, .btn-outline-pink:not(:disabled):not(.disabled):active, .btn-outline-pink:not(:disabled):not(.disabled).active, .show > .btn-outline-pink.dropdown-toggle {
  color: #fff;
  background-color: var(--pink);
  border-color: var(--pink);
}
.btn-outline-pink:focus, .btn-outline-pink.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--pink-rgb), 0.25);
}
.btn-outline-pink.disabled, .btn-outline-pink:disabled {
  color: var(--pink);
  background-color: transparent;
}

.btn-soft-pink {
  color: var(--pink);
  background-color: var(--pink-transparent);
  border-color: transparent;
}
.btn-soft-pink:hover, .btn-soft-pink:focus, .btn-soft-pink:not(:disabled):not(.disabled):active, .btn-soft-pink:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: var(--pink);
  border-color: var(--pink);
}

.btn-orange {
  color: #fff;
  background-color: var(--orange);
  border-color: var(--orange);
}
.btn-orange:hover, .btn-orange:focus, .btn-orange.focus, .btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active, .show > .btn-orange.dropdown-toggle {
  color: #fff;
  background-color: var(--orange-hover);
  border-color: var(--orange-hover);
}
.btn-orange:focus, .btn-orange.focus, .btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--orange-rgb), 0.25);
}
.btn-orange.disabled, .btn-orange:disabled {
  color: #fff;
  background-color: var(--orange);
  border-color: var(--orange);
  opacity: 0.65;
}

.btn-outline-orange {
  color: var(--orange);
  background-color: transparent;
  border-color: var(--orange);
}
.btn-outline-orange:hover, .btn-outline-orange:not(:disabled):not(.disabled):active, .btn-outline-orange:not(:disabled):not(.disabled).active, .show > .btn-outline-orange.dropdown-toggle {
  color: #fff;
  background-color: var(--orange);
  border-color: var(--orange);
}
.btn-outline-orange:focus, .btn-outline-orange.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--orange-rgb), 0.25);
}
.btn-outline-orange.disabled, .btn-outline-orange:disabled {
  color: var(--orange);
  background-color: transparent;
}

.btn-soft-orange {
  color: var(--orange);
  background-color: var(--orange-transparent);
  border-color: transparent;
}
.btn-soft-orange:hover, .btn-soft-orange:focus, .btn-soft-orange:not(:disabled):not(.disabled):active, .btn-soft-orange:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: var(--orange);
  border-color: var(--orange);
}

.btn-teal {
  color: #fff;
  background-color: var(--teal);
  border-color: var(--teal);
}
.btn-teal:hover, .btn-teal:focus, .btn-teal.focus, .btn-teal:not(:disabled):not(.disabled):active, .btn-teal:not(:disabled):not(.disabled).active, .show > .btn-teal.dropdown-toggle {
  color: #fff;
  background-color: var(--teal-hover);
  border-color: var(--teal-hover);
}
.btn-teal:focus, .btn-teal.focus, .btn-teal:not(:disabled):not(.disabled):active:focus, .btn-teal:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--teal-rgb), 0.25);
}
.btn-teal.disabled, .btn-teal:disabled {
  color: #fff;
  background-color: var(--teal);
  border-color: var(--teal);
  opacity: 0.65;
}

.btn-outline-teal {
  color: var(--teal);
  background-color: transparent;
  border-color: var(--teal);
}
.btn-outline-teal:hover, .btn-outline-teal:not(:disabled):not(.disabled):active, .btn-outline-teal:not(:disabled):not(.disabled).active, .show > .btn-outline-teal.dropdown-toggle {
  color: #fff;
  background-color: var(--teal);
  border-color: var(--teal);
}
.btn-outline-teal:focus, .btn-outline-teal.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--teal-rgb), 0.25);
}
.btn-outline-teal.disabled, .btn-outline-teal:disabled {
  color: var(--teal);
  background-color: transparent;
}

.btn-soft-teal {
  color: var(--teal);
  background-color: var(--teal-transparent);
  border-color: transparent;
}
.btn-soft-teal:hover, .btn-soft-teal:focus, .btn-soft-teal:not(:disabled):not(.disabled):active, .btn-soft-teal:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: var(--teal);
  border-color: var(--teal);
}

.btn-cyan {
  color: #fff;
  background-color: var(--cyan);
  border-color: var(--cyan);
}
.btn-cyan:hover, .btn-cyan:focus, .btn-cyan.focus, .btn-cyan:not(:disabled):not(.disabled):active, .btn-cyan:not(:disabled):not(.disabled).active, .show > .btn-cyan.dropdown-toggle {
  color: #fff;
  background-color: var(--cyan-hover);
  border-color: var(--cyan-hover);
}
.btn-cyan:focus, .btn-cyan.focus, .btn-cyan:not(:disabled):not(.disabled):active:focus, .btn-cyan:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--cyan-rgb), 0.25);
}
.btn-cyan.disabled, .btn-cyan:disabled {
  color: #fff;
  background-color: var(--cyan);
  border-color: var(--cyan);
  opacity: 0.65;
}

.btn-outline-cyan {
  color: var(--cyan);
  background-color: transparent;
  border-color: var(--cyan);
}
.btn-outline-cyan:hover, .btn-outline-cyan:not(:disabled):not(.disabled):active, .btn-outline-cyan:not(:disabled):not(.disabled).active, .show > .btn-outline-cyan.dropdown-toggle {
  color: #fff;
  background-color: var(--cyan);
  border-color: var(--cyan);
}
.btn-outline-cyan:focus, .btn-outline-cyan.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--cyan-rgb), 0.25);
}
.btn-outline-cyan.disabled, .btn-outline-cyan:disabled {
  color: var(--cyan);
  background-color: transparent;
}

.btn-soft-cyan {
  color: var(--cyan);
  background-color: var(--cyan-transparent);
  border-color: transparent;
}
.btn-soft-cyan:hover, .btn-soft-cyan:focus, .btn-soft-cyan:not(:disabled):not(.disabled):active, .btn-soft-cyan:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: var(--cyan);
  border-color: var(--cyan);
}

.btn-light {
  color: var(--gray-900);
  background-color: var(--light);
  border-color: var(--border-color);
}
.btn-light:hover, .btn-light:focus, .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active {
  color: var(--gray-900);
  background-color: var(--light-900);
  border-color: var(--border-color);
}

.btn-light.text-white,
.bg-light.text-white,
.badge-light.text-white {
  background-color: var(--gray-200) !important;
  border-color: var(--gray-200);
}
.btn-light.text-white:hover, .btn-light.text-white:focus,
.bg-light.text-white:hover,
.bg-light.text-white:focus,
.badge-light.text-white:hover,
.badge-light.text-white:focus {
  background-color: var(--gray-300) !important;
  border-color: var(--gray-300);
}

.btn-outline-light {
  color: var(--gray-900);
  border-color: var(--border-color);
}
.btn-outline-light:hover {
  color: var(--gray-900);
  background-color: var(--light);
  border-color: var(--border-color);
}

.btn-link {
  color: var(--primary);
}
.btn-link:hover {
  color: var(--primary-hover);
}

.badge-primary {
  color: #fff;
  background-color: var(--primary);
}

a.badge-primary:hover,
a.badge-primary:focus {
  color: #fff;
  background-color: var(--primary-hover);
}

.badge-soft-primary {
  color: var(--primary);
  background-color: var(--primary-transparent);
}

.badge-outline-primary {
  color: var(--primary);
  border: 1px solid var(--primary);
  background-color: transparent;
}

.badge-secondary {
  color: #fff;
  background-color: var(--secondary);
}

a.badge-secondary:hover,
a.badge-secondary:focus {
  color: #fff;
  background-color: var(--secondary-hover);
}

.badge-soft-secondary {
  color: var(--secondary);
  background-color: var(--secondary-transparent);
}

.badge-outline-secondary {
  color: var(--secondary);
  border: 1px solid var(--secondary);
  background-color: transparent;
}

.badge-success {
  color: #fff;
  background-color: var(--success);
}

a.badge-success:hover,
a.badge-success:focus {
  color: #fff;
  background-color: var(--success-hover);
}

.badge-soft-success {
  color: var(--success);
  background-color: var(--success-transparent);
}

.badge-outline-success {
  color: var(--success);
  border: 1px solid var(--success);
  background-color: transparent;
}

.badge-info {
  color: #fff;
  background-color: var(--info);
}

a.badge-info:hover,
a.badge-info:focus {
  color: #fff;
  background-color: var(--info-hover);
}

.badge-soft-info {
  color: var(--info);
  background-color: var(--info-transparent);
}

.badge-outline-info {
  color: var(--info);
  border: 1px solid var(--info);
  background-color: transparent;
}

.badge-warning {
  color: var(--warning-text);
  background-color: var(--warning);
}

a.badge-warning:hover,
a.badge-warning:focus {
  color: var(--warning-text);
  background-color: var(--warning-hover);
}

.badge-soft-warning {
  color: var(--warning);
  background-color: var(--warning-transparent);
}

.badge-outline-warning {
  color: var(--warning);
  border: 1px solid var(--warning);
  background-color: transparent;
}

.badge-danger {
  color: #fff;
  background-color: var(--danger);
}

a.badge-danger:hover,
a.badge-danger:focus {
  color: #fff;
  background-color: var(--danger-hover);
}

.badge-soft-danger {
  color: var(--danger);
  background-color: var(--danger-transparent);
}

.badge-outline-danger {
  color: var(--danger);
  border: 1px solid var(--danger);
  background-color: transparent;
}

.badge-dark {
  color: #fff;
  background-color: var(--dark);
}

a.badge-dark:hover,
a.badge-dark:focus {
  color: #fff;
  background-color: var(--dark-hover);
}

.badge-soft-dark {
  color: var(--dark);
  background-color: var(--dark-transparent);
}

.badge-outline-dark {
  color: var(--dark);
  border: 1px solid var(--dark);
  background-color: transparent;
}

.badge-indigo {
  color: #fff;
  background-color: var(--indigo);
}

a.badge-indigo:hover,
a.badge-indigo:focus {
  color: #fff;
  background-color: var(--indigo-hover);
}

.badge-soft-indigo {
  color: var(--indigo);
  background-color: var(--indigo-transparent);
}

.badge-outline-indigo {
  color: var(--indigo);
  border: 1px solid var(--indigo);
  background-color: transparent;
}

.badge-purple {
  color: #fff;
  background-color: var(--purple);
}

a.badge-purple:hover,
a.badge-purple:focus {
  color: #fff;
  background-color: var(--purple-hover);
}

.badge-soft-purple {
  color: var(--purple);
  background-color: var(--purple-transparent);
}

.badge-outline-purple {
  color: var(--purple);
  border: 1px solid var(--purple);
  background-color: transparent;
}

.badge-pink {
  color: #fff;
  background-color: var(--pink);
}

a.badge-pink:hover,
a.badge-pink:focus {
  color: #fff;
  background-color: var(--pink-hover);
}

.badge-soft-pink {
  color: var(--pink);
  background-color: var(--pink-transparent);
}

.badge-outline-pink {
  color: var(--pink);
  border: 1px solid var(--pink);
  background-color: transparent;
}

.badge-orange {
  color: #fff;
  background-color: var(--orange);
}

a.badge-orange:hover,
a.badge-orange:focus {
  color: #fff;
  background-color: var(--orange-hover);
}

.badge-soft-orange {
  color: var(--orange);
  background-color: var(--orange-transparent);
}

.badge-outline-orange {
  color: var(--orange);
  border: 1px solid var(--orange);
  background-color: transparent;
}

.badge-teal {
  color: #fff;
  background-color: var(--teal);
}

a.badge-teal:hover,
a.badge-teal:focus {
  color: #fff;
  background-color: var(--teal-hover);
}

.badge-soft-teal {
  color: var(--teal);
  background-color: var(--teal-transparent);
}

.badge-outline-teal {
  color: var(--teal);
  border: 1px solid var(--teal);
  background-color: transparent;
}

.badge-cyan {
  color: #fff;
  background-color: var(--cyan);
}

a.badge-cyan:hover,
a.badge-cyan:focus {
  color: #fff;
  background-color: var(--cyan-hover);
}

.badge-soft-cyan {
  color: var(--cyan);
  background-color: var(--cyan-transparent);
}

.badge-outline-cyan {
  color: var(--cyan);
  border: 1px solid var(--cyan);
  background-color: transparent;
}

html:not([data-bs-theme=dark]) .badge-soft-warning {
  color: #9A6B00;
}
html:not([data-bs-theme=dark]) .over-avatar.text-warning {
  color: #9A6B00 !important;
}

.badge-light {
  color: var(--gray-900);
  background-color: var(--light);
}

.badge-soft-secondary,
.badge-soft-default,
.badge-soft-black,
.badge-soft-muted {
  color: var(--gray-600);
  background-color: var(--gray-100);
}

.alert-primary {
  color: var(--primary);
  background-color: var(--primary-transparent);
  border-color: rgba(var(--primary-rgb), 0.25);
}
.alert-primary hr {
  border-top-color: rgba(var(--primary-rgb), 0.25);
}
.alert-primary .alert-link {
  color: var(--primary);
}

.alert-secondary {
  color: var(--secondary);
  background-color: var(--secondary-transparent);
  border-color: rgba(var(--secondary-rgb), 0.25);
}
.alert-secondary hr {
  border-top-color: rgba(var(--secondary-rgb), 0.25);
}
.alert-secondary .alert-link {
  color: var(--secondary);
}

.alert-success {
  color: var(--success);
  background-color: var(--success-transparent);
  border-color: rgba(var(--success-rgb), 0.25);
}
.alert-success hr {
  border-top-color: rgba(var(--success-rgb), 0.25);
}
.alert-success .alert-link {
  color: var(--success);
}

.alert-info {
  color: var(--info);
  background-color: var(--info-transparent);
  border-color: rgba(var(--info-rgb), 0.25);
}
.alert-info hr {
  border-top-color: rgba(var(--info-rgb), 0.25);
}
.alert-info .alert-link {
  color: var(--info);
}

.alert-warning {
  color: var(--warning);
  background-color: var(--warning-transparent);
  border-color: rgba(var(--warning-rgb), 0.25);
}
.alert-warning hr {
  border-top-color: rgba(var(--warning-rgb), 0.25);
}
.alert-warning .alert-link {
  color: var(--warning);
}

.alert-danger {
  color: var(--danger);
  background-color: var(--danger-transparent);
  border-color: rgba(var(--danger-rgb), 0.25);
}
.alert-danger hr {
  border-top-color: rgba(var(--danger-rgb), 0.25);
}
.alert-danger .alert-link {
  color: var(--danger);
}

.alert-dark {
  color: var(--dark);
  background-color: var(--dark-transparent);
  border-color: rgba(var(--dark-rgb), 0.25);
}
.alert-dark hr {
  border-top-color: rgba(var(--dark-rgb), 0.25);
}
.alert-dark .alert-link {
  color: var(--dark);
}

.alert-indigo {
  color: var(--indigo);
  background-color: var(--indigo-transparent);
  border-color: rgba(var(--indigo-rgb), 0.25);
}
.alert-indigo hr {
  border-top-color: rgba(var(--indigo-rgb), 0.25);
}
.alert-indigo .alert-link {
  color: var(--indigo);
}

.alert-purple {
  color: var(--purple);
  background-color: var(--purple-transparent);
  border-color: rgba(var(--purple-rgb), 0.25);
}
.alert-purple hr {
  border-top-color: rgba(var(--purple-rgb), 0.25);
}
.alert-purple .alert-link {
  color: var(--purple);
}

.alert-pink {
  color: var(--pink);
  background-color: var(--pink-transparent);
  border-color: rgba(var(--pink-rgb), 0.25);
}
.alert-pink hr {
  border-top-color: rgba(var(--pink-rgb), 0.25);
}
.alert-pink .alert-link {
  color: var(--pink);
}

.alert-orange {
  color: var(--orange);
  background-color: var(--orange-transparent);
  border-color: rgba(var(--orange-rgb), 0.25);
}
.alert-orange hr {
  border-top-color: rgba(var(--orange-rgb), 0.25);
}
.alert-orange .alert-link {
  color: var(--orange);
}

.alert-teal {
  color: var(--teal);
  background-color: var(--teal-transparent);
  border-color: rgba(var(--teal-rgb), 0.25);
}
.alert-teal hr {
  border-top-color: rgba(var(--teal-rgb), 0.25);
}
.alert-teal .alert-link {
  color: var(--teal);
}

.alert-cyan {
  color: var(--cyan);
  background-color: var(--cyan-transparent);
  border-color: rgba(var(--cyan-rgb), 0.25);
}
.alert-cyan hr {
  border-top-color: rgba(var(--cyan-rgb), 0.25);
}
.alert-cyan .alert-link {
  color: var(--cyan);
}

.alert-warning {
  color: var(--warning-text);
}
.alert-warning .alert-link {
  color: var(--warning-text);
}

.alert-light {
  color: var(--gray-500);
  background-color: var(--light);
  border-color: var(--border-color);
}

.progress {
  background-color: var(--light);
  border-radius: 0.3rem;
}

.progress-bar {
  background-color: var(--primary);
}

.card {
  color: inherit;
  background-color: var(--white);
  border: 1px solid var(--border-color);
  border-radius: 5px;
  box-shadow: var(--box-shadow-sm);
}
.card .card-header {
  padding: 0.9375rem 1.25rem;
  background: transparent;
  border-color: var(--border-color);
  color: var(--heading-color);
  font-weight: 600;
}
.card .card-footer {
  padding: 0.75rem 1.25rem;
  background: var(--white);
  border-top: 1px solid var(--border-color);
}

.card-title {
  color: var(--gray-900);
  font-weight: 600;
  font-size: 16px;
}

.card-header .card-title {
  margin-bottom: 0;
}

.card-header .card-title:has(> .pull-right) + .pull-right {
  clear: right;
  margin-top: 0.5rem;
}

.card-body > .card-title {
  margin-bottom: 1rem;
}

.card-icon .card-body i,
.card-icon .card-body [class^=i-],
.card-icon-bg .card-body i,
.card-icon-bg .card-body [class^=i-] {
  color: var(--primary);
}

.card-icon-bg {
  container-type: inline-size;
}

@container (max-width: 214px) {
  .card-icon-bg .card-body {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .card-icon-bg .card-body [class^=i-] {
    font-size: 3rem;
  }
  .card-icon-bg .card-body p[style*=width] {
    width: auto !important;
  }
}
.btn {
  font-size: 0.8125rem;
  font-weight: 600;
  border-radius: 5px;
  box-shadow: none;
}
.btn i {
  vertical-align: middle;
}

.btn-sm {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
}

.btn-lg {
  font-size: 0.9375rem;
  padding: 0.5rem 1rem;
}

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

.btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.close {
  color: var(--gray-900);
  text-shadow: none;
  opacity: 0.6;
}
.close:hover {
  color: var(--danger);
  opacity: 1;
}

.dropdown-menu {
  box-shadow: var(--box-shadow);
  border-color: var(--border-color);
  padding: 4px;
  font-size: 14px;
  border-radius: 5px;
  background-color: var(--white);
  color: var(--body-color);
  animation-name: DropDownSlideUp;
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
.dropdown-menu .dropdown-item {
  border-radius: 0.3rem;
  font-size: 14px;
  color: var(--body-color);
  padding: 0.4rem 0.9375rem;
  background-color: transparent;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item.active {
  color: var(--gray-900);
  background: var(--light);
}
.dropdown-menu .dropdown-header {
  color: var(--heading-color);
  font-weight: 600;
}

.dropdown-divider {
  border-top-color: var(--border-color);
}

@keyframes DropDownSlideUp {
  100% {
    margin-top: -1px;
  }
  0% {
    margin-top: 5px;
  }
}
@media (min-width: 576px) {
  .dropdown-menu-lg {
    width: 320px;
  }

  .dropdown-menu-md {
    width: 250px;
  }
}
.drop-arrow-none::after {
  display: none !important;
  content: none !important;
}

.modal-content {
  background-color: var(--white);
  border: 1px solid var(--border-color);
  border-radius: 0.6rem;
  box-shadow: var(--box-shadow);
  color: var(--body-color);
}

.modal-header {
  padding: 16px 20px;
  border-color: var(--border-color);
  align-items: center;
}
.modal-header .modal-title {
  color: var(--heading-color);
  font-size: 18px;
  font-weight: 600;
}
.modal-header .close {
  padding: 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
  font-size: 24px;
}

.modal-body {
  padding: 20px;
}

.modal-footer {
  padding: 16px 20px;
  border-color: var(--border-color);
  gap: 8px;
}
.modal-footer > * {
  margin: 0;
}
.modal-footer > .btn-block {
  width: auto;
}

.modal-backdrop.show {
  opacity: 0.6;
}

.nav-tabs {
  border-bottom-color: var(--border-color);
}
.nav-tabs .nav-link,
.nav-tabs .nav-item .nav-link,
.nav-tabs .nav-item .nav-link:not(.disabled) {
  color: var(--body-color);
  font-weight: 500;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus,
.nav-tabs .nav-item .nav-link:hover,
.nav-tabs .nav-item .nav-link:focus,
.nav-tabs .nav-item .nav-link:not(.disabled):hover,
.nav-tabs .nav-item .nav-link:not(.disabled):focus {
  color: var(--primary);
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item .nav-link:not(.disabled).active {
  color: var(--primary);
  background: transparent;
  border: 0;
  border-bottom: 2px solid var(--primary);
}
.nav-tabs .nav-item.show .nav-link {
  color: var(--primary);
  background: transparent;
  border-bottom-color: var(--primary);
}

.nav-pills .nav-link {
  color: var(--body-color);
  font-weight: 500;
  border-radius: 5px;
}
.nav-pills .nav-link:hover {
  color: var(--primary);
}
.nav-pills .nav-link.active {
  color: #fff;
  background-color: var(--primary);
}
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: var(--primary);
}

.pagination .page-link {
  color: var(--gray-900);
  background-color: var(--white);
  border-color: var(--border-color);
  font-size: 14px;
}
.pagination .page-link:hover, .pagination .page-link:focus {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff;
  box-shadow: none;
}
.pagination .page-item.active .page-link {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.pagination .page-item.disabled .page-link {
  color: var(--gray-300);
  background: transparent;
  border-color: var(--border-color);
}

ol.breadcrumb {
  background: transparent;
  padding: 0;
  margin: 0;
}
ol.breadcrumb .breadcrumb-item {
  color: var(--body-color);
  font-size: 0.875rem;
  font-weight: 500;
}
ol.breadcrumb .breadcrumb-item a {
  color: var(--body-color);
}
ol.breadcrumb .breadcrumb-item a:hover {
  color: var(--primary);
}
ol.breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 4px;
}
ol.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  font-family: "tabler-icons";
  color: var(--body-color);
  padding-right: 4px;
}
ol.breadcrumb .breadcrumb-item.active {
  color: var(--gray-900);
}

.list-group-item {
  background-color: var(--white);
  border-color: var(--border-color);
  color: var(--body-color);
}
.list-group-item.active {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  color: var(--gray-900);
  background-color: var(--light);
}

.accordion > .card {
  box-shadow: none;
}
.accordion > .card .card-header {
  padding: 0.75rem 1.25rem;
}

.tooltip-inner {
  background-color: #0A1B39;
  border-radius: 0.3rem;
  font-size: 12px;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #0A1B39;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #0A1B39;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #0A1B39;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #0A1B39;
}

.popover {
  background-color: var(--white);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
}

.popover-header {
  background-color: var(--light);
  border-color: var(--border-color);
  color: var(--heading-color);
}

.popover-body {
  color: var(--body-color);
}

.navbar-header .avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  font-weight: 600;
  border-radius: 5px;
}
.navbar-header .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.navbar-header .avatar.avatar-md {
  width: 2.25rem;
  height: 2.25rem;
}
.navbar-header .avatar.avatar-sm {
  width: 2rem;
  height: 2rem;
}
.navbar-header .avatar.avatar-rounded {
  border-radius: 50%;
}

.kpi-icon {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 24px;
}

@keyframes over-spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: over-spinner-border 0.75s linear infinite;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

.pagination {
  flex-wrap: wrap;
  row-gap: 4px;
}

.btn-block {
  white-space: normal;
}

.card-header .btn-sm {
  padding: 6px 12px;
  font-size: 0.8125rem;
  line-height: 1.5;
}

.card-body > .row + .d-flex.justify-content-end,
form > .row + .d-flex.justify-content-end,
.modal-body > .row + .d-flex.justify-content-end {
  margin-top: 1rem;
}

.over-avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  font-weight: 600;
  line-height: 1;
  user-select: none;
}
.over-avatar img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: var(--white);
}

.over-avatar-circle {
  border-radius: 50%;
}
.over-avatar-circle img {
  object-fit: cover;
}

.over-avatar-rounded {
  border-radius: 6px;
  border: 1px solid var(--border-color);
}

.over-avatar-sm {
  width: 28px;
  height: 28px;
  font-size: 11px;
}

.over-avatar-md {
  width: 36px;
  height: 36px;
  font-size: 13px;
}

.over-avatar-lg {
  width: 48px;
  height: 48px;
  font-size: 16px;
}

.over-avatar-xl {
  width: 72px;
  height: 72px;
  font-size: 22px;
}
@media (max-width: 575.98px) {
  .over-avatar-xl {
    width: 56px;
    height: 56px;
    font-size: 18px;
  }
}

.form-control,
.form-control:invalid,
.form-control:focus,
.is-focused .form-control,
[class*=has-] .form-control {
  background-image: none !important;
}

.form-control {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--gray-900);
  background-color: var(--white);
  border: 1px solid var(--border-color);
  border-radius: 5px;
  box-shadow: none;
  transition: border-color 0.15s ease-in-out;
}
.form-control:focus {
  color: var(--gray-900);
  background-color: var(--white);
  border-color: var(--primary);
  outline: 0;
  box-shadow: none;
}
.form-control::placeholder {
  color: var(--gray-300);
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: var(--light);
  opacity: 1;
}

input.form-control {
  padding: 0.5rem 0.75rem;
}
input.form-control.form-control-sm {
  padding: 0.25rem 0.625rem;
}
input.form-control.form-control-lg {
  padding: 0.5rem 0.875rem;
}

input::placeholder {
  font-size: inherit;
}

select.form-control[multiple],
select.form-control[size],
textarea.form-control {
  height: auto;
}

textarea.form-control {
  border-color: var(--border-color) !important;
  padding: 0.5rem 0.75rem !important;
}
textarea.form-control:focus {
  border-color: var(--primary) !important;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.625rem;
  font-size: 0.75rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 0.875rem;
  font-size: 1rem;
}

input.form-control[type=color],
input.form-control[type=range] {
  min-height: 39px;
}

input.form-control[type=file] {
  height: auto;
  padding: 0.375rem 0.75rem;
}

.custom-select {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1.75rem 0.5rem 0.75rem;
  font-size: 0.875rem;
  color: var(--gray-900);
  background-color: var(--white);
  border: 1px solid var(--border-color);
  border-radius: 5px;
}
.custom-select:focus {
  border-color: var(--primary);
  box-shadow: none;
}

label,
.col-form-label {
  color: var(--heading-color);
  font-weight: 500;
}

.form-group label:not(.form-check-label):not(.custom-control-label) {
  color: var(--heading-color);
}

.form-check-label,
.custom-control-label {
  color: var(--body-color);
  font-weight: 400;
}

.form-text,
.help-block {
  color: var(--gray-400);
}

.input-group-text {
  color: var(--body-color);
  background-color: var(--light);
  border-color: var(--border-color);
  border-radius: 5px;
  font-size: 0.875rem;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-append .btn,
.input-group-prepend .btn {
  border-color: var(--border-color);
}

.form-control.is-invalid,
.was-validated .form-control:invalid,
.custom-select.is-invalid {
  border-color: var(--danger);
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus,
.custom-select.is-invalid:focus {
  box-shadow: none;
}

.form-control.is-valid,
.custom-select.is-valid {
  border-color: var(--success);
}
.form-control.is-valid:focus,
.custom-select.is-valid:focus {
  box-shadow: none;
}

.invalid-feedback {
  color: var(--danger);
}

.valid-feedback {
  color: var(--success);
}

input[type=checkbox],
input[type=radio] {
  accent-color: var(--primary);
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--primary);
  background-color: var(--primary);
}

.custom-control-label::before {
  border-color: var(--gray-200);
  background-color: var(--white);
}

.custom-file-label {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 0.75rem;
  color: var(--body-color);
  background-color: var(--white);
  border-color: var(--border-color);
  border-radius: 5px;
}
.custom-file-label::after {
  height: calc(1.5em + 1rem);
  padding: 0.5rem 0.75rem;
  color: var(--gray-900);
  background-color: var(--light);
}

.switch input:checked + .slider,
.switch-primary input:checked + .slider {
  background-color: var(--primary);
}

.password-toggle-group {
  flex-wrap: nowrap;
}
.password-toggle-group > .form-control {
  border-right: 0;
}
.password-toggle-group .input-group-append {
  display: flex;
  align-items: center;
  padding-right: 6px;
  background-color: var(--white);
  border: 1px solid var(--border-color);
  border-left: 0;
  border-radius: 0 5px 5px 0;
}
.password-toggle-group:focus-within > .form-control,
.password-toggle-group:focus-within .input-group-append {
  border-color: var(--primary);
}
.password-toggle-group > .form-control.is-invalid + .input-group-append {
  border-color: var(--danger);
}

.form-label {
  display: inline-block;
  margin-bottom: 0.375rem;
  font-size: 14px;
  font-weight: 500;
  color: var(--heading-color);
}

.page-wrapper form {
  margin-bottom: 0;
}

.list-group-item :first-child {
  margin-right: 0;
}

.custom-control-label::before {
  border: 1px solid var(--border-color);
  background-color: var(--white);
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--primary);
  background-color: var(--primary);
}

.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  border-radius: 0.5rem;
  pointer-events: all;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  border-radius: 0.5rem;
  background-color: var(--gray-400);
  background-image: none;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: var(--white);
  transform: translateX(0.75rem);
}

select.form-control:not([multiple]):not([size]),
select.custom-select {
  padding-right: 2.25rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236C7688' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center !important;
  background-size: 12px 10px !important;
}

input[type=file]::file-selector-button {
  margin-right: 0.75rem;
  padding: 0.25rem 0.75rem;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--gray-900);
  background-color: var(--light);
  border: 1px solid var(--border-color);
  border-radius: 5px;
  cursor: pointer;
}

input[type=file] {
  max-width: 100%;
  font-size: 0.875rem;
  color: var(--body-color);
}

label.checkbox,
label.radio {
  font-size: 0.875rem;
  line-height: 1.45;
  color: var(--body-color);
  font-weight: 400;
}

.form-check-label {
  font-size: 0.875rem;
}

.form-check-input[type=checkbox],
.form-check-input[type=radio] {
  appearance: none;
  width: 16px;
  height: 16px;
  margin-top: 0.15rem;
  background-color: var(--white);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  cursor: pointer;
}
.form-check-input[type=checkbox]:checked,
.form-check-input[type=radio]:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}
.form-check-input[type=checkbox]:focus,
.form-check-input[type=radio]:focus {
  outline: 0;
  box-shadow: 0 0 0 0.15rem var(--primary-transparent);
}
.form-check-input[type=checkbox]:disabled,
.form-check-input[type=radio]:disabled {
  opacity: 0.5;
  cursor: default;
}

.form-check-input[type=radio] {
  border-radius: 50%;
}

.form-check-input[type=checkbox]:checked {
  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 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.table {
  color: var(--body-color);
  background-color: var(--white);
  font-size: 0.8125rem;
}
.table th,
.table td {
  padding: 0.625rem;
  border-top-color: var(--border-color);
  vertical-align: middle;
}
.table thead th {
  color: var(--heading-color);
  font-weight: 600;
  border-bottom: 1px solid var(--border-color);
  border-top: 0;
}
.table thead:not([class*=thead-]):not([class*=bg-]) > tr:not([class*=bg-]):not([class*=table-]) > th:not([class*=bg-]):not([style*=background]) {
  background-color: var(--light);
}
.table tbody + tbody {
  border-top-color: var(--border-color);
}

[style*=font-size] .table {
  font-size: inherit;
}

th {
  font-weight: 600;
  color: var(--gray-900);
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border-color: var(--border-color);
}
.table-bordered th,
.table-bordered td {
  border-color: var(--border-color);
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--light-900);
}

.table-hover tbody tr:hover {
  color: var(--gray-900);
  background-color: var(--light);
}

.table .thead-light th {
  color: var(--heading-color);
  background-color: var(--light);
  border-color: var(--border-color);
}

.table .thead-dark th {
  color: #fff;
  background-color: #0B192B;
  border-color: #0B192B;
}

.table-responsive {
  border-radius: 5px;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
  color: var(--body-color);
  font-size: 0.8125rem;
}
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  border: 1px solid var(--border-color);
  border-radius: 5px;
  background-color: var(--white);
  color: var(--gray-900);
  padding: 0.25rem 0.5rem;
}

.table-list {
  margin-bottom: 0;
}
.table-list thead th {
  background-color: var(--white);
  border-top: 0;
  border-bottom: 1px solid var(--border-color);
  white-space: nowrap;
  vertical-align: middle;
}
.table-list th,
.table-list td {
  text-align: left;
}
.table-list tbody tr:last-child td {
  border-bottom: 0;
}
.table-list .table-sub {
  display: block;
  font-size: 0.75rem;
  color: var(--gray-400);
}

.card > .card-body.p-0 > .table-responsive {
  border-radius: 5px;
}

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

.action-item {
  width: 1%;
  text-align: right !important;
  white-space: nowrap;
}
.action-item > a,
.action-item > button,
.action-item > .action-btn {
  width: 28px;
  height: 28px;
  border: 1px solid var(--border-color);
  border-radius: 7px;
  background: var(--white);
  color: var(--gray-500);
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--box-shadow-sm);
  padding: 0;
}
.action-item > a:hover, .action-item > a:focus,
.action-item > button:hover,
.action-item > button:focus,
.action-item > .action-btn:hover,
.action-item > .action-btn:focus {
  color: var(--primary);
  border-color: var(--primary);
}
.action-item .dropdown-menu {
  min-width: 180px;
}
.action-item .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.action-item .dropdown-menu .dropdown-item i {
  font-size: 16px;
}
.action-item .dropdown-menu .dropdown-item.text-danger:hover {
  color: var(--danger);
}

.badge-dot {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-align: left;
  line-height: 1.3;
  padding: 0.35em 0.65em;
  font-size: 0.75rem;
  font-weight: 500;
}
.badge-dot::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: currentColor;
  flex-shrink: 0;
}

.table-responsive.is-menu-open {
  overflow: visible;
}

.action-item .modal {
  text-align: left;
  white-space: normal;
}

.table-kv td {
  white-space: normal;
  overflow-wrap: anywhere;
}
.table-kv td.action-item {
  white-space: nowrap;
}

.dataTables_wrapper.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.list-toolbar {
  padding-top: 12px;
  padding-bottom: 12px;
}

.list-search {
  position: relative;
  flex: 1 1 260px;
  max-width: 360px;
}
.list-search > .tb {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--gray-400);
  font-size: 15px;
  pointer-events: none;
}
.list-search input.form-control {
  padding-left: 2.25rem;
}

.list-footer {
  padding-top: 12px;
  padding-bottom: 12px;
}
.list-footer .pagination {
  margin-bottom: 0;
}

a.list-cta {
  border: 1px dashed var(--primary);
  transition: box-shadow 0.2s;
}
a.list-cta:hover {
  box-shadow: var(--box-shadow-sm);
}

.amount-lines {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 10px;
  row-gap: 1px;
}
.amount-lines > span {
  display: contents;
}
.amount-lines > span > span {
  color: var(--gray-400);
  font-size: 12px;
}
.amount-lines > span > b {
  font-weight: 500;
  color: var(--gray-900);
  text-align: right;
}
.amount-lines > span > strong {
  font-weight: 600;
  color: var(--heading-color);
  text-align: right;
}

tr.text-danger .text-dark,
tr.text-danger .amount-lines > span > b,
tr.text-danger .amount-lines > span > strong:not([class*=text-]) {
  color: var(--danger) !important;
}

.select2-container--default .select2-selection--single {
  height: calc(1.5em + 1rem + 2px);
  background-color: var(--white);
  border: 1px solid var(--border-color);
  border-radius: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--gray-900);
  font-size: 0.875rem;
  line-height: calc(1.5em + 1rem);
  padding-left: 0.75rem;
  padding-right: 1.75rem;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--gray-300);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  top: 0;
  right: 6px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--gray-500) transparent transparent transparent;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--gray-500) transparent;
}
.select2-container--default .select2-selection--multiple {
  min-height: calc(1.5em + 1rem + 2px);
  background-color: var(--white);
  border: 1px solid var(--border-color);
  border-radius: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--primary-transparent);
  border-color: transparent;
  color: var(--primary);
  border-radius: 4px;
  font-size: 0.8125rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--primary);
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple {
  border-color: var(--primary);
}
.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: var(--light);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--border-color);
  border-radius: 5px;
  background-color: var(--white);
  color: var(--gray-900);
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--light);
  color: var(--gray-900);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--primary);
  color: #fff;
}

.select2-dropdown {
  background-color: var(--white);
  border-color: var(--border-color);
  border-radius: 5px;
  box-shadow: var(--box-shadow);
  color: var(--body-color);
}

.bootstrap-select > .dropdown-toggle,
.bootstrap-select > .dropdown-toggle.btn-light {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 0.75rem;
  color: var(--gray-900);
  background-color: var(--white);
  border: 1px solid var(--border-color);
  border-radius: 5px;
  font-weight: 400;
  font-size: 0.875rem;
}
.bootstrap-select > .dropdown-toggle:focus, .bootstrap-select > .dropdown-toggle:hover,
.bootstrap-select > .dropdown-toggle.btn-light:focus,
.bootstrap-select > .dropdown-toggle.btn-light:hover {
  outline: 0 !important;
  background-color: var(--white);
  border-color: var(--primary);
}
.bootstrap-select .dropdown-menu li a.active,
.bootstrap-select .dropdown-menu li.selected a,
.bootstrap-select .dropdown-menu li a:active {
  color: #fff;
  background-color: var(--primary);
}

.bootstrap-select > .dropdown-toggle::after {
  width: 12px;
  height: 10px;
  margin-top: 0;
  border: 0;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236C7688' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat center/12px 10px;
}

.show > .btn-light.dropdown-toggle {
  color: var(--gray-900) !important;
  background-color: var(--white) !important;
  border-color: var(--primary) !important;
}

.multiselect-native-select .multiselect.dropdown-toggle,
.bootstrap-multiselect .multiselect.dropdown-toggle {
  color: var(--gray-900);
  font-weight: 400;
}

.datepicker.dropdown-menu {
  padding: 8px;
  color: var(--gray-900);
}
.datepicker.dropdown-menu table tr td,
.datepicker.dropdown-menu table tr th {
  border-radius: 5px;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.active,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.active {
  color: #fff;
  background-color: var(--primary) !important;
  background-image: none !important;
  border-color: var(--primary);
  text-shadow: none;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover {
  color: var(--primary);
  background-color: var(--primary-transparent);
  background-image: none;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused,
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: var(--light);
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header,
.dtp div.dtp-date,
.dtp div.dtp-time {
  background: var(--primary);
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
  background: var(--primary-hover);
}

.dtp table.dtp-picker-days tr > td > a.selected,
.dtp .p10 > a {
  background: var(--primary);
  color: #fff;
}

.dtp-select-hour.selected text,
.dtp-select-minute.selected text {
  fill: #fff;
}

.vanillatoasts-toast {
  font-family: var(--font-family-base);
  border-radius: 5px;
  box-shadow: var(--box-shadow);
}

.dropzone {
  border: 1px dashed var(--border-color);
  border-radius: 5px;
  background: var(--white);
}

.ui-autocomplete.ui-menu {
  z-index: 1060 !important;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 4px;
  font-family: inherit;
  font-size: 14px;
  color: var(--body-color);
  background: var(--white);
  border: 1px solid var(--border-color);
  border-radius: 5px;
  box-shadow: var(--box-shadow);
}
.ui-autocomplete.ui-menu .ui-menu-item-wrapper {
  padding: 0.4rem 0.9375rem;
  border: 0;
  border-radius: 5px;
}
.ui-autocomplete.ui-menu .ui-menu-item-wrapper.ui-state-active {
  margin: 0;
  color: var(--primary);
  background: var(--primary-transparent);
}

.bootstrap-select.bootstrap-multiselect > .dropdown-toggle {
  background-color: var(--white) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 5px !important;
}
.bootstrap-select.bootstrap-multiselect > .dropdown-toggle:focus, .bootstrap-select.bootstrap-multiselect > .dropdown-toggle:hover {
  border-color: var(--primary) !important;
}

@media (max-width: 767.98px) {
  .fc-toolbar.fc-header-toolbar .fc-center {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    clear: both;
    width: 100%;
    padding-top: 10px;
  }
  .fc-toolbar.fc-header-toolbar .fc-center > * {
    float: none;
    margin: 0;
  }
  .fc-toolbar.fc-header-toolbar h2 {
    font-size: 1.125rem;
  }

  th.fc-day-header {
    font-size: 13px;
    padding: 6px 0;
  }
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: var(--primary);
}

.btn-outline-info:hover,
.btn-outline-primary:hover {
  color: #fff;
}

.table-policy-premium-detail-famiglia {
  font-size: 10px !important;
}

.commentaries-icon {
  width: 16px !important;
  padding: 0 !important;
}

.shareholdingCompaniesImg {
  width: 40% !important;
}

.td-image {
  font-size: 19px !important;
}

.select2-container {
  width: 100% !important;
}

.font-sans-serif {
  font-family: "Open Sans", sans-serif !important;
}

@media (max-width: 820px) {
  .menu_recapiti {
    display: none !important;
  }

  .menu_recapiti_mobile {
    display: inline-flex !important;
  }
}
.swal2-modal {
  background: var(--swal-bg) !important;
  color: var(--swal-color);
  border-radius: 0.6rem !important;
  font-family: var(--font-family-base);
}
.swal2-modal h2,
.swal2-modal .swal2-title {
  font-size: 22px !important;
  font-weight: 600;
  color: var(--swal-title-color) !important;
}
.swal2-modal .swal2-content {
  color: var(--swal-color) !important;
}

.swal2-container .swal2-styled {
  border-radius: 5px !important;
  font-weight: 600;
  font-size: 14px !important;
}
.swal2-container .swal2-styled:not(.swal2-cancel) {
  background: var(--swal-confirm-bg) !important;
}

.swal2-icon.swal2-success::before,
.swal2-icon.swal2-success::after,
.swal2-icon.swal2-success .fix {
  display: none;
}

.sidebar .sidebar-inner {
  position: relative;
  height: calc(100% - 56px);
  margin-top: 56px;
  overflow: hidden;
}
.sidebar .sidebar-menu {
  margin-top: 0;
  padding-bottom: 24px;
}
.sidebar .sidebar-logo {
  display: flex;
  align-items: center;
  background: var(--menu-bg);
  z-index: 2;
}
.sidebar .sidebar-logo .logo-small {
  display: none;
}
.sidebar .sidebar-menu .count {
  min-width: 18px;
  width: auto !important;
  height: 18px !important;
  padding: 0 5px;
  border-radius: 9px !important;
}
.sidebar .sidebar-menu .submenu > a .count {
  margin-right: 22px;
}
.sidebar .sidebar-menu .submenu ul li a .menu-badge {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
}
.sidebar .sidebar-menu > ul > li > ul > li > a > i {
  font-size: 16px;
  width: 18px;
  text-align: center;
  flex-shrink: 0;
}

.over-brand {
  display: flex;
  align-items: center;
  gap: 8px;
}
.over-brand img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.over-brand .over-brand-text {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: var(--primary);
  line-height: 1;
}

.sidebar .sidebar-logo .logo-small img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

@media (min-width: 992px) {
  .mini-sidebar:not(.expand-menu) .sidebar .sidebar-logo .logo-small {
    display: block;
  }
}
.sidebar-overlay {
  height: 100%;
  z-index: 1040;
}

.navbar-header .topbar-menu {
  min-height: var(--topbar-height);
  align-items: center;
  gap: 12px;
}
.navbar-header .topbar-left,
.navbar-header .topbar-right {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.navbar-header .topbar-right {
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .navbar-header .logo {
    display: flex;
  }
}
.navbar-header .topbar-menu .header-item .topbar-link {
  background: transparent;
  font-size: 16px;
}
.navbar-header .topbar-menu .header-item .topbar-link img {
  max-width: 20px;
  max-height: 20px;
}
.navbar-header .topbar-menu .header-item .topbar-link.topbar-plain {
  border: 0;
  box-shadow: none;
  background: transparent;
  width: auto;
  height: auto;
  padding: 0;
}
.navbar-header .topbar-menu .header-item .topbar-link.topbar-plain img {
  max-width: none;
  max-height: none;
  width: 30px;
  height: 30px;
  object-fit: contain;
  border-radius: 6px;
}
.navbar-header .topbar-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  font-size: 10px;
  line-height: 18px;
  color: #fff;
  background-color: var(--danger);
  text-align: center;
}
.navbar-header .last-access {
  font-size: 12px;
  color: var(--gray-400);
  white-space: nowrap;
}

.mobile-btn {
  font-size: 24px;
  align-items: center;
}
@media (max-width: 991.98px) {
  .mobile-btn {
    display: inline-flex;
  }
}

.over-office-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 50px;
  border: 1px solid var(--border-color);
  background: var(--white);
  color: var(--gray-900);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
.over-office-status .office-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.over-office-status.is-open .office-dot {
  background: var(--success);
}
.over-office-status.is-closed .office-dot {
  background: var(--danger);
}

html[data-bs-theme=dark] #light-dark-mode .tb-moon::before {
  content: "";
}

.navbar-header .topbar-link.topbar-alert {
  color: var(--warning);
  background-color: var(--warning-transparent);
  border-color: transparent;
}
.navbar-header .topbar-link.topbar-alert:hover {
  color: var(--warning);
}
.navbar-header .topbar-link.topbar-alert i {
  animation: over-alert-blink 1.2s step-end infinite;
}

@keyframes over-alert-blink {
  50% {
    opacity: 0;
  }
}
.navbar-header .notification-dropdown .notification-header {
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-color);
}
.navbar-header .notification-dropdown .notification-header h6 {
  margin: 0;
  font-size: 15px;
}
.navbar-header .notification-dropdown .notification-body {
  min-height: 0;
  max-height: 320px;
  overflow-y: auto;
}
.navbar-header .notification-dropdown .notification-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 5px !important;
  white-space: normal;
}
.navbar-header .notification-dropdown .notification-item .avatar {
  background: var(--primary-transparent);
  color: var(--primary);
  font-size: 16px;
}
.navbar-header .notification-dropdown .notification-item p {
  margin: 0;
}
.navbar-header .notification-dropdown .notification-empty {
  padding: 24px 16px;
  text-align: center;
  color: var(--gray-400);
}

.profile-dropdown .dropdown-toggle img {
  width: 32px;
  height: 32px;
  object-fit: cover;
}
.profile-dropdown .profile-card {
  background: var(--light);
  border-radius: 5px;
  padding: 8px;
  margin-bottom: 8px;
}
.profile-dropdown .profile-card h6 {
  margin: 0;
  font-size: 14px;
}
.profile-dropdown .profile-card small {
  color: var(--gray-400);
}
.profile-dropdown .dropdown-item i {
  font-size: 16px;
  margin-right: 6px;
  vertical-align: middle;
}

.page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - var(--topbar-height) - 1px);
}
.page-wrapper > .content {
  flex: 1 0 auto;
  min-height: 0;
  padding: 20px;
}
@media (max-width: 767.98px) {
  .page-wrapper > .content {
    padding: 15px;
  }
}

.over-page-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--border-color);
  position: relative;
}
.over-page-header.with-filters {
  padding-right: 28px;
}
@media (max-width: 767.98px) {
  .over-page-header.with-filters {
    padding-right: 33px;
  }
}
.over-page-header > .breadcrumb,
.over-page-header > .row,
.over-page-header > .page-titles {
  flex: 1 1 auto;
  min-width: 0;
}
.over-page-header div.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0;
  padding: 0;
  background: transparent;
}
.over-page-header div.breadcrumb h1 {
  font-size: 20px;
  margin: 0;
}
.over-page-header div.breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto 0 0;
  padding: 0;
}
.over-page-header div.breadcrumb ul li {
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--body-color);
  line-height: 1.4;
}
.over-page-header div.breadcrumb ul li::after {
  display: none;
}
.over-page-header div.breadcrumb ul li + li::before {
  content: "";
  font-family: "tabler-icons";
  padding: 0 6px;
  color: var(--gray-300);
  font-weight: normal;
}
.over-page-header div.breadcrumb ul li:first-child {
  font-size: 18px;
  font-weight: 700;
  color: var(--heading-color);
}
.over-page-header div.breadcrumb ul li:first-child strong {
  font-weight: 700;
}
.over-page-header div.breadcrumb ul li a {
  color: inherit;
}
.over-page-header div.breadcrumb ul li a:hover {
  color: var(--primary);
}
.over-page-header .link-back {
  position: static !important;
  right: auto !important;
  top: auto !important;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.over-page-header div.breadcrumb > .btn,
.over-page-header div.breadcrumb > a.btn {
  position: static !important;
}
.over-page-header .separator-breadcrumb {
  display: none;
}
.over-page-header .page-titles {
  margin: 0;
  align-items: center;
}
.over-page-header .page-titles > [class*=col-] {
  padding-left: 0;
}
.over-page-header .page-titles ol.breadcrumb .breadcrumb-item:first-child {
  font-size: 18px;
  font-weight: 700;
}
.over-page-header .page-titles ol.breadcrumb .breadcrumb-item:first-child a {
  color: var(--heading-color);
}
.over-page-header > .row {
  margin-left: 0;
  margin-right: 0;
  align-items: center;
}
.over-page-header > .row > [class*=col-]:first-child {
  padding-left: 0;
}

.page-wrapper > .footer {
  padding: 10px 20px;
  background: var(--white);
  border-top: 1px solid var(--border-color);
  color: var(--gray-400);
  font-size: 13px;
}
.page-wrapper > .footer p {
  margin: 0;
}
.page-wrapper > .footer strong {
  color: var(--gray-900);
  font-weight: 500;
}

.loadscreen {
  background: var(--white);
  z-index: 10000;
}

#gifLoader {
  background-color: rgba(var(--white-rgb), 0.55) !important;
}

.customizer {
  top: calc(var(--topbar-height) + 9px);
}
.customizer .handle,
.customizer .handle:hover {
  background: var(--primary);
  color: #fff;
  border-radius: 5px 0 0 5px;
}
.customizer .customizer-body {
  background: var(--white);
  border: 1px solid var(--border-color);
  box-shadow: var(--box-shadow);
}
.customizer:not(.open) .customizer-body {
  box-shadow: none;
}

@media (min-width: 992px) {
  .mini-sidebar:not(.expand-menu) .sidebar .sidebar-menu li.submenu > ul {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .navbar-header .topbar-menu {
    gap: 6px;
  }
  .navbar-header .topbar-left {
    gap: 6px;
    overflow: hidden;
  }
  .navbar-header .topbar-left .logo {
    display: none;
  }
  .navbar-header .topbar-right {
    gap: 4px;
  }
  .navbar-header .topbar-menu .header-item .topbar-link {
    width: 30px;
    height: 30px;
    font-size: 15px;
  }
  .navbar-header .profile-dropdown .dropdown-toggle img {
    width: 30px;
    height: 30px;
  }

  .over-office-status {
    padding: 3px 8px;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.page-wrapper .main-content-wrap {
  float: none;
  width: auto;
  margin-top: 0;
  padding: 0;
  min-height: 0;
  background: transparent;
}

@media (min-width: 992px) {
  .mini-sidebar.expand-menu .navbar-header {
    margin-left: var(--sidenav-width-sm);
  }
  .mini-sidebar.expand-menu .sidebar {
    z-index: 1001;
    box-shadow: var(--box-shadow-lg);
  }

  .mini-sidebar:not(.expand-menu) .sidebar .sidebar-menu > ul > li > ul > li > a {
    position: relative;
  }
  .mini-sidebar:not(.expand-menu) .sidebar .sidebar-menu > ul > li > ul > li > a .count {
    display: flex !important;
    position: absolute;
    top: 2px;
    right: 4px;
    min-width: 16px;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 4px;
    font-size: 9px;
  }
}
.stat-card .stat-card__value {
  word-break: normal;
  overflow-wrap: normal;
  font-size: 1.25rem;
}

.over-dashboard-logo img {
  mix-blend-mode: multiply;
}

[data-bs-theme=dark] .over-dashboard-logo img {
  mix-blend-mode: normal;
  border-radius: 12px;
}

.card-icon-bg[style*="height: 80px"] > .card-body {
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}
.card-icon-bg[style*="height: 80px"] > .card-body > .content {
  margin: 0 0 0 16px !important;
  text-align: left;
}
.card-icon-bg[style*="height: 80px"] > .card-body > .content > p {
  margin: 0 !important;
  line-height: 1.3;
}
.card-icon-bg[style*="height: 80px"] > .card-body > .content > p.text-muted {
  font-size: 13px;
}
.card-icon-bg[style*="height: 80px"] > .card-body:has(> .onclick_search) {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.card-icon-bg[style*="height: 80px"] > .card-body > span {
  margin: 0 !important;
  float: none !important;
  line-height: 1.3;
}
.card-icon-bg[style*="height: 80px"] > .card-body > .onclick_search {
  font-size: 13px !important;
  color: var(--gray-400);
}

.utility-link {
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.utility-link .card-body {
  min-height: 160px;
}
.utility-link .card-body img {
  max-width: 100%;
  max-height: 120px;
  object-fit: contain;
}
.utility-link:hover {
  border-color: var(--primary);
  box-shadow: var(--box-shadow);
}

.dashboard-header-logo {
  height: 48px;
  width: auto;
  max-width: 120px;
  object-fit: contain;
}

.dashboard-kpi {
  overflow: hidden;
  box-shadow: var(--box-shadow-sm);
}
.dashboard-kpi .card-body {
  position: relative;
  z-index: 1;
}
.dashboard-kpi h3 a {
  color: inherit;
}

.dashboard-kpi-bg {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.dashboard-spark {
  flex-shrink: 0;
  min-height: 44px;
}

.stretched-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.dashboard-status-list li {
  padding: 6px 0;
  font-size: 14px;
}
.dashboard-status-list li + li {
  border-top: 1px dashed var(--border-color);
}

.dashboard-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.dashboard-shortcuts {
  row-gap: 16px;
}

.dashboard-shortcut {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 16px 8px;
  text-align: center;
  font-size: 13px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.dashboard-shortcut:hover {
  border-color: var(--primary);
  box-shadow: var(--box-shadow-sm);
}

@media (max-width: 575.98px) {
  .dashboard-kpi .card-body {
    padding: 12px;
    gap: 10px !important;
  }

  .dashboard-kpi .kpi-icon {
    width: 36px;
    height: 36px;
    font-size: 18px;
  }

  .dashboard-kpi h4 {
    font-size: 1.125rem;
  }

  .dashboard-kpi > .card-body.d-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .dashboard-kpi p.text-truncate {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}
.policy-hero {
  position: relative;
  overflow: hidden;
}
.policy-hero > .card-body {
  position: relative;
  z-index: 1;
}

.policy-hero-shape {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  opacity: 0.3;
}

.policy-hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 0;
  font-size: 13px;
  color: var(--body-color);
}
.policy-hero-meta > span:not(.badge) {
  display: inline-block;
}
.policy-hero-meta > span:not(.badge) .tb {
  margin-right: 2px;
  vertical-align: -2px;
}
.policy-hero-meta > span:not(.badge)::after {
  content: "|";
  margin: 0 10px;
  color: var(--border-color);
}
.policy-hero-meta > span:last-child::after {
  content: none;
}
.policy-hero-meta .tb {
  color: var(--gray-900);
}

.policy-hero-actions {
  position: relative;
  z-index: 2;
}

@media (max-width: 575.98px) {
  .policy-hero > .card-body > .d-flex > .d-flex:first-child {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .policy-hero-meta {
    gap: 6px 12px;
  }
  .policy-hero-meta > span:not(.badge)::after {
    content: none;
  }
}
.policy-hero-tabs {
  position: relative;
  z-index: 1;
  padding: 0 20px;
  background: transparent;
  border-top: 1px solid var(--border-color);
}
.policy-hero-tabs .nav-tabs .nav-link {
  padding-top: 14px;
  padding-bottom: 12px;
}

.info-tile {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

.info-tile-icon {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 17px;
  color: var(--gray-900);
  background: var(--light);
}

.info-tile-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 2px;
}

.info-tile-value {
  margin-bottom: 0;
  color: var(--body-color);
  overflow-wrap: anywhere;
}

.policy-person {
  padding: 12px 0;
}
.policy-person + .policy-person {
  border-top: 1px dashed var(--border-color);
}

.policy-notes {
  font-size: 14px;
  white-space: normal;
  overflow-wrap: anywhere;
}

.auth-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: var(--light) url("../img/auth/auth-bg.jpg") center/cover no-repeat;
}
.auth-page .auth-wrap {
  width: 100%;
  max-width: 480px;
}
@media (min-width: 992px) {
  .auth-page .auth-wrap {
    max-width: max(480px, 33.333vw);
  }
}
.auth-page .auth-logo {
  text-align: center;
  margin-bottom: 1.5rem;
}
.auth-page .auth-logo img {
  width: auto;
  height: 80px;
  max-width: 100%;
  object-fit: contain;
}
.auth-page .auth-card {
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
  box-shadow: var(--box-shadow);
  margin-bottom: 1.5rem;
}
.auth-page .auth-card .card-body {
  padding: 2.25rem;
}
@media (max-width: 575.98px) {
  .auth-page .auth-card .card-body {
    padding: 1.25rem;
  }
}
.auth-page .auth-title {
  text-align: center;
  margin-bottom: 1.5rem;
}
.auth-page .auth-title h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.auth-page .auth-title p {
  margin: 0;
  color: var(--body-color);
}
.auth-page .form-group {
  margin-bottom: 1rem;
}
.auth-page .form-group > label {
  font-size: 14px;
  font-weight: 500;
  color: var(--heading-color);
  margin-bottom: 0.5rem;
}
.auth-page .input-icon-group .form-control {
  height: calc(1.5em + 1.25rem + 2px);
}
.auth-page .input-icon-group {
  flex-wrap: nowrap;
}
.auth-page .input-icon-group .input-group-text {
  background-color: var(--white);
  border-right: 0;
  color: var(--gray-900);
  font-size: 16px;
}
.auth-page .input-icon-group .input-group-text.append {
  border-left: 0;
  border-right: 1px solid var(--border-color);
  cursor: pointer;
}
.auth-page .input-icon-group .form-control {
  border-left: 0;
  padding-left: 0;
}
.auth-page .input-icon-group .form-control:not(:last-child) {
  border-right: 0;
}
.auth-page .input-icon-group:focus-within .input-group-text,
.auth-page .input-icon-group:focus-within .form-control {
  border-color: var(--primary);
}
.auth-page .input-icon-group .form-control.is-invalid, .auth-page .input-icon-group.is-invalid .input-group-text {
  border-color: var(--danger);
}
.auth-page .auth-footer-text {
  text-align: center;
  color: var(--gray-900);
  font-size: 14px;
  margin: 0;
}
.auth-page .btn-auth {
  width: 100%;
  padding: 0.625rem 1rem;
  font-size: 14px;
}
.auth-page .form-check-label {
  font-size: 14px;
  line-height: 1.5;
  color: var(--gray-900);
}
.auth-page .auth-link {
  color: var(--danger);
  font-size: 14px;
}
.auth-page .auth-link:hover {
  color: var(--danger-hover);
}
.auth-page .otp-input {
  border: 1px solid var(--border-color);
  border-radius: 5px;
}
.auth-page .otp-input:focus {
  border-color: var(--primary);
  outline: none;
}

.auth-logout-btn {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 1000;
  color: var(--gray-900) !important;
}

[data-bs-theme=dark] .auth-page {
  background-image: none;
}

[data-bs-theme=dark] {
  color-scheme: dark;
}
[data-bs-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not(.btn),
[data-bs-theme=dark] select,
[data-bs-theme=dark] textarea {
  background-color: var(--white);
  color: var(--gray-900);
  border-color: var(--border-color);
}
[data-bs-theme=dark] .text-title {
  color: var(--heading-color);
}
[data-bs-theme=dark] .bg-dark,
[data-bs-theme=dark] .badge-dark,
[data-bs-theme=dark] .table .thead-dark th {
  background-color: #1A2233 !important;
  color: #fff;
}
[data-bs-theme=dark] .btn-dark {
  color: #fff;
  background-color: #1A2233;
  border-color: #1A2233;
}
[data-bs-theme=dark] .alert-warning,
[data-bs-theme=dark] .alert-warning .alert-link {
  color: var(--warning);
}
[data-bs-theme=dark] .table-primary,
[data-bs-theme=dark] .table-primary > th,
[data-bs-theme=dark] .table-primary > td {
  background-color: var(--primary-transparent);
  color: var(--heading-color);
}
[data-bs-theme=dark] .table-secondary,
[data-bs-theme=dark] .table-secondary > th,
[data-bs-theme=dark] .table-secondary > td {
  background-color: var(--secondary-transparent);
  color: var(--heading-color);
}
[data-bs-theme=dark] .table-success,
[data-bs-theme=dark] .table-success > th,
[data-bs-theme=dark] .table-success > td {
  background-color: var(--success-transparent);
  color: var(--heading-color);
}
[data-bs-theme=dark] .table-info,
[data-bs-theme=dark] .table-info > th,
[data-bs-theme=dark] .table-info > td {
  background-color: var(--info-transparent);
  color: var(--heading-color);
}
[data-bs-theme=dark] .table-warning,
[data-bs-theme=dark] .table-warning > th,
[data-bs-theme=dark] .table-warning > td {
  background-color: var(--warning-transparent);
  color: var(--heading-color);
}
[data-bs-theme=dark] .table-danger,
[data-bs-theme=dark] .table-danger > th,
[data-bs-theme=dark] .table-danger > td {
  background-color: var(--danger-transparent);
  color: var(--heading-color);
}
[data-bs-theme=dark] .table-light,
[data-bs-theme=dark] .table-light > th,
[data-bs-theme=dark] .table-light > td {
  background-color: var(--light-transparent);
  color: var(--heading-color);
}
[data-bs-theme=dark] .table-dark,
[data-bs-theme=dark] .table-dark > th,
[data-bs-theme=dark] .table-dark > td {
  background-color: var(--dark-transparent);
  color: var(--heading-color);
}
[data-bs-theme=dark] .table-active,
[data-bs-theme=dark] .table-active > th,
[data-bs-theme=dark] .table-active > td {
  background-color: var(--light);
}
[data-bs-theme=dark] .background-gray,
[data-bs-theme=dark] .btn-square-gray,
[data-bs-theme=dark] .label-legal_same_responsible {
  background: var(--light) !important;
  color: var(--gray-900);
}
[data-bs-theme=dark] .radio label,
[data-bs-theme=dark] .checkbox label,
[data-bs-theme=dark] .switch label,
[data-bs-theme=dark] .bmd-label-static,
[data-bs-theme=dark] .bmd-label-floating,
[data-bs-theme=dark] .bmd-label-placeholder {
  color: var(--body-color);
}
[data-bs-theme=dark] .datepicker table tr td.old,
[data-bs-theme=dark] .datepicker table tr td.new {
  color: var(--gray-300);
}
[data-bs-theme=dark] .datepicker-dropdown::after {
  border-bottom-color: var(--white);
}
[data-bs-theme=dark] .dtp > .dtp-content {
  background: var(--white);
  color: var(--gray-900);
}
[data-bs-theme=dark] .vanillatoasts-toast {
  background: var(--white);
  color: var(--gray-900);
  border: 1px solid var(--border-color);
}
[data-bs-theme=dark] .vanillatoasts-title {
  color: var(--heading-color);
}
[data-bs-theme=dark] .vanillatoasts-text {
  color: var(--body-color);
}
[data-bs-theme=dark] #gifLoader {
  background-color: rgba(3, 4, 26, 0.6) !important;
}
[data-bs-theme=dark] .card.bg-light,
[data-bs-theme=dark] .card-header.bg-light {
  color: var(--gray-900);
}
[data-bs-theme=dark] [style*="background: #fff"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background:#fff"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color: #fff"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color:#fff"]:not([style*="!important"]) {
  background-color: var(--light) !important;
  color: var(--gray-900);
}
[data-bs-theme=dark] [style*="background: white"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background:white"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color: white"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color:white"]:not([style*="!important"]) {
  background-color: var(--light) !important;
  color: var(--gray-900);
}
[data-bs-theme=dark] [style*="background: #f1f1f1"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background:#f1f1f1"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color: #f1f1f1"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color:#f1f1f1"]:not([style*="!important"]) {
  background-color: var(--light) !important;
  color: var(--gray-900);
}
[data-bs-theme=dark] [style*="background: #f4f4f4"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background:#f4f4f4"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color: #f4f4f4"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color:#f4f4f4"]:not([style*="!important"]) {
  background-color: var(--light) !important;
  color: var(--gray-900);
}
[data-bs-theme=dark] [style*="background: #eeeeee"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background:#eeeeee"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color: #eeeeee"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color:#eeeeee"]:not([style*="!important"]) {
  background-color: var(--light) !important;
  color: var(--gray-900);
}
[data-bs-theme=dark] [style*="background: #eee;"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background:#eee;"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color: #eee;"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color:#eee;"]:not([style*="!important"]) {
  background-color: var(--light) !important;
  color: var(--gray-900);
}
[data-bs-theme=dark] [style*="background: #e4e3e3"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background:#e4e3e3"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color: #e4e3e3"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color:#e4e3e3"]:not([style*="!important"]) {
  background-color: var(--light) !important;
  color: var(--gray-900);
}
[data-bs-theme=dark] [style*="background: #f7f7f7"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background:#f7f7f7"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color: #f7f7f7"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color:#f7f7f7"]:not([style*="!important"]) {
  background-color: var(--light) !important;
  color: var(--gray-900);
}
[data-bs-theme=dark] [style*="background: #f5f5f5"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background:#f5f5f5"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color: #f5f5f5"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color:#f5f5f5"]:not([style*="!important"]) {
  background-color: var(--light) !important;
  color: var(--gray-900);
}
[data-bs-theme=dark] [style*="background: #e4e4e4"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background:#e4e4e4"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color: #e4e4e4"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color:#e4e4e4"]:not([style*="!important"]) {
  background-color: var(--light) !important;
  color: var(--gray-900);
}
[data-bs-theme=dark] [style*="background: #f9f9f9"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background:#f9f9f9"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color: #f9f9f9"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color:#f9f9f9"]:not([style*="!important"]) {
  background-color: var(--light) !important;
  color: var(--gray-900);
}
[data-bs-theme=dark] [style*="background: #efefef"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background:#efefef"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color: #efefef"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color:#efefef"]:not([style*="!important"]) {
  background-color: var(--light) !important;
  color: var(--gray-900);
}
[data-bs-theme=dark] [style*="background: #e9e9e9"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background:#e9e9e9"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color: #e9e9e9"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color:#e9e9e9"]:not([style*="!important"]) {
  background-color: var(--light) !important;
  color: var(--gray-900);
}
[data-bs-theme=dark] [style*="background: #e0e0e0"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background:#e0e0e0"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color: #e0e0e0"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color:#e0e0e0"]:not([style*="!important"]) {
  background-color: var(--light) !important;
  color: var(--gray-900);
}
[data-bs-theme=dark] [style*="background: #eaeaea"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background:#eaeaea"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color: #eaeaea"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color:#eaeaea"]:not([style*="!important"]) {
  background-color: var(--light) !important;
  color: var(--gray-900);
}
[data-bs-theme=dark] [style*="background: #dfdfdf"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background:#dfdfdf"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color: #dfdfdf"]:not([style*="!important"]),
[data-bs-theme=dark] [style*="background-color:#dfdfdf"]:not([style*="!important"]) {
  background-color: var(--light) !important;
  color: var(--gray-900);
}
[data-bs-theme=dark] [style^="color: #003473"],
[data-bs-theme=dark] [style^="color:#003473"],
[data-bs-theme=dark] [style*=";color: #003473"],
[data-bs-theme=dark] [style*=";color:#003473"],
[data-bs-theme=dark] [style*="; color: #003473"],
[data-bs-theme=dark] [style*="; color:#003473"] {
  color: var(--primary) !important;
}
[data-bs-theme=dark] [style^="color: black"],
[data-bs-theme=dark] [style^="color:black"],
[data-bs-theme=dark] [style*=";color: black"],
[data-bs-theme=dark] [style*=";color:black"],
[data-bs-theme=dark] [style*="; color: black"],
[data-bs-theme=dark] [style*="; color:black"] {
  color: var(--gray-900) !important;
}
[data-bs-theme=dark] [style^="color: #000"],
[data-bs-theme=dark] [style^="color:#000"],
[data-bs-theme=dark] [style*=";color: #000"],
[data-bs-theme=dark] [style*=";color:#000"],
[data-bs-theme=dark] [style*="; color: #000"],
[data-bs-theme=dark] [style*="; color:#000"] {
  color: var(--gray-900) !important;
}
[data-bs-theme=dark] [style^="color: #000000"],
[data-bs-theme=dark] [style^="color:#000000"],
[data-bs-theme=dark] [style*=";color: #000000"],
[data-bs-theme=dark] [style*=";color:#000000"],
[data-bs-theme=dark] [style*="; color: #000000"],
[data-bs-theme=dark] [style*="; color:#000000"] {
  color: var(--gray-900) !important;
}
[data-bs-theme=dark] [style^="color: #222"],
[data-bs-theme=dark] [style^="color:#222"],
[data-bs-theme=dark] [style*=";color: #222"],
[data-bs-theme=dark] [style*=";color:#222"],
[data-bs-theme=dark] [style*="; color: #222"],
[data-bs-theme=dark] [style*="; color:#222"] {
  color: var(--gray-900) !important;
}
[data-bs-theme=dark] [style^="color: #222222"],
[data-bs-theme=dark] [style^="color:#222222"],
[data-bs-theme=dark] [style*=";color: #222222"],
[data-bs-theme=dark] [style*=";color:#222222"],
[data-bs-theme=dark] [style*="; color: #222222"],
[data-bs-theme=dark] [style*="; color:#222222"] {
  color: var(--gray-900) !important;
}
[data-bs-theme=dark] [style^="color: #333"],
[data-bs-theme=dark] [style^="color:#333"],
[data-bs-theme=dark] [style*=";color: #333"],
[data-bs-theme=dark] [style*=";color:#333"],
[data-bs-theme=dark] [style*="; color: #333"],
[data-bs-theme=dark] [style*="; color:#333"] {
  color: var(--gray-900) !important;
}
[data-bs-theme=dark] .stat-card .stat-card__value {
  color: var(--heading-color);
}
[data-bs-theme=dark] .over-brand .over-brand-text {
  color: #fff;
}
[data-bs-theme=dark] .navbar-header .topbar-link img {
  border-radius: 4px;
}
[data-bs-theme=dark] img[src*=default_avatar] {
  filter: invert(1);
}

[data-bs-theme=dark] th.fc-day-header {
  background: var(--light);
  color: var(--heading-color);
}
[data-bs-theme=dark] .fc-bg {
  background-color: transparent;
}

html[data-bs-theme=dark] .rag-chat-messages {
  background: var(--light);
  border-color: var(--border-color);
}
html[data-bs-theme=dark] .rag-msg.rag-msg-assistant .rag-msg-bubble,
html[data-bs-theme=dark] .rag-msg-bubble.rag-welcome {
  background: var(--primary-transparent);
  color: var(--body-color);
}
html[data-bs-theme=dark] .rag-welcome-collection {
  background: var(--white);
  color: var(--body-color);
  border-color: var(--border-color);
}