.q-chip {
  cursor: default;
}

.oo-orchard-bkg {
  background-color: var(--color-orchard-bkg);
}

a,
a:visited,
.oo-link {
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  color: var(--color-darkorange);
}

.oo-darkorange {
  color: var(--color-darkorange);
}

.oo-head-orange {
  background-color: var(--color-head-orange);
}

.oo-spinner {
  color: var(--color-spinner);
}

.oo-paleorange-background {
  background-color: var(--color-paleorange);
}

.oo-button-primary {
  background-color: #f1842e;
}

.oo-icon-loading {
  color: var(--color-loading-orange);
}

.oo-icon-completed {
  color: var(--color-sucess-green);
}

.oo-error-red,
.oo-icon-error,
.oo-icon-delete:hover {
  color: var(--color-error-red);
}

.oo-icon-grey {
  color: var(--color-disabled-grey);
}

.oo-icon-violet {
  color: var(--color-violet);
}

.oo-icon-blue {
  color: var(--color-blue);
}

.oo-error-background {
  background-color: #ee7e7e1f;
}

.oo-palegreen-background {
  background-color: var(--color-palegreen);
}

.oo-palegrey-background {
  background-color: var(--color-palegrey);
}

.oo-border-grey {
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.oo-disabled-grey {
  background-color: #f5f5f5;
}

/* TABLES */

thead > tr:first-of-type {
  background-color: var(--color-head-orange);
}

table table tr:first-of-type {
  background-color: #fff0df;
}

table table {
  margin-left: 40px;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #e0e0e0;
}

.oo-references-headers {
  font-weight: 500;
  font-size: 12px !important;
}

/* Reference rows icons */
.oo-table-icon,
.oo-references-rows img {
  width: 16px;
  height: 16px;
}

td.oo-references-container {
  padding: 15px 0 !important;
}

/* -- */

.oo-info-banner {
  position: fixed;
  z-index: 1;
  top: 30px;
  width: 50%;
  margin-left: 25%;
  opacity: 0.9;
}

.oo-tooltip {
  font-size: 0.7rem !important;
  width: 200px;
  max-width: 200px;
}

.oo-text-small {
  font-size: 0.8rem;
}

.oo-mb-20 {
  margin-bottom: 20px;
}

td i.q-icon {
  font-size: 1rem;
}

.oo-input-label-top {
  margin-top: 20px;
  font-weight: bold;
}

.oo-input-label-top-instructions {
  display: block;
  clear: both;
  margin: 2px 0 8px 0;
  font-size: 0.8rem;
}

.oo-item-footer {
  margin-top: 20px;
}

.oo-form-group {
  width: 300px;
  min-width: 150px;
  max-width: 300px;
}

.oo-component-bar-horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  row-gap: 15px;
}

.oo-flex-rows {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.oo-flex-columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.oo-component-bar-horizontal > * {
  margin-top: 0;
}

.oo-login-card {
  margin-top: -150px;
  width: 450px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.oo-login-card .oo-login-card-logo {
  width: 60%;
  margin: 10px auto 30px;
}

.oo-modal-icon {
  font-size: 2rem;
  margin-right: 10px;
  color: var(--color-darkorange);
}

.oo-audit-details-box-container {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  gap: 20px;
}

.oo-table-icon-action {
  cursor: pointer;
  font-size: 1.3rem;
}

.oo-field-control-fullheight .q-field__control {
  height: 100%;
}

.oo-report-config-card {
  padding: 15px 30px;
}

.oo-audit-status-spinner {
  color: #e6810b;
}

.oo-selected-image {
  border: 2px solid #ff0000;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

.q-carousel {
  background-color: transparent !important;
}