.h-32-40-600 {
  font-weight: 600;
  font-size: var(--size-32);
  line-height: var(--size-40);
  letter-spacing: -0.063rem;
}

.h-24-32-600 {
  font-weight: 600;
  font-size: var(--size-24);
  line-height: var(--size-32);
}

.h-18-28-600 {
  font-weight: 600;
  font-size: var(--size-18);
  line-height: var(--size-28);
}

.h-16-24-600 {
  font-weight: 600;
  font-size: var(--size-16);
  line-height: var(--size-24);
}

.b-18-28-600 {
  font-weight: 600;
  font-size: var(--size-18);
  line-height: var(--size-28);
}

.b-16-28-600 {
  font-weight: 600;
  font-size: var(--size-16);
  line-height: var(--size-28);
}

.b-16-24-600 {
  font-weight: 600;
  font-size: var(--size-16);
  line-height: var(--size-24);
}

.b-16-24-500 {
  font-weight: 500;
  font-size: var(--size-16);
  line-height: var(--size-24);
}

.b-16-24-400 {
  font-weight: 400;
  font-size: var(--size-16);
  line-height: var(--size-24);
}

.b-14-20-600 {
  font-weight: 600;
  font-size: var(--size-14);
  line-height: var(--size-20);
}

.b-14-20-500 {
  font-weight: 500;
  font-size: var(--size-14);
  line-height: var(--size-20);
}

.b-14-20-400 {
  font-weight: 400;
  font-size: var(--size-14);
  line-height: var(--size-20);
}

.b-14-14-500 {
  font-weight: 500;
  font-size: var(--size-14);
  line-height: var(--size-14);
}

.b-13-13-500 {
  font-weight: 500;
  font-size: var(--size-13);
  line-height: var(--size-13);
}

.b-12-16-600 {
  font-weight: 600;
  font-size: var(--size-12);
  line-height: var(--size-16);
}

.b-12-16-500 {
  font-weight: 500;
  font-size: var(--size-12);
  line-height: var(--size-16);
}

.b-12-16-400 {
  font-weight: 400;
  font-size: var(--size-12);
  line-height: var(--size-16);
}


.shadow-md {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06), 0px 6px 12px -2px rgba(0, 0, 0, 0.08);
}

.shadow-xl {
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.10), 0px 16px 32px -4px rgba(0, 0, 0, 0.08), 0px 32px 64px -12px rgba(0, 0, 0, 0.06);
}

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

  #blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
  }

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

.z-index-4 {
  z-index: 4;
}

.z-index-6 {
  z-index: 6;
}

.scroll-shadows-v {
  background: linear-gradient(#fff 25%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #fff 75%) 0 100%,
  /* Shadows */
  radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 20%), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 20%), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 100% 30px, 100% 30px, 100% 15px, 100% 15px;
  background-attachment: local, local, scroll, scroll;
}

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

.no-value::after {
  content: ' \002D';
}

.pointer-events-none {
  pointer-events: none;
}

.div-hoverable:hover {
  background-color: #eff2f5;
}

.app-main {
  margin-top: var(--bs-app-header-height);
}

#kt_app_content_container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* This class is on Header.razor.css but was kept here for the ServiceError page*/
.app-header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1060;
    width: 100%;
    background: #FFFFFF;
    border: 0;
}

/* This class is on Header.razor.css but was kept here for the ServiceError page*/
.header-container {
    min-height: 4.5rem;
    align-items: center;
}

/* This class is on Header.razor.css but was kept here for the ServiceError page*/
.header-logo-container {
    display: flex;
    align-items: center;
    max-width: 11.25rem;
    height: 4rem;
}

/* This class is on Header.razor.css but was kept here for the ServiceError page*/
.header-logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* This class is on Header.razor.css but was kept here for the ServiceError page*/
.header-logo {
    max-height: 4rem;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* This class is on Header.razor.css but was kept here for the ServiceError page*/
@media (max-width: 991.98px) {
    .header-logo {
        max-height: 3rem;
    }
}

#kt_app_header_wrapper {
    height: 2.25rem;
}

.disabled-div {
  pointer-events: none;
  opacity: 0.4;
}

.scrollbar {
  overflow: auto;
}

/* We use this class in order maintain the width of the card, even when the child's don't use it. */
.fill-content {
  flex: 1 1 auto;
}

.r-4 {
  right: 1rem;
}

.min-w-115px {
  min-width: 115px !important
}

@media (min-width:1450px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 91% !important;
    }
}

@media (min-width:2110px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1920px !important;
  }
}


.validation-message {
  font-weight: 400;
  font-size: var(--size-14);
  line-height: var(--size-20);
}


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

.pointer {
  cursor: pointer;
}


.width-1 {
  width: 1%;
}

.gap-inherit {
  gap: inherit;
}

.email-digest-accordion-header {
  position: relative;
  z-index: 1;
}

.header-section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.app-header-menu .menu > .menu-item {
    margin-right: 0;
}

body {
    --announcekit-bar-font-multiplier: 0.8125;
}

/* Drawer and toasts should show below the banner if it's visible */
:root {
    --announcekit-banner-height: calc(var(--announcekit-bar-font-multiplier, 1) * 2.5rem);
}

body:has([class*="announcekit-booster-bar"][class*="active"]) .card-drawer,
body:has([class*="announcekit-booster-bar"][class*="active"]) .card-drawer-overlay,
body:has([class*="announcekit-booster-bar"][class*="active"]) .toast-container {
    top: var(--announcekit-banner-height);
}