.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bb-offcanvas-zindex: 1045;
  --bb-offcanvas-width: 400px;
  --bb-offcanvas-height: 30vh;
  --bb-offcanvas-padding-x: 1.5rem;
  --bb-offcanvas-padding-y: 1.5rem;
  --bb-offcanvas-color: var(--bb-body-color);
  --bb-offcanvas-bg: var(--bb-bg-surface);
  --bb-offcanvas-border-width: var(--bb-border-width);
  --bb-offcanvas-border-color: var(--bb-border-color);
  --bb-offcanvas-box-shadow: var(--bb-box-shadow-sm);
  --bb-offcanvas-transition: transform 0.3s ease-in-out;
  --bb-offcanvas-title-line-height: 1.4285714286
}

.icon {
    --bb-icon-size: 1.25rem;
    stroke-width: 1.5;
    font-size: var(--bb-icon-size);
    height: var(--bb-icon-size);
    vertical-align: bottom;
    width: var(--bb-icon-size);
}

.icon-sm {
  --bb-icon-size: 1rem;
  stroke-width: 1
}

.icon-md {
  --bb-icon-size: 2.5rem;
  stroke-width: 1
}

.icon-lg {
  --bb-icon-size: 3.5rem;
  stroke-width: 1
}

.notification-content h3 {
    font-size: 1rem;
}

.notification-content p.text-muted {
    font-size: 0.875rem;
}

#notification-sidebar .btn-close {
    margin-bottom: calc(var(--bb-offcanvas-padding-y)* -.5);
    margin-right: calc(var(--bb-offcanvas-padding-x)* -.5);
    margin-top: calc(var(--bb-offcanvas-padding-y)* -.5);
    padding: calc(var(--bb-offcanvas-padding-y)* .5) calc(var(--bb-offcanvas-padding-x)* .5);
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
}

.offcanvas-backdrop {
  --bs-backdrop-bg: #0000005e;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: var(--bs-backdrop-bg);
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1040
}

.offcanvas-backdrop.fade {
  opacity: 0
}

.offcanvas-backdrop.show {
  opacity: .24
}

.navbar-front .navbar-nav .nav-item {
    flex-direction: column;
    justify-content: center;
}

.navbar-front .nav-link {
    align-items: center;
    display: flex;
    transition: color .3s;
}

.navbar-front .navbar-nav .nav-link {
    border-radius: var(--bb-border-radius);
    justify-content: center;
    min-height: 2rem;
    min-width: 2rem;
    position: relative;
}

.navbar-front .navbar-nav .nav-link .badge {
    position: absolute;
    right: .375rem;
    top: .375rem;
    transform: translate(50%, -50%);
    color: #fff;
    font-weight: 400;
}

.badge {
  --bb-badge-padding-x: 0.5em;
  --bb-badge-padding-y: 0.25em;
  --bb-badge-font-size: 85.714285%;
  --bb-badge-font-weight: var(--bb-font-weight-medium);
  --bb-badge-color: var(--bb-secondary);
  --bb-badge-border-radius: var(--bb-border-radius);
  border-radius: var(--bb-badge-border-radius);
  color: var(--bb-badge-color);
  display: inline-block;
  font-size: var(--bb-badge-font-size);
  font-weight: var(--bb-badge-font-weight);
  line-height: 1;
  padding: var(--bb-badge-padding-y) var(--bb-badge-padding-x);
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap
}

.badge-pill {
  border-radius: 100rem
}

.bg-red {
  background-color: rgb(214 57 54) !important
}

.text-red-fg {
  color: #f6f8fb !important
}

.navbar .navbar-nav .nav-link {
    padding: 8px;
}

.dropdown-menu {
  --bb-dropdown-zindex: 1000;
  --bb-dropdown-min-width: 11rem;
  --bb-dropdown-padding-x: 0;
  --bb-dropdown-padding-y: 0.25rem;
  --bb-dropdown-spacer: 1px;
  --bb-dropdown-font-size: 0.875rem;
  --bb-dropdown-color: var(--bb-body-color);
  --bb-dropdown-bg: var(--bb-bg-surface);
  --bb-dropdown-border-color: var(--bb-border-color-translucent);
  --bb-dropdown-border-radius: var(--bb-border-radius);
  --bb-dropdown-border-width: var(--bb-border-width);
  --bb-dropdown-inner-border-radius: calc(var(--bb-border-radius) - var(--bb-border-width));
  --bb-dropdown-divider-bg: var(--bb-border-color-translucent);
  --bb-dropdown-divider-margin-y: var(--bb-spacer-2);
  --bb-dropdown-box-shadow: var(--bb-box-shadow-dropdown);
  --bb-dropdown-link-color: inherit;
  --bb-dropdown-link-hover-color: inherit;
  --bb-dropdown-link-hover-bg: rgba(var(--bb-secondary-rgb), 0.08);
  --bb-dropdown-link-active-color: var(--bb-primary);
  --bb-dropdown-link-active-bg: var(--bb-active-bg);
  --bb-dropdown-link-disabled-color: var(--bb-tertiary-color);
  --bb-dropdown-item-padding-x: 0.75rem;
  --bb-dropdown-item-padding-y: 0.5rem;
  --bb-dropdown-header-color: #49566c;
  --bb-dropdown-header-padding-x: 0.75rem;
  --bb-dropdown-header-padding-y: 0.25rem;
  background-clip: padding-box;
  background-color: var(--bb-dropdown-bg);
  border: var(--bb-dropdown-border-width) solid var(--bb-dropdown-border-color);
  border-radius: var(--bb-dropdown-border-radius);
  box-shadow: var(--bb-dropdown-box-shadow);
  color: var(--bb-dropdown-color);
  display: none;
  font-size: var(--bb-dropdown-font-size);
  list-style: none;
  margin: 0;
  min-width: var(--bb-dropdown-min-width);
  padding: var(--bb-dropdown-padding-y) var(--bb-dropdown-padding-x);
  position: absolute;
  text-align: left;
  z-index: var(--bb-dropdown-zindex)
}

