#essentiallinks {
  padding-bottom: 2rem;
}

.tile-theme--orange {
  background-color: #f9a851;
  color: #231f20;
}

.tile-theme--orange70 {
  background-color: #fdc182;
  color: #231f20;
}

.tile-theme--orange30 {
  background-color: #ffe2c3;
  color: #231f20;
}

.tile-theme--cool-grey {
  background-color: #b8b8b9;
  color: #231f20;
}

.tile-theme--cool-grey70 {
  background-color: #CDCDCE;
  color: #231f20;
}

.tile-theme--cool-grey30 {
  background-color: #eaeaea;
  color: #231f20;
}

.tile-theme--purple {
  background-color: #925c9e;
  color: #ffffff;
}

.tile-theme--purple70 {
  background-color: #b593bd;
  color: #231f20;
}

.tile-theme--purple30 {
  background-color: #e0d2e3;
  color: #231f20;
}

.tile-theme--red {
  background-color: #e55f53;
  color: #231f20;
}

.tile-theme--red70 {
  background-color: #ee938d;
  color: #231f20;
}

.tile-theme--red30 {
  background-color: #f8d2d0;
  color: #231f20;
}

.tile-theme--green {
  background-color: #0aaa87;
  color: #231f20;
}

.tile-theme--green70 {
  background-color: #6abea5;
  color: #231f20;
}

.tile-theme--green30 {
  background-color: #bfe0d4;
  color: #231f20;
}

.tile-theme--blue {
  background-color: #00aee0;
  color: #231f20;
}

.tile-theme--blue70 {
  background-color: #8d9ef4;
  color: #231f20;
}

.tile-theme--blue30 {
  background-color: #c0e2f5;
  color: #231f20;
}

.tile-theme--yellow {
  background-color: #fcd804;
  color: #231f20;
}

.tile-theme--yellow70 {
  background-color: #fce26b;
  color: #231f20;
}

.tile-theme--yellow30 {
  background-color: #fef2be;
  color: #231f20;
}

.tile-theme--dark-blue {
  background-color: #002d6d;
  color: #ffffff;
}

.tile-theme--dark-blue70 {
  background-color: #5e779c;
  color: #231f20;
}

.tile-theme--dark-blue30 {
  background-color: #bfc8d6;
  color: #231f20;
}

.tile-theme--deep-red {
  background-color: #ac193c;
  color: #ffffff;
}

.tile-theme--deep-red70 {
  background-color: #c86480;
  color: #231f20;
}

.tile-theme--deep-red30 {
  background-color: #e8c1cb;
  color: #231f20;
}

.tile-theme--warm-grey {
  background-color: #cdc3ba;
  color: #231f20;
}

.tile-theme--warm-grey70 {
  background-color: #ddd6d0;
  color: #231f20;
}

.tile-theme--warm-grey30 {
  background-color: #f0edeb;
  color: #231f20;
}

.tile-theme--light-blue {
  background-color: #93bfe9;
  color: #231f20;
}

.tile-theme--light-blue70 {
  background-color: #b6d3f0;
  color: #231f20;
}

.tile-theme--light-blue30 {
  background-color: #e0ecf8;
  color: #231f20;
}

.tile-theme--charcoal {
  background-color: #555559;
  color: #ffffff;
}

.tile-theme--charcoal70 {
  background-color: #858588;
  color: #ffffff;
}

.tile-theme--charcoal30 {
  background-color: #cbc8c8;
  color: #231f20;
}

.tile-theme--attendance {
  background-color: #097f7c;
  color: #ffffff;
}

