/* LAYOUT */
/* COLORS */
/* FONT SIZES */
/* CONSTANTS */
/* CLASSES */
/* MIXINS */
/* LAYOUT */
/* COLORS */
/* FONT SIZES */
/* CONSTANTS */
/* CLASSES */
/* MIXINS */
.admin-field-label, .admin-field-sub-label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
}

.admin-field-sub-label {
  margin-top: 8px;
}

.admin-field-details {
  margin-top: 5px;
  color: gray;
  font-size: 9px;
}

.admin-field-content {
  background-color: white;
  margin-bottom: 15px;
  box-shadow: 5px 5px 10px #c4c4c4;
  border-radius: 5px;
  padding: 10px 20px;
}

.admin-sub-field-content {
  padding: 0px 20px 0px 20px;
}

.admin-card {
  border-radius: 5px;
  box-shadow: 5px 5px 10px #c4c4c4;
}

.admin-spinner {
  position: absolute;
  left: calc((100vw - 250px) / 2 + 250px);
  top: calc((100vh - 56px) / 2 + 56px);
}
@media (max-width: 767px) {
  .admin-spinner {
    left: 50vw;
    top: calc((100vh - 56px) / 2 + 56px);
  }
}
.admin-spinner .e-spinner-pane .e-spinner-inner .e-spin-material {
  stroke: maroon;
}
.admin-spinner .material .e-spinner-pane .e-spinner-inner .e-spin-bootstrap {
  fill: maroon;
}
.admin-spinner .material .e-spinner-pane .e-spinner-inner .e-spin-bootstrap, .admin-spinner .material .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4, .admin-spinner .material .e-spinner-pane .e-spinner-inner .e-spin-high-contrast .e-path-arc {
  stroke: maroon;
}

.btn-color-status-yellow {
  color: #ffc107;
}

.btn-color-status-red {
  color: #dc3545;
}

.text-color-red {
  color: #dc3545;
}

.text-color-yellow {
  color: #ffc107;
}

.text-bold {
  font-weight: bold;
}

.misc-image-container {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.misc-image-container img {
  max-height: 100%;
  max-width: 150px;
}