.bs-nav-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 10px;
  margin-bottom: 10px;
  align-items: center;
}

.bs-nav-grid-left {
  width: -moz-fit-content;
  width: fit-content;
}

.bs-nav-grid-right {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: 0;
}

.bs-action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.bs-action-button {
  background-color: #13aff0;
  color: #222222;
  padding: 5px 10px;
  border-radius: 10px;
}
.bs-action-button > a {
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  font-size: 1.25em;
  gap: 5px;
}
.bs-action-button:hover {
  background-color: #0b7cac;
  color: whitesmoke;
}
.bs-action-button :hover {
  background-color: #0b7cac;
  color: whitesmoke;
}
.bs-action-button > :first-child {
  display: flex;
  align-items: center;
  height: 100%;
}

.bs-action-button-middle {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bs-widget-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
}
.bs-widget-container > :nth-child(odd) {
  text-align: left;
}

.bs-widget-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.bs-widget-buttons .bs-button {
  background-color: #13aff0;
  color: #222222;
  padding: 5px 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
}
.bs-widget-buttons .bs-button div {
  display: inline-flex;
  align-items: center;
  font-size: 1.25em;
  gap: 5px;
}
.bs-widget-buttons .bs-button:hover {
  background-color: #0b7cac;
}
.bs-widget-buttons .bs-button:hover div {
  color: whitesmoke;
}

.manage-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  margin-bottom: 10px;
  align-items: center;
}

.manage-grid td:last-child {
  text-align: right;
}

.custom-icons-column {
  text-align: center;
  white-space: nowrap;
}

.custom-icon-course-24 {
  width: 24px;
  height: 24px;
  background-image: url("icons/icons8-course-24.png");
}

.custom-icon-course-48 {
  width: 48px;
  height: 48px;
  background-image: url("icons/icons8-course-48.png");
}

.custom-icon-course-96 {
  width: 96px;
  height: 96px;
  background-image: url("icons/icons8-course-96.png");
}

.custom-icon-motorbike-24 {
  width: 24px;
  height: 24px;
  background-image: url("icons/icons8-motorbike-24.png");
}

.custom-icon-motorbike-48 {
  width: 48px;
  height: 48px;
  background-image: url("icons/icons8-motorbike-48.png");
}

.custom-icon-motorbike-96 {
  width: 96px;
  height: 96px;
  background-image: url("icons/icons8-motorbike-96.png");
}

.custom-icon-edit-24 {
  width: 24px;
  height: 24px;
  background-image: url("icons/icons8-edit-property-24.png");
}

.custom-icon-edit-48 {
  width: 48px;
  height: 48px;
  background-image: url("icons/icons8-edit-property-48.png");
}

.custom-icon-edit-96 {
  width: 96px;
  height: 96px;
  background-image: url("icons/icons8-edit-property-96.png");
}

.custom-icon-delete-24 {
  width: 24px;
  height: 24px;
  background-image: url("icons/icons8-delete-24.png");
}

.custom-icon-delete-48 {
  width: 48px;
  height: 48px;
  background-image: url("icons/icons8-delete-48.png");
}

.custom-icon-delete-96 {
  width: 96px;
  height: 96px;
  background-image: url("icons/icons8-delete-96.png");
}

.custom-icon-employees-24 {
  width: 24px;
  height: 24px;
  background-image: url("icons/icons8-employees-24.png");
}

.custom-icon-employees-48 {
  width: 48px;
  height: 48px;
  background-image: url("icons/icons8-employees-48.png");
}

.custom-icon-employees-96 {
  width: 96px;
  height: 96px;
  background-image: url("icons/icons8-employees-96.png");
}

.custom-icon-students-24 {
  width: 24px;
  height: 24px;
  background-image: url("icons/icons8-students-24.png");
}

.custom-icon-students-48 {
  width: 48px;
  height: 48px;
  background-image: url("icons/icons8-students-48.png");
}