.nav-tabs .nav-link.active.tile-theme--orange {
  background-color: #f9a851;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--orange70 {
  background-color: #fdc182;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--orange30 {
  background-color: #ffe2c3;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--cool-grey {
  background-color: #b8b8b9;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--cool-grey70 {
  background-color: #CDCDCE;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--cool-grey30 {
  background-color: #eaeaea;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--purple {
  background-color: #925c9e;
  color: #ffffff;
}
.nav-tabs .nav-link.active.tile-theme--purple70 {
  background-color: #b593bd;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--purple30 {
  background-color: #e0d2e3;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--red {
  background-color: #e55f53;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--red70 {
  background-color: #ee938d;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--red30 {
  background-color: #f8d2d0;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--green {
  background-color: #0aaa87;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--green70 {
  background-color: #6abea5;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--green30 {
  background-color: #bfe0d4;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--blue {
  background-color: #00aee0;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--blue70 {
  background-color: #8d9ef4;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--blue30 {
  background-color: #c0e2f5;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--yellow {
  background-color: #fcd804;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--yellow70 {
  background-color: #fce26b;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--yellow30 {
  background-color: #fef2be;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--dark-blue {
  background-color: #002d6d;
  color: #ffffff;
}
.nav-tabs .nav-link.active.tile-theme--dark-blue70 {
  background-color: #5e779c;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--dark-blue30 {
  background-color: #bfc8d6;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--deep-red {
  background-color: #ac193c;
  color: #ffffff;
}
.nav-tabs .nav-link.active.tile-theme--deep-red70 {
  background-color: #c86480;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--deep-red30 {
  background-color: #e8c1cb;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--warm-grey {
  background-color: #cdc3ba;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--warm-grey70 {
  background-color: #ddd6d0;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--warm-grey30 {
  background-color: #f0edeb;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--light-blue {
  background-color: #93bfe9;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--light-blue70 {
  background-color: #b6d3f0;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--light-blue30 {
  background-color: #e0ecf8;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--charcoal {
  background-color: #555559;
  color: #ffffff;
}
.nav-tabs .nav-link.active.tile-theme--charcoal70 {
  background-color: #858588;
  color: #ffffff;
}
.nav-tabs .nav-link.active.tile-theme--charcoal30 {
  background-color: #cbc8c8;
  color: #231f20;
}
.nav-tabs .nav-link.active.tile-theme--attendance {
  background-color: #097f7c;
  color: #ffffff;
}

#dashboard-container .dashboard-section h2 {
  padding: 1rem 0.5rem 0rem 1rem;
}

