.vertical-layout {
  --vl-sidebar-narrow-width: 5rem;
  --vl-navbar-height: 80px;
}

@media (min-width: 992px) {
  .vertical-layout {
    --vl-navbar-height: 70px;
  }
}

@media (min-width: 992px) {
  .vertical-layout {
    --vl-sidebar-wide-width: 18rem;
    --vl-navbar-height: 100px;
  }
}

.sidebar-vertical-layout {
  --bs-offcanvas-width: 275px;
}

@media (min-width: 992px) {
  .sidebar-vertical-layout {
    width: var(--vl-sidebar-wide-width);
    position: fixed;
    top: 0;
    bottom: 0;
    left: auto;
    z-index: 1030;
    transition: width 0.2s ease-in-out;
  }
}

.main-vertical-layout {
  padding-top: var(--vl-navbar-height);
  transition: width .1s ease-in-out;
}

@media (min-width: 992px) {
  .main-vertical-layout {
    margin-left: var(--vl-sidebar-wide-width);
  }
}

.sidebar-layout-brand {
  height: var(--vl-navbar-height);
}

.navbar-vertical-layout {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: var(--vl-navbar-height);
  transition: all .1s ease-in-out;
  z-index: 1030;
}

@media (min-width: 992px) {
  .navbar-vertical-layout {
    left: var(--vl-sidebar-wide-width);
  }
}

@media (min-width: 992px) {
  .sidebar-logo-lg, .btn-sidebar-toggle {
    opacity: 1;
    transition: opacity .2s ease-in-out;
  }
}

@media (min-width: 992px) {
  .nav-menu span {
    opacity: 1;
    transition: opacity .2s ease-in-out;
  }
}

.btn-sidebar-toggle {
  display: inline-flex;
}

@media (min-width: 992px) {
  [data-sidebar-size="wide"] .sidebar-logo-sm {
    display: none;
  }
}

@media (min-width: 992px) {
  [data-sidebar-size="narrow"] .sidebar-logo-lg, [data-sidebar-size="narrow"] .btn-sidebar-toggle {
    opacity: 0;
  }
}

@media (min-width: 992px) {
  [data-sidebar-size="narrow"] .nav-menu span {
    opacity: 0;
  }
}

@media (min-width: 992px) {
  [data-sidebar-size="narrow"] .navbar-vertical-layout {
    left: var(--vl-sidebar-narrow-width);
  }
}

@media (min-width: 992px) {
  [data-sidebar-size="narrow"] .main-vertical-layout {
    margin-left: var(--vl-sidebar-narrow-width);
  }
}

@media (min-width: 992px) {
  [data-sidebar-size="narrow"] .sidebar-vertical-layout {
    width: var(--vl-sidebar-narrow-width);
  }
}

@media (min-width: 992px) {
  [data-sidebar-size="narrow"] .sidebar-vertical-layout:hover .sidebar-logo-sm {
    display: none;
  }
}

@media (min-width: 992px) {
  [data-sidebar-size="narrow"] .sidebar-vertical-layout:hover .sidebar-logo-lg, [data-sidebar-size="narrow"] .sidebar-vertical-layout:hover .btn-sidebar-toggle {
    display: block;
  }
}

@media (min-width: 992px) {
  [data-sidebar-size="narrow"] .sidebar-vertical-layout:hover .sidebar-logo-lg, [data-sidebar-size="narrow"] .sidebar-vertical-layout:hover .btn-sidebar-toggle, [data-sidebar-size="narrow"] .sidebar-vertical-layout:hover .nav-menu span {
    opacity: 1;
  }
}

@media (min-width: 992px) {
  [data-sidebar-size="narrow"] .sidebar-vertical-layout:hover {
    width: var(--vl-sidebar-wide-width);
  }
}

.nav-menu {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-color: #32505B;
  --bs-nav-link-hover-color: #2f3192;
  --bs-nav-link-font-size: 1rem;
  --bs-nav-link-font-weight: 500;
}