.dropdown-menu[data-bs-popper] {
  left: 0;
  margin-top: var(--bb-dropdown-spacer);
  top: 100%
}

.dropdown-menu-start {
  --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
  left: 0;
  right: auto
}

.dropdown-menu-end {
  --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
  left: auto;
  right: 0
}

@media (min-width:576px) {
  .dropdown-menu-sm-start {
    --bs-position: start
  }

  .dropdown-menu-sm-start[data-bs-popper] {
    left: 0;
    right: auto
  }

  .dropdown-menu-sm-end {
    --bs-position: end
  }

  .dropdown-menu-sm-end[data-bs-popper] {
    left: auto;
    right: 0
  }
}

@media (min-width:768px) {
  .dropdown-menu-md-start {
    --bs-position: start
  }

  .dropdown-menu-md-start[data-bs-popper] {
    left: 0;
    right: auto
  }

  .dropdown-menu-md-end {
    --bs-position: end
  }

  .dropdown-menu-md-end[data-bs-popper] {
    left: auto;
    right: 0
  }
}

@media (min-width:992px) {
  .dropdown-menu-lg-start {
    --bs-position: start
  }

  .dropdown-menu-lg-start[data-bs-popper] {
    left: 0;
    right: auto
  }

  .dropdown-menu-lg-end {
    --bs-position: end
  }

  .dropdown-menu-lg-end[data-bs-popper] {
    left: auto;
    right: 0
  }
}

@media (min-width:1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start
  }

  .dropdown-menu-xl-start[data-bs-popper] {
    left: 0;
    right: auto
  }

  .dropdown-menu-xl-end {
    --bs-position: end
  }

  .dropdown-menu-xl-end[data-bs-popper] {
    left: auto;
    right: 0
  }
}

@media (min-width:1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start
  }

  .dropdown-menu-xxl-start[data-bs-popper] {
    left: 0;
    right: auto
  }

  .dropdown-menu-xxl-end {
    --bs-position: end
  }

  .dropdown-menu-xxl-end[data-bs-popper] {
    left: auto;
    right: 0
  }
}

.navbar-front .card-header {
    align-items: center;
    background: transparent;
    color: inherit;
    display: flex;
}

.navbar-front .card-title {
    display: block;
    font-size: 1rem;
    font-weight: var(--bb-font-weight-medium);
    line-height: 1.5rem;
}

.navbar-front .card-actions {
    margin: -.5rem -.5rem -.5rem auto;
    padding-left: .5rem;
}

.card-actions a {
    text-decoration: none;
}

.navbar-front .row>* {
    min-width: 0;
}
.avatar {
  --bb-avatar-size: 2.5rem;
  --bb-avatar-status-size: 0.75rem;
  --bb-avatar-bg: var(--bb-bg-surface-secondary);
  --bb-avatar-box-shadow: var(--bb-box-shadow-border);
  --bb-avatar-font-size: 1rem;
  --bb-avatar-icon-size: 1.5rem;
  align-items: center;
  background: var(--bb-avatar-bg) no-repeat center/cover;
  border-radius: var(--bb-border-radius);
  box-shadow: var(--bb-avatar-box-shadow);
  color: var(--bb-secondary);
  display: inline-flex;
  font-size: var(--bb-avatar-font-size);
  font-weight: var(--bb-font-weight-medium);
  height: var(--bb-avatar-size);
  justify-content: center;
  line-height: 1;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: bottom;
  width: var(--bb-avatar-size)
}

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

.stat-widget-custom .dashboard-widget-item .details {
  height: 9rem;
}

.stat-widget-custom .dashboard-widget-item .details .number {
    font-size: 48px;
    line-height: 78px;
}

.bg-yellow {
      --bb-bg-opacity: 1;
    background-color: rgba(245,159,0, var(--bb-bg-opacity)) !important;
}