#dashboard-tabs {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  overflow: visible;
}
#dashboard-tabs .nav-tabs {
  border-bottom: none;
}
#dashboard-tabs .nav-item {
  position: relative;
  overflow: visible;
  z-index: 1;
}
#dashboard-tabs .nav-item .nav-link {
  padding: 0.5rem 1rem;
  display: inline-block;
  cursor: pointer;
  transition: clip-path 0.2s ease;
  clip-path: none;
  border-radius: 0;
  border: none;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--orange {
  position: relative;
  background-color: #f9a851;
  border: 3px solid;
  border-color: #f9a851;
  color: #231f20;
  /*&.active {
    font-weight: bold;
  }*/
}
#dashboard-tabs .nav-item .nav-link.tile-theme--orange:hover, #dashboard-tabs .nav-item .nav-link.tile-theme--orange:focus {
  border: 3px solid;
  border-color: #f9a851;
  clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0% 100%);
}
#dashboard-tabs .nav-item .nav-link.tile-theme--orange:focus-visible {
  clip-path: none !important;
  outline: none;
  border: 3px solid;
  border-color: #415dec;
  z-index: 1;
  position: relative;
  box-shadow: none;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--orange:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0px;
  border: 3px solid white;
  pointer-events: none;
  z-index: -1;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--cool-grey {
  position: relative;
  background-color: #b8b8b9;
  border: 3px solid;
  border-color: #b8b8b9;
  color: #231f20;
  /*&.active {
    font-weight: bold;
  }*/
}
#dashboard-tabs .nav-item .nav-link.tile-theme--cool-grey:hover, #dashboard-tabs .nav-item .nav-link.tile-theme--cool-grey:focus {
  border: 3px solid;
  border-color: #b8b8b9;
  clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0% 100%);
}
#dashboard-tabs .nav-item .nav-link.tile-theme--cool-grey:focus-visible {
  clip-path: none !important;
  outline: none;
  border: 3px solid;
  border-color: #415dec;
  z-index: 1;
  position: relative;
  box-shadow: none;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--cool-grey:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0px;
  border: 3px solid white;
  pointer-events: none;
  z-index: -1;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--purple {
  position: relative;
  background-color: #925c9e;
  border: 3px solid;
  border-color: #925c9e;
  color: #ffffff;
  /*&.active {
    font-weight: bold;
  }*/
}
#dashboard-tabs .nav-item .nav-link.tile-theme--purple:hover, #dashboard-tabs .nav-item .nav-link.tile-theme--purple:focus {
  border: 3px solid;
  border-color: #925c9e;
  clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0% 100%);
}
#dashboard-tabs .nav-item .nav-link.tile-theme--purple:focus-visible {
  clip-path: none !important;
  outline: none;
  border: 3px solid;
  border-color: #415dec;
  z-index: 1;
  position: relative;
  box-shadow: none;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--purple:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0px;
  border: 3px solid white;
  pointer-events: none;
  z-index: -1;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--redlight {
  position: relative;
  background-color: #e55f53;
  border: 3px solid;
  border-color: #e55f53;
  color: #231f20;
  /*&.active {
    font-weight: bold;
  }*/
}
#dashboard-tabs .nav-item .nav-link.tile-theme--redlight:hover, #dashboard-tabs .nav-item .nav-link.tile-theme--redlight:focus {
  border: 3px solid;
  border-color: #e55f53;
  clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0% 100%);
}
#dashboard-tabs .nav-item .nav-link.tile-theme--redlight:focus-visible {
  clip-path: none !important;
  outline: none;
  border: 3px solid;
  border-color: #415dec;
  z-index: 1;
  position: relative;
  box-shadow: none;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--redlight:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0px;
  border: 3px solid white;
  pointer-events: none;
  z-index: -1;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--green {
  position: relative;
  background-color: #0aaa87;
  border: 3px solid;
  border-color: #0aaa87;
  color: #ffffff;
  /*&.active {
    font-weight: bold;
  }*/
}
#dashboard-tabs .nav-item .nav-link.tile-theme--green:hover, #dashboard-tabs .nav-item .nav-link.tile-theme--green:focus {
  border: 3px solid;
  border-color: #0aaa87;
  clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0% 100%);
}
#dashboard-tabs .nav-item .nav-link.tile-theme--green:focus-visible {
  clip-path: none !important;
  outline: none;
  border: 3px solid;
  border-color: #415dec;
  z-index: 1;
  position: relative;
  box-shadow: none;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--green:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0px;
  border: 3px solid white;
  pointer-events: none;
  z-index: -1;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--blue {
  position: relative;
  background-color: #00aee0;
  border: 3px solid;
  border-color: #00aee0;
  color: #ffffff;
  /*&.active {
    font-weight: bold;
  }*/
}
#dashboard-tabs .nav-item .nav-link.tile-theme--blue:hover, #dashboard-tabs .nav-item .nav-link.tile-theme--blue:focus {
  border: 3px solid;
  border-color: #00aee0;
  clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0% 100%);
}
#dashboard-tabs .nav-item .nav-link.tile-theme--blue:focus-visible {
  clip-path: none !important;
  outline: none;
  border: 3px solid;
  border-color: #415dec;
  z-index: 1;
  position: relative;
  box-shadow: none;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--blue:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0px;
  border: 3px solid white;
  pointer-events: none;
  z-index: -1;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--yellow {
  position: relative;
  background-color: #fcd804;
  border: 3px solid;
  border-color: #fcd804;
  color: #231f20;
  /*&.active {
    font-weight: bold;
  }*/
}
#dashboard-tabs .nav-item .nav-link.tile-theme--yellow:hover, #dashboard-tabs .nav-item .nav-link.tile-theme--yellow:focus {
  border: 3px solid;
  border-color: #fcd804;
  clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0% 100%);
}
#dashboard-tabs .nav-item .nav-link.tile-theme--yellow:focus-visible {
  clip-path: none !important;
  outline: none;
  border: 3px solid;
  border-color: #415dec;
  z-index: 1;
  position: relative;
  box-shadow: none;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--yellow:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0px;
  border: 3px solid white;
  pointer-events: none;
  z-index: -1;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--dark-blue {
  position: relative;
  background-color: #002d6d;
  border: 3px solid;
  border-color: #002d6d;
  color: #ffffff;
  /*&.active {
    font-weight: bold;
  }*/
}
#dashboard-tabs .nav-item .nav-link.tile-theme--dark-blue:hover, #dashboard-tabs .nav-item .nav-link.tile-theme--dark-blue:focus {
  border: 3px solid;
  border-color: #002d6d;
  clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0% 100%);
}
#dashboard-tabs .nav-item .nav-link.tile-theme--dark-blue:focus-visible {
  clip-path: none !important;
  outline: none;
  border: 3px solid;
  border-color: #415dec;
  z-index: 1;
  position: relative;
  box-shadow: none;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--dark-blue:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0px;
  border: 3px solid white;
  pointer-events: none;
  z-index: -1;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--deep-red {
  position: relative;
  background-color: #ac193c;
  border: 3px solid;
  border-color: #ac193c;
  color: #ffffff;
  /*&.active {
    font-weight: bold;
  }*/
}
#dashboard-tabs .nav-item .nav-link.tile-theme--deep-red:hover, #dashboard-tabs .nav-item .nav-link.tile-theme--deep-red:focus {
  border: 3px solid;
  border-color: #ac193c;
  clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0% 100%);
}
#dashboard-tabs .nav-item .nav-link.tile-theme--deep-red:focus-visible {
  clip-path: none !important;
  outline: none;
  border: 3px solid;
  border-color: #415dec;
  z-index: 1;
  position: relative;
  box-shadow: none;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--deep-red:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0px;
  border: 3px solid white;
  pointer-events: none;
  z-index: -1;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--warm-grey {
  position: relative;
  background-color: #cdc3ba;
  border: 3px solid;
  border-color: #cdc3ba;
  color: #231f20;
  /*&.active {
    font-weight: bold;
  }*/
}
#dashboard-tabs .nav-item .nav-link.tile-theme--warm-grey:hover, #dashboard-tabs .nav-item .nav-link.tile-theme--warm-grey:focus {
  border: 3px solid;
  border-color: #cdc3ba;
  clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0% 100%);
}
#dashboard-tabs .nav-item .nav-link.tile-theme--warm-grey:focus-visible {
  clip-path: none !important;
  outline: none;
  border: 3px solid;
  border-color: #415dec;
  z-index: 1;
  position: relative;
  box-shadow: none;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--warm-grey:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0px;
  border: 3px solid white;
  pointer-events: none;
  z-index: -1;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--light-blue {
  position: relative;
  background-color: #93bfe9;
  border: 3px solid;
  border-color: #93bfe9;
  color: #231f20;
  /*&.active {
    font-weight: bold;
  }*/
}
#dashboard-tabs .nav-item .nav-link.tile-theme--light-blue:hover, #dashboard-tabs .nav-item .nav-link.tile-theme--light-blue:focus {
  border: 3px solid;
  border-color: #93bfe9;
  clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0% 100%);
}
#dashboard-tabs .nav-item .nav-link.tile-theme--light-blue:focus-visible {
  clip-path: none !important;
  outline: none;
  border: 3px solid;
  border-color: #415dec;
  z-index: 1;
  position: relative;
  box-shadow: none;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--light-blue:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0px;
  border: 3px solid white;
  pointer-events: none;
  z-index: -1;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--charcoal {
  position: relative;
  background-color: #555559;
  border: 3px solid;
  border-color: #555559;
  color: #ffffff;
  /*&.active {
    font-weight: bold;
  }*/
}
#dashboard-tabs .nav-item .nav-link.tile-theme--charcoal:hover, #dashboard-tabs .nav-item .nav-link.tile-theme--charcoal:focus {
  border: 3px solid;
  border-color: #555559;
  clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0% 100%);
}
#dashboard-tabs .nav-item .nav-link.tile-theme--charcoal:focus-visible {
  clip-path: none !important;
  outline: none;
  border: 3px solid;
  border-color: #415dec;
  z-index: 1;
  position: relative;
  box-shadow: none;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--charcoal:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0px;
  border: 3px solid white;
  pointer-events: none;
  z-index: -1;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--attendance {
  position: relative;
  background-color: #097f7c;
  border: 3px solid;
  border-color: #097f7c;
  color: #ffffff;
  /*&.active {
    font-weight: bold;
  }*/
}
#dashboard-tabs .nav-item .nav-link.tile-theme--attendance:hover, #dashboard-tabs .nav-item .nav-link.tile-theme--attendance:focus {
  border: 3px solid;
  border-color: #097f7c;
  clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0% 100%);
}
#dashboard-tabs .nav-item .nav-link.tile-theme--attendance:focus-visible {
  clip-path: none !important;
  outline: none;
  border: 3px solid;
  border-color: #415dec;
  z-index: 1;
  position: relative;
  box-shadow: none;
}
#dashboard-tabs .nav-item .nav-link.tile-theme--attendance:focus-visible::after {
  content: "";
  position: absolute;
  inset: 0px;
  border: 3px solid white;
  pointer-events: none;
  z-index: -1;
}
#dashboard-tabs .section h3 {
  padding: 1rem;
}

