html, body {
  height: 100%
}

img#tenant-logo {
  max-width: 90%;
}

img#app-logo {
  height: 20px;
}

#appVersion {
  position: fixed;
  bottom: 0;
  right: 0;

  width: auto;

  background-color: rgba(255,255,255, 0.333);
  backdrop-filter: blur(3px);

  padding: 5px 10px 5px 5px;
  font-size: .8em;
}

table.table-striped-tbody tbody:nth-of-type(2n+1) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

th.col-sort {
  width: 5.5em;
}

th.col-description {
  width: auto;
}

th.col-quantity {
  width: 15em;
}

td.col-quantity div.input-group input:first-child {
  width: 4em;
}

th.col-actions {
  width: 5.5em;
}

td.col-price {
  width: 15em;
}

input.order {
  width: 4em;
  text-align: center;
}

input.price {
  font-family: monospace;
  text-align: right;
}

textarea.pos-description {
  resize: both;
}

.position-arrow-hidden {
  visibility: hidden;
}

.state-required {
  border-color: var(--bs-warning);
  padding-left: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ffc107'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ffc107' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: left calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.state-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-left: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: left calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-signin {
  max-width: 330px;
  padding: 1rem;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}