/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
.app {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  pointer-events: all;
  overflow-x: hidden;
  overflow-y: hidden;
  color: var(--mdc-theme-text-primary-on-background, black);
  background-color: #f0f0f0;
}
.app .mdc-tab {
  font-weight: 600;
}
.app span.shortcode {
  color: var(--mdc-theme-primary, #7c96c7);
  font-family: monospace;
  font-size: 12px;
  font-weight: 1000;
  border: solid rgba(0, 0, 0, 0.2) 1px;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 2px;
  border-radius: 3px;
}

.box {
  width: 100%;
  position: absolute;
  display: inline-grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: auto 1fr;
  pointer-events: none;
  overflow: hidden;
  height: calc(100% - 64px);
  top: 64px;
  z-index: 5;
}
@media (max-width: 599px) {
  .box {
    top: 56px;
    height: calc(100% - 56px);
  }
}

#map-overlay {
  grid-column: 2;
  grid-row: 2;
  position: relative;
  height: calc(100%);
  z-index: 15;
  pointer-events: none;
}

.roi-info-marker {
  background-image: url("/img/info-circle-solid.svg");
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
}

#landing-page-back {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: var(--mdc-theme-secondary);
  z-index: 0;
  background-image: url(/img/homepage/geonius-hero-v2.jpg);
  filter: grayscale(0.75) opacity(0.95) blur(3px);
  transform: scale(1.03);
}

#landing-page-front {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  overflow: scroll;
}

#homepage {
  font-family: "Open Sans", Helvetica, Arial, Lucida, sans-serif;
  z-index: 1;
  position: relative;
}

#hero {
  padding: 80px 0 120px 0;
}

#footer {
  position: fixed;
  z-index: 1;
  background-color: white;
  color: black;
  width: 100%;
  height: 60px;
  text-align: center;
  bottom: 0px;
  border-top: 5px solid black;
}
#footer a, #footer p {
  line-height: 60px;
  color: black;
  font-weight: bold;
}

#homepage-bg {
  background: radial-gradient(circle at top left, #75be86 0%, #63bb90 25%, #268fa8 50%, #126bb1 75%, #126ab1 100%);
  opacity: 0.9;
  background-color: black;
  width: 100%;
  height: 100%;
  z-index: 0;
  position: fixed;
  top: 0;
  left: 0;
}

.btn-block {
  width: 100%;
}

.split-page-left {
  position: fixed;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  color: white;
}

.split-page-left.background {
  background-image: url("/img/homepage/geonius-pic-1.jpg");
  background-position: center center;
  background-color: black;
  background-blend-mode: hard-light;
  filter: grayscale(1) opacity(0.95) blur(5px);
  transform: scale(1.03);
  overflow: hidden;
}

.split-page .content {
  padding: 80px;
}

.split-page-right {
  position: fixed;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  background-color: white;
}

.hidden-mobile {
  display: flex;
}

.hidden-desktop {
  display: none;
}

@media (max-width: 767.98px) {
  .hidden-mobile {
    display: none;
  }

  .hidden-desktop {
    display: flex;
  }
}
.text-muted {
  color: #777;
}

/*!
 * Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/) -
 */
.flag {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 11px;
  background: url("/img/flags.png") no-repeat;
}

option.flag {
  background-image: url("/img/flags.png");
}

.flag.flag-gu {
  background-position: -96px -55px;
}

.flag.flag-mn {
  background-position: -208px -88px;
}

.flag.flag-va {
  background-position: -48px -154px;
}

.flag.flag-tibet {
  background-position: -32px -143px;
}

.flag.flag-fo {
  background-position: -64px -44px;
}

.flag.flag-th {
  background-position: -16px -143px;
}

.flag.flag-tr {
  background-position: -144px -143px;
}

.flag.flag-tl {
  background-position: -80px -143px;
}

.flag.flag-kz {
  background-position: -144px -77px;
}

.flag.flag-zm {
  background-position: -16px -165px;
}

.flag.flag-uz {
  background-position: -32px -154px;
}

.flag.flag-dk {
  background-position: -64px -33px;
}

.flag.flag-scotland {
  background-position: -176px -121px;
}

.flag.flag-gi {
  background-position: -224px -44px;
}

.flag.flag-gy {
  background-position: -128px -55px;
}

.flag.flag-bj {
  background-position: -112px -11px;
}

.flag.flag-fr {
  background-position: -80px -44px;
}

.flag.flag-mo {
  background-position: -224px -88px;
}

.flag.flag-ir {
  background-position: -112px -66px;
}

.flag.flag-io {
  background-position: -80px -66px;
}

.flag.flag-tm {
  background-position: -96px -143px;
}

.flag.flag-ch {
  background-position: -96px -22px;
}

.flag.flag-mt {
  background-position: -32px -99px;
}

.flag.flag-nl {
  background-position: -240px -99px;
}

.flag.flag-gp {
  background-position: -16px -55px;
}

.flag.flag-im {
  background-position: -48px -66px;
}

.flag.flag-tv {
  background-position: -176px -143px;
}

.flag.flag-mu {
  background-position: -48px -99px;
}

.flag.flag-pe {
  background-position: -96px -110px;
}

.flag.flag-vi {
  background-position: -112px -154px;
}

.flag.flag-hn {
  background-position: -176px -55px;
}

.flag.flag-ss {
  background-position: -128px -132px;
}

.flag.flag-ae {
  background-position: -16px 0;
}

.flag.flag-td {
  background-position: -240px -132px;
}

.flag.flag-pw {
  background-position: 0 -121px;
}

.flag.flag-nu {
  background-position: -32px -110px;
}

.flag.flag-bt {
  background-position: -208px -11px;
}

.flag.flag-ms {
  background-position: -16px -99px;
}

.flag.flag-cv {
  background-position: -240px -22px;
}

.flag.flag-es {
  background-position: -224px -33px;
}

.flag.flag-mh {
  background-position: -144px -88px;
}

.flag.flag-la {
  background-position: -160px -77px;
}

.flag.flag-vn {
  background-position: -128px -154px;
}

.flag.flag-py {
  background-position: -16px -121px;
}

.flag.flag-br {
  background-position: -176px -11px;
}

.flag.flag-ye {
  background-position: -224px -154px;
}

.flag.flag-ie {
  background-position: 0 -66px;
}

.flag.flag-gh {
  background-position: -208px -44px;
}

.flag.flag-cg {
  background-position: -80px -22px;
}

.flag.flag-cu {
  background-position: -224px -22px;
}

.flag.flag-hu {
  background-position: -224px -55px;
}

.flag.flag-sg {
  background-position: -224px -121px;
}

.flag.flag-at {
  background-position: -176px 0;
}

.flag.flag-lk {
  background-position: -224px -77px;
}

.flag.flag-vu {
  background-position: -144px -154px;
}

.flag.flag-bo {
  background-position: -160px -11px;
}

.flag.flag-jo {
  background-position: -208px -66px;
}

.flag.flag-er {
  background-position: -208px -33px;
}

.flag.flag-za {
  background-position: -256px -154px;
}

.flag.flag-rs {
  background-position: -80px -121px;
}

.flag.flag-nr {
  background-position: -16px -110px;
}

.flag.flag-ls {
  background-position: -256px -77px;
}

.flag.flag-jm {
  background-position: -192px -66px;
}

.flag.flag-tz {
  background-position: -208px -143px;
}

.flag.flag-ki {
  background-position: -16px -77px;
}

.flag.flag-sj {
  background-position: 0 -132px;
}

.flag.flag-cz {
  background-position: -16px -33px;
}

.flag.flag-pg {
  background-position: -128px -110px;
}

.flag.flag-lv {
  background-position: -32px -88px;
}

.flag.flag-do {
  background-position: -96px -33px;
}

.flag.flag-lu {
  background-position: -16px -88px;
}

.flag.flag-no {
  background-position: -256px -99px;
}

.flag.flag-kw {
  background-position: -112px -77px;
}

.flag.flag-mx {
  background-position: -96px -99px;
}

.flag.flag-yt {
  background-position: -240px -154px;
}

.flag.flag-ly {
  background-position: -48px -88px;
}

.flag.flag-cy {
  background-position: 0 -33px;
}

.flag.flag-ph {
  background-position: -144px -110px;
}

.flag.flag-my {
  background-position: -112px -99px;
}

.flag.flag-sm {
  background-position: -48px -132px;
}

.flag.flag-et {
  background-position: -240px -33px;
}

.flag.flag-ru {
  background-position: -96px -121px;
}

.flag.flag-tj {
  background-position: -48px -143px;
}

.flag.flag-ai {
  background-position: -64px 0;
}

.flag.flag-pl {
  background-position: -176px -110px;
}

.flag.flag-kp {
  background-position: -64px -77px;
}

.flag.flag-uy {
  background-position: -16px -154px;
}

.flag.flag-gb {
  background-position: -112px -44px;
}

.flag.flag-gs {
  background-position: -64px -55px;
}

.flag.flag-kurdistan {
  background-position: -96px -77px;
}

.flag.flag-rw {
  background-position: -112px -121px;
}

.flag.flag-ec {
  background-position: -128px -33px;
}

.flag.flag-mm {
  background-position: -192px -88px;
}

.flag.flag-pa {
  background-position: -80px -110px;
}

.flag.flag-wales {
  background-position: -160px -154px;
}

.flag.flag-kg {
  background-position: -256px -66px;
}

.flag.flag-ve {
  background-position: -80px -154px;
}

.flag.flag-tk {
  background-position: -64px -143px;
}

.flag.flag-ca {
  background-position: -16px -22px;
}

.flag.flag-is {
  background-position: -128px -66px;
}

.flag.flag-ke {
  background-position: -240px -66px;
}

.flag.flag-ro {
  background-position: -64px -121px;
}

.flag.flag-gq {
  background-position: -32px -55px;
}

.flag.flag-pt {
  background-position: -256px -110px;
}

.flag.flag-tf {
  background-position: -256px -132px;
}

.flag.flag-ad {
  background-position: 0 0;
}

.flag.flag-sk {
  background-position: -16px -132px;
}

.flag.flag-pm {
  background-position: -192px -110px;
}

.flag.flag-om {
  background-position: -64px -110px;
}

.flag.flag-an {
  background-position: -112px 0;
}

.flag.flag-ws {
  background-position: -192px -154px;
}

.flag.flag-sh {
  background-position: -240px -121px;
}

.flag.flag-mp {
  background-position: -240px -88px;
}

.flag.flag-gt {
  background-position: -80px -55px;
}

.flag.flag-cf {
  background-position: -64px -22px;
}

.flag.flag-zanzibar {
  background-position: 0 -165px;
}

.flag.flag-mw {
  background-position: -80px -99px;
}

.flag.flag-catalonia {
  background-position: -32px -22px;
}

.flag.flag-ug {
  background-position: -240px -143px;
}

.flag.flag-je {
  background-position: -176px -66px;
}

.flag.flag-km {
  background-position: -32px -77px;
}

.flag.flag-in {
  background-position: -64px -66px;
}

.flag.flag-bf {
  background-position: -48px -11px;
}

.flag.flag-mc {
  background-position: -80px -88px;
}

.flag.flag-sy {
  background-position: -192px -132px;
}

.flag.flag-sn {
  background-position: -64px -132px;
}

.flag.flag-kr {
  background-position: -80px -77px;
}

.flag.flag-eu {
  background-position: -256px -33px;
}

.flag.flag-bn {
  background-position: -144px -11px;
}

.flag.flag-st {
  background-position: -144px -132px;
}

.flag.flag-england {
  background-position: -192px -33px;
}

.flag.flag-lc {
  background-position: -192px -77px;
}

.flag.flag-dm {
  background-position: -80px -33px;
}

.flag.flag-be {
  background-position: -32px -11px;
}

.flag.flag-ni {
  background-position: -224px -99px;
}

.flag.flag-ua {
  background-position: -224px -143px;
}

.flag.flag-mz {
  background-position: -128px -99px;
}

.flag.flag-pf {
  background-position: -112px -110px;
}

.flag.flag-tn {
  background-position: -112px -143px;
}

.flag.flag-ee {
  background-position: -144px -33px;
}

.flag.flag-xk {
  background-position: -208px -154px;
}

.flag.flag-sx {
  background-position: -176px -132px;
}

.flag.flag-sd {
  background-position: -192px -121px;
}

.flag.flag-gd {
  background-position: -128px -44px;
}

.flag.flag-ci {
  background-position: -112px -22px;
}

.flag.flag-sz {
  background-position: -208px -132px;
}

.flag.flag-cl {
  background-position: -144px -22px;
}

.flag.flag-fi {
  background-position: 0 -44px;
}

.flag.flag-ga {
  background-position: -96px -44px;
}

.flag.flag-jp {
  background-position: -224px -66px;
}

.flag.flag-de {
  background-position: -32px -33px;
}

.flag.flag-np {
  background-position: 0 -110px;
}

.flag.flag-re {
  background-position: -48px -121px;
}

.flag.flag-bg {
  background-position: -64px -11px;
}

.flag.flag-sc {
  background-position: -160px -121px;
}

.flag.flag-ng {
  background-position: -208px -99px;
}

.flag.flag-qa {
  background-position: -32px -121px;
}

.flag.flag-mk {
  background-position: -160px -88px;
}

.flag.flag-aw {
  background-position: -208px 0;
}

.flag.flag-kn {
  background-position: -48px -77px;
}

.flag.flag-al {
  background-position: -80px 0;
}

.flag.flag-bw {
  background-position: -240px -11px;
}

.flag.flag-um {
  background-position: -256px -143px;
}

.flag.flag-ky {
  background-position: -128px -77px;
}

.flag.flag-tt {
  background-position: -160px -143px;
}

.flag.flag-so {
  background-position: -80px -132px;
}

.flag.flag-lt {
  background-position: 0 -88px;
}

.flag.flag-by {
  background-position: -256px -11px;
}

.flag.flag-bb {
  background-position: 0 -11px;
}

.flag.flag-us {
  background-position: 0 -154px;
}

.flag.flag-md {
  background-position: -96px -88px;
}

.flag.flag-ag {
  background-position: -48px 0;
}

.flag.flag-hm {
  background-position: -160px -55px;
}

.flag.flag-as {
  background-position: -160px 0;
}

.flag.flag-eg {
  background-position: -160px -33px;
}

.flag.flag-sv {
  background-position: -160px -132px;
}

.flag.flag-sl {
  background-position: -32px -132px;
}

.flag.flag-fk {
  background-position: -32px -44px;
}

.flag.flag-am {
  background-position: -96px 0;
}

.flag.flag-ck {
  background-position: -128px -22px;
}

.flag.flag-tw {
  background-position: -192px -143px;
}

.flag.flag-kh {
  background-position: 0 -77px;
}

.flag.flag-to {
  background-position: -128px -143px;
}

.flag.flag-se {
  background-position: -208px -121px;
}

.flag.flag-cd {
  background-position: -48px -22px;
}

.flag.flag-pn {
  background-position: -208px -110px;
}

.flag.flag-gr {
  background-position: -48px -55px;
}

.flag.flag-id {
  background-position: -256px -55px;
}

.flag.flag-vc {
  background-position: -64px -154px;
}

.flag.flag-somaliland {
  background-position: -96px -132px;
}

.flag.flag-bi {
  background-position: -96px -11px;
}

.flag.flag-pk {
  background-position: -160px -110px;
}

.flag.flag-pr {
  background-position: -224px -110px;
}

.flag.flag-bd {
  background-position: -16px -11px;
}

.flag.flag-co {
  background-position: -192px -22px;
}

.flag.flag-fm {
  background-position: -48px -44px;
}

.flag.flag-bm {
  background-position: -128px -11px;
}

.flag.flag-ar {
  background-position: -144px 0;
}

.flag.flag-bv {
  background-position: -224px -11px;
}

.flag.flag-sb {
  background-position: -144px -121px;
}

.flag.flag-mq {
  background-position: -256px -88px;
}

.flag.flag-eh {
  background-position: -176px -33px;
}

.flag.flag-bh {
  background-position: -80px -11px;
}

.flag.flag-it {
  background-position: -144px -66px;
}

.flag.flag-hr {
  background-position: -192px -55px;
}

.flag.flag-sa {
  background-position: -128px -121px;
}

.flag.flag-mv {
  background-position: -64px -99px;
}

.flag.flag-mg {
  background-position: -128px -88px;
}

.flag.flag-dz {
  background-position: -112px -33px;
}

.flag.flag-gg {
  background-position: -192px -44px;
}

.flag.flag-gm {
  background-position: -256px -44px;
}

.flag.flag-af {
  background-position: -32px 0;
}

.flag.flag-li {
  background-position: -208px -77px;
}

.flag.flag-sr {
  background-position: -112px -132px;
}

.flag.flag-vg {
  background-position: -96px -154px;
}

.flag.flag-cr {
  background-position: -208px -22px;
}

.flag.flag-tc {
  background-position: -224px -132px;
}

.flag.flag-ao {
  background-position: -128px 0;
}

.flag.flag-ma {
  background-position: -64px -88px;
}

.flag.flag-mr {
  background-position: 0 -99px;
}

.flag.flag-gn {
  background-position: 0 -55px;
}

.flag.flag-ne {
  background-position: -176px -99px;
}

.flag.flag-nf {
  background-position: -192px -99px;
}

.flag.flag-wf {
  background-position: -176px -154px;
}

.flag.flag-hk {
  background-position: -144px -55px;
}

.flag.flag-gf {
  background-position: -160px -44px;
}

.flag.flag-ps {
  background-position: -240px -110px;
}

.flag.flag-ic {
  background-position: -240px -55px;
}

.flag.flag-cw {
  background-position: -256px -22px;
}

.flag.flag-ml {
  background-position: -176px -88px;
}

.flag.flag-ax {
  background-position: -224px 0;
}

.flag.flag-gl {
  background-position: -240px -44px;
}

.flag.flag-dj {
  background-position: -48px -33px;
}

.flag.flag-cn {
  background-position: -176px -22px;
}

.flag.flag-ht {
  background-position: -208px -55px;
}

.flag.flag-lr {
  background-position: -240px -77px;
}

.flag.flag-tg {
  background-position: 0 -143px;
}

.flag.flag-ba {
  background-position: -256px 0;
}

.flag.flag-ge {
  background-position: -144px -44px;
}

.flag.flag-bz {
  background-position: 0 -22px;
}

.flag.flag-au {
  background-position: -192px 0;
}

.flag.flag-iq {
  background-position: -96px -66px;
}

.flag.flag-cm {
  background-position: -160px -22px;
}

.flag.flag-gw {
  background-position: -112px -55px;
}

.flag.flag-az {
  background-position: -240px 0;
}

.flag.flag-na {
  background-position: -144px -99px;
}

.flag.flag-fj {
  background-position: -16px -44px;
}

.flag.flag-zw {
  background-position: -32px -165px;
}

.flag.flag-bs {
  background-position: -192px -11px;
}

.flag.flag-il {
  background-position: -16px -66px;
}

.flag.flag-nz {
  background-position: -48px -110px;
}

.flag.flag-me {
  background-position: -112px -88px;
}

.flag.flag-si {
  background-position: -256px -121px;
}

.flag.flag-nc {
  background-position: -160px -99px;
}

.flag.flag-lb {
  background-position: -176px -77px;
}
.roi-popup {
  min-width: 220px;
  text-align: center;
}
.roi-popup table {
  border: solid #d3d3d3 0.5px;
  box-shadow: 1px 8px 5px -8px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 1px 8px 5px -8px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 1px 8px 5px -8px rgba(0, 0, 0, 0.22);
  width: 100%;
}
.roi-popup table tr:nth-of-type(odd) {
  background-color: #fdfcfb;
}
.roi-popup table tr:nth-of-type(even) {
  background-color: #f8f5f2;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.mdc-button {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: 0.0892857143em;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 8px 0 8px;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 64px;
  height: 36px;
  border: none;
  outline: none;
  /* @alternate */
  line-height: inherit;
  user-select: none;
  -webkit-appearance: none;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 4px;
}
.mdc-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mdc-button:active {
  outline: none;
}
.mdc-button:hover {
  cursor: pointer;
}
.mdc-button:disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.37);
  cursor: default;
  pointer-events: none;
}
.mdc-button.mdc-button--dense {
  border-radius: 4px;
}
.mdc-button:not(:disabled) {
  background-color: transparent;
}
.mdc-button .mdc-button__icon {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 8px;
  display: inline-block;
  width: 18px;
  height: 18px;
  font-size: 18px;
  vertical-align: top;
}
[dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl] {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: 0;
}
.mdc-button:not(:disabled) {
  color: #6200ee;
  /* @alternate */
  color: var(--mdc-theme-primary, #6200ee);
}

.mdc-button__label + .mdc-button__icon {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: 0;
}
[dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 8px;
}

svg.mdc-button__icon {
  fill: currentColor;
}

.mdc-button--raised .mdc-button__icon,
.mdc-button--unelevated .mdc-button__icon,
.mdc-button--outlined .mdc-button__icon {
  /* @noflip */
  margin-left: -4px;
  /* @noflip */
  margin-right: 8px;
}
[dir=rtl] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button--unelevated .mdc-button__icon,
.mdc-button--unelevated .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button--outlined .mdc-button__icon,
.mdc-button--outlined .mdc-button__icon[dir=rtl] {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: -4px;
}
.mdc-button--raised .mdc-button__label + .mdc-button__icon,
.mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
.mdc-button--outlined .mdc-button__label + .mdc-button__icon {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: -4px;
}
[dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
.mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button--outlined .mdc-button__label + .mdc-button__icon,
.mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] {
  /* @noflip */
  margin-left: -4px;
  /* @noflip */
  margin-right: 8px;
}

.mdc-button--raised,
.mdc-button--unelevated {
  padding: 0 16px 0 16px;
}
.mdc-button--raised:disabled,
.mdc-button--unelevated:disabled {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.37);
}
.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  .mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
  color: #fff;
  /* @alternate */
  color: var(--mdc-theme-on-primary, #fff);
}

.mdc-button--raised {
  box-shadow: 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);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-button--raised:hover, .mdc-button--raised:focus {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mdc-button--raised:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mdc-button--raised:disabled {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mdc-button--outlined {
  border-style: solid;
  padding: 0 15px 0 15px;
  border-width: 1px;
}
.mdc-button--outlined:disabled {
  border-color: rgba(0, 0, 0, 0.37);
}
.mdc-button--outlined:not(:disabled) {
  border-color: #6200ee;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #6200ee);
}

.mdc-button--dense {
  height: 32px;
  font-size: 0.8125rem;
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden;
}
.mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var);
}

