@import url('./home.css');
@import url('./tables.css');
@import url('./components.css');

:root {
  --q-primary: #c06a02;
  --color-orchard-bkg: antiquewhite;
  --color-orchard-blue: #013d5c;
  --color-loading-orange: #f19914ff;
  --color-head-orange: #f5cfa2;
  --color-spinner: #d3a26a87;
  --color-blue: #1958e0;
  --color-paleorange: #fcf6ef;
  --color-darkorange: #c06a02;
  --color-sucess-green: #23ab2b;
  --color-palegreen: #e5f9e5;
  --color-error-red: #e11818;
  --color-disabled-grey: #b7b6b6;
  --color-palegrey: #e9e9e9;
  --color-violet: #7d2fa9;
  --header-height: 50px;
  --sidebar-width: 200px;
}

.oo-page-title {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--color-orchard-blue);
  margin-bottom: 30px;
}

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

.oo-italic {
  font-style: italic;
}

.oo-nowrap-children > * {
  display: flex;
  flex-wrap: nowrap;
}

.oo-no-select {
  user-select: none;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
}

.oo-hidden {
  display: none;
}

.oo-flex {
  display: flex;
}

.oo-flex-center {
  display: flex;
  justify-content: center;
}

.oo-space-between {
  justify-content: space-between;
}

.oo-flex-grow {
  flex-grow: 1;
}

.oo-flex-wrap {
  flex-wrap: wrap;
}

.oo-justify-center {
  justify-content: center;
}

.oo-align-center {
  align-items: center;
}

.oo-text-center {
  text-align: center;
}

.oo-cursor-not-allowed {
  cursor: not-allowed;
}

.oo-cursor-pointer {
  cursor: pointer;
}

/* Hide the browser's input field spinners */
.oo-no-spinners::-webkit-inner-spin-button,
.oo-no-spinners::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.oo-no-spinners {
  -moz-appearance: textfield;
}

/* Hide Quasar's focus helper, e.g. in tables and lists. The focus
helper is the highlighted background when hovering. */
.oo-no-focus-helper .q-focus-helper {
  visibility: hidden;
}

/* Hide elements with the "v-cloak" directive until the Vue instance is mounted.
This is used to prevent the initial flash of unstyled content, especially {{}} */
[v-cloak] {
  display: none;
}