[role=tab]:focus-visible {
  outline: 3px solid;
  outline-color: #415dec;
  outline-offset: -3px;
  z-index: 1;
  position: relative;
  box-shadow: none;
}

@media (max-width: 575.98px) {
  #dashboard-tabs {
    flex-direction: column;
    align-items: stretch;
  }
  #dashboard-tabs .nav-link {
    border: none;
    text-align: left;
    border-radius: 0;
    border-left: 4px solid transparent;
  }
  #dashboard-tabs .nav-link:focus {
    outline: 3px solid #415dec;
    outline-offset: 2px;
  }
  #dashboard-tabs .nav-link.active {
    border-left-color: #415dec;
    background-color: var(--bs-light);
  }
  #dashboard-tabs .nav-item {
    width: 100%;
  }
}
summary.tile-theme--orange {
  background-color: #f9a851;
  color: #231f20;
  padding: 1rem;
  font-weight: bold;
  border: none;
  cursor: pointer;
}
summary.tile-theme--orange:hover {
  background-color: rgb(249.85, 180.325, 105.65);
}

summary.tile-theme--cool-grey {
  background-color: #b8b8b9;
  color: #231f20;
  padding: 1rem;
  font-weight: bold;
  border: none;
  cursor: pointer;
}
summary.tile-theme--cool-grey:hover {
  background-color: rgb(196.8404255319, 196.8404255319, 197.6595744681);
}

