/* FRONTEND THEME CSS: nerde-v3-eda */

:root {
  --q-primary: #19496C !important;
  --q-secondary: #69BCC7 !important;
  --q-accent: #C0E092 !important;
  --q-positive: #0BA02E !important;
  --q-negative: #9E0D0D !important;
  --q-info: #197220 !important;
  --q-warning: #EA7E29 !important;
  --q-dark: #121212 !important;
  --q-dark-page: #000000 !important;
  --q-light: #FFFFFF !important;
  --q-white: #FFFFFF !important;
  --q-black: #000000 !important;
}
:root {
  /* brownish/beige color */
  --n-section-color-2: #A39594;
  /* brownish/beige color lighter */
  --n-section-color-3: #C89F9C;
  --n-color-1-1: #0e3b11;
  --n-color-1-2: #197220;
  --n-color-1-3: #19496C;
  --n-color-1-4: #1A6036;
  --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: #3D7F42;
  --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-blue-7);
    --n-discover-color-light: var(--q-blue-2);
    --n-discover-color-dark: var(--q-blue-10);
    */
  --n-discover-color: #19496C;
  --n-discover-color-light: #6b8abc;
  --n-discover-color-dark: #333333;
  --n-resources-color: var(--q-purple-7);
  --n-resources-color-light: var(--q-purple-2);
  --n-resources-color-dark: var(--q-purple-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);
}
:root,
.highcharts-light {
  /* Colors for data series and points */
  --highcharts-color-0: var(--q-primary);
  --highcharts-color-1: var(--q-secondary);
  --highcharts-color-2: var(--q-negative);
  --highcharts-color-3: var(--q-positive);
  --highcharts-color-4: var(--q-info);
  --highcharts-color-5: var(--q-accent);
  --highcharts-color-6: var(--q-warning);
  --highcharts-color-7: var(--q-dark);
  --highcharts-color-8: var(--q-purple-7);
  --highcharts-color-9: var(--q-yellow-9);
}
/* START HIGHCHARTS OVERRIDES */

.highcharts-color-0 {
  fill: var(--highcharts-color-0);
  stroke: var(--highcharts-color-0);
}
.highcharts-color-1 {
  fill: var(--highcharts-color-1);
  stroke: var(--highcharts-color-1);
}
.highcharts-color-2 {
  fill: var(--highcharts-color-2);
  stroke: var(--highcharts-color-2);
}
.highcharts-color-3 {
  fill: var(--highcharts-color-3);
  stroke: var(--highcharts-color-3);
}
.highcharts-color-4 {
  fill: var(--highcharts-color-4);
  stroke: var(--highcharts-color-4);
}
.highcharts-color-5 {
  fill: var(--highcharts-color-5);
  stroke: var(--highcharts-color-5);
}
.highcharts-color-6 {
  fill: var(--highcharts-color-6);
  stroke: var(--highcharts-color-6);
}
.highcharts-color-7 {
  fill: var(--highcharts-color-7);
  stroke: var(--highcharts-color-7);
}
.highcharts-color-8 {
  fill: var(--highcharts-color-8);
  stroke: var(--highcharts-color-8);
}
.highcharts-color-9 {
  fill: var(--highcharts-color-9);
  stroke: var(--highcharts-color-9);
}
/* END HIGHCHARTS OVERRIDES */

.bg-section-alt-2 {
  background-color: var(--n-section-color-2) !important;
}
.text-section-alt-2 {
  color: var(--n-section-color-2) !important;
}
.section-alt-2 {
  background-color: var(--n-section-color-2) !important;
  color: var(--q-white) !important;
}
.bg-section-alt-3 {
  background-color: var(--n-section-color-3) !important;
}
.text-section-alt-3 {
  color: var(--n-section-color-3) !important;
}
.section-alt-3 {
  background-color: var(--n-section-color-3) !important;
  color: var(--q-white) !important;
}
.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;
}
/* 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);
}
/* 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;
}
/* ADMIN THEME CSS: default */

:root {
  --q-admin-primary: #1976D2 !important;
  --q-admin-secondary: #26A69A !important;
  --q-admin-accent: #9C27B0 !important;
  --q-admin-positive: #21BA45 !important;
  --q-admin-negative: #C10015 !important;
  --q-admin-info: #31CCEC !important;
  --q-admin-warning: #F2C037 !important;
  --q-admin-dark: #1D1D1D !important;
  --q-admin-dark-page: #121212 !important;
  --q-admin-light: #FFFFFF !important;
  --q-admin-white: #FFFFFF !important;
  --q-admin-black: #000000 !important;
}
header.app-admin-header,
div.app-admin-menu,
div.app-admin-designer-sidebar,
div.tb-designer,
.admin-tooltip {
  --q-primary: var(--q-admin-primary);
  --q-secondary: var(--q-admin-secondary);
  --q-accent: var(--q-admin-accent);
  --q-positive: var(--q-admin-positive);
  --q-negative: var(--q-admin-negative);
  --q-info: var(--q-admin-info);
  --q-dark: var(--q-admin-dark);
  --q-dark-page: var(--q-admin-dark-page);
  --q-light: var(--q-admin-light);
  --q-white: var(--q-admin-white);
}
/* These styles are always available for both admin and frontend themes */

@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;
}
