.header-icon {
  display: flex;
  padding: 18px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

@media (min-width: 992px) {
  .header-icon {
    padding: 28px 24px;
  }
}

.header-icon-active {
  background: var(--color-background-primary-active, #036);
}

.it-header-slim-wrapper {
  height: auto !important;
  padding-block: 0 !important;
}

@media (min-width: 992px) {
  .it-header-slim-wrapper p > strong {
    font-family: "Titillium Web";
    font-size: 32px;
    font-style: normal;
    line-height: 40px; /* 125% */
  }
}

.it-header-slim-wrapper-content {
  height: auto !important;
}

.it-header-slim-right-zone {
  height: auto !important;
}

.logo-header {
  width: 36px;
  height: 36px;
}

@media (min-width: 992px) {
  .logo-header {
    width: 48px;
    height: 48px;
  }
}

/* Collapsable sidebar */

.navbar {
  background: none;
  padding: 0;
  position: revert;
  display: revert;
}

.custom-navbar-toggler {
  display: revert !important;
}

header.navbar .navbar-collapsable {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 100;
  display: none !important;
  width: 100%;
}

header.navbar .navbar-collapsable.expanded {
  display: block !important;
}

header.navbar .navbar-collapsable .overlay {
  display: block !important;
}

header.navbar .close-div {
  display: block !important;
}

header.navbar .navbar-collapsable .menu-wrapper {
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 48px;
  left: 0;
  pointer-events: all;
  overflow-y: auto;
  transform: translateX(-100%);
  transition: all 0.2s cubic-bezier(0.29, 0.85, 0.5, 0.99);
  z-index: 5;
}

@media (min-width: 992px) {
  header.navbar .navbar-collapsable .menu-wrapper {
    right: auto;
  }
}

.sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul li a.active {
  background: var(--color-blue-97, #f2f7fc);
}

.gap-6 {
  gap: 24px;
}

.gap-2 {
  gap: 8px;
}

.title-card {
  background: var(--color-background-primary-active, #036);
}

.title-card .container {
  padding-top: 36px;
  padding-bottom: 36px;
}

@media (min-width: 992px) {
  .title-card .container {
    padding-top: 72px;
    padding-bottom: 12px;
  }
}

.date-input {
  width: 100% !important;
}

@media (min-width: 992px) {
  .date-input {
    width: auto !important;
  }
}

.gap-8 {
  gap: 32px;
}

.gap-15 {
  gap: 60px;
}

.gap-4 {
  gap: 16px !important;
}

@media (min-width: 992px) {
  .lg-gap-6 {
    gap: 24px !important;
  }
}

.cards-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  /* padding: 40px 0px; */
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 12px;
}

@media (min-width: 992px) {
  .cards-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
  }
}

.custom-card {
  display: flex;
  /* width: 251px; */
  padding: 24px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-shrink: 0;

  background: var(--color-blue-97, #f2f7fc);
}

@media (min-width: 992px) {
  .custom-card {
    padding: 36px 0px;
  }
}

.custom-card p {
  color: var(--color-text-base, #1a1a1a);
  text-align: center;
  /* XXL/Bold */
  font-family: Manrope, "Titillium Web";
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;

  align-self: stretch;
  margin: 0;
}

.custom-card span {
  color: var(--color-text-base, #1a1a1a);
  text-align: center;
  /* body/sans */
  font-family: "Titillium Web";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */

  align-self: stretch;
  margin: 0;
}

.custom-table > table {
  display: none;
}

.custom-table > div {
  display: flex;
}

@media (min-width: 992px) {
  .custom-table > table {
    display: table;
  }

  .custom-table > div {
    display: none !important;
  }
}

.custom-table thead th {
  border-bottom: 0.5px solid var(--color-border-secondary, #5c6f82);
  background: var(--color-background-primary-light, #bfdfff);
}

.custom-table thead th > div {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.custom-table td.actions {
  text-align: end;
}

.custom-table > div div.table-card {
  display: flex;
  padding: 24px 12px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;

  border-top: 0.5px solid var(--color-border-secondary, #5c6f82);
  border-bottom: 0.5px solid var(--color-border-secondary, #5c6f82);
}

.custom-table > div div.table-card:nth-child(odd) {
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-striped-color: var(--bs-body-color);

  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);

  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.custom-table > div div.table-card div.info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.custom-table > div div.table-card div.info div.info-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

#StepComandi_ContentComandi li:nth-child(odd) {
  background: #f5f5f5;
}