summary.tile-theme--purple {
  background-color: #925c9e;
  color: #ffffff;
  padding: 1rem;
  font-weight: bold;
  border: none;
  cursor: pointer;
}
summary.tile-theme--purple:hover {
  background-color: rgb(157.448, 106.796, 168.704);
}

summary.tile-theme--redlight {
  background-color: #e55f53;
  color: #231f20;
  padding: 1rem;
  font-weight: bold;
  border: none;
  cursor: pointer;
}
summary.tile-theme--redlight:hover {
  background-color: rgb(232.3484848485, 115.6060606061, 105.1515151515);
}

summary.tile-theme--green {
  background-color: #0aaa87;
  color: #ffffff;
  padding: 1rem;
  font-weight: bold;
  border: none;
  cursor: pointer;
}
summary.tile-theme--green:hover {
  background-color: rgb(11.4166666667, 194.0833333333, 154.125);
}

summary.tile-theme--blue {
  background-color: #00aee0;
  color: #ffffff;
  padding: 1rem;
  font-weight: bold;
  border: none;
  cursor: pointer;
}
summary.tile-theme--blue:hover {
  background-color: rgb(0, 193.8080357143, 249.5);
}

summary.tile-theme--yellow {
  background-color: #fcd804;
  color: #231f20;
  padding: 1rem;
  font-weight: bold;
  border: none;
  cursor: pointer;
}
summary.tile-theme--yellow:hover {
  background-color: rgb(252.3011811024, 219.9153543307, 29.1988188976);
}

