body {
  margin: 0;
  min-height: 100vh;
  overflow-y: scroll;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.75);
}

:root {
  --primary: #2D3F6F;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #2D3F6F;
}

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

.loader {
  border: 16px solid #FFFFFF;
  border-top: 16px solid #2D3F6F;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 25%;
}

.loader--visible {
  visibility: visible !important;
}

.filters {
  display: flex;
  flex-direction: column;
}

.filters input {
  font-size: medium;
  height: 100%;
  border: 1px solid #ced4da;
}

.enrollments-table {
  margin: 20px 200px 0px 200px;
}

.filters {
  margin-left: 10px;
}

.filter-container {
  display: flex;
  flex-direction: row;
  margin-top: 15px;
}

.filter-container form {
  display: flex;
}

.filter-container .filters:first-child {
  margin-left: 0px;
}

.filter-container button {
  align-self: flex-end;
  margin-left: 10px;
  height: fit-content;
}

.filter-container form {
  margin: 0;
  padding: 0;
}

.remove-filter-btn {
  margin-left: auto !important;
}

.total-enrollments {
  margin-top: 20px;
}

#charts {
  display: flex;
  flex-wrap: wrap;
}

.chart-container {
  flex: 0 0 calc(33.33% - 200px);
  margin-bottom: 80px;
}

.charts-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;

}

.divLoader {
  background: #000;
  opacity: 0.6;
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 100;
  visibility: hidden;
  transition: opacity 0.75s, visibility 0.75s;
}


@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}