/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */ /* fonts */ /* text sizes */ /* 1.875rem (30px) */ /* 1.375rem (22px)*/ /* 1.25rem (20px) */ /* 1.125rem (18px) */ /* 1rem (16px) */ /* 0.875rem (14px) */ /* 0.75rem (12px) */ button:active:disabled{outline:none} ::-webkit-scrollbar{width:16px} ::-webkit-scrollbar-thumb{border:4px solid transparent;background-clip:padding-box;border-radius:8px;background-color:#9b9b9b} :root{--primary:#006be0;--primaryShade:#2150a3} button:active:disabled{outline:none} ::-webkit-scrollbar{width:16px} ::-webkit-scrollbar-thumb{border:4px solid transparent;background-clip:padding-box;border-radius:8px;background-color:#9b9b9b} :root{--primary:#006be0;--primaryShade:#2150a3} @font-face {
  font-family: 'OpenSans-Bold';
  src: url('OpenSans-Bold.ttf');
  font-weight: 700;
  font-style: normal;
} @font-face {
  font-family: 'OpenSans-BoldItalic';
  src: url('OpenSans-BoldItalic.ttf');
  font-weight: 700;
  font-style: italic;
} @font-face {
  font-family: 'OpenSans-ExtraBold';
  src: url('OpenSans-ExtraBold.ttf');
  font-weight: 800;
  font-style: normal;
} @font-face {
  font-family: 'OpenSans-ExtraBoldItalic';
  src: url('OpenSans-ExtraBoldItalic.ttf');
  font-weight: 800;
  font-style: italic;
} @font-face {
  font-family: 'OpenSans-Italic';
  src: url('OpenSans-Italic.ttf');
  font-weight: 400;
  font-style: italic;
} @font-face {
  font-family: 'OpenSans-Light';
  src: url('OpenSans-Light.ttf');
  font-weight: 300;
  font-style: normal;
} @font-face {
  font-family: 'OpenSans-Semibold';
  src: url('OpenSans-Semibold.ttf');
  font-weight: 600;
  font-style: normal;
} @font-face {
  font-family: 'OpenSans-SemiboldItalic';
  src: url('OpenSans-SemiboldItalic.ttf');
  font-weight: 600;
  font-style: italic;
} @font-face {
  font-family: 'OpenSans';
  src: url('OpenSans.ttf');
  font-weight: 400;
  font-style: normal;
} @font-face {
  font-family: 'OpenSansLight-Italic';
  src: url('OpenSansLight-Italic.ttf');
  font-weight: 300;
  font-style: italic;
} @font-face {
    font-family: 'Poppins-Black';
    src: url('Poppins-Black.ttf');
    font-weight: 900;
    font-style: normal;
} @font-face {
    font-family: 'Poppins-BlackItalic';
    src: url('Poppins-BlackItalic.ttf');
    font-weight: 900;
    font-style: italic;
} @font-face {
    font-family: 'Poppins-Bold';
    src: url('Poppins-Bold.ttf');
    font-weight: 700;
    font-style: normal;
} @font-face {
    font-family: 'Poppins-BoldItalic';
    src: url('Poppins-BoldItalic.ttf');
    font-weight: 700;
    font-style: italic;
} @font-face {
    font-family: 'Poppins-ExtraBold';
    src: url('Poppins-ExtraBold.ttf');
    font-weight: 800;
    font-style: normal;
} @font-face {
    font-family: 'Poppins-ExtraBoldItalic';
    src: url('Poppins-ExtraBoldItalic.ttf');
    font-weight: 800;
    font-style: italic;
} @font-face {
    font-family: 'Poppins-ExtraLight';
    src: url('Poppins-ExtraLight.ttf');
    font-weight: 200;
    font-style: normal;
} @font-face {
    font-family: 'Poppins-ExtraLightItalic';
    src: url('Poppins-ExtraLightItalic.ttf');
    font-weight: 200;
    font-style: italic;
} @font-face {
    font-family: 'Poppins-Italic';
    src: url('Poppins-Italic.ttf');
    font-weight: 900;
    font-style: italic;
} @font-face {
    font-family: 'Poppins-Light';
    src: url('Poppins-Light.ttf');
    font-weight: 300;
    font-style: normal;
} @font-face {
    font-family: 'Poppins-LightItalic';
    src: url('Poppins-LightItalic.ttf');
    font-weight: 300;
    font-style: italic;
} @font-face {
    font-family: 'Poppins-Medium';
    src: url('Poppins-Medium.ttf');
    font-weight: 500;
    font-style: normal;
} @font-face {
    font-family: 'Poppins-MediumItalic';
    src: url('Poppins-MediumItalic.ttf');
    font-weight: 500;
    font-style: italic;
} @font-face {
    font-family: 'Poppins-Regular';
    src: url('Poppins-Regular.ttf');
    font-weight: 400;
    font-style: normal;
} @font-face {
    font-family: 'Poppins-SemiBold';
    src: url('Poppins-SemiBold.ttf');
    font-weight: 600;
    font-style: normal;
} @font-face {
    font-family: 'Poppins-SemiBoldItalic';
    src: url('Poppins-SemiBoldItalic.ttf');
    font-weight: 600;
    font-style: italic;
} @font-face {
    font-family: 'Poppins-Thin';
    src: url('Poppins-Thin.ttf');
    font-weight: 100;
    font-style: italic;
} @font-face {
    font-family: 'Poppins-ThinItalic';
    src: url('Poppins-ThinItalic.ttf');
    font-weight: 100;
    font-style: italic;
} /* Base Styles - applied regardless of theme */ /* set base font - all other font specifications should use rem units */ body {
  margin: 0;
  font-family: var(--primary-font);
  font-size: 16px;
} /*
General Utility Selectors
*/ .screen-reader-only {
  position: absolute;
  top: 0;
  left: -1000px;
  border: none;
  background: none;
  width: 0;
  height: 0;
  overflow: hidden;
} :root {
  /* Basics */
  --primary: #006be0;
  --primaryShade: #2150a3;
  --primaryLight: #eaf3fc;
  --focus: #006be07f;
  --confirm: #2a7d14;
  --error: #cc333f;
  --errorShade: #a71622;
  --blueTint: #e5f0f9;
  --blueTintShade: #e5f0f97f;
  /* Grayscale */
  --black: #000;
  --grayDarkest: #222;
  --grayDarker: #333;
  --gray: #767676;
  --grayDusty: #9b9b9b;
  --grayLight: #cdcdcd;
  --grayLighter: #e2e2e2;
  --grayLightest: #f3f3f3;
  --grayWhite: #f9f9f9;
  --grayHover: #f2f2f2;
  --white: #fff;
  /* Box Shadows */
  --elevation-one: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  --elevation-three: 0 3px 5px 0 rgba(0, 0, 0, 0.36);
  /* Overlay */
  --overlay: #0000007f;
  /* Savvas Branding */
  --savvasDarkBlue: #2150a3;
  --savvasBlue: #0072ee;
  --savvasTeal: #33bdcd;
  --savvasGreen: #9eca47;
  --savvasPlum: #902364;
  --savvasRed: #d73a59;
  --savvasOrange: #f8961e;
  --savvasYellow: #ffe050;
  --savvasDarkGray: #3d4149;
  --savvasGray: #6f777b;
  --savvasLightGray: #cdcfd1;
} :root {
  /* Base Fonts as per Savvas */
  --primary-font: "OpenSans";
  --primary-font-bold: "OpenSans-Bold";
  --primary-font-bold-italic: "OpenSans-BoldItalic";
  --primary-font-extra-bold: "OpenSans-ExtraBold";
  --primary-font-extra-bold-italic: "OpenSans-ExtraBoldItalic";
  --primary-font-italic: "OpenSans-Italic";
  --primary-font-light: "OpenSans-Light";
  --primary-font-semi-bold: "OpenSans-Semibold";
  --primary-font-semi-bold-italic: "OpenSans-SemiboldItalic";
  --primary-font-light-italic: "OpenSansLight-Italic";
  --secondary-font-black: "Poppins-Black";
  --secondary-font-black-italic: "Poppins-BlackItalic";
  --secondary-font-bold: "Poppins-Bold";
  --secondary-font-bold-italic: "Poppins-BoldItalic";
  --secondary-font-extra-bold: "Poppins-ExtraBold";
  --secondary-font-extra-bold-italic: "Poppins-ExtraBoldItalic";
  --secondary-font-extra-light: "Poppins-ExtraLight";
  --secondary-font-extra-light-italic: "Poppins-ExtraLightItalic";
  --secondary-font-italic: "Poppins-Italic";
  --secondary-font-light: "Poppins-Light";
  --secondary-font-light-italic: "Poppins-LightItalic";
  --secondary-font-medium: "Poppins-Medium";
  --secondary-font-medium-italic: "Poppins-MediumItalic";
  --secondary-font-regular: "Poppins-Regular";
  --secondary-font-semi-bold: "Poppins-SemiBold";
  --secondary-font-semi-bold-italic: "Poppins-SemiBoldItalic";
  --secondary-font-thin: "Poppins-Thin";
  --secondary-font-thin-italic: "Poppins-ThinItalic";
  /* Text Sizes */
  --text-size-xxxxx-large: 1.875rem; /* 1.875rem (30px) */
  --text-size-xxxx-large: 1.75rem; /* 1.75rem (28px) */
  --text-size-xxx-large: 1.5rem; /* 1.5rem (24px) */
  --text-size-xx-large: 1.375rem; /* 1.375rem (22px) */
  --text-size-x-large: 1.25rem; /* 1.25rem (20px) */
  --text-size-large: 1.125rem; /* 1.125rem (18px) */
  --text-size-normal: 1rem; /* 1rem (16px) */
  --text-size-small: 0.875rem; /* 0.875rem (14px) */
  --text-size-x-small: 0.812rem; /* 0.812rem (13px) */
  --text-size-xx-small: 0.75rem; /* 0.75rem (12px) */
  /* Icon Sizes */
  --icon-size-xxxx-large: 6rem; /* 6rem (96px) */
  --icon-size-xxx-large: 4.5rem; /* 4.5rem (72px) */
  --icon-size-xx-large: 3.125rem; /* 3.125rem (50px) */
  --icon-size-x-large: 2.25rem; /* 2.25rem (36px) */
  --icon-size-large: 1.625rem; /* 1.875rem (26px) */
  --icon-size-normal: 1.5rem; /* 1.5rem (24px) */
  --icon-size-medium: 1.25rem; /* 1.25rem (20px) */
  --icon-size-small: 1.125rem; /* 1.125rem (18px) */
  --icon-size-x-small: 1rem; /* 1rem (16px) */
  /* Layout Variables */
  --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  --font-weight-medium: 500;
} html {
  height: 100%;
} body {
  margin: 0;
  background-color: var(--grayLightest);
  height: 100%;
  width: 100%;
}

/*# sourceMappingURL=styles.e67b9e4f54304c36.css.map*/