.nav-menu {
  --bs-nav-tabs-border-width: 5px;
  --bs-nav-tabs-border-color: var(--bs-body-bg);
  --bs-nav-tabs-border-radius: 0;
  --bs-nav-tabs-link-hover-border-color: #f1fafe;
  --bs-nav-tabs-link-active-color: #2f3192;
  --bs-nav-tabs-link-active-bg: #f1fafe;
  --bs-nav-tabs-link-active-border-color: #f1fafe;
  border-bottom: 0;
}

.nav-menu .nav-link {
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.nav-menu .nav-link.active {
  margin-bottom: 0;
  border-left-color: #2f3192;
}

.nav-menu .nav-link.active svg path {
  fill: #2f3192;
}

.nav-menu .nav-link:hover svg path {
  stroke: #2f3192;
}

.nav-menu .nav-link:focus, .nav-menu .nav-link:hover {
  color: var(--bs-nav-link-hover-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
}

.avatar {
  --avatar-size: 3rem;
  --avatar-indicator-size: 1rem;
}

.avatar-img {
  width: var(--avatar-size);
  height: var(--avatar-size);
  object-fit: cover;
}

.avatar-placeholder {
  width: var(--avatar-size);
  height: var(--avatar-size);
  object-fit: cover;
}

.avatar-subtitle {
  font-size: 0.75rem;
}

@media (min-width: 992px) {
  .avatar-sidebar .avatar-title, .avatar-sidebar .avatar-subtitle {
    opacity: 1;
    transition: opacity .2s ease-in-out;
  }
}

@media (min-width: 992px) {
  [data-sidebar-size="narrow"] .avatar-sidebar .avatar-title, [data-sidebar-size="narrow"] .avatar-sidebar .avatar-subtitle {
    opacity: 0;
  }
}

@media (min-width: 992px) {
  [data-sidebar-size="narrow"] .sidebar-vertical-layout:hover .avatar-sidebar .avatar-title, [data-sidebar-size="narrow"] .sidebar-vertical-layout:hover .avatar-sidebar .avatar-subtitle {
    opacity: 1;
  }
}

.navbar-icon {
  --bs-btn-bg: rgba(46,49,146,0.1);
  --bs-btn-border-color: rgba(46,49,146,0.1);
  --bs-btn-hover-bg: rgba(46,49,146,0.2);
  --bs-btn-hover-border-color: rgba(46,49,146,0.2);
  --bs-btn-active-bg: rgba(46,49,146,0.1);
  --bs-btn-active-border-color: rgba(46,49,146,0.1);
}

.form-control-wrapper .form-control {
  border-color: rgba(4,159,217,0.2);
}

.form-control-wrapper.form-control-icon-end .form-control {
  padding-right: 2rem;
}

.form-control-wrapper.form-control-icon-end .position-absolute-end {
  right: 1rem;
}

.card-stats {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 1.5rem;
  --bs-card-border-color: #00AEEF;
  --bs-card-border-radius: 1rem;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-height: 185px;
  background: linear-gradient(165.34deg, #00AEEF 0%, #145B76 89.63%);
}

.card-stats-icon {
  margin-top: -1px;
  height: 90%;
}

.card-features {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 1.5rem;
  --bs-card-border-color: #00AEEF;
  --bs-card-border-radius: 1rem;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-height: 170px;
  background: linear-gradient(165.34deg, #00AEEF 0%, #145B76 89.63%);
}

@media (max-width: 1199.98px) {
  .offcanvas-search.offcanvas-top {
    height: auto;
  }
}

.table-primary {
  --bs-table-color: #002247;
  --bs-table-bg: #dbf2fb;
  --bs-table-border-color: #dbf2fb;
}

.btn-more {
  --bs-btn-color: #32505B;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #049FD9;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: #049FD9;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: transparent;
}

.btn-more:hover svg path, .btn-more:active svg path, .btn-more:focus-visible svg path, .btn-more.show svg path {
  fill: var(--bs-btn-color);
}

.dropdown-menu-more {
  --bs-dropdown-padding-x: 1rem;
  --bs-dropdown-padding-y: 1rem;
  --bs-dropdown-spacer: 0.25rem;
  --bs-dropdown-font-size: 14px;
  --bs-dropdown-border-color: rgba(4,159,217,0.2);
  --bs-dropdown-border-radius: 1.25rem;
  --bs-dropdown-link-color: #32505B;
  --bs-dropdown-link-hover-color: #32505B;
  --bs-dropdown-link-hover-bg: #dbf2fb;
  --bs-dropdown-link-active-color: #32505B;
  --bs-dropdown-link-active-bg: #dbf2fb;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.5rem;
  box-shadow: var(--bs-dropdown-box-shadow);
}

.dropdown-menu-profile {
  --bs-dropdown-padding-x: 1rem;
  --bs-dropdown-padding-y: 1rem;
  --bs-dropdown-spacer: 1rem;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: #fff;
  --bs-dropdown-border-radius: 0.5rem;
  --bs-dropdown-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.1);
  --bs-dropdown-link-color: #32505B;
  --bs-dropdown-link-hover-color: #32505B;
  --bs-dropdown-link-hover-bg: #dbf2fb;
  --bs-dropdown-link-active-color: #32505B;
  --bs-dropdown-link-active-bg: #dbf2fb;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.75rem;
  box-shadow: var(--bs-dropdown-box-shadow);
}

.table-light {
  --bs-table-bg: #fff;
}

@media (min-width: 1400px) {
  .form-control-search {
    min-width: 400px;
  }
}

.card-light {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1.5rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-color: rgba(4,159,217,0.2);
  --bs-card-border-radius: var(--bs-border-radius-xl);
  --bs-card-bg: #fff;
  --bs-card-title-color: #002247;
  --bs-card-cap-padding-y: 1rem;
  --bs-card-cap-padding-x: 1.5rem;
  --bs-card-cap-bg: #fff;
  --bs-card-inner-border-radius: var(--bs-border-radius-xl);
}

.nav-tabs-settings {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-color: #002247;
  --bs-nav-link-hover-color: var(--bs-info);
}

.nav-tabs-settings {
  --bs-nav-tabs-border-color: #fff;
  --bs-nav-tabs-border-radius: 0;
  --bs-nav-tabs-link-hover-border-color: #fff;
  --bs-nav-tabs-link-active-color: var(--bs-info);
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #fff #fff var(--bs-info) #fff;
  border-bottom-color: #e6e9ed;
}

.dropdown-select .btn-light {
  --bs-btn-color: #32505B;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: rgba(4,159,217,0.2);
  --bs-btn-hover-color: var(--bs-btn-color);
  --bs-btn-hover-bg: var(--bs-btn-bg);
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-btn-color);
  --bs-btn-active-bg: var(--bs-btn-bg);
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
}

.dropdown-select .dropdown-menu {
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  width: 100%;
  box-shadow: 0px 4px 12px 2px rgba(129,129,129,0.2);
}

.dropdown-select .form-check:hover {
  background-color: var(--bs-info);
  --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23049fd9' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  --form-check-label-color: #fff;
  --form-check-checked-bg-color: #fff;
}

.dropdown-select.dropdown-arrow .dropdown-toggle::after {
  display: block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.43042 8.51193C4.49455 8.43711 4.57279 8.37566 4.66068 8.33109C4.74857 8.28652 4.84438 8.25971 4.94263 8.25219C5.04089 8.24467 5.13966 8.25658 5.23331 8.28725C5.32696 8.31792 5.41365 8.36675 5.48842 8.43093L12.0004 14.0119L18.5124 8.43093C18.6642 8.30906 18.8575 8.25101 19.0514 8.26904C19.2452 8.28707 19.4245 8.37977 19.5512 8.52756C19.6779 8.67534 19.7423 8.86662 19.7305 9.06095C19.7188 9.25529 19.632 9.43745 19.4884 9.56894L12.4884 15.5689C12.3525 15.6854 12.1794 15.7494 12.0004 15.7494C11.8214 15.7494 11.6483 15.6854 11.5124 15.5689L4.51242 9.56894C4.3616 9.43945 4.26836 9.25539 4.25317 9.0572C4.23798 8.859 4.30209 8.66289 4.43142 8.51193H4.43042Z' fill='black'/%3E%3C/svg%3E") center / cover no-repeat;
}

.form-control-every.form-control-icon-end .form-control {
  padding-right: 8rem;
}

.table-responsive {
  overflow-x: visible;
}