main#app > .container {
  padding: 60px 15px 0;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

.bg-image {
  background-position: 0% 50%;
  background-size: cover
}

.bg-primary-dark-op {
  background-color: #4b5563cc !important
}

.bg-body-extra-light {
  background-color: #fff !important
}

.text-brand-blue {
  color: #7091e5 !important
}

.page-container {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
  min-width: 320px;
  min-height: 100vh;
  background-color: #ebeef2
}

#main-container {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  max-width: 100%
}

.hero-static {
  min-height: 100vh
}

.hero-static a {
  text-decoration: none;
}

.toast {
  width: 620px;
}

/* Sticky table header */
.table thead {
  position: sticky;
  top: 56px; /* Height of the fixed navbar */
  z-index: 10;
}

/* Left sidebar navigation */
.bd-toc nav {
  font-size: .875rem;
}

.bd-toc nav ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.bd-toc nav li {
  margin-bottom: .25rem;
}


.bd-toc nav a {
  color: inherit;
}

.bd-toc nav a:not(:hover) {
  text-decoration: none;
}

.bd-toc nav a.active {
  text-decoration: underline;
  color: rgba(var(--bs-dark-rgb));
}


@media print {
  .app-nav-panel,
  .app-nav-panel.d-flex {
    display: none !important;
  }

  .app-card-container,
  .app-card-container.border,
  .app-card-container.rounded {
    border: none !important;
    padding: 0 !important;
  }

  .app-title,
  .app-title.mb-5 {
    font-size: 1.2rem !important;
    margin-bottom: 1.2rem !important;
  }

  .navbar,
  .navbar.navbar-dark,
  .navbar .navbar-brand {
    color: black !important;
    background-color: white !important;
  }

  .table>:not(caption)>*>* {
    font-size: 10pt !important;
  }

  .table>:not(caption)>* .fw-semibold {
    font-weight: normal !important;
  }

  .table>:not(caption)>* .py-1 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .d-print-nooffset {
    margin-left: 0 !important;
  }

  .d-print-col {
    width: auto !important;
  }

  .d-print-col .col-3 {
    width: 32% !important;
  }

  .d-print-pl-none {
    padding-left: 0 !important;
  }
  
  .d-print-p-none,
  .d-print-p-none.p-3 {
    padding: 0 !important;
  }
}