/* 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, .order-expanded-item-container {
  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;
}

.order-list-cancelled {
  text-decoration: line-through;
}

.order-expanded-outer-frame {
  display: flex;
  margin: 10px;
}

.order-expanded-left-container {
  min-width: 250px;
  width: 250px;
  margin-right: 10px;
}
.order-expanded-left-container p {
  margin: 0 0 5px 0;
}
.order-expanded-left-container .order-expanded-address {
  margin-left: 10px;
  margin-top: -5px;
}

.order-expanded-separator-line {
  width: 1px;
  min-height: 100%;
  margin: 10px 10px;
  background-color: #dee2e6;
}

.order-expanded-right-container {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  justify-content: start;
}

.order-expanded-item-container {
  display: flex;
  min-width: calc(50% - 20px);
  max-width: calc(50% - 20px);
  margin: 10px;
  overflow: hidden;
}
.order-expanded-item-container img {
  max-height: 150px;
  max-width: 100%;
}
.order-expanded-item-container .order-expanded-item-details {
  padding: 10px;
  padding-right: 20px;
}
.order-expanded-item-container .order-expanded-item-details p {
  margin-bottom: 3px;
}

.order-expanded-note-marker {
  width: 7px;
  height: 7px;
  background-color: rgba(220, 53, 69, 0.7);
  border-radius: 7px;
}

/*.order-expanded-id-box {
    display: flex;

    &:first-child {
        width: 20px;
        height: 100%;

        div {
            width: 20px;
            height: 20px;
            background-color: red;
        }
    }

    &:not(:first-child) {
    }
}*/