/* Minification failed. Returning unminified contents.
(4,25): run-time error CSS1039: Token not allowed after unary operator: '-on-surface-4'
(4,45): run-time error CSS1039: Token not allowed after unary operator: '-background'
(8,19): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(9,21): run-time error CSS1039: Token not allowed after unary operator: '-font'
(10,15): run-time error CSS1039: Token not allowed after unary operator: '-on-surface-2'
(11,26): run-time error CSS1039: Token not allowed after unary operator: '-background'
(14,26): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(73,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(80,15): run-time error CSS1039: Token not allowed after unary operator: '-on-surface-4'
(85,26): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary-border-color'
(86,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius'
(93,14): run-time error CSS1039: Token not allowed after unary operator: '-headline6-font'
(96,15): run-time error CSS1039: Token not allowed after unary operator: '-error'
(102,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(156,15): run-time error CSS1039: Token not allowed after unary operator: '-on-surface-3'
(172,19): run-time error CSS1039: Token not allowed after unary operator: '-headline5-font-size'
(196,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(197,15): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary'
(283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
@import url("https://fonts.googleapis.com/css?family=Source Sans Pro:300,400,600,300italic,400italic,600italic&latin&display=swap");
* {
  scrollbar-width: thin !important;
  scrollbar-color: var(--on-surface-4) var(--background);
}

html {
  font-size: var(--font-size);
  font-family: var(--font);
  color: var(--on-surface-2);
  background-color: var(--background);
}
html.is-dialog {
  background-color: var(--surface);
}
html body {
  margin: 0px;
  /* Native HTML styling */
  /* Utils for all pages */
  /* Legacy Styling -- holdovers from having to mix old UI into newgen layouts (i.e. mostly just portal banner dialogs) */
}
html body #banner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  /*height: 38px;*/
  background: #333F48;
  justify-content: center;
  transition: height 0.15s;
  overflow: hidden;
}
html body #banner div {
  width: 100%;
}
html body #banner div #bannerTitle,
html body #banner div #bannerMsg {
  display: block;
  color: #ffffff;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.25px;
  padding: 10px 0px 10px 10px;
  vertical-align: sub;
  margin-left: 10px;
}
@media only screen and (min-width: 720px) {
  html body #banner div #bannerTitle,
  html body #banner div #bannerMsg {
    display: inline-block;
  }
}
html body #banner div #bannerTitle {
  font-weight: 700;
}
html body #banner div #btnDismissBanner {
  float: right;
}
html body #banner div core-button {
  margin-right: 10px;
}
html body #blocker {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  position: fixed;
  top: 0;
  z-index: 99;
}
html body a {
  font-weight: 600;
  letter-spacing: 0.15px;
  color: var(--primary);
  text-decoration: none;
}
html body a:hover:not([disabled]) {
  text-decoration: underline;
}
html body a[disabled] {
  color: var(--on-surface-4);
  cursor: not-allowed;
  pointer-events: none;
}
html body select {
  border: 1px solid var(--button-secondary-border-color);
  border-radius: var(--border-radius);
  outline: none;
}
html body .fafield:has(label) select {
  margin-left: 4px;
}
html body .headline6 {
  font: var(--headline6-font);
}
html body .error {
  color: var(--error);
}
html body .feedback_wrapper:has(span) {
  padding: 5px;
}
html body .material-icons {
  color: var(--primary);
}
html body input.caps {
  text-transform: uppercase;
}
html body .noscroll {
  overflow: hidden;
}
html body .hidden {
  display: none;
}
html body .hidden-i {
  display: none !important;
}
html body .zeroheight {
  height: 0px !important;
}
html body .italic {
  font-style: italic;
  color: rgba(0, 0, 0, 0.38);
}
html body .separator {
  display: flex;
  align-items: center;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
}
html body .separator::before, html body .separator::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
html body .separator:not(:empty)::before {
  margin-right: 1em;
}
html body .separator:not(:empty)::after {
  margin-left: 1em;
}
html body .block {
  display: block;
}
html body .inline-block {
  display: inline-block;
}
html body .p10 {
  padding: 10px;
}
html body .fill-width {
  width: 100%;
}
html body .page-title {
  font-weight: 300;
  font-size: 24px;
  line-height: 36px;
  color: var(--on-surface-3);
}
html body .module-header {
  display: flex;
  flex-direction: column;
  padding: 5px;
  align-items: flex-start;
}
@media only screen and (min-width: 720px) {
  html body .module-header {
    flex-direction: row;
    align-items: center;
  }
}
html body .module-header .module-title {
  flex: 1 1 0;
  font-size: var(--headline5-font-size);
  white-space: nowrap;
}
html body .module-header .module-center {
  flex: 1 1 auto;
  text-align: center;
  display: flex;
  margin-left: 10px;
  gap: 10px;
}
html body .module-header .module-center > * {
  flex: 1 1 auto;
}
html body .module-header .module-actions {
  flex: 1 1 auto;
  text-align: right;
}
html body .module-header .module-actions > * {
  vertical-align: middle;
}
html body .ui-dialog {
  border-radius: 4px !important;
}
html body .ui-dialog .ui-dialog-titlebar {
  background-color: var(--secondary);
  color: var(--on-secondary);
  border: none;
  border-radius: 3px;
}
html body .aw_zoom_icon {
  display: inline-block;
  background-position: 0px 0px;
  background-image: url(../images/aw_zoom2.gif);
  width: 20px;
  height: 20px;
  border: 0;
  vertical-align: middle;
}
html body .aw_zoom_icon:hover {
  background-position: 20px 20px;
}
html body .aw_tree_icon {
  display: inline-block;
  background-position: 0px 0px;
  background-image: url(../images/aw_relationships2.gif);
  width: 20px;
  height: 20px;
  border: 0;
  vertical-align: middle;
}
html body .aw_tree_icon:hover {
  background-position: 20px 20px;
}
html body .info.data_header .material-icons {
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  font-size: 20px;
  color: #904545 !important;
  top: 0px !important;
  height: 20px;
  width: 20px;
}
html body .info.data_header .material-icons:hover {
  text-decoration: none !important;
  background-color: #E5D9D9;
  border: 1px solid #6D1010;
  border-radius: 3px;
}
html body .info.data_header .material-icons.md-timeline:after {
  content: "history";
}
html body .info.data_header .material-icons.md-description:after {
  content: "description";
}
html body .context-menu {
  display: inline-block;
  background-color: white;
  position: absolute;
  border: 1px solid lightgray;
  z-index: 100;
  display: none;
}
html body .context-menu * {
  cursor: pointer;
  padding: 5px 10px !important;
  border: none;
  background-color: transparent;
  display: block;
  width: 100%;
  text-align: left;
}
html body .context-menu *.checked {
  background-image: url(../images/checkmark-red.gif);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
html body .context-menu *:disabled {
  cursor: default;
  color: rgba(0, 0, 0, 0.38);
}
html body .context-menu *:hover:not(:disabled) {
  background-color: lightgray;
}
html body input[type=submit]:not(:disabled) {
  cursor: pointer;
}

:root
{
    /* levels/ uses */
    --dark-primary: var(--darkteal);
    --primary: var(--teal);
    --on-primary: #FFFFFF;
    --secondary: var(--lightteal);
    --on-secondary: #FFFFFF;
    --background: #EEF2F4;
    --on-background: #333F48;
    --surface: #FFFFFF;
    --surface-border: 1px solid var(--on-surface-4);
    --surface-hover: #F5FFFF;
    --surface-active: #E0F7FA;
    --on-surface: #333F48;
    --on-surface-hover: var(--on-surface);
    --on-surface-active: var(--on-surface);
    --on-surface-2: #5B727C;
    --on-surface-3: #1D2429;
    --on-surface-4: #A4BCC6;
    --on-surface-disabled: rgba(91, 114, 124, 0.5);
    --error: var(--red);
    --on-error: #FFFFFF;
    --success: var(--green);
    --on-success: #FFFFFF;
    --warn: var(--orange);
    --on-warn: #FFFFFF;
    --table-alternating-row-color: #eef2f4;
    --table-row-hover: #c0c0c0;
    /* Colors */
    --red: #C70505;
    --orange: #C25700;
    --green: #338533;
    --darkteal: #053F50;
    --teal: #067984;
    --lightteal: #50A1A9;
    --lightteal2: #ADD3D6;
    --blue: #007099;
    --purple: #825AE2;
    --red-35: #eba7a7;
    --orange-35: #e9c4a5;
    --green-35: #b7d4b7;
    --teal-35: #a7d0d4;
    --blue-35: #a5cddb;
    --purple-35: #d3c5f5;
    --prim-shdw: 0 0 3px 0 var(--on-surface-4);
    --prim-shdw-filter: drop-shadow(1px 2px 2px var(--on-surface-4));
    --surface-alt: #1D2429;
    --on-surface-alt: #F0F3F5;
    --on-surface-alt-red: #F03030;
    --on-surface-alt-orange: #FF9E18;
    --on-surface-alt-green: #87BE50;
    --on-surface-alt-teal: #2FC4BE;
    --on-surface-alt-blue: #00A3E0;
    --on-surface-alt-purple: #A4A0EE;
    --core-input-background-color: var(--surface);
    /* Headlines */
    --headline5-font-size: 22px;
    --headline6-font: normal normal 400 normal 1.3rem / 2rem var(--font);
    /* General typography */
    --border-radius: 4px;
    --field-border-hover: #1D2429;
    --field-height: 36px;
    --field-input-background-color: white;
    --field-font-size: 1.07em;
    --font: "Source Sans Pro", sans-serif;
    --font-size: 14px;
    --font-letter-spacing: 1.25px;
    --font-color: black;
    --font-color-accent: var(--primary-accent-bgcolor);
    --font-color-on-accent: #fff;
    --font-weight: 400;
    --font-weight-button: 600;
    --field-font-label: normal normal 600 normal 1.4rem / 1.6rem 'Source Sans Pro', 'Segoe UI', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    --field-font-label-color: #5B727C;
    --field-font-color: #333F48;
    --field-border: 1px solid var(--field-font-color);
    --field-disabled-background-color: rgba(239, 239, 239, 0.3);
    --box-shadow-button: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    --button-hover-bg: #F5FAFA;
    --button-active-bg: #C7E1E3;
    --button-secondary-border-color: rgb(164, 188, 198);
    /* Button styles - primary dark mode */
    --button-primary-color-dm: var(--surface-alt);
    --button-primary-bg-dm: var(--on-surface-alt-teal);
    --button-primary-disabled-bg-dm: #65757E;
    --button-primary-disabled-color-dm: #65757E;
    --button-primary-hover-bg-dm: #3FC9C3;
    --button-primary-focus-bg-dm: #61D2CE;
    --button-primary-active-bg-dm: #87DDDA;
    /* Button styles - Secondary dark mode */
    --button-secondary-color-dm: var(--on-surface-alt-teal);
    --button-secondary-bg-dm: transparent;
    --button-secondary-disabled-color-dm: rgba(164,188,198,0.5); /* #65757E; */
    --button-secondary-hover-bg-dm: rgba(255,255,255, 0.07);
    --button-secondary-focus-bg-dm: rgba(255,255,255, 0.1);
    --button-secondary-active-bg-dm: rgba(255,255,255, 0.2);
    --button-secondary-border-color-dm: #5F717B;
    /* Button styles - Legacy */
    --tertiary-accent-bgcolor: #ADD3D6;
    --table-row-alternate: white;
}

/*
  ## BREAKPOINTS ##

  Currently supported responsive ranges, came from Kevin/product designer.
  +-------------+-------+-------------------------------------------+
  | Range       | label | Comments                                  |
  +-------------+-------+-------------------------------------------+
  | 0 - 320     | N/A   | Default css styling (phone form factor).  |
  | 320 - 720   | N/A   | Default css styling (phone form factor).  |
  | 720 - 1200  | sm    | Tablet / small laptops.                   |
  | 1200 - 1600 | mg    | Laptops / small desktops.                 |
  | 1600+       | lg    | High resolution desktops.                 |
  +-------------+-------+-------------------------------------------+

  The new UI framework uses mobile-first design. This means that the default styling
  works for mobile form factors first and then we use css classes to alter UI elements
  when they are at larger form factors.

  Example:
  By default column elements use 100% width so they only stack vertically.
  By adding the "col-sm-2" style to a section, when the viewport is in the small range called out in the table above
  it will then only take 16.66% width instead of the full width (meaning we can start stacking sections side-by-side).

  For a real example of this, go to LogIn.aspx and expand/shrink your browser (may need to use dev tools emulator and set to responsive form factor).

  ## 12-column grid layout ##

  This UI framework is using a standard 12-column grid layout.
  Specify the number of columns and/or offsets you want for your sections at the varying form factors.

*/
* {
  box-sizing: border-box;
}

/*
## Column Definitions ##
Each row should be wrapped in a <div>. The number of columns inside a row should always add up to 12.

<div class="row">
  <div class="col-3">...</div> <!-- 25% -->
  <div class="col-9">...</div> <!-- 75% -->
</div>
*/
[class*=col-] {
  width: 100%;
}

[class*=col-] {
  float: left;
}

.row.flex {
  display: flex;
  gap: 15px;
}

.row.flex > *:last-child {
    margin-right: -15px;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

@media only screen and (max-width: 720px) {
  div.ui-dialog.wm-dialog {
    width: calc(100% - 5px) !important;
  }
}
@media (max-width: 720px) {
  /* Go to single-column layout */
  .row.flex {
    flex-direction: column;
  }
}
@media only screen and (min-width: 720px) and (max-width: 1200px) {
  .col-sm-0 {
    width: 0% !important;
  }
  .col-sm-1 {
    width: 8.33% !important;
  }
  .col-sm-2 {
    width: 16.66% !important;
  }
  .col-sm-3 {
    width: 25% !important;
  }
  .col-sm-4 {
    width: 33.33% !important;
  }
  .col-sm-5 {
    width: 41.66% !important;
  }
  .col-sm-6 {
    width: 50% !important;
  }
  .col-sm-7 {
    width: 58.33% !important;
  }
  .col-sm-8 {
    width: 66.66% !important;
  }
  .col-sm-9 {
    width: 75% !important;
  }
  .col-sm-10 {
    width: 83.33% !important;
  }
  .col-sm-11 {
    width: 91.66% !important;
  }
  .col-sm-12 {
    width: 100% !important;
  }
  .offset-sm-0 {
    margin-left: 0% !important;
  }
  .offset-sm-1 {
    margin-left: 8.33% !important;
  }
  .offset-sm-2 {
    margin-left: 16.66% !important;
  }
  .offset-sm-3 {
    margin-left: 25% !important;
  }
  .offset-sm-4 {
    margin-left: 33.33% !important;
  }
  .offset-sm-5 {
    margin-left: 41.66% !important;
  }
  .offset-sm-6 {
    margin-left: 50% !important;
  }
  .offset-sm-7 {
    margin-left: 58.33% !important;
  }
  .offset-sm-8 {
    margin-left: 66.66% !important;
  }
  .offset-sm-9 {
    margin-left: 75% !important;
  }
  .offset-sm-10 {
    margin-left: 83.33% !important;
  }
  .offset-sm-11 {
    margin-left: 91.66% !important;
  }
  .offset-sm-12 {
    margin-left: 100% !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .col-md-0 {
    width: 0% !important;
  }
  .col-md-1 {
    width: 8.33% !important;
  }
  .col-md-2 {
    width: 16.66% !important;
  }
  .col-md-3 {
    width: 25% !important;
  }
  .col-md-4 {
    width: 33.33% !important;
  }
  .col-md-5 {
    width: 41.66% !important;
  }
  .col-md-6 {
    width: 50% !important;
  }
  .col-md-7 {
    width: 58.33% !important;
  }
  .col-md-8 {
    width: 66.66% !important;
  }
  .col-md-9 {
    width: 75% !important;
  }
  .col-md-10 {
    width: 83.33% !important;
  }
  .col-md-11 {
    width: 91.66% !important;
  }
  .col-md-12 {
    width: 100% !important;
  }
  .offset-md-0 {
    margin-left: 0% !important;
  }
  .offset-md-1 {
    margin-left: 8.33% !important;
  }
  .offset-md-2 {
    margin-left: 16.66% !important;
  }
  .offset-md-3 {
    margin-left: 25% !important;
  }
  .offset-md-4 {
    margin-left: 33.33% !important;
  }
  .offset-md-5 {
    margin-left: 41.66% !important;
  }
  .offset-md-6 {
    margin-left: 50% !important;
  }
  .offset-md-7 {
    margin-left: 58.33% !important;
  }
  .offset-md-8 {
    margin-left: 66.66% !important;
  }
  .offset-md-9 {
    margin-left: 75% !important;
  }
  .offset-md-10 {
    margin-left: 83.33% !important;
  }
  .offset-md-11 {
    margin-left: 91.66% !important;
  }
  .offset-md-12 {
    margin-left: 100% !important;
  }
}
@media only screen and (min-width: 1600px) {
  .col-lg-0 {
    width: 0% !important;
  }
  .col-lg-1 {
    width: 8.33% !important;
  }
  .col-lg-2 {
    width: 16.66% !important;
  }
  .col-lg-3 {
    width: 25% !important;
  }
  .col-lg-4 {
    width: 33.33% !important;
  }
  .col-lg-5 {
    width: 41.66% !important;
  }
  .col-lg-6 {
    width: 50% !important;
  }
  .col-lg-7 {
    width: 58.33% !important;
  }
  .col-lg-8 {
    width: 66.66% !important;
  }
  .col-lg-9 {
    width: 75% !important;
  }
  .col-lg-10 {
    width: 83.33% !important;
  }
  .col-lg-11 {
    width: 91.66% !important;
  }
  .col-lg-12 {
    width: 100% !important;
  }
  .offset-lg-0 {
    margin-left: 0% !important;
  }
  .offset-lg-1 {
    margin-left: 8.33% !important;
  }
  .offset-lg-2 {
    margin-left: 16.66% !important;
  }
  .offset-lg-3 {
    margin-left: 25% !important;
  }
  .offset-lg-4 {
    margin-left: 33.33% !important;
  }
  .offset-lg-5 {
    margin-left: 41.66% !important;
  }
  .offset-lg-6 {
    margin-left: 50% !important;
  }
  .offset-lg-7 {
    margin-left: 58.33% !important;
  }
  .offset-lg-8 {
    margin-left: 66.66% !important;
  }
  .offset-lg-9 {
    margin-left: 75% !important;
  }
  .offset-lg-10 {
    margin-left: 83.33% !important;
  }
  .offset-lg-11 {
    margin-left: 91.66% !important;
  }
  .offset-lg-12 {
    margin-left: 100% !important;
  }
}
@media only screen and (min-width: 720px) {
  .col-f {
    flex: 1 1 auto;
  }
}

/* Material Icons */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/MaterialIcons-Regular.ttf") format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.material-icons.no-color {
    color: unset;
}

.material-icons.md-hover:hover{
    background-color: #d9e8f2;
}

.material-icons.md-10 { font-size: 10px; }
.material-icons.md-12 { font-size: 12px; }
.material-icons.md-14 { font-size: 14px; }
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.color-red { color: #ea002a; }
.material-icons.color-yellow { color: #f6b436; }
.material-icons.color-black { color: black; }
.material-icons.color-white { color: white; }
.material-icons.color-gray { color: #505F69; }

.material-icons.flip-horiz {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.material-icons.flip-vert {
    -moz-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

/* END Material Icons */
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-top-center-noimage {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 350px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;

  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center-noimage > .toast-warning {
	background-size: 0 0 !important;
}
#toast-container.toast-top-center-noimage > div,
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 350px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}