/* FRONTEND THEME CSS: nga */

:root {
  --q-primary: #003E67 !important;
  --q-secondary: #005287 !important;
  --q-accent: #940088 !important;
  --q-positive: #477326 !important;
  --q-negative: #C41230 !important;
  --q-info: #D6E9F2 !important;
  --q-warning: #D74200 !important;
  --q-dark: #1D1D1D !important;
  --q-dark-page: #121212 !important;
  --q-light: #FFFFFF !important;
  --q-white: #FFFFFF !important;
  --q-black: #000000 !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;
}
body.l-sidebar .header-wrap {
  margin-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 */

.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;
}
.gradient-text {
  background: -webkit-linear-gradient(75deg, var(--q-primary), var(--q-info));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-viewer .hide-in-viewer {
  height: 0;
  width: 0;
  position: absolute;
  top: -10000px;
  left: -10000px;
}
.title-sans {
  font-family: "proxima-nova", sans-serif;
}
.title-serif {
  font-family: "cormorant-garamond", serif;
}
.heading-underline:after {
  background: none repeat scroll 0 0 var(--q-secondary);
  bottom: -5px;
  content: '';
  display: block;
  height: 4px;
  position: relative;
  width: 100px;
}
.ais-SearchBox-submit {
  background: var(--q-primary) !important;
  border: var(--q-primary) !important;
}
.ais-SearchBox-input {
  border: 3px solid var(--q-primary) !important;
  border-right: none !important;
  color: black !important;
}