.custom-icon-students-96 {
  width: 96px;
  height: 96px;
  background-image: url("icons/icons8-students-96.png");
}

.custom-icon-education-24 {
  width: 24px;
  height: 24px;
  background-image: url("icons/icons8-education-24.png");
}

.custom-icon-education-48 {
  width: 48px;
  height: 48px;
  background-image: url("icons/icons8-education-48.png");
}

.custom-icon-education-96 {
  width: 96px;
  height: 96px;
  background-image: url("icons/icons8-education-96.png");
}

.custom-icon-map-24 {
  width: 24px;
  height: 24px;
  background-image: url("icons/icons8-map-24.png");
}

.custom-icon-map-48 {
  width: 48px;
  height: 48px;
  background-image: url("icons/icons8-map-48.png");
}

.custom-icon-map-96 {
  width: 96px;
  height: 96px;
  background-image: url("icons/icons8-map-96.png");
}

.custom-icon-return-24 {
  width: 24px;
  height: 24px;
  background-image: url("icons/icons8-return-24.png");
}

.custom-icon-return-48 {
  width: 48px;
  height: 48px;
  background-image: url("icons/icons8-return-48.png");
}

.custom-icon-return-96 {
  width: 96px;
  height: 96px;
  background-image: url("icons/icons8-return-96.png");
}

.custom-icon-add-new-24 {
  width: 24px;
  height: 24px;
  background-image: url("icons/icons8-add-new-24.png");
}

.custom-icon-add-new-48 {
  width: 48px;
  height: 48px;
  background-image: url("icons/icons8-add-new-48.png");
}

.custom-icon-add-new-96 {
  width: 96px;
  height: 96px;
  background-image: url("icons/icons8-add-new-96.png");
}

.custom-icon-list-24 {
  width: 24px;
  height: 24px;
  background-image: url("icons/icons8-list-24.png");
}

.custom-icon-list-48 {
  width: 48px;
  height: 48px;
  background-image: url("icons/icons8-list-48.png");
}

.custom-icon-list-96 {
  width: 96px;
  height: 96px;
  background-image: url("icons/icons8-list-96.png");
}

.custom-icon-next-24 {
  width: 24px;
  height: 24px;
  background-image: url("icons/icons8-next-24.png");
}

.custom-icon-next-48 {
  width: 48px;
  height: 48px;
  background-image: url("icons/icons8-next-48.png");
}

.custom-icon-next-96 {
  width: 96px;
  height: 96px;
  background-image: url("icons/icons8-next-96.png");
}

.custom-icon-previous-24 {
  width: 24px;
  height: 24px;
  background-image: url("icons/icons8-previous-24.png");
}

.custom-icon-previous-48 {
  width: 48px;
  height: 48px;
  background-image: url("icons/icons8-previous-48.png");
}

.custom-icon-previous-96 {
  width: 96px;
  height: 96px;
  background-image: url("icons/icons8-previous-96.png");
}

.alert {
  padding: 20px;
  background-color: #f44336;
  color: white;
  text-align: center;
}

.bs-single-content {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
}
.bs-single-content > * {
  margin-bottom: 0;
}

.areas-row a {
  text-decoration-line: none;
}

.highlight * {
  background-color: pink;
  border-radius: 5px;
}

.bs-edit-container {
  display: grid;
  grid-template-columns: max-content auto;
  gap: 5px;
  padding: 10px;
  align-items: center;
}
.bs-edit-container > :nth-child(odd) {
  text-align: right;
}
.bs-edit-container > :nth-child(even) {
  padding-left: 5px;
}

.bs-single-container {
  display: grid;
  grid-template-columns: max-content auto;
  gap: 5px;
  padding: 10px;
  align-items: center;
}
.bs-single-container > :nth-child(odd) {
  text-align: right;
}
.bs-single-container > :nth-child(even) {
  border-top: none;
  border-right: none;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-left: 5px;
}/*# sourceMappingURL=style.css.map */