﻿/* 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;
}

.vsdStatsTable tr:first-of-type {
  border-bottom: 1px solid #eee;
}
.vsdStatsTable td {
  padding: 0 15px;
}

.vsdTotalsTable th {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
.vsdTotalsTable td {
  text-align: center;
}

.stat-grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  column-gap: 30px;
  row-gap: 2px;
  margin-right: 20px;
}
.stat-grid-container .stat-grid-gap {
  margin-bottom: 10px;
}

.shipping-order hr {
  height: 3px;
  background-color: lightgray;
  margin-bottom: 10px;
}
.shipping-order .shipping-order-main-hr {
  background-color: black;
}
.shipping-order p {
  margin-bottom: 0px;
}

.shipping-order-top-section {
  display: flex;
}

.shipping-order-mid-section {
  /*display: flex;*/
}

.shipping-order-left-section p {
  margin-left: 10px;
  margin-bottom: 0;
}
.shipping-order-left-section p.shipping-order-address {
  margin-left: 20px;
}

.shipping-order-right-section {
  font-size: 14px;
}

.shipping-order-background-alert {
  background-color: #ffffd5;
}

.shipping-label-grid {
  width: 100%;
  text-align: right;
  display: grid;
  grid-template-columns: 100% 200px 220px 70px 70px 10% 200px 250px 100px 100px;
  justify-content: end;
  padding-right: 20px;
  grid-auto-rows: 30px;
}

.shipping-fake-link {
  color: #0071c1;
  text-decoration: underline;
  cursor: pointer;
}

.shipping-order-girth {
  color: #dc3545;
}

.shipping-disabled-item {
  opacity: 0.5;
  pointer-events: none;
}

.warehouse-tab-row {
  flex-wrap: wrap;
}
.warehouse-tab-row div {
  margin-right: 10px;
}
.warehouse-tab-row p {
  padding: 5px;
  font-weight: bold;
}