.mdc-button {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mdc-button::before, .mdc-button::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-button::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-button.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-button.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-button.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-button.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-button.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-button::before, .mdc-button::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-button.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-button::before, .mdc-button::after {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  .mdc-button::before, .mdc-button::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
.mdc-button:hover::before {
  opacity: 0.04;
}
.mdc-button:not(.mdc-ripple-upgraded):focus::before, .mdc-button.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-button:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-button:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-button.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

.mdc-button--raised::before, .mdc-button--raised::after,
.mdc-button--unelevated::before,
.mdc-button--unelevated::after {
  background-color: #fff;
}
@supports not (-ms-ime-align: auto) {
  .mdc-button--raised::before, .mdc-button--raised::after,
.mdc-button--unelevated::before,
.mdc-button--unelevated::after {
    /* @alternate */
    background-color: var(--mdc-theme-on-primary, #fff);
  }
}
.mdc-button--raised:hover::before,
.mdc-button--unelevated:hover::before {
  opacity: 0.08;
}
.mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .mdc-button--raised.mdc-ripple-upgraded--background-focused::before,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before,
.mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-button--raised:not(.mdc-ripple-upgraded)::after,
.mdc-button--unelevated:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-button--raised:not(.mdc-ripple-upgraded):active::after,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-button--raised.mdc-ripple-upgraded,
.mdc-button--unelevated.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}

.mdc-ripple-surface {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  outline: none;
  overflow: hidden;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-ripple-surface::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-ripple-surface.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  background-color: #000;
}
.mdc-ripple-surface:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
  overflow: visible;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  .mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
.mdc-ripple-surface--primary:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--primary.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.mdc-ripple-surface--accent:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--accent.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

.smui-button--color-secondary:not(:disabled) {
  color: #018786;
  /* @alternate */
  color: var(--mdc-theme-secondary, #018786);
}
.smui-button--color-secondary.mdc-button--raised:not(:disabled), .smui-button--color-secondary.mdc-button--unelevated:not(:disabled) {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .smui-button--color-secondary.mdc-button--raised:not(:disabled), .smui-button--color-secondary.mdc-button--unelevated:not(:disabled) {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.smui-button--color-secondary.mdc-button--raised:not(:disabled), .smui-button--color-secondary.mdc-button--unelevated:not(:disabled) {
  color: #fff;
  /* @alternate */
  color: var(--mdc-theme-on-secondary, #fff);
}
.smui-button--color-secondary.mdc-button--outlined:not(:disabled) {
  border-color: #018786;
  /* @alternate */
  border-color: var(--mdc-theme-secondary, #018786);
}

.smui-button--color-secondary::before, .smui-button--color-secondary::after {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .smui-button--color-secondary::before, .smui-button--color-secondary::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.smui-button--color-secondary:hover::before {
  opacity: 0.04;
}
.smui-button--color-secondary:not(.mdc-ripple-upgraded):focus::before, .smui-button--color-secondary.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.smui-button--color-secondary:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.smui-button--color-secondary:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.smui-button--color-secondary.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.smui-button--color-secondary.mdc-button--raised::before, .smui-button--color-secondary.mdc-button--raised::after, .smui-button--color-secondary.mdc-button--unelevated::before, .smui-button--color-secondary.mdc-button--unelevated::after {
  background-color: #fff;
}
@supports not (-ms-ime-align: auto) {
  .smui-button--color-secondary.mdc-button--raised::before, .smui-button--color-secondary.mdc-button--raised::after, .smui-button--color-secondary.mdc-button--unelevated::before, .smui-button--color-secondary.mdc-button--unelevated::after {
    /* @alternate */
    background-color: var(--mdc-theme-on-secondary, #fff);
  }
}
.smui-button--color-secondary.mdc-button--raised:hover::before, .smui-button--color-secondary.mdc-button--unelevated:hover::before {
  opacity: 0.08;
}
.smui-button--color-secondary.mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .smui-button--color-secondary.mdc-button--raised.mdc-ripple-upgraded--background-focused::before, .smui-button--color-secondary.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before, .smui-button--color-secondary.mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.smui-button--color-secondary.mdc-button--raised:not(.mdc-ripple-upgraded)::after, .smui-button--color-secondary.mdc-button--unelevated:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.smui-button--color-secondary.mdc-button--raised:not(.mdc-ripple-upgraded):active::after, .smui-button--color-secondary.mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.smui-button--color-secondary.mdc-button--raised.mdc-ripple-upgraded, .smui-button--color-secondary.mdc-button--unelevated.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}

.smui-button__group {
  display: inline-flex;
}
.smui-button__group > .mdc-button, .smui-button__group > .smui-button__group-item > .mdc-button {
  margin-left: 0;
  margin-right: 0;
}
.smui-button__group > .mdc-button:not(:last-child), .smui-button__group > .smui-button__group-item:not(:last-child) > .mdc-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.smui-button__group > .mdc-button:not(:first-child), .smui-button__group > .smui-button__group-item:not(:first-child) > .mdc-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.smui-button__group.smui-button__group--raised {
  box-shadow: 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);
}
.smui-button__group > .mdc-button--raised, .smui-button__group > .smui-button__group-item > .mdc-button--raised {
  border-radius: 4px;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.smui-button__group > .mdc-button--raised.mdc-button--dense, .smui-button__group > .smui-button__group-item > .mdc-button--raised.mdc-button--dense {
  border-radius: 4px;
}
.smui-button__group > .mdc-button--raised:hover, .smui-button__group > .mdc-button--raised:focus, .smui-button__group > .smui-button__group-item > .mdc-button--raised:hover, .smui-button__group > .smui-button__group-item > .mdc-button--raised:focus {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.smui-button__group > .mdc-button--raised:active, .smui-button__group > .smui-button__group-item > .mdc-button--raised:active {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.smui-button__group > .mdc-button--raised:disabled, .smui-button__group > .smui-button__group-item > .mdc-button--raised:disabled {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.smui-button__group > .mdc-button--outlined:not(:last-child), .smui-button__group > .smui-button__group-item:not(:last-child) > .mdc-button--outlined {
  border-right-width: 0;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.mdc-elevation--z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z2 {
  box-shadow: 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);
}

.mdc-elevation--z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mdc-elevation-transition {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: box-shadow;
}

.smui-paper {
  background-color: #fff;
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
  padding: 24px 16px;
}
@supports not (-ms-ime-align: auto) {
  .smui-paper {
    /* @alternate */
    background-color: var(--mdc-theme-surface, #fff);
  }
}
.smui-paper.smui-paper--rounded {
  border-radius: 4px;
}
.smui-paper.smui-paper--color-primary {
  background-color: #6200ee;
  color: #fff;
  /* @alternate */
  color: var(--mdc-theme-on-primary, #fff);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z0 {
  box-shadow: 0px 0px 0px 0px rgba(98, 0, 238, 0.2), 0px 0px 0px 0px rgba(98, 0, 238, 0.14), 0px 0px 0px 0px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z1 {
  box-shadow: 0px 2px 1px -1px rgba(98, 0, 238, 0.2), 0px 1px 1px 0px rgba(98, 0, 238, 0.14), 0px 1px 3px 0px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z2 {
  box-shadow: 0px 3px 1px -2px rgba(98, 0, 238, 0.2), 0px 2px 2px 0px rgba(98, 0, 238, 0.14), 0px 1px 5px 0px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z3 {
  box-shadow: 0px 3px 3px -2px rgba(98, 0, 238, 0.2), 0px 3px 4px 0px rgba(98, 0, 238, 0.14), 0px 1px 8px 0px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z4 {
  box-shadow: 0px 2px 4px -1px rgba(98, 0, 238, 0.2), 0px 4px 5px 0px rgba(98, 0, 238, 0.14), 0px 1px 10px 0px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z5 {
  box-shadow: 0px 3px 5px -1px rgba(98, 0, 238, 0.2), 0px 5px 8px 0px rgba(98, 0, 238, 0.14), 0px 1px 14px 0px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z6 {
  box-shadow: 0px 3px 5px -1px rgba(98, 0, 238, 0.2), 0px 6px 10px 0px rgba(98, 0, 238, 0.14), 0px 1px 18px 0px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z7 {
  box-shadow: 0px 4px 5px -2px rgba(98, 0, 238, 0.2), 0px 7px 10px 1px rgba(98, 0, 238, 0.14), 0px 2px 16px 1px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z8 {
  box-shadow: 0px 5px 5px -3px rgba(98, 0, 238, 0.2), 0px 8px 10px 1px rgba(98, 0, 238, 0.14), 0px 3px 14px 2px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z9 {
  box-shadow: 0px 5px 6px -3px rgba(98, 0, 238, 0.2), 0px 9px 12px 1px rgba(98, 0, 238, 0.14), 0px 3px 16px 2px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z10 {
  box-shadow: 0px 6px 6px -3px rgba(98, 0, 238, 0.2), 0px 10px 14px 1px rgba(98, 0, 238, 0.14), 0px 4px 18px 3px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z11 {
  box-shadow: 0px 6px 7px -4px rgba(98, 0, 238, 0.2), 0px 11px 15px 1px rgba(98, 0, 238, 0.14), 0px 4px 20px 3px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z12 {
  box-shadow: 0px 7px 8px -4px rgba(98, 0, 238, 0.2), 0px 12px 17px 2px rgba(98, 0, 238, 0.14), 0px 5px 22px 4px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z13 {
  box-shadow: 0px 7px 8px -4px rgba(98, 0, 238, 0.2), 0px 13px 19px 2px rgba(98, 0, 238, 0.14), 0px 5px 24px 4px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z14 {
  box-shadow: 0px 7px 9px -4px rgba(98, 0, 238, 0.2), 0px 14px 21px 2px rgba(98, 0, 238, 0.14), 0px 5px 26px 4px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z15 {
  box-shadow: 0px 8px 9px -5px rgba(98, 0, 238, 0.2), 0px 15px 22px 2px rgba(98, 0, 238, 0.14), 0px 6px 28px 5px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z16 {
  box-shadow: 0px 8px 10px -5px rgba(98, 0, 238, 0.2), 0px 16px 24px 2px rgba(98, 0, 238, 0.14), 0px 6px 30px 5px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z17 {
  box-shadow: 0px 8px 11px -5px rgba(98, 0, 238, 0.2), 0px 17px 26px 2px rgba(98, 0, 238, 0.14), 0px 6px 32px 5px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z18 {
  box-shadow: 0px 9px 11px -5px rgba(98, 0, 238, 0.2), 0px 18px 28px 2px rgba(98, 0, 238, 0.14), 0px 7px 34px 6px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z19 {
  box-shadow: 0px 9px 12px -6px rgba(98, 0, 238, 0.2), 0px 19px 29px 2px rgba(98, 0, 238, 0.14), 0px 7px 36px 6px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z20 {
  box-shadow: 0px 10px 13px -6px rgba(98, 0, 238, 0.2), 0px 20px 31px 3px rgba(98, 0, 238, 0.14), 0px 8px 38px 7px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z21 {
  box-shadow: 0px 10px 13px -6px rgba(98, 0, 238, 0.2), 0px 21px 33px 3px rgba(98, 0, 238, 0.14), 0px 8px 40px 7px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z22 {
  box-shadow: 0px 10px 14px -6px rgba(98, 0, 238, 0.2), 0px 22px 35px 3px rgba(98, 0, 238, 0.14), 0px 8px 42px 7px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z23 {
  box-shadow: 0px 11px 14px -7px rgba(98, 0, 238, 0.2), 0px 23px 36px 3px rgba(98, 0, 238, 0.14), 0px 9px 44px 8px rgba(98, 0, 238, 0.12);
}
.smui-paper.smui-paper--color-primary.mdc-elevation--z24 {
  box-shadow: 0px 11px 15px -7px rgba(98, 0, 238, 0.2), 0px 24px 38px 3px rgba(98, 0, 238, 0.14), 0px 9px 46px 8px rgba(98, 0, 238, 0.12);
}
@supports not (-ms-ime-align: auto) {
  .smui-paper.smui-paper--color-primary {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
.smui-paper.smui-paper--color-secondary {
  background-color: #018786;
  color: #fff;
  /* @alternate */
  color: var(--mdc-theme-on-secondary, #fff);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z0 {
  box-shadow: 0px 0px 0px 0px rgba(1, 135, 134, 0.2), 0px 0px 0px 0px rgba(1, 135, 134, 0.14), 0px 0px 0px 0px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z1 {
  box-shadow: 0px 2px 1px -1px rgba(1, 135, 134, 0.2), 0px 1px 1px 0px rgba(1, 135, 134, 0.14), 0px 1px 3px 0px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z2 {
  box-shadow: 0px 3px 1px -2px rgba(1, 135, 134, 0.2), 0px 2px 2px 0px rgba(1, 135, 134, 0.14), 0px 1px 5px 0px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z3 {
  box-shadow: 0px 3px 3px -2px rgba(1, 135, 134, 0.2), 0px 3px 4px 0px rgba(1, 135, 134, 0.14), 0px 1px 8px 0px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z4 {
  box-shadow: 0px 2px 4px -1px rgba(1, 135, 134, 0.2), 0px 4px 5px 0px rgba(1, 135, 134, 0.14), 0px 1px 10px 0px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z5 {
  box-shadow: 0px 3px 5px -1px rgba(1, 135, 134, 0.2), 0px 5px 8px 0px rgba(1, 135, 134, 0.14), 0px 1px 14px 0px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z6 {
  box-shadow: 0px 3px 5px -1px rgba(1, 135, 134, 0.2), 0px 6px 10px 0px rgba(1, 135, 134, 0.14), 0px 1px 18px 0px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z7 {
  box-shadow: 0px 4px 5px -2px rgba(1, 135, 134, 0.2), 0px 7px 10px 1px rgba(1, 135, 134, 0.14), 0px 2px 16px 1px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z8 {
  box-shadow: 0px 5px 5px -3px rgba(1, 135, 134, 0.2), 0px 8px 10px 1px rgba(1, 135, 134, 0.14), 0px 3px 14px 2px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z9 {
  box-shadow: 0px 5px 6px -3px rgba(1, 135, 134, 0.2), 0px 9px 12px 1px rgba(1, 135, 134, 0.14), 0px 3px 16px 2px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z10 {
  box-shadow: 0px 6px 6px -3px rgba(1, 135, 134, 0.2), 0px 10px 14px 1px rgba(1, 135, 134, 0.14), 0px 4px 18px 3px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z11 {
  box-shadow: 0px 6px 7px -4px rgba(1, 135, 134, 0.2), 0px 11px 15px 1px rgba(1, 135, 134, 0.14), 0px 4px 20px 3px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z12 {
  box-shadow: 0px 7px 8px -4px rgba(1, 135, 134, 0.2), 0px 12px 17px 2px rgba(1, 135, 134, 0.14), 0px 5px 22px 4px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z13 {
  box-shadow: 0px 7px 8px -4px rgba(1, 135, 134, 0.2), 0px 13px 19px 2px rgba(1, 135, 134, 0.14), 0px 5px 24px 4px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z14 {
  box-shadow: 0px 7px 9px -4px rgba(1, 135, 134, 0.2), 0px 14px 21px 2px rgba(1, 135, 134, 0.14), 0px 5px 26px 4px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z15 {
  box-shadow: 0px 8px 9px -5px rgba(1, 135, 134, 0.2), 0px 15px 22px 2px rgba(1, 135, 134, 0.14), 0px 6px 28px 5px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z16 {
  box-shadow: 0px 8px 10px -5px rgba(1, 135, 134, 0.2), 0px 16px 24px 2px rgba(1, 135, 134, 0.14), 0px 6px 30px 5px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z17 {
  box-shadow: 0px 8px 11px -5px rgba(1, 135, 134, 0.2), 0px 17px 26px 2px rgba(1, 135, 134, 0.14), 0px 6px 32px 5px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z18 {
  box-shadow: 0px 9px 11px -5px rgba(1, 135, 134, 0.2), 0px 18px 28px 2px rgba(1, 135, 134, 0.14), 0px 7px 34px 6px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z19 {
  box-shadow: 0px 9px 12px -6px rgba(1, 135, 134, 0.2), 0px 19px 29px 2px rgba(1, 135, 134, 0.14), 0px 7px 36px 6px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z20 {
  box-shadow: 0px 10px 13px -6px rgba(1, 135, 134, 0.2), 0px 20px 31px 3px rgba(1, 135, 134, 0.14), 0px 8px 38px 7px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z21 {
  box-shadow: 0px 10px 13px -6px rgba(1, 135, 134, 0.2), 0px 21px 33px 3px rgba(1, 135, 134, 0.14), 0px 8px 40px 7px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z22 {
  box-shadow: 0px 10px 14px -6px rgba(1, 135, 134, 0.2), 0px 22px 35px 3px rgba(1, 135, 134, 0.14), 0px 8px 42px 7px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z23 {
  box-shadow: 0px 11px 14px -7px rgba(1, 135, 134, 0.2), 0px 23px 36px 3px rgba(1, 135, 134, 0.14), 0px 9px 44px 8px rgba(1, 135, 134, 0.12);
}
.smui-paper.smui-paper--color-secondary.mdc-elevation--z24 {
  box-shadow: 0px 11px 15px -7px rgba(1, 135, 134, 0.2), 0px 24px 38px 3px rgba(1, 135, 134, 0.14), 0px 9px 46px 8px rgba(1, 135, 134, 0.12);
}
@supports not (-ms-ime-align: auto) {
  .smui-paper.smui-paper--color-secondary {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.smui-paper .smui-paper__title {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  letter-spacing: normal;
  text-decoration: inherit;
  text-transform: inherit;
  margin-top: 0;
  margin-bottom: 0.4rem;
}
.smui-paper .smui-paper__subtitle {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  margin-top: -0.2rem;
  margin-bottom: 0.4rem;
}
.smui-paper .smui-paper__content {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.03125em;
  text-decoration: inherit;
  text-transform: inherit;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.mdc-floating-label {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  position: absolute;
  /* @noflip */
  left: 0;
  /* @noflip */
  transform-origin: left top;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  /* @alternate */
  line-height: 1.15rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: text;
  overflow: hidden;
  will-change: transform;
}
[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
  /* @noflip */
  right: 0;
  /* @noflip */
  left: auto;
  /* @noflip */
  transform-origin: right top;
  /* @noflip */
  text-align: right;
}

.mdc-floating-label--float-above {
  cursor: auto;
}

.mdc-floating-label--float-above {
  transform: translateY(-50%) scale(0.75);
}

.mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-standard 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-standard {
  0% {
    transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);
  }
  100% {
    transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  }
}
.mdc-line-ripple {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: 2;
}

.mdc-line-ripple--active {
  transform: scaleX(1);
  opacity: 1;
}

.mdc-line-ripple--deactivating {
  opacity: 0;
}

.mdc-notched-outline {
  display: flex;
  position: absolute;
  right: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  /* @noflip */
  text-align: left;
  pointer-events: none;
}
[dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
  /* @noflip */
  text-align: right;
}
.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
  box-sizing: border-box;
  height: 100%;
  transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
  border-top: 1px solid;
  border-bottom: 1px solid;
  pointer-events: none;
}
.mdc-notched-outline__leading {
  /* @noflip */
  border-left: 1px solid;
  /* @noflip */
  border-right: none;
  width: 12px;
}
[dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
  /* @noflip */
  border-left: none;
  /* @noflip */
  border-right: 1px solid;
}
.mdc-notched-outline__trailing {
  /* @noflip */
  border-left: none;
  /* @noflip */
  border-right: 1px solid;
  flex-grow: 1;
}
[dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
  /* @noflip */
  border-left: 1px solid;
  /* @noflip */
  border-right: none;
}
.mdc-notched-outline__notch {
  flex: 0 0 auto;
  width: auto;
  max-width: calc(100% - 12px * 2);
}
.mdc-notched-outline .mdc-floating-label {
  display: inline-block;
  position: relative;
  top: 17px;
  bottom: auto;
  max-width: 100%;
}
.mdc-notched-outline .mdc-floating-label--float-above {
  text-overflow: clip;
}
.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  max-width: calc(100% / .75);
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 8px;
  border-top: none;
}
[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
  /* @noflip */
  padding-left: 8px;
  /* @noflip */
  padding-right: 0;
}

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
  padding: 0;
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden;
}
.mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var);
}

.mdc-text-field-helper-text {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0333333333em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin: 0;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  will-change: opacity;
}
.mdc-text-field-helper-text::before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0;
}

.mdc-text-field-helper-text--persistent {
  transition: none;
  opacity: 1;
  will-change: initial;
}

.mdc-text-field-character-counter {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0333333333em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  /* @noflip */
  margin-left: auto;
  /* @noflip */
  margin-right: 0;
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 0;
  white-space: nowrap;
}
.mdc-text-field-character-counter::before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0;
}
[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: auto;
}
[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 16px;
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon,
.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  position: absolute;
  bottom: 16px;
  cursor: pointer;
}

.mdc-text-field__icon:not([tabindex]),
.mdc-text-field__icon[tabindex="-1"] {
  cursor: default;
  pointer-events: none;
}

.mdc-text-field {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-radius: 4px 4px 0 0;
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  height: 56px;
  overflow: hidden;
  /* @alternate */
  will-change: opacity, transform, color;
}
.mdc-text-field::before, .mdc-text-field::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-text-field::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-text-field.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-text-field.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-text-field.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-text-field.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-text-field.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-text-field::before, .mdc-text-field::after {
  background-color: rgba(0, 0, 0, 0.87);
}
.mdc-text-field:hover::before {
  opacity: 0.04;
}
.mdc-text-field:not(.mdc-ripple-upgraded):focus::before, .mdc-text-field.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-text-field::before, .mdc-text-field::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-text-field.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-text-field .mdc-text-field__input {
  caret-color: #6200ee;
  /* @alternate */
  caret-color: var(--mdc-theme-primary, #6200ee);
}
.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
  border-bottom-color: rgba(0, 0, 0, 0.42);
}
.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.mdc-text-field .mdc-line-ripple {
  background-color: #6200ee;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #6200ee);
}
.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,
.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {
  color: rgba(0, 0, 0, 0.54);
}
.mdc-text-field:not(.mdc-text-field--disabled) {
  background-color: whitesmoke;
}
.mdc-text-field .mdc-floating-label {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
  top: 18px;
  pointer-events: none;
}
[dir=rtl] .mdc-text-field .mdc-floating-label, .mdc-text-field .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
}
.mdc-text-field--textarea .mdc-floating-label {
  /* @noflip */
  left: 4px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--textarea .mdc-floating-label, .mdc-text-field--textarea .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 4px;
}
.mdc-text-field--outlined .mdc-floating-label {
  /* @noflip */
  left: 4px;
  /* @noflip */
  right: initial;
  top: 17px;
}
[dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 4px;
}
.mdc-text-field--outlined--with-leading-icon .mdc-floating-label {
  /* @noflip */
  left: 36px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label, .mdc-text-field--outlined--with-leading-icon .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 36px;
}
.mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above {
  /* @noflip */
  left: 40px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above, .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 40px;
}

.mdc-text-field__input {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  align-self: flex-end;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 20px 16px 6px;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  border-bottom: 1px solid;
  border-radius: 0;
  background: none;
  appearance: none;
}
.mdc-text-field__input::placeholder {
  transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  color: rgba(0, 0, 0, 0.54);
}
.mdc-text-field__input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.54) !important;
}
.mdc-text-field--fullwidth .mdc-text-field__input::placeholder, .mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder {
  transition-delay: 40ms;
  transition-duration: 110ms;
  opacity: 1;
}
.mdc-text-field__input:focus {
  outline: none;
}
.mdc-text-field__input:invalid {
  box-shadow: none;
}
.mdc-text-field__input:-webkit-autofill {
  z-index: auto !important;
}
.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
  padding-top: 16px;
  padding-bottom: 16px;
}

.mdc-text-field__input:-webkit-autofill + .mdc-floating-label {
  transform: translateY(-50%) scale(0.75);
  cursor: auto;
}

.mdc-text-field--outlined {
  border: none;
  overflow: visible;
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.87);
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #6200ee;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #6200ee);
}
.mdc-text-field--outlined .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
}
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  /* @noflip */
  border-radius: 4px 0 0 4px;
}
[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
  /* @noflip */
  border-radius: 0 4px 4px 0;
}
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  /* @noflip */
  border-radius: 0 4px 4px 0;
}
[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
  /* @noflip */
  border-radius: 4px 0 0 4px;
}
.mdc-text-field--outlined .mdc-floating-label--float-above {
  transform: translateY(-144%) scale(1);
}
.mdc-text-field--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-130%) scale(0.75);
}
.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-text-field--outlined::before, .mdc-text-field--outlined::after {
  content: none;
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) {
  background-color: transparent;
}
.mdc-text-field--outlined .mdc-text-field__input {
  display: flex;
  padding: 12px 16px 14px;
  border: none !important;
  background-color: transparent;
  z-index: 1;
}
.mdc-text-field--outlined .mdc-text-field__icon {
  z-index: 2;
}

.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-width: 2px;
}

.mdc-text-field--outlined.mdc-text-field--disabled {
  background-color: transparent;
}
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.06);
}
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
  border-bottom: none;
}

.mdc-text-field--outlined.mdc-text-field--dense {
  height: 48px;
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  transform: translateY(-134%) scale(1);
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  font-size: 0.8rem;
}
.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-120%) scale(0.8);
}
.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1;
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input {
  padding: 12px 12px 7px;
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
  top: 14px;
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon {
  top: 12px;
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__icon, .mdc-text-field--with-leading-icon .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
}
.mdc-text-field--with-leading-icon .mdc-text-field__input {
  /* @noflip */
  padding-left: 48px;
  /* @noflip */
  padding-right: 16px;
}
[dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 48px;
}
.mdc-text-field--with-leading-icon .mdc-floating-label {
  /* @noflip */
  left: 48px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon .mdc-floating-label, .mdc-text-field--with-leading-icon .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 48px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input {
  /* @noflip */
  padding-left: 48px;
  /* @noflip */
  padding-right: 16px;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 48px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  transform: translateY(-144%) translateX(-32px) scale(1);
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] {
  transform: translateY(-144%) translateX(32px) scale(1);
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-130%) translateX(-32px) scale(0.75);
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  transform: translateY(-130%) translateX(32px) scale(0.75);
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
  /* @noflip */
  left: 36px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 36px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  transform: translateY(-134%) translateX(-21px) scale(1);
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl] {
  transform: translateY(-134%) translateX(21px) scale(1);
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  font-size: 0.8rem;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-120%) translateX(-21px) scale(0.8);
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  transform: translateY(-120%) translateX(21px) scale(0.8);
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir=rtl] .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
  /* @noflip */
  left: 32px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 32px;
}

.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 12px;
}
[dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: 12px;
  /* @noflip */
  right: initial;
}
.mdc-text-field--with-trailing-icon .mdc-text-field__input {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 48px;
}
[dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 48px;
  /* @noflip */
  padding-right: 16px;
}
.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
}
[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
}
.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 48px;
}
[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 48px;
  /* @noflip */
  padding-right: 16px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: auto;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: auto;
  /* @noflip */
  right: 16px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon {
  /* @noflip */
  right: 12px;
  /* @noflip */
  left: auto;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  right: auto;
  /* @noflip */
  left: 12px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input {
  /* @noflip */
  padding-left: 48px;
  /* @noflip */
  padding-right: 48px;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 48px;
  /* @noflip */
  padding-right: 48px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  bottom: 16px;
  transform: scale(0.8);
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {
  /* @noflip */
  left: 12px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 12px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
  /* @noflip */
  padding-left: 44px;
  /* @noflip */
  padding-right: 16px;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 44px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
  /* @noflip */
  left: 44px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 44px;
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 12px;
}
[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: 12px;
  /* @noflip */
  right: initial;
}
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 44px;
}
[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 44px;
  /* @noflip */
  padding-right: 16px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  /* @noflip */
  left: 12px;
  /* @noflip */
  right: auto;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: auto;
  /* @noflip */
  right: 12px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon {
  /* @noflip */
  right: 12px;
  /* @noflip */
  left: auto;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  right: auto;
  /* @noflip */
  left: 12px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
  /* @noflip */
  padding-left: 44px;
  /* @noflip */
  padding-right: 44px;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 44px;
  /* @noflip */
  padding-right: 44px;
}

.mdc-text-field--dense .mdc-floating-label--float-above {
  transform: translateY(-70%) scale(0.8);
}
.mdc-text-field--dense .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1;
}
.mdc-text-field--dense .mdc-text-field__input {
  padding: 12px 12px 0;
}
.mdc-text-field--dense .mdc-floating-label {
  font-size: 0.813rem;
}
.mdc-text-field--dense .mdc-floating-label--float-above {
  font-size: 0.813rem;
}

.mdc-text-field__input:required ~ .mdc-floating-label::after,
.mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after {
  margin-left: 1px;
  content: "*";
}

.mdc-text-field--textarea {
  display: inline-flex;
  width: auto;
  height: auto;
  transition: none;
  overflow: visible;
}
.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.87);
}
.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #6200ee;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #6200ee);
}
.mdc-text-field--textarea .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
}
.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading {
  /* @noflip */
  border-radius: 4px 0 0 4px;
}
[dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
  /* @noflip */
  border-radius: 0 4px 4px 0;
}
.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing {
  /* @noflip */
  border-radius: 0 4px 4px 0;
}
[dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
  /* @noflip */
  border-radius: 4px 0 0 4px;
}
.mdc-text-field--textarea::before, .mdc-text-field--textarea::after {
  content: none;
}
.mdc-text-field--textarea:not(.mdc-text-field--disabled) {
  background-color: transparent;
}
.mdc-text-field--textarea .mdc-floating-label--float-above {
  transform: translateY(-144%) scale(1);
}
.mdc-text-field--textarea .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-130%) scale(0.75);
}
.mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-text-field--textarea .mdc-text-field-character-counter {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
  position: absolute;
  bottom: 13px;
}
[dir=rtl] .mdc-text-field--textarea .mdc-text-field-character-counter, .mdc-text-field--textarea .mdc-text-field-character-counter[dir=rtl] {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
}
.mdc-text-field--textarea .mdc-text-field__input {
  align-self: auto;
  box-sizing: border-box;
  height: auto;
  margin: 8px 1px 1px 0;
  padding: 0 16px 16px;
  border: none;
}
.mdc-text-field--textarea .mdc-text-field-character-counter + .mdc-text-field__input {
  margin-bottom: 28px;
  padding-bottom: 0;
}
.mdc-text-field--textarea .mdc-floating-label {
  top: 17px;
  bottom: auto;
  width: auto;
  pointer-events: none;
}
.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-width: 2px;
}

.mdc-text-field--fullwidth {
  width: 100%;
}
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) {
  display: block;
}
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::before, .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::after {
  content: none;
}
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) {
  background-color: transparent;
}
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
  padding: 0;
}
.mdc-text-field--fullwidth.mdc-text-field--textarea .mdc-text-field__input {
  resize: vertical;
}

.mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}

.mdc-text-field-helper-line {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.mdc-text-field--dense + .mdc-text-field-helper-line {
  margin-bottom: 4px;
}
.mdc-text-field + .mdc-text-field-helper-line {
  padding-right: 16px;
  padding-left: 16px;
}

.mdc-form-field > .mdc-text-field + label {
  align-self: flex-start;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: rgba(98, 0, 238, 0.87);
}
.mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-floating-label::after,
.mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after {
  color: rgba(98, 0, 238, 0.87);
}
.mdc-text-field--focused + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
  opacity: 1;
}

.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #6200ee;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #6200ee);
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple {
  background-color: #b00020;
  /* @alternate */
  background-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid .mdc-text-field__input {
  caret-color: #b00020;
  /* @alternate */
  caret-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:required ~ .mdc-floating-label::after,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--with-leading-icon):not(.mdc-text-field--disabled) .mdc-text-field__icon {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid.mdc-text-field--with-trailing-icon.mdc-text-field--with-leading-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon ~ .mdc-text-field__icon {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  opacity: 1;
}

.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}

.mdc-text-field--disabled {
  background-color: #fafafa;
  border-bottom: none;
  pointer-events: none;
}
.mdc-text-field--disabled .mdc-text-field__input {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
.mdc-text-field--disabled .mdc-text-field__input {
  color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--disabled .mdc-floating-label {
  color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--disabled .mdc-text-field-character-counter,
.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--disabled .mdc-text-field__icon {
  color: rgba(0, 0, 0, 0.3);
}
.mdc-text-field--disabled:not(.mdc-text-field--textarea) {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mdc-text-field--disabled .mdc-floating-label {
  cursor: default;
}

.mdc-text-field--textarea.mdc-text-field--disabled {
  background-color: transparent;
  /* @alternate */
  background-color: #f9f9f9;
}
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.06);
}
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input {
  border-bottom: none;
}

@keyframes mdc-floating-label-shake-float-above-text-field-dense {
  0% {
    transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.8);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8);
  }
  100% {
    transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  0% {
    transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
  }
  100% {
    transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
  0% {
    transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0%)) translateY(-120%) scale(0.8);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8);
  }
  100% {
    transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  0% {
    transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
  }
  100% {
    transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
  0% {
    transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 21px)) translateY(-120%) scale(0.8);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8);
  }
  100% {
    transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  0% {
    transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
  }
  100% {
    transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
  0% {
    transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - -21px)) translateY(-120%) scale(0.8);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8);
  }
  100% {
    transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
  }
}
@keyframes mdc-floating-label-shake-float-above-textarea {
  0% {
    transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
  }
  100% {
    transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  }
}
.smui-text-field--standard::before, .smui-text-field--standard::after {
  content: none;
}
.smui-text-field--standard:not(.mdc-text-field--disabled) {
  background-color: transparent;
}
.smui-text-field--standard.mdc-text-field--disabled {
  background-color: transparent;
}
.smui-text-field--standard .mdc-text-field__input {
  padding-left: 0;
  padding-right: 0;
}
.smui-text-field--standard .mdc-floating-label {
  /* @noflip */
  left: 0;
  /* @noflip */
  right: initial;
}
[dir=rtl] .smui-text-field--standard .mdc-floating-label, .smui-text-field--standard .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 0;
}
.smui-text-field--standard.mdc-text-field--with-leading-icon .mdc-text-field__icon {
  /* @noflip */
  left: 0;
  /* @noflip */
  right: initial;
}
[dir=rtl] .smui-text-field--standard.mdc-text-field--with-leading-icon .mdc-text-field__icon, .smui-text-field--standard.mdc-text-field--with-leading-icon .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 0;
}
.smui-text-field--standard.mdc-text-field--with-leading-icon .mdc-text-field__input {
  /* @noflip */
  padding-left: 32px;
  /* @noflip */
  padding-right: 0;
}
[dir=rtl] .smui-text-field--standard.mdc-text-field--with-leading-icon .mdc-text-field__input, .smui-text-field--standard.mdc-text-field--with-leading-icon .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 32px;
}
.smui-text-field--standard.mdc-text-field--with-leading-icon .mdc-floating-label {
  /* @noflip */
  left: 32px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .smui-text-field--standard.mdc-text-field--with-leading-icon .mdc-floating-label, .smui-text-field--standard.mdc-text-field--with-leading-icon .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 32px;
}
.smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {
  /* @noflip */
  left: 0;
  /* @noflip */
  right: initial;
}
[dir=rtl] .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 0;
}
.smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
  /* @noflip */
  padding-left: 32px;
  /* @noflip */
  padding-right: 0;
}
[dir=rtl] .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input, .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 32px;
}
.smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
  /* @noflip */
  left: 32px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label, .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 32px;
}
.smui-text-field--standard.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 0;
}
[dir=rtl] .smui-text-field--standard.mdc-text-field--with-trailing-icon .mdc-text-field__icon, .smui-text-field--standard.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: 0;
  /* @noflip */
  right: initial;
}
.smui-text-field--standard.mdc-text-field--with-trailing-icon .mdc-text-field__input {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 36px;
}
[dir=rtl] .smui-text-field--standard.mdc-text-field--with-trailing-icon .mdc-text-field__input, .smui-text-field--standard.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 36px;
  /* @noflip */
  padding-right: 0;
}
.smui-text-field--standard.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 0;
}
[dir=rtl] .smui-text-field--standard.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, .smui-text-field--standard.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: 0;
  /* @noflip */
  right: initial;
}
.smui-text-field--standard.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 32px;
}
[dir=rtl] .smui-text-field--standard.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .smui-text-field--standard.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 32px;
  /* @noflip */
  padding-right: 0;
}
.smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  /* @noflip */
  left: 0;
  /* @noflip */
  right: auto;
}
[dir=rtl] .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon, .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: auto;
  /* @noflip */
  right: 0;
}
.smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon {
  /* @noflip */
  right: 0;
  /* @noflip */
  left: auto;
}
[dir=rtl] .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon, .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  right: auto;
  /* @noflip */
  left: 0;
}
.smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input {
  /* @noflip */
  padding-left: 32px;
  /* @noflip */
  padding-right: 36px;
}
[dir=rtl] .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input, .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 36px;
  /* @noflip */
  padding-right: 32px;
}
.smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  /* @noflip */
  left: 0;
  /* @noflip */
  right: auto;
}
[dir=rtl] .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: auto;
  /* @noflip */
  right: 0;
}
.smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon {
  /* @noflip */
  right: 0;
  /* @noflip */
  left: auto;
}
[dir=rtl] .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon, .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  right: auto;
  /* @noflip */
  left: 0;
}
.smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
  /* @noflip */
  padding-left: 32px;
  /* @noflip */
  padding-right: 32px;
}
[dir=rtl] .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 32px;
  /* @noflip */
  padding-right: 32px;
}
.smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 0;
}
[dir=rtl] .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon, .smui-text-field--standard.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: 0;
  /* @noflip */
  right: initial;
}
.smui-text-field--standard + .mdc-text-field-helper-line {
  padding-left: 0;
  padding-right: 0;
}
#login-panel {
  display: block;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 5%;
  height: 90%;
}
@media (max-width: 599px) {
  #login-panel {
    width: 80%;
    left: 10%;
  }
}
#login-panel .logo-container {
  width: 400px;
  margin: 5% auto 0 auto;
  text-align: center;
}
@media (max-width: 599px) {
  #login-panel .logo-container {
    width: 100%;
  }
}
#login-panel .tagline {
  color: white;
  text-align: center;
  margin: 0px;
}
#login-panel .nav-container {
  text-align: center;
  padding: 40px;
}
@media (max-width: 599px) {
  #login-panel .nav-container {
    padding: 25px;
  }
}
#login-panel .nav-container button {
  width: 120px;
  margin: 3px;
}
@media (max-width: 599px) {
  #login-panel .nav-container button {
    width: 90px;
  }
}
#login-panel p.version {
  font-size: 12px;
  margin: 18px;
  color: white;
  text-align: center;
}
#login-panel p.version a {
  font-size: 12px;
}
#login-panel p.copyright {
  padding-bottom: 40px;
}
.mdc-typography {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.mdc-typography--headline1 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 6rem;
  line-height: 6rem;
  font-weight: 300;
  letter-spacing: -0.015625em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--headline2 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 3.75rem;
  line-height: 3.75rem;
  font-weight: 300;
  letter-spacing: -0.0083333333em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--headline3 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 3rem;
  line-height: 3.125rem;
  font-weight: 400;
  letter-spacing: normal;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--headline4 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 2.125rem;
  line-height: 2.5rem;
  font-weight: 400;
  letter-spacing: 0.0073529412em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--headline5 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  letter-spacing: normal;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--headline6 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0.0125em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--subtitle1 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--subtitle2 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.0071428571em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--body1 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.03125em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--body2 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--caption {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0333333333em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--button {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: 0.0892857143em;
  text-decoration: none;
  text-transform: uppercase;
}

.mdc-typography--overline {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.75rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0.1666666667em;
  text-decoration: none;
  text-transform: uppercase;
}

* {
  /*box-sizing: border-box;*/
  font-size: 14px;
  font-family: "Open Sans", Sans-serif;
  letter-spacing: normal !important;
  text-transform: none !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", Sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #222;
  width: 100%;
  overflow: hidden;
}

h1 {
  font-size: 20px;
  line-height: 30px;
}

h2 {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
}

a {
  text-decoration: none;
  color: #2dc4b2;
}

a,
a:active,
a:focus,
button,
button:focus,
button:active {
  outline: none;
  outline: 0;
  border: none;
}

input::-moz-focus-inner {
  border: solid black;
}

button::-moz-focus-inner {
  border: 0;
}

input[type=number]:hover,
input[type=number]:focus,
input[type=number] {
  -moz-appearance: textfield;
}

.hidden {
  visibility: hidden;
}

.displaynone {
  display: none;
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.msgbox {
  padding: 10px;
  border-radius: 4px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-5 {
  margin-top: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-0 {
  margin-left: 0px !important;
}

.mt-0 {
  margin-top: 0px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-3 {
  margin-bottom: 3px;
}

.mb-0 {
  margin-bottom: 0px;
}

.m-5 {
  margin: 5px !important;
}

.m-3 {
  margin: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.fw-b {
  font-weight: bold;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.spinner-center {
  width: calc(100% - 40px);
  padding: 20px;
  text-align: center;
}

div.oa {
  overflow: auto;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

div.boxSelectBox {
  background: rgba(0, 0, 0, 0.05);
  border: 2px solid var(--mdc-theme-primary, #3887be);
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 1;
}

a.mapbox-ctrl-logo-inline-block {
  width: 85px;
  height: 21px;
  margin: 0 0 -3px -3px;
  display: inline-block;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 84.49 21' style='enable-background:new 0 0 84.49 21;' xml:space='preserve'%3E%3Cg%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M83.25,14.26c0,0.12-0.09,0.21-0.21,0.21h-1.61c-0.13,0-0.24-0.06-0.3-0.17l-1.44-2.39l-1.44,2.39 c-0.06,0.11-0.18,0.17-0.3,0.17h-1.61c-0.04,0-0.08-0.01-0.12-0.03c-0.09-0.06-0.13-0.19-0.06-0.28l0,0l2.43-3.68L76.2,6.84 c-0.02-0.03-0.03-0.07-0.03-0.12c0-0.12,0.09-0.21,0.21-0.21h1.61c0.13,0,0.24,0.06,0.3,0.17l1.41,2.36l1.4-2.35 c0.06-0.11,0.18-0.17,0.3-0.17H83c0.04,0,0.08,0.01,0.12,0.03c0.09,0.06,0.13,0.19,0.06,0.28l0,0l-2.37,3.63l2.43,3.67 C83.24,14.18,83.25,14.22,83.25,14.26z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M66.24,9.59c-0.39-1.88-1.96-3.28-3.84-3.28c-1.03,0-2.03,0.42-2.73,1.18V3.51c0-0.13-0.1-0.23-0.23-0.23h-1.4 c-0.13,0-0.23,0.11-0.23,0.23v10.72c0,0.13,0.1,0.23,0.23,0.23h1.4c0.13,0,0.23-0.11,0.23-0.23V13.5c0.71,0.75,1.7,1.18,2.73,1.18 c1.88,0,3.45-1.41,3.84-3.29C66.37,10.79,66.37,10.18,66.24,9.59L66.24,9.59z M62.08,13c-1.32,0-2.39-1.11-2.41-2.48v-0.06 c0.02-1.38,1.09-2.48,2.41-2.48s2.42,1.12,2.42,2.51S63.41,13,62.08,13z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M71.67,6.32c-1.98-0.01-3.72,1.35-4.16,3.29c-0.13,0.59-0.13,1.19,0,1.77c0.44,1.94,2.17,3.32,4.17,3.3 c2.35,0,4.26-1.87,4.26-4.19S74.04,6.32,71.67,6.32z M71.65,13.01c-1.33,0-2.42-1.12-2.42-2.51s1.08-2.52,2.42-2.52 c1.33,0,2.42,1.12,2.42,2.51S72.99,13,71.65,13.01L71.65,13.01z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M62.08,7.98c-1.32,0-2.39,1.11-2.41,2.48v0.06C59.68,11.9,60.75,13,62.08,13s2.42-1.12,2.42-2.51 S63.41,7.98,62.08,7.98z M62.08,11.76c-0.63,0-1.14-0.56-1.17-1.25v-0.04c0.01-0.69,0.54-1.25,1.17-1.25 c0.63,0,1.17,0.57,1.17,1.27C63.24,11.2,62.73,11.76,62.08,11.76z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M71.65,7.98c-1.33,0-2.42,1.12-2.42,2.51S70.32,13,71.65,13s2.42-1.12,2.42-2.51S72.99,7.98,71.65,7.98z M71.65,11.76c-0.64,0-1.17-0.57-1.17-1.27c0-0.7,0.53-1.26,1.17-1.26s1.17,0.57,1.17,1.27C72.82,11.21,72.29,11.76,71.65,11.76z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M45.74,6.53h-1.4c-0.13,0-0.23,0.11-0.23,0.23v0.73c-0.71-0.75-1.7-1.18-2.73-1.18 c-2.17,0-3.94,1.87-3.94,4.19s1.77,4.19,3.94,4.19c1.04,0,2.03-0.43,2.73-1.19v0.73c0,0.13,0.1,0.23,0.23,0.23h1.4 c0.13,0,0.23-0.11,0.23-0.23V6.74c0-0.12-0.09-0.22-0.22-0.22C45.75,6.53,45.75,6.53,45.74,6.53z M44.12,10.53 C44.11,11.9,43.03,13,41.71,13s-2.42-1.12-2.42-2.51s1.08-2.52,2.4-2.52c1.33,0,2.39,1.11,2.41,2.48L44.12,10.53z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M41.71,7.98c-1.33,0-2.42,1.12-2.42,2.51S40.37,13,41.71,13s2.39-1.11,2.41-2.48v-0.06 C44.1,9.09,43.03,7.98,41.71,7.98z M40.55,10.49c0-0.7,0.52-1.27,1.17-1.27c0.64,0,1.14,0.56,1.17,1.25v0.04 c-0.01,0.68-0.53,1.24-1.17,1.24C41.08,11.75,40.55,11.19,40.55,10.49z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M52.41,6.32c-1.03,0-2.03,0.42-2.73,1.18V6.75c0-0.13-0.1-0.23-0.23-0.23h-1.4c-0.13,0-0.23,0.11-0.23,0.23 v10.72c0,0.13,0.1,0.23,0.23,0.23h1.4c0.13,0,0.23-0.1,0.23-0.23V13.5c0.71,0.75,1.7,1.18,2.74,1.18c2.17,0,3.94-1.87,3.94-4.19 S54.58,6.32,52.41,6.32z M52.08,13.01c-1.32,0-2.39-1.11-2.42-2.48v-0.07c0.02-1.38,1.09-2.49,2.4-2.49c1.32,0,2.41,1.12,2.41,2.51 S53.4,13,52.08,13.01L52.08,13.01z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M52.08,7.98c-1.32,0-2.39,1.11-2.42,2.48v0.06c0.03,1.38,1.1,2.48,2.42,2.48s2.41-1.12,2.41-2.51 S53.4,7.98,52.08,7.98z M52.08,11.76c-0.63,0-1.14-0.56-1.17-1.25v-0.04c0.01-0.69,0.54-1.25,1.17-1.25c0.63,0,1.17,0.58,1.17,1.27 S52.72,11.76,52.08,11.76z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M36.08,14.24c0,0.13-0.1,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68c0-0.98-0.74-1.71-1.62-1.71 c-0.8,0-1.46,0.7-1.59,1.62l0.01,4.66c0,0.13-0.11,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68 c0-0.98-0.74-1.71-1.62-1.71c-0.85,0-1.54,0.79-1.6,1.8v4.48c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V6.74 c0.01-0.13,0.1-0.22,0.23-0.22h1.4c0.13,0,0.22,0.11,0.23,0.22V7.4c0.5-0.68,1.3-1.09,2.16-1.1h0.03c1.09,0,2.09,0.6,2.6,1.55 c0.45-0.95,1.4-1.55,2.44-1.56c1.62,0,2.93,1.25,2.9,2.78L36.08,14.24z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M84.34,13.59l-0.07-0.13l-1.96-2.99l1.94-2.95c0.44-0.67,0.26-1.56-0.41-2.02c-0.02,0-0.03,0-0.04-0.01 c-0.23-0.15-0.5-0.22-0.78-0.22h-1.61c-0.56,0-1.08,0.29-1.37,0.78L79.72,6.6l-0.34-0.56C79.09,5.56,78.57,5.27,78,5.27h-1.6 c-0.6,0-1.13,0.37-1.35,0.92c-2.19-1.66-5.28-1.47-7.26,0.45c-0.35,0.34-0.65,0.72-0.89,1.14c-0.9-1.62-2.58-2.72-4.5-2.72 c-0.5,0-1.01,0.07-1.48,0.23V3.51c0-0.82-0.66-1.48-1.47-1.48h-1.4c-0.81,0-1.47,0.66-1.47,1.47v3.75 c-0.95-1.36-2.5-2.18-4.17-2.19c-0.74,0-1.46,0.16-2.12,0.47c-0.24-0.17-0.54-0.26-0.84-0.26h-1.4c-0.45,0-0.87,0.21-1.15,0.56 c-0.02-0.03-0.04-0.05-0.07-0.08c-0.28-0.3-0.68-0.47-1.09-0.47h-1.39c-0.3,0-0.6,0.09-0.84,0.26c-0.67-0.3-1.39-0.46-2.12-0.46 c-1.83,0-3.43,1-4.37,2.5c-0.2-0.46-0.48-0.89-0.83-1.25c-0.8-0.81-1.89-1.25-3.02-1.25h-0.01c-0.89,0.01-1.75,0.33-2.46,0.88 c-0.74-0.57-1.64-0.88-2.57-0.88H28.1c-0.29,0-0.58,0.03-0.86,0.11c-0.28,0.06-0.56,0.16-0.82,0.28c-0.21-0.12-0.45-0.18-0.7-0.18 h-1.4c-0.82,0-1.47,0.66-1.47,1.47v7.5c0,0.82,0.66,1.47,1.47,1.47h1.4c0.82,0,1.48-0.66,1.48-1.48l0,0V9.79 c0.03-0.36,0.23-0.59,0.36-0.59c0.18,0,0.38,0.18,0.38,0.47v4.57c0,0.82,0.66,1.47,1.47,1.47h1.41c0.82,0,1.47-0.66,1.47-1.47 l-0.01-4.57c0.06-0.32,0.25-0.47,0.35-0.47c0.18,0,0.38,0.18,0.38,0.47v4.57c0,0.82,0.66,1.47,1.47,1.47h1.41 c0.82,0,1.47-0.66,1.47-1.47v-0.38c0.96,1.29,2.46,2.06,4.06,2.06c0.74,0,1.46-0.16,2.12-0.47c0.24,0.17,0.54,0.26,0.84,0.26h1.39 c0.3,0,0.6-0.09,0.84-0.26v2.01c0,0.82,0.66,1.47,1.47,1.47h1.4c0.82,0,1.47-0.66,1.47-1.47v-1.77c0.48,0.15,0.99,0.23,1.49,0.22 c1.7,0,3.22-0.87,4.17-2.2v0.52c0,0.82,0.66,1.47,1.47,1.47h1.4c0.3,0,0.6-0.09,0.84-0.26c0.66,0.31,1.39,0.47,2.12,0.47 c1.92,0,3.6-1.1,4.49-2.73c1.54,2.65,4.95,3.53,7.58,1.98c0.18-0.11,0.36-0.22,0.53-0.36c0.22,0.55,0.76,0.91,1.35,0.9H78 c0.56,0,1.08-0.29,1.37-0.78l0.37-0.61l0.37,0.61c0.29,0.48,0.81,0.78,1.38,0.78h1.6c0.81,0,1.46-0.66,1.45-1.46 C84.49,14.02,84.44,13.8,84.34,13.59L84.34,13.59z M35.86,14.47h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68 c0-0.98-0.74-1.71-1.62-1.71c-0.8,0-1.46,0.7-1.59,1.62l0.01,4.66c0,0.13-0.1,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23 V9.68c0-0.98-0.74-1.71-1.62-1.71c-0.85,0-1.54,0.79-1.6,1.8v4.48c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23 V6.74c0.01-0.13,0.11-0.22,0.23-0.22h1.4c0.13,0,0.22,0.11,0.23,0.22V7.4c0.5-0.68,1.3-1.09,2.16-1.1h0.03 c1.09,0,2.09,0.6,2.6,1.55c0.45-0.95,1.4-1.55,2.44-1.56c1.62,0,2.93,1.25,2.9,2.78l0.01,5.16C36.09,14.36,35.98,14.46,35.86,14.47 L35.86,14.47z M45.97,14.24c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V13.5c-0.7,0.76-1.69,1.18-2.72,1.18 c-2.17,0-3.94-1.87-3.94-4.19s1.77-4.19,3.94-4.19c1.03,0,2.02,0.43,2.73,1.18V6.74c0-0.13,0.1-0.23,0.23-0.23h1.4 c0.12-0.01,0.22,0.08,0.23,0.21c0,0.01,0,0.01,0,0.02v7.51h-0.01V14.24z M52.41,14.67c-1.03,0-2.02-0.43-2.73-1.18v3.97 c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.1-0.23-0.23V6.75c0-0.13,0.1-0.22,0.23-0.22h1.4c0.13,0,0.23,0.11,0.23,0.23v0.73 c0.71-0.76,1.7-1.18,2.73-1.18c2.17,0,3.94,1.86,3.94,4.18S54.58,14.67,52.41,14.67z M66.24,11.39c-0.39,1.87-1.96,3.29-3.84,3.29 c-1.03,0-2.02-0.43-2.73-1.18v0.73c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V3.51c0-0.13,0.1-0.23,0.23-0.23 h1.4c0.13,0,0.23,0.11,0.23,0.23v3.97c0.71-0.75,1.7-1.18,2.73-1.17c1.88,0,3.45,1.4,3.84,3.28C66.37,10.19,66.37,10.8,66.24,11.39 L66.24,11.39L66.24,11.39z M71.67,14.68c-2,0.01-3.73-1.35-4.17-3.3c-0.13-0.59-0.13-1.19,0-1.77c0.44-1.94,2.17-3.31,4.17-3.3 c2.36,0,4.26,1.87,4.26,4.19S74.03,14.68,71.67,14.68L71.67,14.68z M83.04,14.47h-1.61c-0.13,0-0.24-0.06-0.3-0.17l-1.44-2.39 l-1.44,2.39c-0.06,0.11-0.18,0.17-0.3,0.17h-1.61c-0.04,0-0.08-0.01-0.12-0.03c-0.09-0.06-0.13-0.19-0.06-0.28l0,0l2.43-3.68 L76.2,6.84c-0.02-0.03-0.03-0.07-0.03-0.12c0-0.12,0.09-0.21,0.21-0.21h1.61c0.13,0,0.24,0.06,0.3,0.17l1.41,2.36l1.41-2.36 c0.06-0.11,0.18-0.17,0.3-0.17h1.61c0.04,0,0.08,0.01,0.12,0.03c0.09,0.06,0.13,0.19,0.06,0.28l0,0l-2.38,3.64l2.43,3.67 c0.02,0.03,0.03,0.07,0.03,0.12C83.25,14.38,83.16,14.47,83.04,14.47L83.04,14.47L83.04,14.47z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M10.5,1.24c-5.11,0-9.25,4.15-9.25,9.25s4.15,9.25,9.25,9.25s9.25-4.15,9.25-9.25 C19.75,5.38,15.61,1.24,10.5,1.24z M14.89,12.77c-1.93,1.93-4.78,2.31-6.7,2.31c-0.7,0-1.41-0.05-2.1-0.16c0,0-1.02-5.64,2.14-8.81 c0.83-0.83,1.95-1.28,3.13-1.28c1.27,0,2.49,0.51,3.39,1.42C16.59,8.09,16.64,11,14.89,12.77z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M10.5-0.01C4.7-0.01,0,4.7,0,10.49s4.7,10.5,10.5,10.5S21,16.29,21,10.49C20.99,4.7,16.3-0.01,10.5-0.01z M10.5,19.74c-5.11,0-9.25-4.15-9.25-9.25s4.14-9.26,9.25-9.26s9.25,4.15,9.25,9.25C19.75,15.61,15.61,19.74,10.5,19.74z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M14.74,6.25C12.9,4.41,9.98,4.35,8.23,6.1c-3.16,3.17-2.14,8.81-2.14,8.81s5.64,1.02,8.81-2.14 C16.64,11,16.59,8.09,14.74,6.25z M12.47,10.34l-0.91,1.87l-0.9-1.87L8.8,9.43l1.86-0.9l0.9-1.87l0.91,1.87l1.86,0.9L12.47,10.34z'/%3E %3Cpolygon class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' points='14.33,9.43 12.47,10.34 11.56,12.21 10.66,10.34 8.8,9.43 10.66,8.53 11.56,6.66 12.47,8.53 '/%3E%3C/g%3E%3C/svg%3E");
}

.version-element {
  display: inline;
  margin-right: 10px;
}

.label {
  width: 18%;
  display: inline-block;
  text-align: left;
}

.filter-ctrl {
  position: absolute;
  top: 50px;
  right: 10px;
  z-index: 1;
  width: 180px;
}

.filter-ctrl input[type=text] {
  font: 12px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;
  width: 100%;
  border: 0;
  background-color: #fff;
  height: 40px;
  margin: 0;
  color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.mapboxgl-ctrl-geollect-home {
  background-image: url("/img/home-solid-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.mapboxgl-ctrl-geollect-port {
  background-image: url("/img/anchor-solid.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.mapboxgl-ctrl-geollect-port.off {
  background-image: url("/img/anchor-solid-off.svg");
}

.mapboxgl-ctrl-geollect-timezone {
  background-image: url("/img/clock-solid.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.mapboxgl-ctrl-geollect-timezone.off {
  background-image: url("/img/clock-solid-off.svg");
}

.mapboxgl-ctrl-geollect-shippinglanes {
  background-image: url("/img/shippinglanes-solid.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.mapboxgl-ctrl-geollect-shippinglanes.off {
  background-image: url("/img/shippinglanes-solid-off.png");
}

.mapboxgl-ctrl-geollect-twitter {
  background-image: url("/img/twitter-solid.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.mapboxgl-ctrl-geollect-twitter.off {
  background-image: url("/img/twitter-solid-off.png");
}

.mapboxgl-ctrl-geollect-covid19 {
  background-image: url("/img/covid19-solid.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.mapboxgl-ctrl-geollect-covid19.off {
  background-image: url("/img/covid19-solid-off.png");
}

.mapboxgl-ctrl-geollect-portassessments {
  background-image: url("/img/portassessments-solid.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.mapboxgl-ctrl-geollect-portassessments.off {
  background-image: url("/img/portassessments-solid-off.png");
}

.mapboxgl-ctrl-geollect-nauticalcharts {
  background-image: url("/img/nauticalcharts-solid.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.mapboxgl-ctrl-geollect-nauticalcharts.off {
  background-image: url("/img/nauticalcharts-solid-off.png");
}

.mapboxgl-ctrl-geollect-maritimeboundaries {
  background-image: url("/img/maritimeboundaries-solid.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.mapboxgl-ctrl-geollect-maritimeboundaries.off {
  background-image: url("/img/maritimeboundaries-solid-off.png");
}

.mapboxgl-ctrl-geollect-warning {
  background-image: url("/img/exclamation-triangle-solid.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.mapboxgl-ctrl-geollect-warning.off {
  background-image: url("/img/exclamation-triangle-solid-off.svg");
}

.mapboxgl-ctrl-geollect-hurricanes {
  background-image: url("/img/hurricane.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.mapboxgl-ctrl-geollect-hurricanes.off {
  background-image: url("/img/hurricane-off.png");
}

.mapboxgl-ctrl-geollect-volcanoes {
  background-image: url("/img/volcano.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.mapboxgl-ctrl-geollect-volcanoes.off {
  background-image: url("/img/volcano-off.png");
}

.mapboxgl-ctrl-geollect-earthquakes {
  background-image: url("/img/earthquake.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.mapboxgl-ctrl-geollect-earthquakes.off {
  background-image: url("/img/earthquake-off.png");
}

.mapboxgl-ctrl-geollect-floods {
  background-image: url("/img/flood.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.mapboxgl-ctrl-geollect-floods.off {
  background-image: url("/img/flood-off.png");
}

.mapboxgl-ctrl-geollect-costs {
  background-image: url("/img/dollar-solid.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.mapboxgl-ctrl-geollect-costs.off {
  background-image: url("/img/dollar-solid-off.svg");
}

.mapboxgl-popup.vessel-popup {
  color: black;
  cursor: pointer;
}

.mapboxgl-popup.historic-popup {
  color: #222291;
  cursor: pointer;
}

.mapboxgl-popup.heatmap-point-popup {
  color: #912222;
  cursor: pointer;
}

.pane p {
  margin: 0px;
}

.v-resize {
  overflow-y: scroll;
  overflow-x: hidden;
  resize: vertical;
}

.datepicker {
  display: inline !important;
}

.datepicker .contents-wrapper.visible {
  width: 100% !important;
  position: relative !important;
  top: 20vh !important;
}

.color-sq {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid black;
  cursor: pointer;
  vertical-align: middle;
  margin-bottom: 2px;
}

ul.striped-list {
  padding: 0;
  border: 1px solid #eee;
  border-radius: 3px;
}

ul.striped-list li:nth-child(even) {
  background-color: #eee;
}

ul.striped-list li:nth-child(odd) {
  background-color: white;
}

select.default {
  width: 100%;
  height: 39px;
  font-size: 13px;
}

p.data-attribution {
  font-size: 9px;
  font-style: italic;
  color: #777;
  margin: 0px;
}

p.data-attribution a {
  font-size: 9px;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.mdc-icon-button {
  width: 48px;
  height: 48px;
  padding: 12px;
  font-size: 24px;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border: none;
  outline: none;
  background-color: transparent;
  fill: currentColor;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
}
.mdc-icon-button svg,
.mdc-icon-button img {
  width: 24px;
  height: 24px;
}
.mdc-icon-button:disabled {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
  cursor: default;
  pointer-events: none;
}

.mdc-icon-button__icon {
  display: inline-block;
}
.mdc-icon-button__icon.mdc-icon-button__icon--on {
  display: none;
}

.mdc-icon-button--on .mdc-icon-button__icon {
  display: none;
}
.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
  display: inline-block;
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden;
}
.mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var);
}

.mdc-icon-button {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mdc-icon-button::before, .mdc-icon-button::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-icon-button::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-icon-button.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-icon-button.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-icon-button.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-icon-button::before, .mdc-icon-button::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-icon-button.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-icon-button::before, .mdc-icon-button::after {
  background-color: #000;
}
.mdc-icon-button:hover::before {
  opacity: 0.04;
}
.mdc-icon-button:not(.mdc-ripple-upgraded):focus::before, .mdc-icon-button.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-icon-button:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-icon-button:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-icon-button.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

.mdc-ripple-surface {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  outline: none;
  overflow: hidden;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-ripple-surface::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-ripple-surface.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  background-color: #000;
}
.mdc-ripple-surface:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
  overflow: visible;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  .mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
.mdc-ripple-surface--primary:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--primary.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.mdc-ripple-surface--accent:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--accent.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
.modal-background {
  display: block;
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  pointer-events: all;
  background-color: black;
  opacity: 0.5;
}

.modal-background.hidden {
  display: none;
}

.modal {
  display: block;
  position: absolute;
  z-index: 101;
  width: calc(50% - 10px);
  height: calc(50% - 10px);
  left: calc(25%);
  top: calc(25%);
  background-color: white;
  border-radius: 3px;
}
.modal .bar {
  height: 56px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: var(--mdc-theme-secondary, #333);
  color: var(--mdc-theme-on-secondary, white);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.modal .bar h1.title {
  float: left;
  margin: 0px;
  padding: 0px;
  line-height: 56px;
}
.modal .bar div.material-icons {
  float: left;
  width: 48px;
  text-align: center;
  line-height: 56px;
}
.modal .bar .icon-button {
  margin-top: 4px;
  height: 52px;
}
.modal .bar a {
  cursor: pointer;
  display: block;
}
.modal .draggable {
  cursor: move;
}
.modal .content {
  padding: 0px;
  overflow: auto;
  height: calc(100% - 56px);
  width: calc(100%);
}
.modal .content.padding {
  padding: 10px;
  overflow: auto;
  height: calc(100% - 76px);
  width: calc(100% - 20px);
}
.modal .content .padding {
  padding: 10px;
}
.modal .fl {
  float: left;
}
.modal .fr {
  float: right;
}

.modal.resizable {
  resize: both;
  overflow: auto;
}

.modal.hidden {
  display: none;
}

.modal.fullscreen {
  width: calc(94% - 10px);
  height: calc(94% - 10px);
  left: calc(3%);
  top: calc(3%);
}

.modal.position-top-right {
  top: 120px;
  right: 48px;
  left: unset;
  width: 33%;
}
@media (max-width: 575.98px) {
  .modal.position-top-right {
    width: 74%;
  }
}

.modal.position-top-right.position-is-child {
  right: calc(48px + 33% + 5px);
}

.modal.position-top-left {
  top: 74px;
  left: 48px;
  left: unset;
  width: 33%;
}
@media (max-width: 575.98px) {
  .modal.position-top-left {
    width: 74%;
  }
}

.modal.l0 {
  z-index: 101;
}

.modal-background.l0 {
  z-index: 100;
}

.modal.l1 {
  z-index: 111;
}

.modal-background.l1 {
  z-index: 110;
}

.modal.l2 {
  z-index: 121;
}

.modal-background.l2 {
  z-index: 120;
}

.modal.l3 {
  z-index: 131;
}

.modal-background.l3 {
  z-index: 130;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.menu-item {
  background: white;
  padding: 10px 15px 10px 15px;
  overflow-x: hidden;
  overflow-y: auto;
}
.menu-item-title {
  overflow: auto;
  clear: both;
}
.menu-item-title h1 {
  float: left;
  display: block;
  clear: none;
}
.menu-item-title .context-menu {
  float: right;
  margin-top: 3px;
  position: absolute;
  right: 15px;
}

.header-icon {
  height: 16px;
  margin-right: 2px;
  color: unset;
  font-size: 20px !important;
  line-height: 30px !important;
  vertical-align: bottom !important;
  display: inline !important;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
.filters-component .mdc-form-field {
  width: 100%;
}
.filters-component input[type=text] {
  width: calc(100% - 12px);
  height: 39px;
  font-size: 13px;
  padding: 0px;
  padding-left: 4px;
  padding-right: 4px;
}
.filters-component label.mdc-text-field {
  width: 100%;
  height: 39px;
  font-size: 13px;
}
.filters-component label.mdc-text-field input {
  padding: 12px 12px 12px;
  font-size: 13px;
}
.filters-component label.mdc-text-field input:disabled {
  color: rgba(0, 0, 0, 0.25);
}
.filters-component .content {
  margin-top: 10px;
  margin-bottom: 10px;
}
.filters-component .content .oa {
  overflow: auto;
  clear: both;
}
.filters-component .content h2:first-of-type, .filters-component .content h3:first-of-type {
  margin-top: 3px;
}
.filters-component .content div.condition-set {
  overflow: auto;
  margin-bottom: 10px;
}
.filters-component .content div.condition-set-titlearea .btn-sml {
  display: inline-block;
  font-size: 12px;
  float: right;
  margin-left: 4px;
  margin-top: 4px;
  cursor: pointer;
  width: unset;
}
.filters-component .content div.condition-sets-empty {
  width: calc(100% - 16px);
  padding: 8px;
  border-radius: 3px;
  background-color: #eee;
}
.filters-component .content table.condition-set-table {
  width: 100%;
  padding: 8px;
  border-radius: 3px;
  background-color: #eee;
}
.filters-component .content table.condition-set-table th {
  text-align: left;
  line-height: 24px;
}
.filters-component .content table.condition-set-table select {
  width: 100%;
  height: 39px;
  font-size: 13px;
}
.filters-component .content table.condition-set-table input[type=text] {
  width: calc(100% - 4px);
  height: calc(39px - 4px);
  margin: 0px;
  padding: 0px;
}
.filters-component .content table.condition-set-table button.btn-remove-clause {
  width: 39px;
  height: 39px;
  margin-right: 0px;
}
.filters-component .content .btn-selectall {
  padding: 8px;
  margin-right: 4px;
  float: right;
  border-radius: 3px;
  cursor: pointer;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

@keyframes mdc-select-float-native-control {
  0% {
    transform: translateY(8px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.mdc-line-ripple {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: 2;
}

.mdc-line-ripple--active {
  transform: scaleX(1);
  opacity: 1;
}

.mdc-line-ripple--deactivating {
  opacity: 0;
}

.mdc-notched-outline {
  display: flex;
  position: absolute;
  right: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  /* @noflip */
  text-align: left;
  pointer-events: none;
}
[dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
  /* @noflip */
  text-align: right;
}
.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
  box-sizing: border-box;
  height: 100%;
  transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
  border-top: 1px solid;
  border-bottom: 1px solid;
  pointer-events: none;
}
.mdc-notched-outline__leading {
  /* @noflip */
  border-left: 1px solid;
  /* @noflip */
  border-right: none;
  width: 12px;
}
[dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
  /* @noflip */
  border-left: none;
  /* @noflip */
  border-right: 1px solid;
}
.mdc-notched-outline__trailing {
  /* @noflip */
  border-left: none;
  /* @noflip */
  border-right: 1px solid;
  flex-grow: 1;
}
[dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
  /* @noflip */
  border-left: 1px solid;
  /* @noflip */
  border-right: none;
}
.mdc-notched-outline__notch {
  flex: 0 0 auto;
  width: auto;
  max-width: calc(100% - 12px * 2);
}
.mdc-notched-outline .mdc-floating-label {
  display: inline-block;
  position: relative;
  top: 17px;
  bottom: auto;
  max-width: 100%;
}
.mdc-notched-outline .mdc-floating-label--float-above {
  text-overflow: clip;
}
.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  max-width: calc(100% / .75);
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 8px;
  border-top: none;
}
[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
  /* @noflip */
  padding-left: 8px;
  /* @noflip */
  padding-right: 0;
}

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
  padding: 0;
}

.mdc-floating-label {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  position: absolute;
  /* @noflip */
  left: 0;
  /* @noflip */
  transform-origin: left top;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  /* @alternate */
  line-height: 1.15rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: text;
  overflow: hidden;
  will-change: transform;
}
[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
  /* @noflip */
  right: 0;
  /* @noflip */
  left: auto;
  /* @noflip */
  transform-origin: right top;
  /* @noflip */
  text-align: right;
}

.mdc-floating-label--float-above {
  cursor: auto;
}

.mdc-floating-label--float-above {
  transform: translateY(-50%) scale(0.75);
}

.mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-standard 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-standard {
  0% {
    transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);
  }
  100% {
    transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  }
}
@keyframes mdc-ripple-fg-radius-in {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden;
}
.mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var);
}

.mdc-select--with-leading-icon:not(.mdc-select--disabled) .mdc-select__icon {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-select--with-leading-icon .mdc-select__icon {
  display: inline-block;
  position: absolute;
  bottom: 16px;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border: none;
  background-color: transparent;
  fill: currentColor;
  opacity: 0.54;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
}

.mdc-select__icon:not([tabindex]),
.mdc-select__icon[tabindex="-1"] {
  cursor: default;
  pointer-events: none;
}

.mdc-select-helper-text {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0333333333em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin: 0;
  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  will-change: opacity;
}
.mdc-select-helper-text::before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0;
}

.mdc-select-helper-text--persistent {
  transition: none;
  opacity: 1;
  will-change: initial;
}

.mdc-select {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  height: 56px;
  overflow: hidden;
  /* @alternate */
  will-change: opacity, transform, color;
}
.mdc-select:not(.mdc-select--disabled) {
  background-color: whitesmoke;
}
.mdc-select::before, .mdc-select::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-select::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-select.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-select.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-select.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-select.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-select.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-select::before, .mdc-select::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-select.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-select::before, .mdc-select::after {
  background-color: rgba(0, 0, 0, 0.87);
}
.mdc-select:hover::before {
  opacity: 0.04;
}
.mdc-select:not(.mdc-ripple-upgraded):focus::before, .mdc-select.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  border-bottom-color: rgba(0, 0, 0, 0.42);
}
.mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-select, .mdc-select__native-control {
  border-radius: 4px 4px 0 0;
}
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
  background-color: #6200ee;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #6200ee);
}
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  color: rgba(98, 0, 238, 0.87);
}
.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.mdc-select .mdc-floating-label--float-above {
  transform: translateY(-70%) scale(0.75);
}
.mdc-select .mdc-floating-label {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
  top: 21px;
  pointer-events: none;
}
[dir=rtl] .mdc-select .mdc-floating-label, .mdc-select .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
}
.mdc-select.mdc-select--with-leading-icon .mdc-floating-label {
  /* @noflip */
  left: 48px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 48px;
}
.mdc-select.mdc-select--outlined .mdc-floating-label {
  /* @noflip */
  left: 4px;
  /* @noflip */
  right: initial;
  top: 17px;
}
[dir=rtl] .mdc-select.mdc-select--outlined .mdc-floating-label, .mdc-select.mdc-select--outlined .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 4px;
}
.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
  /* @noflip */
  left: 36px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 36px;
}
.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
  /* @noflip */
  left: 36px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 36px;
}
.mdc-select__dropdown-icon {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
  /* @noflip */
  left: auto;
  /* @noflip */
  right: 8px;
  position: absolute;
  bottom: 16px;
  width: 24px;
  height: 24px;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}
[dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl] {
  /* @noflip */
  left: 8px;
  /* @noflip */
  right: auto;
}
.mdc-select--focused .mdc-select__dropdown-icon {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%236200ee%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
}
.mdc-select--activated .mdc-select__dropdown-icon {
  transform: rotate(180deg) translateY(-5px);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-select__native-control {
  padding-top: 20px;
}
.mdc-select.mdc-select--focused .mdc-line-ripple::after {
  transform: scale(1, 2);
  opacity: 1;
}

.mdc-select + .mdc-select-helper-text {
  margin-right: 12px;
  margin-left: 12px;
}
.mdc-select--outlined + .mdc-select-helper-text {
  margin-right: 16px;
  margin-left: 16px;
}

.mdc-select--focused + .mdc-select-helper-text:not(.mdc-select-helper-text--validation-msg) {
  opacity: 1;
}

.mdc-select__selected-text {
  min-width: 200px;
  padding-top: 22px;
}

.mdc-select__native-control,
.mdc-select__selected-text {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 52px;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  box-sizing: border-box;
  width: 100%;
  height: 56px;
  padding-top: 20px;
  padding-bottom: 4px;
  border: none;
  border-bottom: 1px solid;
  outline: none;
  background-color: transparent;
  color: inherit;
  white-space: nowrap;
  cursor: pointer;
  appearance: none;
}
[dir=rtl] .mdc-select__native-control, .mdc-select__native-control[dir=rtl],
[dir=rtl] .mdc-select__selected-text,
.mdc-select__selected-text[dir=rtl] {
  /* @noflip */
  padding-left: 52px;
  /* @noflip */
  padding-right: 16px;
}
.mdc-select__native-control::-ms-expand,
.mdc-select__selected-text::-ms-expand {
  display: none;
}
.mdc-select__native-control::-ms-value,
.mdc-select__selected-text::-ms-value {
  background-color: transparent;
  color: inherit;
}
@-moz-document url-prefix("") {
  .mdc-select__native-control,
.mdc-select__selected-text {
    text-indent: -2px;
  }
}

.mdc-select--outlined {
  border: none;
  overflow: visible;
}
.mdc-select--outlined:not(.mdc-select--disabled) {
  background-color: transparent;
}
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.38);
}
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.87);
}
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-width: 2px;
}
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #6200ee;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #6200ee);
}
.mdc-select--outlined .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
}
.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  /* @noflip */
  border-radius: 4px 0 0 4px;
}
[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
  /* @noflip */
  border-radius: 0 4px 4px 0;
}
.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  /* @noflip */
  border-radius: 0 4px 4px 0;
}
[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
  /* @noflip */
  border-radius: 4px 0 0 4px;
}
.mdc-select--outlined .mdc-select__native-control {
  border-radius: 4px;
}
.mdc-select--outlined::before, .mdc-select--outlined::after {
  content: none;
}
.mdc-select--outlined:not(.mdc-select--disabled) {
  background-color: transparent;
}
.mdc-select--outlined .mdc-floating-label--float-above {
  transform: translateY(-144%) scale(1);
}
.mdc-select--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-130%) scale(0.75);
}
.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-select--outlined .mdc-select__native-control,
.mdc-select--outlined .mdc-select__selected-text {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 52px;
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  border: none;
  background-color: transparent;
  z-index: 1;
}
[dir=rtl] .mdc-select--outlined .mdc-select__native-control, .mdc-select--outlined .mdc-select__native-control[dir=rtl],
[dir=rtl] .mdc-select--outlined .mdc-select__selected-text,
.mdc-select--outlined .mdc-select__selected-text[dir=rtl] {
  /* @noflip */
  padding-left: 52px;
  /* @noflip */
  padding-right: 16px;
}
.mdc-select--outlined .mdc-select__selected-text {
  padding-top: 14px;
}
.mdc-select--outlined .mdc-select__icon {
  z-index: 2;
}
.mdc-select--outlined .mdc-floating-label {
  line-height: 1.15rem;
  pointer-events: auto;
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control,
.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__selected-text {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
  background-color: #b00020;
  /* @alternate */
  background-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  color: #b00020;
}
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control:hover {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-width: 2px;
}
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid .mdc-select__dropdown-icon {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23b00020%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
}
.mdc-select--invalid + .mdc-select-helper-text--validation-msg {
  opacity: 1;
}

.mdc-select--required .mdc-floating-label::after {
  content: "*";
}

.mdc-select--disabled {
  background-color: #fafafa;
  cursor: default;
  pointer-events: none;
}
.mdc-select--disabled .mdc-floating-label {
  color: rgba(0, 0, 0, 0.37);
}
.mdc-select--disabled .mdc-select__dropdown-icon {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.37%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
}
.mdc-select--disabled .mdc-line-ripple {
  display: none;
}
.mdc-select--disabled .mdc-select__icon {
  color: rgba(0, 0, 0, 0.37);
}
.mdc-select--disabled .mdc-select__native-control,
.mdc-select--disabled .mdc-select__selected-text {
  color: rgba(0, 0, 0, 0.37);
  border-bottom-style: dotted;
}
.mdc-select--disabled .mdc-select__selected-text {
  pointer-events: none;
}
.mdc-select--disabled.mdc-select--outlined {
  background-color: transparent;
}
.mdc-select--disabled.mdc-select--outlined .mdc-select__native-control,
.mdc-select--disabled.mdc-select--outlined .mdc-select__selected-text {
  border-bottom-style: none;
}
.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__leading,
.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__notch,
.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.16);
}

.mdc-select--with-leading-icon .mdc-select__icon {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
}
.mdc-select--with-leading-icon .mdc-select__native-control,
.mdc-select--with-leading-icon .mdc-select__selected-text {
  /* @noflip */
  padding-left: 48px;
  /* @noflip */
  padding-right: 32px;
}
[dir=rtl] .mdc-select--with-leading-icon .mdc-select__native-control, .mdc-select--with-leading-icon .mdc-select__native-control[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon .mdc-select__selected-text,
.mdc-select--with-leading-icon .mdc-select__selected-text[dir=rtl] {
  /* @noflip */
  padding-left: 32px;
  /* @noflip */
  padding-right: 48px;
}
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
  transform: translateY(-144%) translateX(-32px) scale(1);
}
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above[dir=rtl] {
  transform: translateY(-144%) translateX(32px) scale(1);
}
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-130%) translateX(-32px) scale(0.75);
}
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  transform: translateY(-130%) translateX(32px) scale(0.75);
}
.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon 250ms 1;
}
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake, .mdc-select--with-leading-icon.mdc-select--outlined[dir=rtl] .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl 250ms 1;
}
.mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text {
  /* @noflip */
  padding-left: 32px;
  /* @noflip */
  padding-right: 32px;
}
[dir=rtl] .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text, .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text[dir=rtl] {
  /* @noflip */
  padding-left: 32px;
  /* @noflip */
  padding-right: 32px;
}

.mdc-select__menu .mdc-list .mdc-list-item--selected {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-select__menu .mdc-list .mdc-list-item--selected::before, .mdc-select__menu .mdc-list .mdc-list-item--selected::after {
  background-color: #000;
}
@supports not (-ms-ime-align: auto) {
  .mdc-select__menu .mdc-list .mdc-list-item--selected::before, .mdc-select__menu .mdc-list .mdc-list-item--selected::after {
    /* @alternate */
    background-color: var(--mdc-theme-on-surface, #000);
  }
}
.mdc-select__menu .mdc-list .mdc-list-item--selected:hover::before {
  opacity: 0.04;
}
.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon {
  0% {
    transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);
  }
  100% {
    transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl {
  0% {
    transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75);
  }
  100% {
    transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  }
}
.mdc-list {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  /* @alternate */
  line-height: 1.5rem;
  margin: 0;
  padding: 8px 0;
  list-style-type: none;
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mdc-list:focus {
  outline: none;
}

.mdc-list-item__secondary-text {
  color: rgba(0, 0, 0, 0.54);
  /* @alternate */
  color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
}

.mdc-list-item__graphic {
  background-color: transparent;
}

.mdc-list-item__graphic {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item__meta {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-group__subheader {
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mdc-list--dense {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.812rem;
}

.mdc-list-item {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  height: 48px;
  padding: 0 16px;
  overflow: hidden;
}
.mdc-list-item:focus {
  outline: none;
}

.mdc-list-item--selected,
.mdc-list-item--activated {
  color: #6200ee;
  /* @alternate */
  color: var(--mdc-theme-primary, #6200ee);
}
.mdc-list-item--selected .mdc-list-item__graphic,
.mdc-list-item--activated .mdc-list-item__graphic {
  color: #6200ee;
  /* @alternate */
  color: var(--mdc-theme-primary, #6200ee);
}

.mdc-list-item--disabled {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 32px;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  fill: currentColor;
}
.mdc-list-item[dir=rtl] .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 32px;
  /* @noflip */
  margin-right: 0;
}

.mdc-list .mdc-list-item__graphic {
  display: inline-flex;
}

.mdc-list-item__meta {
  /* @noflip */
  margin-left: auto;
  /* @noflip */
  margin-right: 0;
}
.mdc-list-item__meta:not(.material-icons) {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0333333333em;
  text-decoration: inherit;
  text-transform: inherit;
}
.mdc-list-item[dir=rtl] .mdc-list-item__meta, [dir=rtl] .mdc-list-item .mdc-list-item__meta {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: auto;
}

.mdc-list-item__text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mdc-list-item__text[for] {
  pointer-events: none;
}

.mdc-list-item__primary-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
  display: block;
}
.mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list--dense .mdc-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list--dense .mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 24px;
  content: "";
  vertical-align: 0;
}
.mdc-list--dense .mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}

.mdc-list-item__secondary-text {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  display: block;
}
.mdc-list-item__secondary-text::before {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: 0;
}
.mdc-list--dense .mdc-list-item__secondary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  font-size: inherit;
}
.mdc-list--dense .mdc-list-item__secondary-text::before {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: 0;
}

.mdc-list--dense .mdc-list-item {
  height: 40px;
}

.mdc-list--dense .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 36px;
  width: 20px;
  height: 20px;
}
.mdc-list-item[dir=rtl] .mdc-list--dense .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 36px;
  /* @noflip */
  margin-right: 0;
}

.mdc-list--avatar-list .mdc-list-item {
  height: 56px;
}

.mdc-list--avatar-list .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.mdc-list-item[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
}

.mdc-list--two-line .mdc-list-item__text {
  align-self: flex-start;
}

.mdc-list--two-line .mdc-list-item {
  height: 72px;
}

.mdc-list--two-line.mdc-list--dense .mdc-list-item,
.mdc-list--avatar-list.mdc-list--dense .mdc-list-item {
  height: 60px;
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 20px;
  width: 36px;
  height: 36px;
}
.mdc-list-item[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 20px;
  /* @noflip */
  margin-right: 0;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item {
  cursor: pointer;
}

a.mdc-list-item {
  color: inherit;
  text-decoration: none;
}

.mdc-list-divider {
  height: 0;
  margin: 0;
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.mdc-list-divider {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mdc-list-divider--padded {
  margin: 0 16px;
}

.mdc-list-divider--inset {
  /* @noflip */
  margin-left: 72px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 72px);
}
.mdc-list-group[dir=rtl] .mdc-list-divider--inset, [dir=rtl] .mdc-list-group .mdc-list-divider--inset {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 72px;
}

.mdc-list-divider--inset.mdc-list-divider--padded {
  width: calc(100% - 72px - 16px);
}

.mdc-list-group .mdc-list {
  padding: 0;
}

.mdc-list-group__subheader {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  margin: 0.75rem 16px;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after {
  background-color: #000;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:hover::before {
  opacity: 0.04;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before {
  opacity: 0.12;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:hover::before {
  opacity: 0.16;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
  opacity: 0.08;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:hover::before {
  opacity: 0.12;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.2;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.2;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.2;
}

:not(.mdc-list--non-interactive) > .mdc-list-item--disabled {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after {
  background-color: #000;
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}

.mdc-ripple-surface {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  outline: none;
  overflow: hidden;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-ripple-surface::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-ripple-surface.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  background-color: #000;
}
.mdc-ripple-surface:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
  overflow: visible;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  .mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
.mdc-ripple-surface--primary:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--primary.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.mdc-ripple-surface--accent:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--accent.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

/*
 Temporary addition until support for three-line added to @material
https://github.com/material-components/material-components-web/issues/31
*/
.smui-list--three-line .mdc-list-item__text {
  align-self: flex-start;
}

.smui-list--three-line .mdc-list-item {
  height: 88px;
}

.smui-list--three-line.mdc-list--dense .mdc-list-item {
  height: 76px;
}

.mdc-menu {
  min-width: 112px;
}
.mdc-menu .mdc-list-item__meta {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-menu .mdc-list-item__graphic {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-menu .mdc-list {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-menu .mdc-list-divider {
  margin: 8px 0;
}
.mdc-menu .mdc-list-item {
  user-select: none;
}
.mdc-menu .mdc-list-item--disabled {
  cursor: auto;
}
@media screen and (-ms-high-contrast: active) {
  .mdc-menu .mdc-list-item--disabled {
    opacity: 0.38;
  }
}
.mdc-menu a.mdc-list-item .mdc-list-item__text,
.mdc-menu a.mdc-list-item .mdc-list-item__graphic {
  pointer-events: none;
}

.mdc-menu__selection-group {
  padding: 0;
  fill: currentColor;
}
.mdc-menu__selection-group .mdc-list-item {
  /* @noflip */
  padding-left: 56px;
  /* @noflip */
  padding-right: 16px;
}
[dir=rtl] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir=rtl] {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 56px;
}
.mdc-menu__selection-group .mdc-menu__selection-group-icon {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
}

.mdc-menu-item--selected .mdc-menu__selection-group-icon {
  display: inline;
}

.mdc-menu-surface {
  display: none;
  position: absolute;
  box-sizing: border-box;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  margin: 0;
  padding: 0;
  transform: scale(1);
  transform-origin: top left;
  opacity: 0;
  overflow: auto;
  will-change: transform, opacity;
  z-index: 8;
  transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
  border-radius: 4px;
  /* @noflip */
  transform-origin-left: top left;
  /* @noflip */
  transform-origin-right: top right;
}
.mdc-menu-surface:focus {
  outline: none;
}
.mdc-menu-surface--open {
  display: inline-block;
  transform: scale(1);
  opacity: 1;
}
.mdc-menu-surface--animating-open {
  display: inline-block;
  transform: scale(0.8);
  opacity: 0;
}
.mdc-menu-surface--animating-closed {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.075s linear;
}
[dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl] {
  /* @noflip */
  transform-origin-left: top right;
  /* @noflip */
  transform-origin-right: top left;
}

.mdc-menu-surface--anchor {
  position: relative;
  overflow: visible;
}

.mdc-menu-surface--fixed {
  position: fixed;
}

.smui-menu-surface--static {
  position: static;
  z-index: 0;
  display: inline-block;
  transform: scale(1);
  opacity: 1;
}

.mdc-select__native-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.smui-select--standard::before, .smui-select--standard::after {
  content: none;
}
.smui-select--standard:not(.mdc-select--disabled) {
  background-color: transparent;
}
.smui-select--standard.mdc-select--disabled {
  background-color: transparent;
}
.smui-select--standard .mdc-select__native-control, .smui-select--standard .mdc-select__selected-text {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 36px;
}
[dir=rtl] .smui-select--standard .mdc-select__native-control, .smui-select--standard .mdc-select__native-control[dir=rtl], [dir=rtl] .smui-select--standard .mdc-select__selected-text, .smui-select--standard .mdc-select__selected-text[dir=rtl] {
  /* @noflip */
  padding-left: 36px;
  /* @noflip */
  padding-right: 0;
}
.smui-select--standard.mdc-select--with-leading-icon .mdc-select__native-control, .smui-select--standard.mdc-select--with-leading-icon .mdc-select__selected-text {
  /* @noflip */
  padding-left: 32px;
  /* @noflip */
  padding-right: 36px;
}
[dir=rtl] .smui-select--standard.mdc-select--with-leading-icon .mdc-select__native-control, .smui-select--standard.mdc-select--with-leading-icon .mdc-select__native-control[dir=rtl], [dir=rtl] .smui-select--standard.mdc-select--with-leading-icon .mdc-select__selected-text, .smui-select--standard.mdc-select--with-leading-icon .mdc-select__selected-text[dir=rtl] {
  /* @noflip */
  padding-left: 36px;
  /* @noflip */
  padding-right: 32px;
}
.smui-select--standard .mdc-select__dropdown-icon {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 0;
}
[dir=rtl] .smui-select--standard .mdc-select__dropdown-icon, .smui-select--standard .mdc-select__dropdown-icon[dir=rtl] {
  /* @noflip */
  left: 0;
  /* @noflip */
  right: initial;
}
.smui-select--standard .mdc-floating-label {
  /* @noflip */
  left: 0;
  /* @noflip */
  right: initial;
}
[dir=rtl] .smui-select--standard .mdc-floating-label, .smui-select--standard .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 0;
}
.smui-select--standard.mdc-select--with-leading-icon .mdc-floating-label {
  /* @noflip */
  left: 32px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .smui-select--standard.mdc-select--with-leading-icon .mdc-floating-label, .smui-select--standard.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 32px;
}
.smui-select--standard.mdc-select--with-leading-icon .mdc-select__icon {
  /* @noflip */
  left: 0;
  /* @noflip */
  right: initial;
}
[dir=rtl] .smui-select--standard.mdc-select--with-leading-icon .mdc-select__icon, .smui-select--standard.mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 0;
}
.smui-select--standard + .mdc-select-helper-line {
  padding-left: 0;
  padding-right: 0;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.mdc-list {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  /* @alternate */
  line-height: 1.5rem;
  margin: 0;
  padding: 8px 0;
  list-style-type: none;
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mdc-list:focus {
  outline: none;
}

.mdc-list-item__secondary-text {
  color: rgba(0, 0, 0, 0.54);
  /* @alternate */
  color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
}

.mdc-list-item__graphic {
  background-color: transparent;
}

.mdc-list-item__graphic {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item__meta {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-group__subheader {
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mdc-list--dense {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.812rem;
}

.mdc-list-item {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  height: 48px;
  padding: 0 16px;
  overflow: hidden;
}
.mdc-list-item:focus {
  outline: none;
}

.mdc-list-item--selected,
.mdc-list-item--activated {
  color: #6200ee;
  /* @alternate */
  color: var(--mdc-theme-primary, #6200ee);
}
.mdc-list-item--selected .mdc-list-item__graphic,
.mdc-list-item--activated .mdc-list-item__graphic {
  color: #6200ee;
  /* @alternate */
  color: var(--mdc-theme-primary, #6200ee);
}

.mdc-list-item--disabled {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 32px;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  fill: currentColor;
}
.mdc-list-item[dir=rtl] .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 32px;
  /* @noflip */
  margin-right: 0;
}

.mdc-list .mdc-list-item__graphic {
  display: inline-flex;
}

.mdc-list-item__meta {
  /* @noflip */
  margin-left: auto;
  /* @noflip */
  margin-right: 0;
}
.mdc-list-item__meta:not(.material-icons) {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0333333333em;
  text-decoration: inherit;
  text-transform: inherit;
}
.mdc-list-item[dir=rtl] .mdc-list-item__meta, [dir=rtl] .mdc-list-item .mdc-list-item__meta {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: auto;
}

.mdc-list-item__text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mdc-list-item__text[for] {
  pointer-events: none;
}

.mdc-list-item__primary-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
  display: block;
}
.mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list--dense .mdc-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list--dense .mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 24px;
  content: "";
  vertical-align: 0;
}
.mdc-list--dense .mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}

.mdc-list-item__secondary-text {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  display: block;
}
.mdc-list-item__secondary-text::before {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: 0;
}
.mdc-list--dense .mdc-list-item__secondary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  font-size: inherit;
}
.mdc-list--dense .mdc-list-item__secondary-text::before {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: 0;
}

.mdc-list--dense .mdc-list-item {
  height: 40px;
}

.mdc-list--dense .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 36px;
  width: 20px;
  height: 20px;
}
.mdc-list-item[dir=rtl] .mdc-list--dense .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 36px;
  /* @noflip */
  margin-right: 0;
}

.mdc-list--avatar-list .mdc-list-item {
  height: 56px;
}

.mdc-list--avatar-list .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.mdc-list-item[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
}

.mdc-list--two-line .mdc-list-item__text {
  align-self: flex-start;
}

.mdc-list--two-line .mdc-list-item {
  height: 72px;
}

.mdc-list--two-line.mdc-list--dense .mdc-list-item,
.mdc-list--avatar-list.mdc-list--dense .mdc-list-item {
  height: 60px;
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 20px;
  width: 36px;
  height: 36px;
}
.mdc-list-item[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 20px;
  /* @noflip */
  margin-right: 0;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item {
  cursor: pointer;
}

a.mdc-list-item {
  color: inherit;
  text-decoration: none;
}

.mdc-list-divider {
  height: 0;
  margin: 0;
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.mdc-list-divider {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mdc-list-divider--padded {
  margin: 0 16px;
}

.mdc-list-divider--inset {
  /* @noflip */
  margin-left: 72px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 72px);
}
.mdc-list-group[dir=rtl] .mdc-list-divider--inset, [dir=rtl] .mdc-list-group .mdc-list-divider--inset {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 72px;
}

.mdc-list-divider--inset.mdc-list-divider--padded {
  width: calc(100% - 72px - 16px);
}

.mdc-list-group .mdc-list {
  padding: 0;
}

.mdc-list-group__subheader {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  margin: 0.75rem 16px;
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden;
}
.mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var);
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after {
  background-color: #000;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:hover::before {
  opacity: 0.04;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before {
  opacity: 0.12;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:hover::before {
  opacity: 0.16;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
  opacity: 0.08;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:hover::before {
  opacity: 0.12;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.2;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.2;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.2;
}

:not(.mdc-list--non-interactive) > .mdc-list-item--disabled {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after {
  background-color: #000;
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}

.mdc-ripple-surface {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  outline: none;
  overflow: hidden;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-ripple-surface::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-ripple-surface.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  background-color: #000;
}
.mdc-ripple-surface:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
  overflow: visible;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  .mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
.mdc-ripple-surface--primary:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--primary.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.mdc-ripple-surface--accent:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--accent.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

/*
 Temporary addition until support for three-line added to @material
https://github.com/material-components/material-components-web/issues/31
*/
.smui-list--three-line .mdc-list-item__text {
  align-self: flex-start;
}

.smui-list--three-line .mdc-list-item {
  height: 88px;
}

.smui-list--three-line.mdc-list--dense .mdc-list-item {
  height: 76px;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden;
}
.mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var);
}

.mdc-menu {
  min-width: 112px;
}
.mdc-menu .mdc-list-item__meta {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-menu .mdc-list-item__graphic {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-menu .mdc-list {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-menu .mdc-list-divider {
  margin: 8px 0;
}
.mdc-menu .mdc-list-item {
  user-select: none;
}
.mdc-menu .mdc-list-item--disabled {
  cursor: auto;
}
@media screen and (-ms-high-contrast: active) {
  .mdc-menu .mdc-list-item--disabled {
    opacity: 0.38;
  }
}
.mdc-menu a.mdc-list-item .mdc-list-item__text,
.mdc-menu a.mdc-list-item .mdc-list-item__graphic {
  pointer-events: none;
}

.mdc-menu__selection-group {
  padding: 0;
  fill: currentColor;
}
.mdc-menu__selection-group .mdc-list-item {
  /* @noflip */
  padding-left: 56px;
  /* @noflip */
  padding-right: 16px;
}
[dir=rtl] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir=rtl] {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 56px;
}
.mdc-menu__selection-group .mdc-menu__selection-group-icon {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
}

.mdc-menu-item--selected .mdc-menu__selection-group-icon {
  display: inline;
}

.mdc-menu-surface {
  display: none;
  position: absolute;
  box-sizing: border-box;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  margin: 0;
  padding: 0;
  transform: scale(1);
  transform-origin: top left;
  opacity: 0;
  overflow: auto;
  will-change: transform, opacity;
  z-index: 8;
  transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
  border-radius: 4px;
  /* @noflip */
  transform-origin-left: top left;
  /* @noflip */
  transform-origin-right: top right;
}
.mdc-menu-surface:focus {
  outline: none;
}
.mdc-menu-surface--open {
  display: inline-block;
  transform: scale(1);
  opacity: 1;
}
.mdc-menu-surface--animating-open {
  display: inline-block;
  transform: scale(0.8);
  opacity: 0;
}
.mdc-menu-surface--animating-closed {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.075s linear;
}
[dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl] {
  /* @noflip */
  transform-origin-left: top right;
  /* @noflip */
  transform-origin-right: top left;
}

.mdc-menu-surface--anchor {
  position: relative;
  overflow: visible;
}

.mdc-menu-surface--fixed {
  position: fixed;
}

.smui-menu-surface--static {
  position: static;
  z-index: 0;
  display: inline-block;
  transform: scale(1);
  opacity: 1;
}
#map {
  /*z-index: -1 !important;*/
  position: absolute;
  width: 100%;
  height: calc(100% - 64px);
  left: 0;
  right: 0;
  top: 64px;
  bottom: 0;
  z-index: 0;
}
@media (max-width: 599px) {
  #map {
    top: 56px;
    height: calc(100% - 56px);
  }
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.mdc-tab {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: 0.0892857143em;
  text-decoration: none;
  text-transform: uppercase;
  padding-right: 24px;
  padding-left: 24px;
  position: relative;
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
  box-sizing: border-box;
  height: 48px;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  outline: none;
  background: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  z-index: 1;
}
.mdc-tab .mdc-tab__text-label {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-tab .mdc-tab__icon {
  color: rgba(0, 0, 0, 0.54);
  fill: currentColor;
}
.mdc-tab::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mdc-tab--min-width {
  flex: 0 1 auto;
}

.mdc-tab__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
  pointer-events: none;
}

.mdc-tab__text-label,
.mdc-tab__icon {
  transition: 150ms color linear;
  display: inline-block;
  line-height: 1;
  z-index: 2;
}

.mdc-tab--stacked {
  height: 72px;
}
.mdc-tab--stacked .mdc-tab__content {
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.mdc-tab--stacked .mdc-tab__icon {
  padding-top: 12px;
}
.mdc-tab--stacked .mdc-tab__text-label {
  padding-bottom: 16px;
}

.mdc-tab--active .mdc-tab__text-label {
  color: #6200ee;
  /* @alternate */
  color: var(--mdc-theme-primary, #6200ee);
}
.mdc-tab--active .mdc-tab__icon {
  color: #6200ee;
  /* @alternate */
  color: var(--mdc-theme-primary, #6200ee);
  fill: currentColor;
}
.mdc-tab--active .mdc-tab__text-label,
.mdc-tab--active .mdc-tab__icon {
  transition-delay: 100ms;
}

.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label {
  /* @noflip */
  padding-left: 8px;
  /* @noflip */
  padding-right: 0;
}
[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label, .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 8px;
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden;
}
.mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var);
}

.mdc-tab__ripple {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mdc-tab__ripple::before, .mdc-tab__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-tab__ripple::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-tab__ripple.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-tab__ripple.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-tab__ripple::before, .mdc-tab__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-tab__ripple.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-tab__ripple::before, .mdc-tab__ripple::after {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  .mdc-tab__ripple::before, .mdc-tab__ripple::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
.mdc-tab__ripple:hover::before {
  opacity: 0.04;
}
.mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before, .mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-tab__ripple:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-tab__ripple.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

/**
 * @license
 * Copyright 2018 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.mdc-tab-indicator {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border-color: #6200ee;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #6200ee);
}
.mdc-tab-indicator .mdc-tab-indicator__content--icon {
  color: #018786;
  /* @alternate */
  color: var(--mdc-theme-secondary, #018786);
}
.mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border-top-width: 2px;
}
.mdc-tab-indicator .mdc-tab-indicator__content--icon {
  height: 34px;
  font-size: 34px;
}

.mdc-tab-indicator__content {
  transform-origin: left;
  opacity: 0;
}

.mdc-tab-indicator__content--underline {
  align-self: flex-end;
  box-sizing: border-box;
  width: 100%;
  border-top-style: solid;
}

.mdc-tab-indicator__content--icon {
  align-self: center;
  margin: 0 auto;
}

.mdc-tab-indicator--active .mdc-tab-indicator__content {
  opacity: 1;
}

.mdc-tab-indicator .mdc-tab-indicator__content {
  transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-tab-indicator--no-transition .mdc-tab-indicator__content {
  transition: none;
}

.mdc-tab-indicator--fade .mdc-tab-indicator__content {
  transition: 150ms opacity linear;
}

.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content {
  transition-delay: 100ms;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

/**
 * @license
 * Copyright 2018 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.mdc-tab-bar {
  width: 100%;
}

/**
 * @license
 * Copyright 2018 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.mdc-tab-scroller {
  overflow-y: hidden;
}

.mdc-tab-scroller__test {
  position: absolute;
  top: -9999px;
  width: 100px;
  height: 100px;
  overflow-x: scroll;
}

.mdc-tab-scroller__scroll-area {
  -webkit-overflow-scrolling: touch;
  display: flex;
  overflow-x: hidden;
}

.mdc-tab-scroller__scroll-area::-webkit-scrollbar,
.mdc-tab-scroller__test::-webkit-scrollbar {
  display: none;
}

.mdc-tab-scroller__scroll-area--scroll {
  overflow-x: scroll;
}

.mdc-tab-scroller__scroll-content {
  position: relative;
  display: flex;
  flex: 1 0 auto;
  transform: none;
  will-change: transform;
}

.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content {
  justify-content: flex-start;
}

.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content {
  justify-content: flex-end;
}

.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content {
  justify-content: center;
}

.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area {
  -webkit-overflow-scrolling: auto;
}
.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content {
  transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
}
.tfwb-container {
  overflow: auto;
}

.tfwb-textfield-container {
  width: calc(100% - 56px);
  float: left;
}
.tfwb-textfield-container label {
  width: 100%;
}

.tfwb-button-container {
  width: 56px;
  float: left;
}
.tfwb-button-container button {
  width: 56px;
  height: 56px;
  margin: 0px !important;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.tfwb-container label {
  border-top-right-radius: 0px;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
.maritime-boundaries-table-container {
  min-height: 300px;
  padding-top: 0;
  padding-right: 0;
  height: 300px;
  margin-top: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  resize: vertical;
  border-radius: 3px;
  margin-bottom: 10px;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
.marmans-table-container {
  min-height: 300px;
  padding-top: 0;
  padding-right: 0;
  height: 300px;
  margin-top: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  resize: vertical;
  border-radius: 3px;
  margin-bottom: 10px;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.mdc-switch {
  display: inline-block;
  position: relative;
  outline: none;
  user-select: none;
}
.mdc-switch.mdc-switch--checked .mdc-switch__track {
  background-color: #018786;
  /* @alternate */
  background-color: var(--mdc-theme-secondary, #018786);
  border-color: #018786;
  /* @alternate */
  border-color: var(--mdc-theme-secondary, #018786);
}
.mdc-switch.mdc-switch--checked .mdc-switch__thumb {
  background-color: #018786;
  /* @alternate */
  background-color: var(--mdc-theme-secondary, #018786);
  border-color: #018786;
  /* @alternate */
  border-color: var(--mdc-theme-secondary, #018786);
}
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
  background-color: #000;
  border-color: #000;
}
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
  background-color: #fff;
  border-color: #fff;
}

.mdc-switch__native-control {
  /* @noflip */
  left: 0;
  /* @noflip */
  right: initial;
  position: absolute;
  top: 0;
  width: 68px;
  height: 48px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  pointer-events: auto;
}
[dir=rtl] .mdc-switch__native-control, .mdc-switch__native-control[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 0;
}

.mdc-switch__track {
  box-sizing: border-box;
  width: 32px;
  height: 14px;
  border: 1px solid;
  border-radius: 7px;
  opacity: 0.38;
  transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-switch__thumb-underlay {
  /* @noflip */
  left: -18px;
  /* @noflip */
  right: initial;
  display: flex;
  position: absolute;
  top: -17px;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  transform: translateX(0);
  transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
}
[dir=rtl] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: -18px;
}

.mdc-switch__thumb {
  box-shadow: 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);
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 10px solid;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
}

.mdc-switch--checked .mdc-switch__track {
  opacity: 0.54;
}
.mdc-switch--checked .mdc-switch__thumb-underlay {
  transform: translateX(20px);
}
[dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl] {
  transform: translateX(-20px);
}
.mdc-switch--checked .mdc-switch__native-control {
  transform: translateX(-20px);
}
[dir=rtl] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir=rtl] {
  transform: translateX(20px);
}

.mdc-switch--disabled {
  opacity: 0.38;
  pointer-events: none;
}
.mdc-switch--disabled .mdc-switch__thumb {
  border-width: 1px;
}
.mdc-switch--disabled .mdc-switch__native-control {
  cursor: default;
  pointer-events: none;
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden;
}
.mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var);
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after {
  background-color: #9e9e9e;
}
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before {
  opacity: 0.08;
}
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}

.mdc-switch__thumb-underlay {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-switch__thumb-underlay::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.mdc-switch__thumb-underlay:hover::before {
  opacity: 0.04;
}
.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-switch__thumb-underlay.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.mdc-form-field {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.mdc-form-field > label {
  order: 0;
  /* @noflip */
  margin-right: auto;
  /* @noflip */
  padding-left: 4px;
}
[dir=rtl] .mdc-form-field > label, .mdc-form-field[dir=rtl] > label {
  /* @noflip */
  margin-left: auto;
  /* @noflip */
  padding-right: 4px;
}

.mdc-form-field--align-end > label {
  order: -1;
  /* @noflip */
  margin-left: auto;
  /* @noflip */
  padding-right: 4px;
}
[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end[dir=rtl] > label {
  /* @noflip */
  margin-right: auto;
  /* @noflip */
  padding-left: 4px;
}

.mdc-form-field .mdc-switch + label {
  /* @noflip */
  margin-left: 10px;
  /* @noflip */
  margin-right: 0;
}
[dir=rtl] .mdc-form-field .mdc-switch + label, .mdc-form-field .mdc-switch + label[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 10px;
}
.mdc-form-field.mdc-form-field--align-end .mdc-switch + label {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 10px;
}
[dir=rtl] .mdc-form-field.mdc-form-field--align-end .mdc-switch + label, .mdc-form-field.mdc-form-field--align-end .mdc-switch + label[dir=rtl] {
  /* @noflip */
  margin-left: 10px;
  /* @noflip */
  margin-right: 0;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
.ports-table-container {
  min-height: 300px;
  padding-top: 0;
  padding-right: 0;
  height: 300px;
  margin-top: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  resize: vertical;
  border-radius: 3px;
  margin-bottom: 10px;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
.layer-list-item {
  line-height: 35px;
  min-height: 35px;
  padding-left: 5px;
  padding-right: 5px;
  clear: both;
}
.layer-list-item .lli-label {
  float: left;
}
.layer-list-item .lli-switch {
  float: right;
  margin-right: 4px;
  /* Slight margin for the material toggle */
}

.layer-list-item.indent-1 {
  padding-left: 10px;
}

.layer-list-item.indent-2 {
  padding-left: 15px;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.mdc-top-app-bar {
  background-color: #6200ee;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #6200ee);
  color: white;
  display: flex;
  position: fixed;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  z-index: 4;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
  color: #fff;
  /* @alternate */
  color: var(--mdc-theme-on-primary, #fff);
}
.mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after {
  background-color: #fff;
}
@supports not (-ms-ime-align: auto) {
  .mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after {
    /* @alternate */
    background-color: var(--mdc-theme-on-primary, #fff);
  }
}
.mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before {
  opacity: 0.08;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before, .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}
.mdc-top-app-bar__row {
  display: flex;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 64px;
}
.mdc-top-app-bar__section {
  display: inline-flex;
  flex: 1 1 auto;
  align-items: center;
  min-width: 0;
  padding: 8px 12px;
  z-index: 1;
}
.mdc-top-app-bar__section--align-start {
  justify-content: flex-start;
  order: -1;
}
.mdc-top-app-bar__section--align-end {
  justify-content: flex-end;
  order: 1;
}
.mdc-top-app-bar__title {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0.0125em;
  text-decoration: inherit;
  text-transform: inherit;
  /* @noflip */
  padding-left: 20px;
  /* @noflip */
  padding-right: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  z-index: 1;
}
[dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 20px;
}

.mdc-top-app-bar--short-collapsed {
  /* @noflip */
  border-radius: 0 0 24px 0;
}
[dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] {
  /* @noflip */
  border-radius: 0 0 0 24px;
}

.mdc-top-app-bar--short {
  top: 0;
  /* @noflip */
  right: auto;
  /* @noflip */
  left: 0;
  width: 100%;
  transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
[dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl] {
  /* @noflip */
  right: 0;
  /* @noflip */
  left: auto;
}
.mdc-top-app-bar--short .mdc-top-app-bar__row {
  height: 56px;
}
.mdc-top-app-bar--short .mdc-top-app-bar__section {
  padding: 4px;
}
.mdc-top-app-bar--short .mdc-top-app-bar__title {
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}

.mdc-top-app-bar--short-collapsed {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  width: 56px;
  transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title {
  display: none;
}
.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item {
  transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item {
  width: 112px;
}
.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 12px;
}
[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl] {
  /* @noflip */
  padding-left: 12px;
  /* @noflip */
  padding-right: 0;
}

.mdc-top-app-bar--dense .mdc-top-app-bar__row {
  height: 48px;
}
.mdc-top-app-bar--dense .mdc-top-app-bar__section {
  padding: 0 4px;
}
.mdc-top-app-bar--dense .mdc-top-app-bar__title {
  /* @noflip */
  padding-left: 12px;
  /* @noflip */
  padding-right: 0;
}
[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 12px;
}

.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  height: 128px;
}
.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  align-self: flex-end;
  padding-bottom: 2px;
}
.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,
.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon {
  align-self: flex-start;
}

.mdc-top-app-bar--fixed {
  transition: box-shadow 200ms linear;
}

.mdc-top-app-bar--fixed-scrolled {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  transition: box-shadow 200ms linear;
}

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  height: 96px;
}
.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section {
  padding: 0 12px;
}
.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  /* @noflip */
  padding-left: 20px;
  /* @noflip */
  padding-right: 0;
  padding-bottom: 9px;
}
[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 20px;
}

.mdc-top-app-bar--fixed-adjust {
  padding-top: 64px;
}

.mdc-top-app-bar--dense-fixed-adjust {
  padding-top: 48px;
}

.mdc-top-app-bar--short-fixed-adjust {
  padding-top: 56px;
}

.mdc-top-app-bar--prominent-fixed-adjust {
  padding-top: 128px;
}

.mdc-top-app-bar--dense-prominent-fixed-adjust {
  padding-top: 96px;
}

@media (max-width: 599px) {
  .mdc-top-app-bar__row {
    height: 56px;
  }

  .mdc-top-app-bar__section {
    padding: 4px;
  }

  .mdc-top-app-bar--short {
    transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .mdc-top-app-bar--short-collapsed {
    transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end {
    /* @noflip */
    padding-left: 0;
    /* @noflip */
    padding-right: 12px;
  }
  [dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl] {
    /* @noflip */
    padding-left: 12px;
    /* @noflip */
    padding-right: 0;
  }

  .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
    padding-bottom: 6px;
  }

  .mdc-top-app-bar--fixed-adjust {
    padding-top: 56px;
  }
}
.smui-top-app-bar--static {
  position: static;
}

.smui-top-app-bar--color-secondary {
  background-color: #018786;
  /* @alternate */
  background-color: var(--mdc-theme-secondary, #018786);
  color: white;
}
.smui-top-app-bar--color-secondary .mdc-top-app-bar__action-item,
.smui-top-app-bar--color-secondary .mdc-top-app-bar__navigation-icon {
  color: #fff;
  /* @alternate */
  color: var(--mdc-theme-on-secondary, #fff);
}
.smui-top-app-bar--color-secondary .mdc-top-app-bar__action-item::before, .smui-top-app-bar--color-secondary .mdc-top-app-bar__action-item::after,
.smui-top-app-bar--color-secondary .mdc-top-app-bar__navigation-icon::before,
.smui-top-app-bar--color-secondary .mdc-top-app-bar__navigation-icon::after {
  background-color: #fff;
}
@supports not (-ms-ime-align: auto) {
  .smui-top-app-bar--color-secondary .mdc-top-app-bar__action-item::before, .smui-top-app-bar--color-secondary .mdc-top-app-bar__action-item::after,
.smui-top-app-bar--color-secondary .mdc-top-app-bar__navigation-icon::before,
.smui-top-app-bar--color-secondary .mdc-top-app-bar__navigation-icon::after {
    /* @alternate */
    background-color: var(--mdc-theme-on-secondary, #fff);
  }
}
.smui-top-app-bar--color-secondary .mdc-top-app-bar__action-item:hover::before,
.smui-top-app-bar--color-secondary .mdc-top-app-bar__navigation-icon:hover::before {
  opacity: 0.08;
}
.smui-top-app-bar--color-secondary .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before, .smui-top-app-bar--color-secondary .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before,
.smui-top-app-bar--color-secondary .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before,
.smui-top-app-bar--color-secondary .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.smui-top-app-bar--color-secondary .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after,
.smui-top-app-bar--color-secondary .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.smui-top-app-bar--color-secondary .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after,
.smui-top-app-bar--color-secondary .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.smui-top-app-bar--color-secondary .mdc-top-app-bar__action-item.mdc-ripple-upgraded,
.smui-top-app-bar--color-secondary .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
.banner {
  z-index: 100;
  pointer-events: all;
  background-color: var(--mdc-theme-banner, white) !important;
  color: var(--mdc-theme-on-banner, black) !important;
}
.banner .mdc-icon-button,
.banner .mdc-top-app-bar__navigation-icon {
  color: var(--mdc-theme-on-banner, black) !important;
}
.banner .logo-container {
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 64px;
}
@media (max-width: 599px) {
  .banner .logo-container {
    height: calc(56px - 20px);
  }
}
.banner img.logo {
  display: inline-block;
  height: calc(64px - 12px);
  margin-top: 6px;
  margin-bottom: 6px;
}
@media (max-width: 599px) {
  .banner img.logo {
    height: calc(56px - 12px);
  }
}

.add-item-context-menu-container,
.user-item-context-menu-container {
  right: 66px;
  top: 58px;
  position: absolute !important;
  z-index: 100001;
}
.add-item-context-menu-container .list-item-icon,
.user-item-context-menu-container .list-item-icon {
  width: 32px;
  height: 32px;
  margin-left: -4px;
  margin-right: 4px;
}
.add-item-context-menu-container .list-item-icon.material-icons,
.user-item-context-menu-container .list-item-icon.material-icons {
  margin-top: 6px;
  margin-left: 0px;
  margin-right: 0px;
}
.add-item-context-menu-container .list-item-icon-right,
.user-item-context-menu-container .list-item-icon-right {
  display: block;
  margin-left: auto;
  margin-right: 0px;
}
.add-item-context-menu-container .opacity-half,
.user-item-context-menu-container .opacity-half {
  opacity: 0.5;
}
.add-item-context-menu-container .opacity-full,
.user-item-context-menu-container .opacity-full {
  opacity: 1;
}
.add-item-context-menu-container .list-heading,
.user-item-context-menu-container .list-heading {
  margin: 0px;
  padding: 16px;
  padding-bottom: 8px;
  padding-top: 8px;
}

.user-item-context-menu-container {
  right: 12px !important;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
.menu {
  grid-column: 1;
  grid-row: 2;
  width: 370px;
  min-width: 370px;
  height: calc(100%);
  z-index: 99;
  background-color: white;
  pointer-events: all;
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  transition-timing-function: ease-in;
  transition: 0.7s;
  margin-left: 0;
}
.menu .resize-bar {
  background-color: var(--mdc-theme-banner, #222222);
  height: 100%;
  float: right;
  width: 3px;
  position: relative;
  top: 0px;
  cursor: col-resize;
  pointer-events: all;
}
.menu .resize-bar.right {
  float: left;
}

.menu.hidden {
  margin-left: -373px;
  visibility: visible;
}

.menu.right {
  grid-column: 3;
  margin-left: 0px;
}

.menu.right.hidden {
  margin-right: -373px;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.mdc-card {
  border-radius: 4px;
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.mdc-card--outlined {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  border-width: 1px;
  border-style: solid;
  border-color: #e0e0e0;
}

.mdc-card__media {
  position: relative;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.mdc-card__media::before {
  display: block;
  content: "";
}

.mdc-card__media:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.mdc-card__media:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.mdc-card__media--square::before {
  margin-top: 100%;
}

.mdc-card__media--16-9::before {
  margin-top: 56.25%;
}

.mdc-card__media-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
}

.mdc-card__primary-action {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  outline: none;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
}

.mdc-card__primary-action:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.mdc-card__primary-action:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.mdc-card__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  min-height: 52px;
  padding: 8px;
}

.mdc-card__actions--full-bleed {
  padding: 0;
}

.mdc-card__action-buttons,
.mdc-card__action-icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
}

.mdc-card__action-icons {
  color: rgba(0, 0, 0, 0.6);
  flex-grow: 1;
  justify-content: flex-end;
}

.mdc-card__action-buttons + .mdc-card__action-icons {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
}
[dir=rtl] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-card__action-buttons + .mdc-card__action-icons[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
}

.mdc-card__action {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  justify-content: center;
  cursor: pointer;
  user-select: none;
}
.mdc-card__action:focus {
  outline: none;
}

.mdc-card__action--button {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 8px;
  padding: 0 8px;
}
[dir=rtl] .mdc-card__action--button, .mdc-card__action--button[dir=rtl] {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: 0;
}
.mdc-card__action--button:last-child {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 0;
}
[dir=rtl] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 0;
}

.mdc-card__actions--full-bleed .mdc-card__action--button {
  justify-content: space-between;
  width: 100%;
  height: auto;
  max-height: none;
  margin: 0;
  padding: 8px 16px;
  /* @noflip */
  text-align: left;
}
[dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl] {
  /* @noflip */
  text-align: right;
}

.mdc-card__action--icon {
  margin: -6px 0;
  padding: 12px;
}

.mdc-card__action--icon:not(:disabled) {
  color: rgba(0, 0, 0, 0.6);
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden;
}
.mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var);
}

.mdc-card__primary-action {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mdc-card__primary-action::before, .mdc-card__primary-action::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-card__primary-action::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-card__primary-action.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-card__primary-action.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-card__primary-action::before, .mdc-card__primary-action::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-card__primary-action.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-card__primary-action::before, .mdc-card__primary-action::after {
  background-color: #000;
}
.mdc-card__primary-action:hover::before {
  opacity: 0.04;
}
.mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before, .mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-card__primary-action:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-card__primary-action.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

.mdc-button {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: 0.0892857143em;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 8px 0 8px;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 64px;
  height: 36px;
  border: none;
  outline: none;
  /* @alternate */
  line-height: inherit;
  user-select: none;
  -webkit-appearance: none;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 4px;
}
.mdc-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mdc-button:active {
  outline: none;
}
.mdc-button:hover {
  cursor: pointer;
}
.mdc-button:disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.37);
  cursor: default;
  pointer-events: none;
}
.mdc-button.mdc-button--dense {
  border-radius: 4px;
}
.mdc-button:not(:disabled) {
  background-color: transparent;
}
.mdc-button .mdc-button__icon {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 8px;
  display: inline-block;
  width: 18px;
  height: 18px;
  font-size: 18px;
  vertical-align: top;
}
[dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl] {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: 0;
}
.mdc-button:not(:disabled) {
  color: #6200ee;
  /* @alternate */
  color: var(--mdc-theme-primary, #6200ee);
}

.mdc-button__label + .mdc-button__icon {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: 0;
}
[dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 8px;
}

svg.mdc-button__icon {
  fill: currentColor;
}

.mdc-button--raised .mdc-button__icon,
.mdc-button--unelevated .mdc-button__icon,
.mdc-button--outlined .mdc-button__icon {
  /* @noflip */
  margin-left: -4px;
  /* @noflip */
  margin-right: 8px;
}
[dir=rtl] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button--unelevated .mdc-button__icon,
.mdc-button--unelevated .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button--outlined .mdc-button__icon,
.mdc-button--outlined .mdc-button__icon[dir=rtl] {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: -4px;
}
.mdc-button--raised .mdc-button__label + .mdc-button__icon,
.mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
.mdc-button--outlined .mdc-button__label + .mdc-button__icon {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: -4px;
}
[dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
.mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button--outlined .mdc-button__label + .mdc-button__icon,
.mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] {
  /* @noflip */
  margin-left: -4px;
  /* @noflip */
  margin-right: 8px;
}

.mdc-button--raised,
.mdc-button--unelevated {
  padding: 0 16px 0 16px;
}
.mdc-button--raised:disabled,
.mdc-button--unelevated:disabled {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.37);
}
.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  .mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
  color: #fff;
  /* @alternate */
  color: var(--mdc-theme-on-primary, #fff);
}

.mdc-button--raised {
  box-shadow: 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);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-button--raised:hover, .mdc-button--raised:focus {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mdc-button--raised:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mdc-button--raised:disabled {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mdc-button--outlined {
  border-style: solid;
  padding: 0 15px 0 15px;
  border-width: 1px;
}
.mdc-button--outlined:disabled {
  border-color: rgba(0, 0, 0, 0.37);
}
.mdc-button--outlined:not(:disabled) {
  border-color: #6200ee;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #6200ee);
}

.mdc-button--dense {
  height: 32px;
  font-size: 0.8125rem;
}

.mdc-button {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mdc-button::before, .mdc-button::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-button::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-button.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-button.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-button.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-button.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-button.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-button::before, .mdc-button::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-button.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-button::before, .mdc-button::after {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  .mdc-button::before, .mdc-button::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
.mdc-button:hover::before {
  opacity: 0.04;
}
.mdc-button:not(.mdc-ripple-upgraded):focus::before, .mdc-button.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-button:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-button:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-button.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

.mdc-button--raised::before, .mdc-button--raised::after,
.mdc-button--unelevated::before,
.mdc-button--unelevated::after {
  background-color: #fff;
}
@supports not (-ms-ime-align: auto) {
  .mdc-button--raised::before, .mdc-button--raised::after,
.mdc-button--unelevated::before,
.mdc-button--unelevated::after {
    /* @alternate */
    background-color: var(--mdc-theme-on-primary, #fff);
  }
}
.mdc-button--raised:hover::before,
.mdc-button--unelevated:hover::before {
  opacity: 0.08;
}
.mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .mdc-button--raised.mdc-ripple-upgraded--background-focused::before,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before,
.mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-button--raised:not(.mdc-ripple-upgraded)::after,
.mdc-button--unelevated:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-button--raised:not(.mdc-ripple-upgraded):active::after,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-button--raised.mdc-ripple-upgraded,
.mdc-button--unelevated.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}

.mdc-ripple-surface {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  outline: none;
  overflow: hidden;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-ripple-surface::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-ripple-surface.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  background-color: #000;
}
.mdc-ripple-surface:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
  overflow: visible;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  .mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
.mdc-ripple-surface--primary:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--primary.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.mdc-ripple-surface--accent:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--accent.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

.smui-button--color-secondary:not(:disabled) {
  color: #018786;
  /* @alternate */
  color: var(--mdc-theme-secondary, #018786);
}
.smui-button--color-secondary.mdc-button--raised:not(:disabled), .smui-button--color-secondary.mdc-button--unelevated:not(:disabled) {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .smui-button--color-secondary.mdc-button--raised:not(:disabled), .smui-button--color-secondary.mdc-button--unelevated:not(:disabled) {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.smui-button--color-secondary.mdc-button--raised:not(:disabled), .smui-button--color-secondary.mdc-button--unelevated:not(:disabled) {
  color: #fff;
  /* @alternate */
  color: var(--mdc-theme-on-secondary, #fff);
}
.smui-button--color-secondary.mdc-button--outlined:not(:disabled) {
  border-color: #018786;
  /* @alternate */
  border-color: var(--mdc-theme-secondary, #018786);
}

.smui-button--color-secondary::before, .smui-button--color-secondary::after {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .smui-button--color-secondary::before, .smui-button--color-secondary::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.smui-button--color-secondary:hover::before {
  opacity: 0.04;
}
.smui-button--color-secondary:not(.mdc-ripple-upgraded):focus::before, .smui-button--color-secondary.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.smui-button--color-secondary:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.smui-button--color-secondary:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.smui-button--color-secondary.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.smui-button--color-secondary.mdc-button--raised::before, .smui-button--color-secondary.mdc-button--raised::after, .smui-button--color-secondary.mdc-button--unelevated::before, .smui-button--color-secondary.mdc-button--unelevated::after {
  background-color: #fff;
}
@supports not (-ms-ime-align: auto) {
  .smui-button--color-secondary.mdc-button--raised::before, .smui-button--color-secondary.mdc-button--raised::after, .smui-button--color-secondary.mdc-button--unelevated::before, .smui-button--color-secondary.mdc-button--unelevated::after {
    /* @alternate */
    background-color: var(--mdc-theme-on-secondary, #fff);
  }
}
.smui-button--color-secondary.mdc-button--raised:hover::before, .smui-button--color-secondary.mdc-button--unelevated:hover::before {
  opacity: 0.08;
}
.smui-button--color-secondary.mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .smui-button--color-secondary.mdc-button--raised.mdc-ripple-upgraded--background-focused::before, .smui-button--color-secondary.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before, .smui-button--color-secondary.mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.smui-button--color-secondary.mdc-button--raised:not(.mdc-ripple-upgraded)::after, .smui-button--color-secondary.mdc-button--unelevated:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.smui-button--color-secondary.mdc-button--raised:not(.mdc-ripple-upgraded):active::after, .smui-button--color-secondary.mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.smui-button--color-secondary.mdc-button--raised.mdc-ripple-upgraded, .smui-button--color-secondary.mdc-button--unelevated.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}

.smui-button__group {
  display: inline-flex;
}
.smui-button__group > .mdc-button, .smui-button__group > .smui-button__group-item > .mdc-button {
  margin-left: 0;
  margin-right: 0;
}
.smui-button__group > .mdc-button:not(:last-child), .smui-button__group > .smui-button__group-item:not(:last-child) > .mdc-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.smui-button__group > .mdc-button:not(:first-child), .smui-button__group > .smui-button__group-item:not(:first-child) > .mdc-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.smui-button__group.smui-button__group--raised {
  box-shadow: 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);
}
.smui-button__group > .mdc-button--raised, .smui-button__group > .smui-button__group-item > .mdc-button--raised {
  border-radius: 4px;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.smui-button__group > .mdc-button--raised.mdc-button--dense, .smui-button__group > .smui-button__group-item > .mdc-button--raised.mdc-button--dense {
  border-radius: 4px;
}
.smui-button__group > .mdc-button--raised:hover, .smui-button__group > .mdc-button--raised:focus, .smui-button__group > .smui-button__group-item > .mdc-button--raised:hover, .smui-button__group > .smui-button__group-item > .mdc-button--raised:focus {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.smui-button__group > .mdc-button--raised:active, .smui-button__group > .smui-button__group-item > .mdc-button--raised:active {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.smui-button__group > .mdc-button--raised:disabled, .smui-button__group > .smui-button__group-item > .mdc-button--raised:disabled {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.smui-button__group > .mdc-button--outlined:not(:last-child), .smui-button__group > .smui-button__group-item:not(:last-child) > .mdc-button--outlined {
  border-right-width: 0;
}

.mdc-icon-button {
  width: 48px;
  height: 48px;
  padding: 12px;
  font-size: 24px;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border: none;
  outline: none;
  background-color: transparent;
  fill: currentColor;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
}
.mdc-icon-button svg,
.mdc-icon-button img {
  width: 24px;
  height: 24px;
}
.mdc-icon-button:disabled {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
  cursor: default;
  pointer-events: none;
}

.mdc-icon-button__icon {
  display: inline-block;
}
.mdc-icon-button__icon.mdc-icon-button__icon--on {
  display: none;
}

.mdc-icon-button--on .mdc-icon-button__icon {
  display: none;
}
.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
  display: inline-block;
}

.mdc-icon-button {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mdc-icon-button::before, .mdc-icon-button::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-icon-button::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-icon-button.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-icon-button.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-icon-button.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-icon-button::before, .mdc-icon-button::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-icon-button.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-icon-button::before, .mdc-icon-button::after {
  background-color: #000;
}
.mdc-icon-button:hover::before {
  opacity: 0.04;
}
.mdc-icon-button:not(.mdc-ripple-upgraded):focus::before, .mdc-icon-button.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-icon-button:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-icon-button:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-icon-button.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

.mdc-ripple-surface {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  outline: none;
  overflow: hidden;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-ripple-surface::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-ripple-surface.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  background-color: #000;
}
.mdc-ripple-surface:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
  overflow: visible;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  .mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
.mdc-ripple-surface--primary:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--primary.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.mdc-ripple-surface--accent:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--accent.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

.mdc-ripple-surface {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  outline: none;
  overflow: hidden;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-ripple-surface::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-ripple-surface.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  background-color: #000;
}
.mdc-ripple-surface:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
  overflow: visible;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  .mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
.mdc-ripple-surface--primary:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--primary.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.mdc-ripple-surface--accent:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--accent.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

.smui-card--padded, .smui-card__content, .smui-card__primary-action--padded {
  padding: 16px;
}
table.svelte-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  text-align: center;
  box-shadow: inset -2px 2px 3px 0px rgba(0, 0, 0, 0.05);
  table-layout: fixed;
  padding-top: 0;
  padding-right: 0;
}
table.svelte-table .isSortable {
  cursor: pointer;
}
table.svelte-table tr th select {
  width: 100%;
}
table.svelte-table th {
  position: sticky;
  top: 0;
  background-color: var(--mdc-theme-secondary, #b2c5e9);
  color: var(--mdc-theme-on-secondary, #434b6d);
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13px;
}
table.svelte-table tr th {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 4px;
  padding-right: 4px;
}
table.svelte-table th button {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin: 0;
  background-color: rgba(37, 37, 37, 0.1);
  border: solid 1px rgba(255, 255, 255, 0.5);
}
table.svelte-table th button div {
  width: 100%;
  margin-left: -4px;
  margin-top: -3px;
  color: rgba(255, 255, 255, 0.5);
}
table.svelte-table td {
  font-family: monospace;
  font-size: 12px;
  padding: 5px 7px;
  cursor: pointer;
}
table.svelte-table td p, table.svelte-table td span {
  font-family: monospace;
  font-size: 12px;
  margin: 0;
}
table.svelte-table tr th.icon,
table.svelte-table tr th.target {
  width: 40px;
}
table.svelte-table td.icon {
  width: 40px;
}
table.svelte-table td.target {
  width: 35px;
  cursor: zoom-in;
  /*crosshair;*/
  border-left: 2px solid #ccc;
}
table.svelte-table th.alertType, table.svelte-table td.alertType {
  width: 50px;
}
table.svelte-table th.imo, table.svelte-table td.imo {
  width: 50px;
}
table.svelte-table th.mmsi, table.svelte-table td.mmsi {
  width: 65px;
}
table.svelte-table th.name, table.svelte-table td.name {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.svelte-table tr:nth-child(even) {
  background-color: white;
}
table.svelte-table tr:nth-child(odd) {
  background-color: #eee;
}
table.svelte-table td.selected {
  background-color: var(--mdc-theme-primary, #9999ff);
  color: var(--mdc-theme-on-primary, black);
}
table.svelte-table input {
  margin-left: auto;
  margin-right: auto;
}
table.svelte-table .material-icons.icon {
  color: unset;
  line-height: 20px;
  font-size: 20px;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.mdc-data-table__content {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-data-table {
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  display: inline-flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow-x: auto;
}
.mdc-data-table__row {
  background-color: inherit;
}

.mdc-data-table__header-row {
  background-color: inherit;
}

.mdc-data-table__row--selected {
  background-color: rgba(98, 0, 238, 0.04);
}

.mdc-data-table__row {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mdc-data-table__row {
  border-top-width: 1px;
  border-top-style: solid;
}

.mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.mdc-data-table__header-cell {
  color: rgba(0, 0, 0, 0.87);
}

.mdc-data-table__cell {
  color: rgba(0, 0, 0, 0.87);
}

.mdc-data-table__header-row {
  height: 56px;
}

.mdc-data-table__row {
  height: 52px;
}

.mdc-data-table__cell,
.mdc-data-table__header-cell {
  padding-right: 16px;
  padding-left: 16px;
}

.mdc-data-table__header-cell--checkbox,
.mdc-data-table__cell--checkbox {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 0;
}
[dir=rtl] .mdc-data-table__header-cell--checkbox, .mdc-data-table__header-cell--checkbox[dir=rtl],
[dir=rtl] .mdc-data-table__cell--checkbox,
.mdc-data-table__cell--checkbox[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 16px;
}

.mdc-data-table__table {
  width: 100%;
  border: 0;
  white-space: nowrap;
  border-collapse: collapse;
}

.mdc-data-table__cell {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-data-table__cell--numeric {
  text-align: right;
}
[dir=rtl] .mdc-data-table__cell--numeric, .mdc-data-table__cell--numeric[dir=rtl] {
  /* @noflip */
  text-align: left;
}

.mdc-data-table__header-cell {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.0071428571em;
  text-decoration: inherit;
  text-transform: inherit;
  text-align: left;
}
[dir=rtl] .mdc-data-table__header-cell, .mdc-data-table__header-cell[dir=rtl] {
  /* @noflip */
  text-align: right;
}

.mdc-data-table__header-cell--numeric {
  text-align: right;
}
[dir=rtl] .mdc-data-table__header-cell--numeric, .mdc-data-table__header-cell--numeric[dir=rtl] {
  /* @noflip */
  text-align: left;
}

.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before,
.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before,
.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--selected::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected::after,
.mdc-data-table__row-checkbox.mdc-checkbox--selected::before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected::after {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  .mdc-data-table__header-row-checkbox.mdc-checkbox--selected::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected::after,
.mdc-data-table__row-checkbox.mdc-checkbox--selected::before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:hover::before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected:hover::before {
  opacity: 0.04;
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused::before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus::before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded)::after,
.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active::after,
.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded,
.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before, .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after,
.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before,
.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before, .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after,
.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before,
.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.54);
  background-color: transparent;
}
.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  border-color: #6200ee;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #6200ee);
  background-color: #6200ee;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #6200ee);
}
@keyframes mdc-checkbox-fade-in-background-utufjsd {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent;
  }
  50% {
    border-color: #6200ee;
    /* @alternate */
    border-color: var(--mdc-theme-primary, #6200ee);
    background-color: #6200ee;
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
@keyframes mdc-checkbox-fade-out-background-utufjsd {
  0%, 80% {
    border-color: #6200ee;
    /* @alternate */
    border-color: var(--mdc-theme-primary, #6200ee);
    background-color: #6200ee;
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent;
  }
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  animation-name: mdc-checkbox-fade-in-background-utufjsd;
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  animation-name: mdc-checkbox-fade-out-background-utufjsd;
}

@keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  0%, 50% {
    stroke-dashoffset: 29.7833385;
  }
  50% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  0%, 68.2% {
    transform: scaleX(0);
  }
  68.2% {
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    opacity: 1;
    stroke-dashoffset: 0;
  }
  to {
    opacity: 0;
    stroke-dashoffset: -29.7833385;
  }
}
@keyframes mdc-checkbox-checked-indeterminate-checkmark {
  from {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    transform: rotate(45deg);
    opacity: 0;
  }
}
@keyframes mdc-checkbox-indeterminate-checked-checkmark {
  from {
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    transform: rotate(360deg);
    opacity: 1;
  }
}
@keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  from {
    animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    transform: rotate(0deg);
    opacity: 1;
  }
}
@keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  from {
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    transform: rotate(315deg);
    opacity: 0;
  }
}
@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    animation-timing-function: linear;
    transform: scaleX(1);
    opacity: 1;
  }
  32.8%, 100% {
    transform: scaleX(0);
    opacity: 0;
  }
}
.mdc-checkbox {
  display: inline-block;
  position: relative;
  flex: 0 0 18px;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  line-height: 0;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: bottom;
}
.mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before,
.mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before,
.mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.mdc-checkbox.mdc-checkbox--selected::before, .mdc-checkbox.mdc-checkbox--selected::after {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .mdc-checkbox.mdc-checkbox--selected::before, .mdc-checkbox.mdc-checkbox--selected::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.mdc-checkbox.mdc-checkbox--selected:hover::before {
  opacity: 0.04;
}
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}

.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.54);
  background-color: transparent;
}

.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  border-color: #018786;
  /* @alternate */
  border-color: var(--mdc-theme-secondary, #018786);
  background-color: #018786;
  /* @alternate */
  background-color: var(--mdc-theme-secondary, #018786);
}

@keyframes mdc-checkbox-fade-in-background-utufjsw {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent;
  }
  50% {
    border-color: #018786;
    /* @alternate */
    border-color: var(--mdc-theme-secondary, #018786);
    background-color: #018786;
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
@keyframes mdc-checkbox-fade-out-background-utufjsw {
  0%, 80% {
    border-color: #018786;
    /* @alternate */
    border-color: var(--mdc-theme-secondary, #018786);
    background-color: #018786;
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent;
  }
}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  animation-name: mdc-checkbox-fade-in-background-utufjsw;
}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  animation-name: mdc-checkbox-fade-out-background-utufjsw;
}

.mdc-checkbox__checkmark {
  color: #fff;
}

.mdc-checkbox__mixedmark {
  border-color: #fff;
}

.mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.26);
}

.mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.26);
}

@media screen and (-ms-high-contrast: active) {
  .mdc-checkbox__mixedmark {
    margin: 0 1px;
  }
}
.mdc-checkbox--disabled {
  cursor: default;
  pointer-events: none;
}

.mdc-checkbox__background {
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 2px solid currentColor;
  border-radius: 2px;
  background-color: transparent;
  pointer-events: none;
  will-change: background-color, border-color;
  transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-checkbox__background .mdc-checkbox__background::before {
  background-color: #000;
}
@supports not (-ms-ime-align: auto) {
  .mdc-checkbox__background .mdc-checkbox__background::before {
    /* @alternate */
    background-color: var(--mdc-theme-on-surface, #000);
  }
}

.mdc-checkbox__checkmark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-checkbox--upgraded .mdc-checkbox__checkmark {
  opacity: 1;
}

.mdc-checkbox__checkmark-path {
  transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  stroke: currentColor;
  stroke-width: 3.12px;
  stroke-dashoffset: 29.7833385;
  stroke-dasharray: 29.7833385;
}

.mdc-checkbox__mixedmark {
  width: 100%;
  height: 0;
  transform: scaleX(0) rotate(0deg);
  border-width: 1px;
  border-style: solid;
  opacity: 0;
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}

.mdc-checkbox--upgraded .mdc-checkbox__background,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
  transition: none !important;
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
  animation-duration: 180ms;
  animation-timing-function: linear;
}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
  animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
  animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
  animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
  animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
  animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
  animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
  animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
  animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
  transition: none;
}

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {
  stroke-dashoffset: 0;
}

.mdc-checkbox__background::before {
  position: absolute;
  transform: scale(0, 0);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
  will-change: opacity, transform;
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}

.mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before {
  transform: scale(1);
  opacity: 0.12;
  transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-checkbox__native-control {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit;
}
.mdc-checkbox__native-control:disabled {
  cursor: default;
  pointer-events: none;
}

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  opacity: 1;
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  transform: scaleX(1) rotate(-45deg);
}

.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  transform: scaleX(1) rotate(0deg);
  opacity: 1;
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden;
}
.mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var);
}

.mdc-checkbox {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 11px;
}
.mdc-checkbox::before, .mdc-checkbox::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-checkbox::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-checkbox.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-checkbox.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-checkbox.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-checkbox::before, .mdc-checkbox::after {
  background-color: #000;
}
@supports not (-ms-ime-align: auto) {
  .mdc-checkbox::before, .mdc-checkbox::after {
    /* @alternate */
    background-color: var(--mdc-theme-on-surface, #000);
  }
}
.mdc-checkbox:hover::before {
  opacity: 0.04;
}
.mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-checkbox:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-checkbox:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-checkbox.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-checkbox::before, .mdc-checkbox::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-checkbox.mdc-ripple-upgraded::before, .mdc-checkbox.mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-checkbox.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-checkbox .mdc-checkbox__background {
  /* @noflip */
  left: 11px;
  /* @noflip */
  right: initial;
  top: 11px;
}
.mdc-checkbox[dir=rtl] .mdc-checkbox .mdc-checkbox__background, [dir=rtl] .mdc-checkbox .mdc-checkbox .mdc-checkbox__background {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 11px;
}

.mdc-checkbox .mdc-checkbox__background::before {
  top: -13px;
  left: -13px;
  width: 40px;
  height: 40px;
}

.mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before {
  content: none;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.mdc-radio {
  display: inline-block;
  position: relative;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  padding: 10px;
  cursor: pointer;
  /* @alternate */
  will-change: opacity, transform, border-color, color;
}
.mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #018786;
  /* @alternate */
  border-color: var(--mdc-theme-secondary, #018786);
}
.mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: #018786;
  /* @alternate */
  border-color: var(--mdc-theme-secondary, #018786);
}
.mdc-radio .mdc-radio__background::before {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .mdc-radio .mdc-radio__background::before {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.mdc-radio__background {
  display: inline-block;
  position: absolute;
  left: 10px;
  box-sizing: border-box;
  width: 50%;
  height: 50%;
}
.mdc-radio__background::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0, 0);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
  transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-radio__outer-circle {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-radio__inner-circle {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  transform: scale(0, 0);
  border-width: 10px;
  border-style: solid;
  border-radius: 50%;
  transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-radio__native-control {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit;
  z-index: 1;
}

.mdc-radio__native-control:checked + .mdc-radio__background,
.mdc-radio__native-control:disabled + .mdc-radio__background {
  transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle {
  transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
  transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-radio--disabled {
  cursor: default;
  pointer-events: none;
}

.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
  transform: scale(0.5);
  transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-radio__native-control:disabled + .mdc-radio__background,
[aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background {
  cursor: default;
}
.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle,
[aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: rgba(0, 0, 0, 0.26);
}
.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle,
[aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: rgba(0, 0, 0, 0.26);
}

.mdc-radio__native-control:focus + .mdc-radio__background::before {
  transform: scale(2, 2);
  opacity: 0.12;
  transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden;
}
.mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var);
}

.mdc-radio {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mdc-radio::before, .mdc-radio::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-radio::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-radio.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-radio.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-radio.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-radio.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-radio.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-radio::before, .mdc-radio::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-radio.mdc-ripple-upgraded::before, .mdc-radio.mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-radio.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-radio::before, .mdc-radio::after {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .mdc-radio::before, .mdc-radio::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.mdc-radio:hover::before {
  opacity: 0.04;
}
.mdc-radio:not(.mdc-ripple-upgraded):focus::before, .mdc-radio.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-radio:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-radio:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-radio.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before {
  content: none;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.mdc-text-field-helper-text {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0333333333em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin: 0;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  will-change: opacity;
}
.mdc-text-field-helper-text::before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0;
}

.mdc-text-field-helper-text--persistent {
  transition: none;
  opacity: 1;
  will-change: initial;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.mdc-fab {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 56px;
  height: 56px;
  padding: 0;
  border: none;
  fill: currentColor;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  overflow: hidden;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
  background-color: #018786;
  color: #fff;
  /* @alternate */
  color: var(--mdc-theme-on-secondary, #fff);
}
.mdc-fab:not(.mdc-fab--extended) {
  border-radius: 50%;
}
.mdc-fab::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mdc-fab:hover, .mdc-fab:focus {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mdc-fab:active {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mdc-fab:active, .mdc-fab:focus {
  outline: none;
}
.mdc-fab:hover {
  cursor: pointer;
}
.mdc-fab > svg {
  width: 100%;
}
@supports not (-ms-ime-align: auto) {
  .mdc-fab {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.mdc-fab .mdc-fab__icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
}

.mdc-fab--mini {
  width: 40px;
  height: 40px;
}

.mdc-fab--extended {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: 0.0892857143em;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 24px;
  padding: 0 20px;
  width: auto;
  max-width: 100%;
  height: 48px;
}
.mdc-fab--extended .mdc-fab__icon {
  /* @noflip */
  margin-left: -8px;
  /* @noflip */
  margin-right: 12px;
}
[dir=rtl] .mdc-fab--extended .mdc-fab__icon, .mdc-fab--extended .mdc-fab__icon[dir=rtl] {
  /* @noflip */
  margin-left: 12px;
  /* @noflip */
  margin-right: -8px;
}
.mdc-fab--extended .mdc-fab__label + .mdc-fab__icon {
  /* @noflip */
  margin-left: 12px;
  /* @noflip */
  margin-right: -8px;
}
[dir=rtl] .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon, .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon[dir=rtl] {
  /* @noflip */
  margin-left: -8px;
  /* @noflip */
  margin-right: 12px;
}

.mdc-fab__label {
  justify-content: flex-start;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mdc-fab__icon {
  transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  fill: currentColor;
  will-change: transform;
}

.mdc-fab .mdc-fab__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mdc-fab--exited {
  transform: scale(0);
  opacity: 0;
  transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
}
.mdc-fab--exited .mdc-fab__icon {
  transform: scale(0);
  transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden;
}
.mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var);
}

.mdc-fab {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mdc-fab::before, .mdc-fab::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-fab::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-fab.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-fab.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-fab.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-fab.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-fab.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-fab::before, .mdc-fab::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-fab.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-fab::before, .mdc-fab::after {
  background-color: #fff;
}
@supports not (-ms-ime-align: auto) {
  .mdc-fab::before, .mdc-fab::after {
    /* @alternate */
    background-color: var(--mdc-theme-on-secondary, #fff);
  }
}
.mdc-fab:hover::before {
  opacity: 0.08;
}
.mdc-fab:not(.mdc-ripple-upgraded):focus::before, .mdc-fab.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-fab:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-fab:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-fab.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}

.mdc-ripple-surface {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  outline: none;
  overflow: hidden;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-ripple-surface::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-ripple-surface.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  background-color: #000;
}
.mdc-ripple-surface:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
  overflow: visible;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
  background-color: #6200ee;
}
@supports not (-ms-ime-align: auto) {
  .mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}
.mdc-ripple-surface--primary:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--primary.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.mdc-ripple-surface--accent:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--accent.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

.smui-fab--color-primary {
  background-color: #6200ee;
  color: #fff;
  /* @alternate */
  color: var(--mdc-theme-on-primary, #fff);
}
@supports not (-ms-ime-align: auto) {
  .smui-fab--color-primary {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #6200ee);
  }
}

.smui-fab--color-primary::before, .smui-fab--color-primary::after {
  background-color: #fff;
}
@supports not (-ms-ime-align: auto) {
  .smui-fab--color-primary::before, .smui-fab--color-primary::after {
    /* @alternate */
    background-color: var(--mdc-theme-on-primary, #fff);
  }
}
.smui-fab--color-primary:hover::before {
  opacity: 0.08;
}
.smui-fab--color-primary:not(.mdc-ripple-upgraded):focus::before, .smui-fab--color-primary.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.smui-fab--color-primary:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.smui-fab--color-primary:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.smui-fab--color-primary.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}
.download-button-container button {
  width: 100%;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
.timeslider-card {
  /*
  	TODO: need to make the progress part a different colour.

  	@mixin sliderTrack() {
  		width: 100%;
  	  height: 10px;
  	  cursor: pointer;
  	  animate: 0.2s;
  	  box-shadow: 0px 0px 0px #000000;
  	  background: #888888;
  	  border-radius: 7px;
  	  border: 0px solid #000000;
  	}
  	@mixin sliderProgress() {
  		background: #0086B1;
  	}
  	@mixin sliderThumb() {
  		box-shadow: 0px 0px 1px #000000;
  	  border: 0px solid #000000;
  	  height: 21px;
  	  width: 20px;
  	  border-radius: 20px;
  	  background: #FFFFFF;
  	  cursor: pointer;
  	  -webkit-appearance: none;
  	  margin-top: -5.5px;
  	}

  	input[type=range] {
  	  height: 27px;
  	  -webkit-appearance: none;
  	  margin: 10px 0;
  	  margin-top: -5px;
  	  width: 100%;
  	}
  	input[type=range]:focus {
  	  outline: none;
  	}

  	input[type=range]::-webkit-slider-runnable-track {
  	  @include sliderTrack
  	}
  	input[type=range]:focus::-webkit-slider-runnable-track {
  	  @include sliderTrack
  	}
  	input[type=range]::-webkit-slider-progress {
  	  @include sliderProgress
  	}
  	input[type=range]::-webkit-slider-thumb {
  	  @include sliderThumb
  	}

  	input[type=range]::-moz-range-track {
  		@include sliderTrack
  	}
  	input[type=range]::-moz-range-progress {
  		background: #0086B1;
  	}
  	input[type=range]::-moz-range-thumb {
  	 	@include sliderThumb
  	}

  	input[type=range]::-ms-track {
  		@include sliderTrack
  	}
  	input[type=range]::-ms-fill-lower {
  	  background: #888888;
  	  border: 0px solid #000000;
  	  border-radius: 14px;
  	  box-shadow: 0px 0px 0px #000000;
  	}
  	input[type=range]::-ms-fill-upper {
  	  background: #0086B1;
  	  border: 0px solid #000000;
  	  border-radius: 14px;
  	  box-shadow: 0px 0px 0px #000000;
  	}
  	input[type=range]::-ms-thumb {
  	  margin-top: 1px;
  	  box-shadow: 0px 0px 1px #000000;
  	  border: 0px solid #000000;
  	  height: 21px;
  	  width: 20px;
  	  border-radius: 20px;
  	  background: #FFFFFF;
  	  cursor: pointer;
  	}
  	input[type=range]:focus::-ms-fill-lower {
  	  background: #888888;
  	}
  	input[type=range]:focus::-ms-fill-upper {
  	  background: #0086B1;
  	}
  */
}
.timeslider-card h1 img {
  height: 16px;
}
.timeslider-card .timeline-head, .timeslider-card .timeline-controls {
  display: inline;
}
.timeslider-card .timeline-controls {
  margin-top: -45px;
  float: right;
}
.timeslider-card .timeline-controls > Button {
  width: 32px;
  height: 32px;
  box-shadow: none !important;
}
.timeslider-card .timeline-controls > Button:hover {
  box-shadow: none !important;
}
.timeslider-card .date {
  text-align: center;
  background-color: rgba(128, 128, 128, 0.1);
  margin: 0;
}
.timeslider-card .date p {
  padding: 10px;
  margin: 0;
  font-size: 16px;
}
.timeslider-card .date-container {
  margin-bottom: 5px;
  border-radius: 3px;
}
.timeslider-card .date-container, .timeslider-card .nudge-button-group {
  width: 100%;
}
.timeslider-card .nudge-button-group {
  width: 100%;
  padding: 0;
}
.timeslider-card .nudge-button-group Button {
  width: 33.33%;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0;
}
.timeslider-card .nudge-button-group Button {
  width: 33.33%;
  text-align: center;
  margin: 0;
  height: 100%;
  padding: 2px;
}
.timeslider-card .nudge-button-group.top Button {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.timeslider-card .nudge-button-group.bottom Button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.timeslider-card .material-icons.auto-progress-icon.active {
  color: green;
}
.timeslider-card input[type=range] {
  width: 100%;
  margin-top: -5px;
  margin-bottom: 10px;
}
#vessel-history-components .alert-list-content table td.selected {
  background-color: "#9999cc";
}
#vessel-history-components .warning {
  width: calc(100% - 20px);
  padding: 10px;
  border-radius: 3px;
}
#vessel-history-components textarea {
  width: 100%;
}
#vessel-history-components h3 {
  margin-bottom: 2px;
}
#vessel-history-components button {
  margin-top: 5px;
  cursor: pointer;
}
#vessel-history-components .input-actions-container {
  margin-top: 8px;
  overflow: auto;
}
#vessel-history-components .input-actions-container .btn-sml {
  display: inline-block;
  font-size: 12px;
  float: right;
  margin-left: 4px;
  cursor: pointer;
}
.key-component .content {
  box-sizing: border-box;
  width: 100%;
  display: grid;
  grid-template-columns: 19% 19% 19% 19% 19%;
  grid-column-gap: 1%;
}
.key-component h1 {
  display: inline-block;
}
.key-component h1 img {
  height: 20px;
  margin-right: 5px;
  margin-bottom: -2px;
}
.key-component img {
  margin: 0 auto 0 auto;
  height: 24px;
}
.key-component label img {
  height: 16px !important;
  margin-top: 3px !important;
}
.key-component .options {
  display: inline-block;
  /* float: right; */
}
.key-component .options > div {
  display: inline-block;
}
.key-component .spacer {
  width: 12px;
}
.vessels-nearby-components label.mdc-text-field {
  width: 100%;
  font-size: 13px;
}
.vessels-nearby-components .warning {
  width: calc(100% - 20px);
  padding: 10px;
  border-radius: 3px;
}
.vessels-nearby-components .alert-list-content table td.selected {
  background-color: "#9999cc";
}
.vessels-nearby-components textarea {
  width: 100%;
}
.vessels-nearby-components h3 {
  margin-bottom: 2px;
}
.vessels-nearby-components button {
  width: 100%;
  margin-top: 5px;
  cursor: pointer;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
.alert-list-content {
  height: 300px;
  padding-top: 0;
  padding-right: 0;
  height: 300px;
  /*margin-left: -10px;*/
  margin-top: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  resize: vertical;
  border-radius: 3px;
  margin-bottom: 10px;
}

.btn-selectall {
  padding: 8px;
  margin-right: 4px;
  float: right;
  border-radius: 3px;
  cursor: pointer;
}

.btn-alertlist-vesselhistory {
  padding: 8px;
  border-radius: 3px;
  cursor: pointer;
  width: 100%;
  margin-bottom: 5px;
}

.btn-clear {
  padding: 8px;
  float: right;
  border-radius: 3px;
  cursor: pointer;
}
.download-menu-item button {
  width: 100%;
  margin-bottom: 5px;
}
.download-menu-item :global(.download-radio) {
  margin-left: 15px;
}
.download-menu-item h3 {
  display: inline;
}
.download-menu-item input {
  margin-bottom: 5px;
}

/* TODO: Why don't either of these work? This should allow scope to be kept local */
/*https://svelte.dev/docs#style*/
/** :global(button) {*/
/*	width: 100% !important;*/
/*	margin-bottom: 5px !important;*/
/*}*/
/** {*/
/*	:global(button){*/
/*		width: 100%;*/
/*		margin-bottom: 5px;*/
/*	}*/
/*}*/
.cms-form label.mdc-text-field {
  width: 100%;
  height: 39px;
  font-size: 13px;
}
.cms-form label.mdc-text-field input {
  padding: 12px 12px 12px;
  font-size: 13px;
}
.cms-form label.mdc-text-field input:disabled {
  color: rgba(0, 0, 0, 0.25);
}
.cms-form .mdc-data-table tbody tr td:first-of-type,
.cms-form .mdc-data-table tbody tr td:nth-child(1) {
  font-weight: bold;
  text-align: right;
}
.cms-form hr {
  border: 0.5px solid #ccc;
  margin-top: 10px;
  margin-bottom: 0px;
}
.cms-form select {
  width: 100%;
}
.cms-form button, .cms-form hr, .cms-form div.button-spinner, .cms-form table.mdc-data-table {
  width: 100%;
  margin-top: 10px;
}
.cms-form .mdc-text-field__input {
  width: 100%;
  padding: 12px 12px 12px !important;
}
.cms-form .mdc-data-table table.mdc-data-table__table thead {
  display: none;
}
.cms-form .mdc-data-table table.mdc-data-table__table thead.visible {
  display: block;
}
.cms-form span.mdc-floating-label {
  top: 11px;
}
.cms-form span.mdc-floating-label--float-above {
  transform: translateY(-105%) scale(0.75);
}
.cms-form .small-limit {
  width: 150px !important;
  /* width: calc(100% - 115px) !important; */
  margin-left: 15px;
  margin-top: 2px;
}
.cms-form .cell-align-top {
  padding-top: 18px;
  vertical-align: top;
}
.cms-form .long-textarea {
  width: calc(100% - 20px);
  border-radius: 4px;
  border: 1px solid grey;
  padding: 10px;
  vertical-align: middle;
  margin-top: 5px;
  margin-bottom: 5px;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.mdc-snackbar {
  z-index: 8;
  margin: 8px;
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  pointer-events: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mdc-snackbar__surface {
  background-color: #333333;
}

.mdc-snackbar__label {
  color: rgba(255, 255, 255, 0.87);
}

.mdc-snackbar__surface {
  min-width: 344px;
}
@media (max-width: 480px), (max-width: 344px) {
  .mdc-snackbar__surface {
    min-width: 100%;
  }
}

.mdc-snackbar__surface {
  max-width: 672px;
}

.mdc-snackbar__surface {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mdc-snackbar__surface {
  border-radius: 4px;
}

.mdc-snackbar--opening,
.mdc-snackbar--open,
.mdc-snackbar--closing {
  display: flex;
}

.mdc-snackbar--leading {
  justify-content: flex-start;
}

.mdc-snackbar--stacked .mdc-snackbar__surface {
  flex-direction: column;
  align-items: flex-start;
}
.mdc-snackbar--stacked .mdc-snackbar__actions {
  align-self: flex-end;
  margin-bottom: 8px;
}

.mdc-snackbar__surface {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  transform: scale(0.8);
  opacity: 0;
}
.mdc-snackbar--open .mdc-snackbar__surface {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
  transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.mdc-snackbar--closing .mdc-snackbar__surface {
  transform: scale(1);
  transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1);
}

.mdc-snackbar__label {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
  flex-grow: 1;
  box-sizing: border-box;
  margin: 0;
  padding: 14px 16px;
}

.mdc-snackbar__label::before {
  display: inline;
  content: attr(data-mdc-snackbar-label-text);
}

.mdc-snackbar__actions {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 8px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  box-sizing: border-box;
}
[dir=rtl] .mdc-snackbar__actions, .mdc-snackbar__actions[dir=rtl] {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: 0;
}

.mdc-snackbar__action:not(:disabled) {
  color: #bb86fc;
}
.mdc-snackbar__action::before, .mdc-snackbar__action::after {
  background-color: #bb86fc;
}
.mdc-snackbar__action:hover::before {
  opacity: 0.08;
}
.mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before, .mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-snackbar__action.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}

.mdc-snackbar__dismiss {
  color: rgba(255, 255, 255, 0.87);
}
.mdc-snackbar__dismiss::before, .mdc-snackbar__dismiss::after {
  background-color: rgba(255, 255, 255, 0.87);
}
.mdc-snackbar__dismiss:hover::before {
  opacity: 0.08;
}
.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus::before, .mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-snackbar__dismiss.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}

.mdc-snackbar__dismiss.mdc-snackbar__dismiss {
  width: 36px;
  height: 36px;
  padding: 9px;
  font-size: 18px;
}
.mdc-snackbar__dismiss.mdc-snackbar__dismiss svg,
.mdc-snackbar__dismiss.mdc-snackbar__dismiss img {
  width: 18px;
  height: 18px;
}

.mdc-snackbar__action + .mdc-snackbar__dismiss {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: 0;
}
[dir=rtl] .mdc-snackbar__action + .mdc-snackbar__dismiss, .mdc-snackbar__action + .mdc-snackbar__dismiss[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 8px;
}

.mdc-snackbar__dismiss.mdc-snackbar__dismiss {
  color: rgba(255, 255, 255, 0.87);
}
.mdc-snackbar__dismiss.mdc-snackbar__dismiss::before, .mdc-snackbar__dismiss.mdc-snackbar__dismiss::after {
  background-color: rgba(255, 255, 255, 0.87);
}
.mdc-snackbar__dismiss.mdc-snackbar__dismiss:hover::before {
  opacity: 0.08;
}
.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus::before, .mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-snackbar__dismiss.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.mdc-snackbar, .mdc-snackbar__surface, .mdc-snackbar__label {
  font-size: 14px;
  z-index: 10000;
}

.snackbar-error .mdc-snackbar__surface {
  background-color: #cf1e2b !important;
  color: white !important;
}

.snackbar-success .mdc-snackbar__surface,
.snackbar-primary .mdc-snackbar__surface {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.snackbar-info .mdc-snackbar__surface {
  background-color: #888888 !important;
  color: white !important;
}

.snackbar-error .mdc-snackbar__label {
  color: white !important;
  font-size: 14px !important;
}

.snackbar-success .mdc-snackbar__label,
.snackbar-primary .mdc-snackbar__label {
  color: var(--mdc-theme-on-primary, white) !important;
  font-size: 14px !important;
}

.snackbar-info .mdc-snackbar__label {
  color: white !important;
  font-size: 14px !important;
}
#shipping-lanes-queries h3 {
  margin-top: 4px;
  margin-bottom: 10px;
  display: inline-block;
}
#shipping-lanes-queries h4 {
  margin-top: 6px;
  margin-bottom: 6px;
}
#shipping-lanes-queries .title-area .btn-sml {
  display: inline-block;
  font-size: 12px;
  float: right;
  margin-left: 4px;
  margin-top: 4px;
  cursor: pointer;
}
#shipping-lanes-queries .shipping-lanes-query-container {
  padding: 8px;
  background-color: #eee;
  border-radius: 3px;
  margin-bottom: 10px;
}
#shipping-lanes-queries .shipping-lanes-query-container table {
  width: 100%;
}
#shipping-lanes-queries .shipping-lanes-query-container .sml-input {
  width: 50px;
  display: inline-block;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  padding: 2px;
  padding-left: 4px;
  padding-right: 4px;
}
#shipping-lanes-queries .shipping-lanes-query-container .sml-input-err {
  background-color: #ffdddd;
  border-color: #ff0000;
}
#shipping-lanes-queries .shipping-lanes-query-container table tr td {
  padding-top: 3px;
  padding-bottom: 3px;
}
#shipping-lanes-queries .shipping-lanes-query-container .btn-update {
  width: 100%;
  font-size: 14px;
  margin-top: 10px;
}
#shipping-lanes-queries .btn-add {
  width: 100%;
  font-size: 14px;
}
.drawer-container {
  position: relative;
  display: flex;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  overflow: hidden;
  z-index: 0;
}

aside.mdc-drawer {
  width: 150px;
}

* :global(.mdc-drawer--modal, .mdc-drawer-scrim) {
  /* This is not needed for a page-wide modal. */
  position: absolute;
}

* :global(.app-content) {
  flex: auto;
  overflow: auto;
  position: relative;
  flex-grow: 1;
}

.main-content {
  overflow: auto;
  padding: 16px;
  height: 100%;
  box-sizing: border-box;
}

.mdc-data-table {
  width: 100%;
  display: block;
}
.mdc-data-table thead tr th {
  font-size: 14px;
  font-weight: bold;
}
.mdc-data-table tbody tr td {
  font-size: 13px;
}
.mdc-data-table a {
  color: var(--mdc-theme-primary, #7c96c7);
}

.tab-content {
  padding: 10px 15px 10px 15px;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon,
.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  position: absolute;
  bottom: 16px;
  cursor: pointer;
}

.mdc-text-field__icon:not([tabindex]),
.mdc-text-field__icon[tabindex="-1"] {
  cursor: default;
  pointer-events: none;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
table.property-list-table {
  width: 100%;
  padding: 8px;
  border-radius: 3px;
  background-color: #eee;
}
table.property-list-table th {
  text-align: left;
  line-height: 24px;
}
table.property-list-table select {
  width: 100%;
  height: 39px;
  font-size: 13px;
}
table.property-list-table input[type=text] {
  width: calc(100% - 4px);
  height: calc(39px - 4px);
  margin: 0px;
  padding: 0px;
}
table.property-list-table button.btn-remove-property {
  width: 39px;
  height: 39px;
  margin-right: 0px;
}
#admin-tier-form .feature-switch {
  clear: both;
  display: block;
  padding-left: 20px;
  padding-top: 19px;
  padding-bottom: 1px;
}
#admin-tier-form .feature-switch.single {
  padding-bottom: 14px !important;
}
#admin-tier-form .feature-switch:last-of-type {
  padding-bottom: 19px;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

@keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  0%, 50% {
    stroke-dashoffset: 29.7833385;
  }
  50% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  0%, 68.2% {
    transform: scaleX(0);
  }
  68.2% {
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    opacity: 1;
    stroke-dashoffset: 0;
  }
  to {
    opacity: 0;
    stroke-dashoffset: -29.7833385;
  }
}
@keyframes mdc-checkbox-checked-indeterminate-checkmark {
  from {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    transform: rotate(45deg);
    opacity: 0;
  }
}
@keyframes mdc-checkbox-indeterminate-checked-checkmark {
  from {
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    transform: rotate(360deg);
    opacity: 1;
  }
}
@keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  from {
    animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    transform: rotate(0deg);
    opacity: 1;
  }
}
@keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  from {
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    transform: rotate(315deg);
    opacity: 0;
  }
}
@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    animation-timing-function: linear;
    transform: scaleX(1);
    opacity: 1;
  }
  32.8%, 100% {
    transform: scaleX(0);
    opacity: 0;
  }
}
.mdc-checkbox {
  display: inline-block;
  position: relative;
  flex: 0 0 18px;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  line-height: 0;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: bottom;
}
.mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before,
.mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before,
.mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.mdc-checkbox.mdc-checkbox--selected::before, .mdc-checkbox.mdc-checkbox--selected::after {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .mdc-checkbox.mdc-checkbox--selected::before, .mdc-checkbox.mdc-checkbox--selected::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
.mdc-checkbox.mdc-checkbox--selected:hover::before {
  opacity: 0.04;
}
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after {
  background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
  .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}

.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.54);
  background-color: transparent;
}

.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  border-color: #018786;
  /* @alternate */
  border-color: var(--mdc-theme-secondary, #018786);
  background-color: #018786;
  /* @alternate */
  background-color: var(--mdc-theme-secondary, #018786);
}

@keyframes mdc-checkbox-fade-in-background-utufjtu {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent;
  }
  50% {
    border-color: #018786;
    /* @alternate */
    border-color: var(--mdc-theme-secondary, #018786);
    background-color: #018786;
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
}
@keyframes mdc-checkbox-fade-out-background-utufjtu {
  0%, 80% {
    border-color: #018786;
    /* @alternate */
    border-color: var(--mdc-theme-secondary, #018786);
    background-color: #018786;
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786);
  }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent;
  }
}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  animation-name: mdc-checkbox-fade-in-background-utufjtu;
}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  animation-name: mdc-checkbox-fade-out-background-utufjtu;
}

.mdc-checkbox__checkmark {
  color: #fff;
}

.mdc-checkbox__mixedmark {
  border-color: #fff;
}

.mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.26);
}

.mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.26);
}

@media screen and (-ms-high-contrast: active) {
  .mdc-checkbox__mixedmark {
    margin: 0 1px;
  }
}
.mdc-checkbox--disabled {
  cursor: default;
  pointer-events: none;
}

.mdc-checkbox__background {
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 2px solid currentColor;
  border-radius: 2px;
  background-color: transparent;
  pointer-events: none;
  will-change: background-color, border-color;
  transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-checkbox__background .mdc-checkbox__background::before {
  background-color: #000;
}
@supports not (-ms-ime-align: auto) {
  .mdc-checkbox__background .mdc-checkbox__background::before {
    /* @alternate */
    background-color: var(--mdc-theme-on-surface, #000);
  }
}

.mdc-checkbox__checkmark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-checkbox--upgraded .mdc-checkbox__checkmark {
  opacity: 1;
}

.mdc-checkbox__checkmark-path {
  transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  stroke: currentColor;
  stroke-width: 3.12px;
  stroke-dashoffset: 29.7833385;
  stroke-dasharray: 29.7833385;
}

.mdc-checkbox__mixedmark {
  width: 100%;
  height: 0;
  transform: scaleX(0) rotate(0deg);
  border-width: 1px;
  border-style: solid;
  opacity: 0;
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}

.mdc-checkbox--upgraded .mdc-checkbox__background,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
  transition: none !important;
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
  animation-duration: 180ms;
  animation-timing-function: linear;
}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
  animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
  animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
  animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
  animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
  animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
  animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
  animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
  animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
  transition: none;
}

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {
  stroke-dashoffset: 0;
}

.mdc-checkbox__background::before {
  position: absolute;
  transform: scale(0, 0);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
  will-change: opacity, transform;
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}

.mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before {
  transform: scale(1);
  opacity: 0.12;
  transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-checkbox__native-control {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit;
}
.mdc-checkbox__native-control:disabled {
  cursor: default;
  pointer-events: none;
}

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  opacity: 1;
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  transform: scaleX(1) rotate(-45deg);
}

.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  transform: scaleX(1) rotate(0deg);
  opacity: 1;
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden;
}
.mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var);
}

.mdc-checkbox {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 11px;
}
.mdc-checkbox::before, .mdc-checkbox::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-checkbox::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-checkbox.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-checkbox.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-checkbox.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-checkbox::before, .mdc-checkbox::after {
  background-color: #000;
}
@supports not (-ms-ime-align: auto) {
  .mdc-checkbox::before, .mdc-checkbox::after {
    /* @alternate */
    background-color: var(--mdc-theme-on-surface, #000);
  }
}
.mdc-checkbox:hover::before {
  opacity: 0.04;
}
.mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-checkbox:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-checkbox:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-checkbox.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-checkbox::before, .mdc-checkbox::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-checkbox.mdc-ripple-upgraded::before, .mdc-checkbox.mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-checkbox.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-checkbox .mdc-checkbox__background {
  /* @noflip */
  left: 11px;
  /* @noflip */
  right: initial;
  top: 11px;
}
.mdc-checkbox[dir=rtl] .mdc-checkbox .mdc-checkbox__background, [dir=rtl] .mdc-checkbox .mdc-checkbox .mdc-checkbox__background {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 11px;
}

.mdc-checkbox .mdc-checkbox__background::before {
  top: -13px;
  left: -13px;
  width: 40px;
  height: 40px;
}

.mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before {
  content: none;
}
.coords {
  position: absolute;
  bottom: 50px;
  left: 5px;
  font-weight: bold;
  font-size: 12px;
  color: white;
  min-width: 135px;
  text-align: left;
  background-color: #2d39536c;
  z-index: 1;
  padding: 5px 10px;
  border-radius: 3px;
}
.input-geojson {
  width: calc(100% - 22px);
  border-radius: 4px;
  border: 1px solid grey;
  padding: 10px;
  vertical-align: middle;
  margin-bottom: 5px;
  height: calc(100% - 68px);
  font-family: monospace;
  clear: both;
  display: block;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
#esri_map_container {
  width: 100%;
  height: 400px;
  padding: 0;
  margin: 0;
  outline: none;
}
#esri_map_container canvas,
#esri_map_container canvas:focus,
#esri_map_container input,
#esri_map_container input:focus,
#esri_map_container textarea,
#esri_map_container textarea:focus {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-highlight: none;
}

.hydrographic-charts-table-container {
  min-height: 300px;
  padding-top: 0;
  padding-right: 0;
  height: 300px;
  margin-top: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  resize: vertical;
  border-radius: 3px;
}

p.nauticalcharts-data-attribution {
  font-size: 9px;
  font-style: italic;
  color: #777;
}

p.nauticalcharts-data-attribution a {
  font-size: 9px;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
/*
	ImageCollections
*/
.image-sub-properties {
  margin-left: 5px;
  margin-right: 5px;
  padding: 10px;
  background-color: #eee;
  border-radius: 3px;
  /* TODO: use var */
}

.btn-refresh {
  padding: 8px;
  border-radius: 3px;
  cursor: pointer;
}
#info-card {
  z-index: 30;
  pointer-events: all;
}
#info-card .title {
  height: 32px;
}
#info-card .time-nav-btn {
  height: 27px;
  cursor: pointer;
}
#info-card .fl {
  float: left;
  margin-right: 5px;
}
#info-card .fr {
  float: right;
  margin-left: 5px;
}
#info-card .tab-btn {
  cursor: pointer;
  border-radius: 2px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: #eee;
  font-size: 12px;
  font-weight: normal;
  margin-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}
#info-card .tab-btn.active {
  font-weight: bold;
}
#info-card .info-card-general, #info-card .info-card-moreinfo {
  margin-top: 0px;
  border-top: 1px solid #999;
  padding-top: 5px;
}
#info-card p.category {
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
  font-weight: bold;
  font-size: 12px;
}
#info-card p {
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
  font-size: 12px;
}
#info-card p b, #info-card p u {
  font-size: 12px;
}
#info-card ul span {
  font-size: 12px;
}
#info-card .time-nav-links {
  font-size: 12px;
  user-select: none;
}
#info-card .time-nav-links button {
  user-select: none;
  font-size: 10px;
  padding: 4px;
  border-radius: 3px;
  cursor: unset;
  background-color: #999;
  font-weight: bold;
  color: white;
  padding-top: 0px;
  padding-bottom: 1px;
  display: inline-block;
  min-width: 32px;
  text-align: center;
  opacity: 0.25;
}
#info-card .time-nav-links button.enabled {
  opacity: 1;
  cursor: pointer;
}

.no-select {
  user-select: none;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}

.card .smui-card__content {
  padding-bottom: 0px;
}

.card {
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  min-width: 260px;
  max-width: 480px;
}

.card h3 {
  text-align: center;
  margin: 5px;
}

.card hr {
  color: rgba(0, 0, 0, 0.1);
}

.card em {
  color: #1111a0;
}

.card ul {
  margin: 0;
  padding: 0;
}

.card li {
  list-style-type: none;
  margin: 0 0 2px 0;
  width: 100%;
}

.card li > div {
  display: inline-block;
  margin: 0;
  padding: 1px;
  font-size: 12px;
}

.card li > div:nth-child(1) {
  width: calc(30% - 2px);
  text-align: right;
}

.card li > div:nth-child(2) {
  width: calc(65% - 10px - 2px);
  text-align: left;
  background-color: rgba(0, 0, 0, 0.05);
  margin-left: 10px;
}

.close {
  position: absolute;
  right: 5px;
  top: 5px;
  background-color: transparent;
  border: none;
  color: #747474;
}

.close:hover {
  color: grey;
}

div.tools {
  display: flex;
  justify-content: space-around;
}

button.tool-button {
  border: 1px solid gray;
  min-width: 150px;
}

button.tool-button:hover {
  cursor: pointer;
}
/* Variables only */
/*2abbaf;*/
/*1297a5;*/
/*05d2ae;*/
/* We use this consistently on the banner and on flyout menu component spacing. */
/* Themed bits */
/*#137cab;*/
/*#003355;*/
/*444444;*/
/*444444;*/
/*#003355*/
/*#137cab;*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500&display=swap");
/* General styles that can be used throughout. */
.bg-error {
  background-color: #cf1e2b !important;
  color: white !important;
}

.bg-error span {
  color: white !important;
}

.bg-warning {
  background-color: #ff8717 !important;
  color: white !important;
}

.bg-warning span {
  color: white !important;
}

.bg-success {
  background-color: #05d2ae !important;
  color: black !important;
}

.bg-success span {
  color: black !important;
}

.bg-info {
  background-color: #888888 !important;
  color: white !important;
}

.bg-info span {
  color: white !important;
}

.bg-primary {
  background-color: var(--mdc-theme-primary, #0086B1) !important;
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-primary span {
  color: var(--mdc-theme-on-primary, white) !important;
}

.bg-secondary {
  background-color: var(--mdc-theme-secondary, #222222) !important;
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-secondary span {
  color: var(--mdc-theme-on-secondary, white) !important;
}

.bg-error:disabled,
.bg-success:disabled,
.bg-info:disabled,
.bg-primary:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}

.mdc-tab-bar.thin {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content {
  height: 40px;
}
.mdc-tab-bar.thin .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  height: 40px;
}

.drop-shadow {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15);
}

.border-shadow {
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
}

button {
  border-radius: 3px;
}

/* Override MDC theme variables for clients */
/*
	Primary colors: 		primary brand color, map to components and elements, like app bars and buttons.
	Secondary colors:		accent brand color, most often used on components, such as FABS and selection controls.
	Surface colors: 		map to components such as cards, sheets, and menus.
	Background color: 		found behind scrollable content.
	Error color: 			indicates errors in components, such as text fields.
*/
.app,
.app.default {
  --mdc-theme-primary: #0086B1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
  --mdc-theme-error: #cf1e2b;
  --mdc-theme-on-error: white;
}

.app.geollect {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #222222;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.one_illuminate {
  --mdc-theme-primary: #0086b1;
  --mdc-theme-on-primary: white;
  --mdc-theme-secondary: #222222;
  --mdc-theme-on-secondary: white;
  --mdc-theme-banner: #1d1d1b;
  --mdc-theme-on-banner: white;
  --mdc-theme-surface: #ffffff;
  --mdc-theme-on-surface: #333;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-background: #333;
  --mdc-theme-text-primary-on-background: #333;
}

.app.standard {
  --mdc-theme-primary: #051964;
  --mdc-theme-secondary: #051964;
  --mdc-theme-background: #ffffff;
  --mdc-theme-banner: #051964;
  --mdc-theme-on-banner: white;
  --mdc-theme-text-primary-on-primary: white;
  --mdc-theme-text-primary-on-secondary: white;
  --mdc-theme-text-primary-on-banner: white;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.west {
  --mdc-theme-primary: #001d5e;
  --mdc-theme-secondary: #001d5e;
  --mdc-theme-banner: #001d5e;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-primary: white;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.london {
  --mdc-theme-primary: #3b5da2;
  --mdc-theme-secondary: #3b5da2;
  --mdc-theme-banner: #3b5da2;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.app.national.grid {
  --mdc-theme-primary: #ea5b0c;
  --mdc-theme-secondary: #22356c;
  --mdc-theme-banner: #22356c;
  --mdc-theme-on-banner: white;
  --mdc-theme-background: #ffffff;
  --mdc-theme-on-secondary: white;
  --mdc-theme-on-background: black;
}

.mdc-tab__text-label {
  color: var(--mdc-theme-text-primary-on-background, #333);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--mdc-theme-tertiary, #003355) !important;
}

.mdc-menu-surface {
  display: none;
  position: absolute;
  box-sizing: border-box;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  margin: 0;
  padding: 0;
  transform: scale(1);
  transform-origin: top left;
  opacity: 0;
  overflow: auto;
  will-change: transform, opacity;
  z-index: 8;
  transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
  border-radius: 4px;
  /* @noflip */
  transform-origin-left: top left;
  /* @noflip */
  transform-origin-right: top right;
}
.mdc-menu-surface:focus {
  outline: none;
}
.mdc-menu-surface--open {
  display: inline-block;
  transform: scale(1);
  opacity: 1;
}
.mdc-menu-surface--animating-open {
  display: inline-block;
  transform: scale(0.8);
  opacity: 0;
}
.mdc-menu-surface--animating-closed {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.075s linear;
}
[dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl] {
  /* @noflip */
  transform-origin-left: top right;
  /* @noflip */
  transform-origin-right: top left;
}

.mdc-menu-surface--anchor {
  position: relative;
  overflow: visible;
}

.mdc-menu-surface--fixed {
  position: fixed;
}

.smui-menu-surface--static {
  position: static;
  z-index: 0;
  display: inline-block;
  transform: scale(1);
  opacity: 1;
}
#weather-components label.mdc-text-field {
  width: 100%;
  font-size: 13px;
}
#weather-components .warning, #weather-components .error {
  width: calc(100% - 20px);
  padding: 10px;
  border-radius: 3px;
}
#weather-components .error {
  margin-top: 10px;
}
#weather-components .alert-list-content table td.selected {
  background-color: "#9999cc";
}
#weather-components #input-form textarea {
  width: 100%;
}
#weather-components #input-form h3 {
  margin-bottom: 2px;
}
#weather-components #input-form button {
  width: 100%;
  margin-top: 5px;
  cursor: pointer;
}
#weather-components table {
  padding-bottom: 5px;
  width: 100%;
}
#weather-components table tr td:first-of-type {
  font-weight: bold;
}
#weather-components table tr td {
  width: 45%;
  padding-bottom: 5px;
  padding-right: 5px;
  line-height: 20px;
}
#weather-components table tr td.data-source, #weather-components table tr td.data-source span {
  width: 10%;
  text-align: right;
  font-size: 10px;
  line-height: 14px;
  color: #777;
  line-height: 20px;
}