summary.tile-theme--dark-blue {
  background-color: #002d6d;
  color: #ffffff;
  padding: 1rem;
  font-weight: bold;
  border: none;
  cursor: pointer;
}
summary.tile-theme--dark-blue:hover {
  background-color: rgb(0, 55.5275229358, 134.5);
}

summary.tile-theme--deep-red {
  background-color: #ac193c;
  color: #ffffff;
  padding: 1rem;
  font-weight: bold;
  border: none;
  cursor: pointer;
}
summary.tile-theme--deep-red:hover {
  background-color: rgb(194.2639593909, 28.2360406091, 67.7664974619);
}

summary.tile-theme--warm-grey {
  background-color: #cdc3ba;
  color: #231f20;
  padding: 1rem;
  font-weight: bold;
  border: none;
  cursor: pointer;
}
summary.tile-theme--warm-grey:hover {
  background-color: rgb(215.7142857143, 207.8571428571, 200.7857142857);
}

summary.tile-theme--light-blue {
  background-color: #93bfe9;
  color: #231f20;
  padding: 1rem;
  font-weight: bold;
  border: none;
  cursor: pointer;
}
summary.tile-theme--light-blue:hover {
  background-color: rgb(168.1846153846, 203.5538461538, 237.3153846154);
}

summary.tile-theme--charcoal {
  background-color: #555559;
  color: #ffffff;
  padding: 1rem;
  font-weight: bold;
  border: none;
  cursor: pointer;
}
summary.tile-theme--charcoal:hover {
  background-color: rgb(97.4568965517, 97.4568965517, 102.0431034483);
}

summary.tile-theme--attendance {
  background-color: #097f7c;
  color: #ffffff;
  padding: 1rem;
  font-weight: bold;
  border: none;
  cursor: pointer;
}
summary.tile-theme--attendance:hover {
  background-color: rgb(10.6875, 150.8125, 147.25);
}

.accordion {
  border: none;
}
.accordion .accordion-body {
  padding-bottom: 1rem;
}
.accordion .accordion-item {
  border: none;
}
.accordion .accordion-item:first-of-type > .accordion-header .accordion-button,
.accordion .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}

