/* FRONTEND THEME CSS: nerde-v2 */

:root {
  --q-primary: #197220 !important;
  --q-secondary: #19496C !important;
  --q-accent: #3D7F42 !important;
  --q-positive: #0BA02E !important;
  --q-negative: #9E0D0D !important;
  --q-info: #1A6036 !important;
  --q-warning: #EA7E29 !important;
  --q-dark: #000000 !important;
  --q-dark-page: #000000 !important;
  --q-light: #FFFFFF !important;
  --q-white: #FFFFFF !important;
  --q-black: #000000 !important;
}
:root {
  --n-color-1-1: #0e3b11;
  --n-color-1-2: #1a6036;
  --n-color-1-3: #197220;
  --n-color-1-4: #3d7f42;
  --n-color-2-1: #63ae53;
  --n-color-2-2: #2bbf52;
  --n-color-2-3: #4fb782;
  --n-color-2-4: #c0e092;
  --n-color-3-1: #000000;
  --n-color-3-2: #2f2f2f;
  --n-color-3-3: #123150;
  --n-color-3-4: #19496c;
  --n-color-4-1: #ffffff;
  --n-color-4-2: #85d4cb;
  --n-color-4-3: #69bcc7;
  --n-color-4-4: #bcebf5;
  --n-about-color: var(--q-yellow-9);
  --n-about-color-light: var(--q-yellow-3);
  --n-about-color-dark: var(--q-yellow-10);
  --n-explore-color: var(--q-green-7);
  --n-explore-color-light: var(--q-green-2);
  --n-explore-color-dark: var(--q-green-10);
  --n-discover-color: var(--q-purple-7);
  --n-discover-color-light: var(--q-purple-2);
  --n-discover-color-dark: var(--q-purple-10);
  --n-resources-color: var(--q-blue-7);
  --n-resources-color-light: var(--q-blue-2);
  --n-resources-color-dark: var(--q-blue-10);
  --n-research-color: var(--q-deep-orange-7);
  --n-research-color-light: var(--q-deep-orange-2);
  --n-research-color-dark: var(--q-deep-orange-10);
}
.bg-about {
  background-color: var(--n-about-color) !important;
}
.bg-explore {
  background-color: var(--n-explore-color) !important;
}
.bg-discover {
  background-color: var(--n-discover-color) !important;
}
.bg-resources {
  background-color: var(--n-resources-color) !important;
}
.bg-research {
  background-color: var(--n-research-color) !important;
}
.text-about {
  color: var(--n-about-color) !important;
}
.text-explore {
  color: var(--n-explore-color) !important;
}
.text-discover {
  color: var(--n-discover-color) !important;
}
.text-resources {
  color: var(--n-resources-color) !important;
}
.text-research {
  color: var(--n-research-color) !important;
}
/* hide the left drawer when not authenticated */

body .q-layout .q-drawer--left {
  display: none;
}
body .q-page-container {
  padding-left: 0px !important;
}
body.l-sidebar .q-layout .q-drawer--left {
  display: block;
}
body.l-sidebar .q-page-container {
  padding-left: 45px !important;
}
/* overrides */

.text-h2 {
  font-size: 3rem !important;
}
.q-btn-group--flat,
.q-btn-group--outline,
.q-btn-group--unelevated {
  border: 2px solid var(--q-primary);
}
#logo-menu > div > .q-btn-group > .q-btn-group.q-btn-item {
  padding-left: 4px;
  padding-right: 4px;
}
#logo-menu > div > .q-btn-group > .q-btn-group.q-btn-item button.q-btn-dropdown__arrow-container {
  border-left: 0px solid rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
#logo-menu > div > .q-btn-group > .q-btn-group.q-btn-item:last-child button.q-btn-dropdown__arrow-container {
  border-right: 0px solid rgba(255, 255, 255, 0.3);
}
/* ADMIN THEME CSS: nerde-v2 */

:root {
  --q-admin-primary: #197220 !important;
  --q-admin-secondary: #19496C !important;
  --q-admin-accent: #3D7F42 !important;
  --q-admin-positive: #0BA02E !important;
  --q-admin-negative: #9E0D0D !important;
  --q-admin-info: #1A6036 !important;
  --q-admin-warning: #EA7E29 !important;
  --q-admin-dark: #000000 !important;
  --q-admin-dark-page: #000000 !important;
  --q-admin-light: #FFFFFF !important;
  --q-admin-white: #FFFFFF !important;
  --q-admin-black: #000000 !important;
}
@media print {
  .page-section {
    page-break-before: always;
  }
  .page-section-header {
    display: none;
  }
  .page-section-footer {
    display: none;
  }
  .q-drawer-container {
    display: none;
  }
  body.l-sidebar .q-page-container {
    padding-left: 0px !important;
  }
}
@page {
  size: A4;
  margin-left: 1cm;
  margin-right: 1cm;
  margin-top: 1cm;
  margin-bottom: 1cm;
}
@page :first {
  
}
@page :left {
  
}
@page :right {
  
}
.page-viewer .hide-in-viewer {
  height: 0;
  width: 0;
  position: absolute;
  top: -10000px;
  left: -10000px;
}
.border-left {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.border-right {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.no-border-left {
  border-left: 0;
}
.no-border-right {
  border-right: 0;
}
.no-border-bottom {
  border-bottom: 0;
}
.no-border-top {
  border-top: 0;
}
.app-layout .form-page-container .logo-header .q-img.q-img--menu {
  height: 100px;
}
.auth-component .q-img.q-img--menu .q-img__container svg {
  height: 112px;
}
.custom-loading-prompt {
  background-color: var(--q-white) !important;
}
.custom-loading-message-box {
  background-color: var(--q-white) !important;
  color: var(--q-dark) !important;
}
.highcharts-tooltip-box {
  fill: white;
}
.highcharts-background {
  fill: #ffffff00;
}
.page-cpt-title {
  min-height: 125px !important;
}
:not(:root):fullscreen::backdrop {
  background: #fafafa;
}
.tooltip-float {
  z-index: 100;
}