.tile-image,
.tile-icon {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tile-icon .icon-wrapper {
  min-height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tile-1x1 .tile-icon i {
  font-size: 1.5rem;
}

.tile-2x2 .tile-icon i {
  font-size: 2.5rem;
}

.tile-3x3 .tile-icon i {
  font-size: 3.5rem;
}

.card.tile-image {
  position: relative;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f9f9f9;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0rem;
}

/* .custom-icon {
  object-fit: contain;
  fill: currentColor;
  display: block;
  pointer-events: none;
  margin: 0 auto;
  color: inherit; 
} */
.tile-icon {
  color: inherit;
}

.tile-theme--yellow {
  color: black;
}

.tile-theme--deep-red {
  color: white;
}

/* Apply color to paths in inline SVGs */
.inline-svg path,
.inline-svg circle,
.inline-svg rect,
.inline-svg polygon {
  fill: currentColor !important;
  stroke: currentColor !important;
}

.inline-svg {
  width: 2em;
  height: 2em;
  display: block;
  width: 3rem;
  height: 3rem;
  display: block;
}

.inline-svg-wrapper {
  min-height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tile-icon .inline-svg {
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: 1/1;
}

.tile-overlay-title {
  background: rgb(255, 255, 255);
  font-size: 1rem;
  text-align: center;
  width: 100%;
}

.tile-title-inside,
.tile-overlay-title {
  width: 100%;
  font-size: 1rem;
  padding: 0;
  text-align: center;
}

.tile-title-inside {
  font-size: 1rem;
  text-align: center;
  padding: 0;
  min-height: 2.4em;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  line-height: 1.2;
}

.tile-overlay-title {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.tile-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  grid-auto-rows: 140px;
  gap: 0.5rem;
  grid-auto-flow: dense;
  padding-bottom: 1rem;
}

.tile-item {
  height: 100%;
}
.tile-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  color: inherit !important;
  border: solid 3px transparent;
}
.tile-item a .card {
  border: 3px solid;
  border-color: transparent;
}
.tile-item a:focus-visible, .tile-item a:hover {
  outline: none;
  border: 3px solid;
  border-color: #415dec;
  z-index: 1;
  position: relative;
  box-shadow: none;
}
.tile-item a:focus-visible .card, .tile-item a:hover .card {
  border: 3px solid;
  border-color: white;
}

.card {
  height: 100%;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 0;
  will-change: transform, filter;
  backface-visibility: hidden;
  transition: transform 0.25s ease, filter 0.25s ease;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.card .tile-title {
  margin-top: 0.5rem;
  font-size: 1rem;
  color: #333;
  min-height: 1.2em;
}

.tile-item a {
  color: inherit;
  text-decoration: none;
}

.tile-title-inside,
.tile-icon i {
  color: inherit !important;
  fill: currentColor !important;
}

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

.tile-1x1 {
  grid-column: span 1;
  grid-row: span 1;
}

.tile-1x2 {
  grid-column: span 1;
  grid-row: span 2;
}

.tile-1x3 {
  grid-column: span 1;
  grid-row: span 3;
}

.tile-2x1 {
  grid-column: span 2;
  grid-row: span 1;
}

.tile-2x2 {
  grid-column: span 2;
  grid-row: span 2;
}

.tile-2x3 {
  grid-column: span 2;
  grid-row: span 3;
}

.tile-3x1 {
  grid-column: span 3;
  grid-row: span 1;
}

.tile-3x2 {
  grid-column: span 3;
  grid-row: span 2;
}

.tile-3x3 {
  grid-column: span 3;
  grid-row: span 3;
}

.tile-1x1 .tile-icon i,
.tile-1x2 .tile-icon i,
.tile-1x3 .tile-icon i {
  font-size: 3rem;
}
.tile-1x1 .custom-icon,
.tile-1x2 .custom-icon,
.tile-1x3 .custom-icon {
  height: 3rem;
}
.tile-1x1 .inline-svg,
.tile-1x2 .inline-svg,
.tile-1x3 .inline-svg {
  height: 3rem;
}

.tile-2x1 .tile-icon i,
.tile-2x2 .tile-icon i,
.tile-2x3 .tile-icon i {
  font-size: 3rem;
}
.tile-2x1 .custom-icon,
.tile-2x2 .custom-icon,
.tile-2x3 .custom-icon {
  height: 3rem;
}
.tile-2x1 .inline-svg,
.tile-2x2 .inline-svg,
.tile-2x3 .inline-svg {
  height: 3rem;
}

.tile-3x1 .tile-icon i,
.tile-3x2 .tile-icon i,
.tile-3x3 .tile-icon i {
  font-size: 4rem;
}
.tile-3x1 .custom-icon,
.tile-3x2 .custom-icon,
.tile-3x3 .custom-icon {
  height: 4rem;
}
.tile-3x1 .inline-svg,
.tile-3x2 .inline-svg,
.tile-3x3 .inline-svg {
  height: 4rem;
}

.invert-logo {
  filter: invert(1);
}

/* @use 'leaflet'; */
body {
  background-color: #fff;
  font-family: sans-serif;
}

#essentialcontainer {
  padding: 0;
  margin: 0;
  max-width: 100%;
}

#main-content {
  background-color: #337AB7;
}

.desktop-view {
  display: block;
}

.mobile-view {
  display: none;
}

@media (max-width: 575.98px) {
  .desktop-view {
    display: none;
  }
  .mobile-view {
    display: block;
  }
}

/*# sourceMappingURL=styles.css.map */