@import url(https://fonts.googleapis.com/css?family=Lato&display=swap);/*
 * The definitive list of colors to be used in the app. Colors should never
 * be referenced by hex code outside this file. All colors should be represented in
 * the list below.
 *
 * Please name colors with the appropriate prefix to avoid conflicts with
 * native browser colors:
 *
 * All new colors should appear in storybook
 */
/** Update with actual AirTeam colours (ffs) -- see :root pseudo-class selector below **/
/* value colorSecondaryShadeOrange: rgb(255, 176, 150); */
/* value colorSecondaryShadeCyan: rgb(163, 240, 222); */
/* value colorSecondaryShadeBlue: rgb(167, 177, 222); */

/*
 * The old list of colors, to be phased out
 * TODO: Phase out
 */

/** ----- [ Airteam Outputs #1: Colours ] --------------------------------------
 * From https://app.zeplin.io/project/5de74465883fa0567e439945/styleguide/colors
 * -----------------------------------------------------------------------------
 */
/*     Generated by Zeplin
    Copyright (C) 2019 - present Zeplin

    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.
 */

 :root {
    --primary-orange: #e16e46;
    --secondary-rag-red: #d2222d;
    --secondary-rag-amber: #ffbf00;
    --secondary-rag-green: #238823;
    --secondary-shade-orange: rgba(255, 142, 105, 0.7);
    --secondary-shade-cyan: rgba(70, 224, 189, 0.5);
    --secondary-shade-blue: rgba(36, 59, 173, 0.4);
    --shade-dark: #312f30; 
    --shade-medium: #8e8d8e;
    --shade-disabled: #cdcccc;
    --background: #f5f4f3;
    --white: #ffffff;
  }
/** Standard multiple for sizes and spacings */
/** Standard border radius */
/** Standard border width */

/* Breakpoints. Values specify when it bumps up to the next size, e.g. use `@media (min-width: smBreak)` */

/** Portrait phone */
/** Portrait tablet */
/** Landscape tablet */
/** Laptop / Desktop */


/* Column specifications */

/* Page specifications *//** 
* This file supplies NON GLOBAL classes to emulate the semantics of
* certain tags.  See reset.css for the effects applied globally to the real
* tags.
*/


.fonts__italic____2Klbj {
  font-family: "Open SansItalic";
  font-style: italic;
}

.fonts__bolditalic____34F6e {
  font-family: "Open SansBoldItalic";
  font-style: italic;
}

.fonts__bold____2QXwg {
  font-family: "Open SansBold";
  font-weight: bold;
}

/* .button {
  font-family: "Open SansRegular";
  font-size: 16px;
} */

.fonts__h1____39Cm3 {
  font-family: "Lato";
  font-size: 96px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.72px;
  color: rgba(0, 0, 0, 0.87);
}

.fonts__h2____1KXQs {
  font-family: "Lato";
  font-size: 60px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.45px;
  color: rgba(0, 0, 0, 0.87);
}

.fonts__h3____3anYJ {
  font-family: "Lato";
  font-size: 48px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.36px;
  color: rgba(0, 0, 0, 0.87);
}

.fonts__h4____3Kr9p {
  font-family: "Lato";
  font-size: 34px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.26px;
  color: rgba(0, 0, 0, 0.87);
}

.fonts__h5____3jyVL {
  font-family: "Lato";
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.18px;
  color: rgba(0, 0, 0, 0.87);
}
.fonts__h6____3ulj6 {
  font-family: "Lato";
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.15px;
  color: rgba(0, 0, 0, 0.87);
}
.fonts__h6White____xVB-0 {
  font-family: "Open SansRegular";
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.15px;
  text-align: center;
  color: var(--white);
}
.fonts__body____3cWGm {
  font-family: "Open SansRegular";
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.12px;
  color: rgba(0, 0, 0, 0.87);
}
.fonts__buttonWhite____3d57_ {
  font-family: "Open SansRegular";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.11px;
  text-align: center;
  color: var(--white);
}
.fonts__buttonOrange____naNVS {
  font-family: "Open SansRegular";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.11px;
  color: var(--primary-orange);
}
.fonts__button____1PkVO {
  font-family: "Open SansRegular";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.11px;
  color: rgba(0, 0, 0, 0.87);
}
.fonts__overlineLarge____3BVyA {
  font-family: "Open SansRegular";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.11px;
  color: rgba(0, 0, 0, 0.87);
}
.fonts__caption____HpZ4e {
  font-family: "Open SansRegular";
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 20px;
  letter-spacing: 0.09px;
  color: rgba(0, 0, 0, 0.87);
}
.fonts__captionSmall____2PLoo {
  font-family: "Open SansRegular";
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.08px;
  text-align: right;
  color: var(--shade-medium);
}
.fonts__captionSmall____2PLoo.fonts__left____1qPnp {
  text-align: left;
}

.fonts__overline____WM0UA {
  font-family: "Open SansRegular";
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.08px;
  color: rgba(0, 0, 0, 0.87);
}

.fonts__link____1me2m {
  color: rgb(36, 59, 173);
  cursor: pointer;
}

.fonts__link____1me2m:hover {
  color: #e16e46;
}

.fonts__error____u8e3y {
  /* color: colorWine; */
  color: #d2222d;
}

/* Loader animation taken from: https://codepen.io/jczimm/pen/vEBpoL */
.loader__loader____2pe4S {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 80px;
}

.loader__loader____2pe4S.loader__withOverlay____2l7v9:before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: block;
  content: '';

  background: #ffffff;
  opacity: 0.7;
}

.loader__circular____2-rOs {
  -webkit-animation: loader__rotate____TPLgB 2s linear infinite;
          animation: loader__rotate____TPLgB 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loader__path____UtrJE {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: loader__dash____37t1k 1.5s ease-in-out infinite, loader__color____3s8yE 6s ease-in-out infinite;
          animation: loader__dash____37t1k 1.5s ease-in-out infinite, loader__color____3s8yE 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes loader__rotate____TPLgB {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loader__rotate____TPLgB {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes loader__dash____37t1k {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes loader__dash____37t1k {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes loader__color____3s8yE {
  100%,
  0% {
    stroke: #ffce34;
  }
  40% {
    stroke: #cc4e00;
  }
  66% {
    stroke: #027db6;
  }
  80%,
  90% {
    stroke: darkgreen;
  }
}
@keyframes loader__color____3s8yE {
  100%,
  0% {
    stroke: #ffce34;
  }
  40% {
    stroke: #cc4e00;
  }
  66% {
    stroke: #027db6;
  }
  80%,
  90% {
    stroke: darkgreen;
  }
}

.loader__errorText____27xxQ {
  margin-top: 5px;
  text-align: center;
  color: #b71c1c;
}
/* Update for new Admin UI */
.admin-modal__content____2kee9 {
  /* width: calc(200 * unit); */
  max-width: 100%;

  background-color: #ffffff;
  position: absolute;
  /* left: 40%; */
  /* left: 0%; */
  /* top: calc(8 * unit); */
  /* Clear the sidebar */
  left: 270px;
  top: calc(28 * 5px);
  /* right: 50%; */
  /* bottom: calc(8 * unit); */
  height: 80vh;
  overflow: auto;
  outline: none;

  -webkit-box-shadow: 0 0 16px 0 rgba(49, 47, 48, 0.15);

          box-shadow: 0 0 16px 0 rgba(49, 47, 48, 0.15);
  /* margin-left: -300px; */
}

.admin-modal__messageContent____2Fchl {
  top: calc(50 * 5px);
  height: 10vh;
}

.admin-modal__overlay____3eRxd {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: undefined;
}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: pointer;
  direction: ltr;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Toastify__toast-body > div:last-child {
  -ms-flex: 1;
      flex: 1 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
}

.Toastify--animate-icon {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@-webkit-keyframes Toastify__trackProgress {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@keyframes Toastify__trackProgress {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
}
.Toastify__progress-bar--animated {
  -webkit-animation: Toastify__trackProgress linear 1 forwards;
          animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  -webkit-animation: Toastify__spin 0.65s linear infinite;
          animation: Toastify__spin 0.65s linear infinite;
}

@-webkit-keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}
@-webkit-keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes Toastify__bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  -webkit-animation-name: Toastify__bounceInLeft;
          animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  -webkit-animation-name: Toastify__bounceInRight;
          animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  -webkit-animation-name: Toastify__bounceInDown;
          animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  -webkit-animation-name: Toastify__bounceInUp;
          animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  -webkit-animation-name: Toastify__bounceOutLeft;
          animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  -webkit-animation-name: Toastify__bounceOutRight;
          animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  -webkit-animation-name: Toastify__bounceOutUp;
          animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  -webkit-animation-name: Toastify__bounceOutDown;
          animation-name: Toastify__bounceOutDown;
}

@-webkit-keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  -webkit-animation-name: Toastify__zoomIn;
          animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  -webkit-animation-name: Toastify__zoomOut;
          animation-name: Toastify__zoomOut;
}

@-webkit-keyframes Toastify__flipIn {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes Toastify__flipIn {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@-webkit-keyframes Toastify__flipOut {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes Toastify__flipOut {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  -webkit-animation-name: Toastify__flipIn;
          animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  -webkit-animation-name: Toastify__flipOut;
          animation-name: Toastify__flipOut;
}

@-webkit-keyframes Toastify__slideInRight {
  from {
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInRight {
  from {
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideInLeft {
  from {
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideInUp {
  from {
    -webkit-transform: translate3d(0, 110%, 0);
            transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    -webkit-transform: translate3d(0, 110%, 0);
            transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideInDown {
  from {
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
  }
}
@-webkit-keyframes Toastify__slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 500px, 0);
            transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 500px, 0);
            transform: translate3d(0, 500px, 0);
  }
}
@-webkit-keyframes Toastify__slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -500px, 0);
            transform: translate3d(0, -500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -500px, 0);
            transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  -webkit-animation-name: Toastify__slideInLeft;
          animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  -webkit-animation-name: Toastify__slideInRight;
          animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  -webkit-animation-name: Toastify__slideInDown;
          animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  -webkit-animation-name: Toastify__slideInUp;
          animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  -webkit-animation-name: Toastify__slideOutLeft;
          animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  -webkit-animation-name: Toastify__slideOutRight;
          animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  -webkit-animation-name: Toastify__slideOutUp;
          animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  -webkit-animation-name: Toastify__slideOutDown;
          animation-name: Toastify__slideOutDown;
}

@-webkit-keyframes Toastify__spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes Toastify__spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}.style__futurefit-icons-accordion-closed____75aWZ:before {
  content: "\E900";
}
.style__futurefit-icons-accordion-open____3Fhtu:before {
  content: "\E901";
}
.style__futurefit-icons-add-place____1GhXg:before {
  content: "\E902";
}
.style__futurefit-icons-alcohol____2RRvD:before {
  content: "\E903";
}
.style__futurefit-icons-apple____1qijS:before {
  content: "\E904";
}
.style__futurefit-icons-arrow-down____1qCrb:before {
  content: "\E905";
}
.style__futurefit-icons-arrow-left____28gg_:before {
  content: "\E906";
}
.style__futurefit-icons-arrow-right____1v54E:before {
  content: "\E907";
}
.style__futurefit-icons-arrow-up____xRJqw:before {
  content: "\E908";
}
.style__futurefit-icons-back____FWcYi:before {
  content: "\E909";
}
.style__futurefit-icons-checkbox-minus-fill____1T8Ob:before {
  content: "\E90A";
}
.style__futurefit-icons-calendar____3CPYb:before {
  content: "\E90C";
}
.style__futurefit-icons-checkbox-off____1luC-:before {
  content: "\E90D";
}
.style__futurefit-icons-checkbox-on____3dPWg:before {
  content: "\E90E";
}
.style__futurefit-icons-checked____3IDY4:before {
  content: "\E90F";
}
.style__futurefit-icons-close____2W5H_:before {
  content: "\E910";
}
.style__futurefit-icons-comment____2nkLM:before {
  content: "\E911";
}
.style__futurefit-icons-confirmation____3DQHY:before {
  content: "\E912";
}
.style__futurefit-icons-desk____3vO-9:before {
  content: "\E913";
}
.style__futurefit-icons-diabetes____SRPZk:before {
  content: "\E914";
}
.style__futurefit-icons-document____10EFB:before {
  content: "\E915";
}
.style__futurefit-icons-edit____36qDf:before {
  content: "\E916";
}
.style__futurefit-icons-email____3sljx:before {
  content: "\E917";
}
.style__futurefit-icons-error____PiFwo:before {
  content: "\E918";
}
.style__futurefit-icons-face-to-face____1q_LA:before {
  content: "\E919";
}
.style__futurefit-icons-facebook____1Rjpv:before {
  content: "\E91A";
}
.style__futurefit-icons-fast-food_____QkoW:before {
  content: "\E91B";
}
.style__futurefit-icons-heart____2bkMq:before {
  content: "\E921";
}
.style__futurefit-icons-help____1ZlHJ:before {
  content: "\E922";
}
.style__futurefit-icons-home____3H9Qk:before {
  content: "\E924";
}
.style__futurefit-icons-hourglass____sRUbi:before {
  content: "\E925";
}
.style__futurefit-icons-info____x1eC2:before {
  content: "\E926";
}
.style__futurefit-icons-instagram____27bhi:before {
  content: "\E927";
}
.style__futurefit-icons-linkedin____3GYld:before {
  content: "\E928";
}
.style__futurefit-icons-lock____1Z6Lm:before {
  content: "\E929";
}
.style__futurefit-icons-logout____Ta2jl:before {
  content: "\E92A";
}
.style__futurefit-icons-mail-sent____3aPHg:before {
  content: "\E92B";
}
.style__futurefit-icons-members____1wI_m:before {
  content: "\E92C";
}
.style__futurefit-icons-menu____1acjl:before {
  content: "\E92E";
}
.style__futurefit-icons-next____1QPhn:before {
  content: "\E92F";
}
.style__futurefit-icons-online____3rCuI:before {
  content: "\E930";
}
.style__futurefit-icons-people____C5HHb:before {
  content: "\E931";
}
.style__futurefit-icons-phone____26xew:before {
  content: "\E932";
}
.style__futurefit-icons-physical-activity____1W2Cs:before {
  content: "\E933";
}
.style__futurefit-icons-plus____5HjDx:before {
  content: "\E934";
}
.style__futurefit-icons-poster____DZ_J1:before {
  content: "\E935";
}
.style__futurefit-icons-presentation____66uzY:before {
  content: "\E936";
}
.style__futurefit-icons-service-providers____2jAGd:before {
  content: "\E938";
}
.style__futurefit-icons-settings____jbNRh:before {
  content: "\E939";
}
.style__futurefit-icons-smoking____26kyj:before {
  content: "\E93A";
}
.style__futurefit-icons-stats____z20Qc:before {
  content: "\E93B";
}
.style__futurefit-icons-template____2yQNj:before {
  content: "\E93D";
}
.style__futurefit-icons-tick-circle____HF6Jm:before {
  content: "\E93E";
}
.style__futurefit-icons-time____1D954:before {
  content: "\E93F";
}
.style__futurefit-icons-tv____15clR:before {
  content: "\E940";
}
.style__futurefit-icons-twitter____3bIcb:before {
  content: "\E941";
}
.style__futurefit-icons-user____1Tek9:before {
  content: "\E942";
}
.style__futurefit-icons-vegetable____10ap6:before {
  content: "\E943";
}
.style__futurefit-icons-video____1iZtN:before {
  content: "\E944";
}
.style__futurefit-icons-warning____9qKdo:before {
  content: "\E945";
}
.style__futurefit-icons-website____2rK5y:before {
  content: "\E947";
}
.style__futurefit-icons-workers-survey____3FAc9:before {
  content: "\E948";
}
.style__futurefit-icons-workplace____tXtUD:before {
  content: "\E949";
}
.style__futurefit-icons-youtube____1qYYU:before {
  content: "\E94A";
}
.style__futurefit-icons-printer____18Ssq:before {
  content: "\E954";
}
.style__futurefit-icons-radio-checked____zO_iC:before {
  content: "\EA54";
}
.style__futurefit-icons-radio-checked2____2Ibln:before {
  content: "\EA55";
}
.style__futurefit-icons-radio-unchecked____iWXz7:before {
  content: "\EA56";
}
.style__futurefit-icons-bin____3RKOA:before {
  content: "\E9AC";
}

/* Common styles for fonts generated through icomoon */

@font-face {
  font-family: "futurefit-icons";
  src: url(/static/media/futurefit-icons.23ff37d3.ttf) format("truetype"),
    url(/static/media/futurefit-icons.c60f39eb.woff) format("woff"),
    url(/static/media/futurefit-icons.267b7f60.svg#futurefit-icons) format("svg");
  font-weight: normal;
  font-style: normal;
}

.futurefit-icons-common__icon____1Tht3 {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "futurefit-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.futurefit-icons-common__xlarge____2PHf0 {
  font-size: 128px;
}

.futurefit-icons-common__large____33vOb {
  font-size: 64px;
}

.futurefit-icons-common__medium____2p8MH {
  font-size: 48px;
}

.futurefit-icons-common__small-medium____u9oui {
  font-size: 40px;
}

.futurefit-icons-common__small____17qVs {
  font-size: 32px;
}

.futurefit-icons-common__xsmall____3Lrc8 {
  font-size: 24px;
}

.futurefit-icons-common__xxsmall____3SE-3 {
  font-size: 16px;
}

.futurefit-icons-common__violet____17c9t {
  color: #652c91;
}

.futurefit-icons-common__black____10pLk {
  color: #4a4a4a;
}

.futurefit-icons-common__red____2Rvf3 {
  color: undefined;
}

.futurefit-icons-common__green____1dKbo {
  color: darkgreen;
}

.futurefit-icons-common__blue____30Z8v {
  color: #027db6;
}

.futurefit-icons-common__orange____1otBx {
  color: #cc4e00;
}

.futurefit-icons-common__white____1jIW9 {
  color: #ffffff;
}

.futurefit-icons-common__primary____1djP- {
  color: #e16e46;
}

.futurefit-icons-common__secondary____1piHH {
  color: #ffbf00;
}

.futurefit-icons-common__clickable____3Fppt {
  cursor: pointer;
}

.futurefit-icons-common__svg____1rhoi.futurefit-icons-common__xlarge____2PHf0 {
  width: 128px;
  height: 128px;
}

.futurefit-icons-common__svg____1rhoi.futurefit-icons-common__large____33vOb {
  width: 64px;
  height: 64px;
}

.futurefit-icons-common__svg____1rhoi.futurefit-icons-common__medium____2p8MH {
  width: 48px;
  height: 48px;
}

.futurefit-icons-common__svg____1rhoi.futurefit-icons-common__small-medium____u9oui{
  width: 40px;
  height: 40px;
}

.futurefit-icons-common__svg____1rhoi.futurefit-icons-common__small____17qVs {
  width: 32px;
  height: 32px;
}

.futurefit-icons-common__svg____1rhoi.futurefit-icons-common__xsmall____3Lrc8 {
  width: 24px;
  height: 24px;
}

.futurefit-icons-common__svg____1rhoi.futurefit-icons-common__xxsmall____3SE-3 {
  width: 16x;
  height: 16px;
}
.radio-item__checkItem____P3-5A {
  margin-top: calc(4 * 5px);
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.radio-item__checkItemLabel____1MxiE {
  margin-left: calc(2 * 5px);
}

.radio-item__checkItemLabel____1MxiE.radio-item__selected____2MzkJ {
  font-weight: bold;
}

.radio-item__disabled____1_L4A {
  color: #bebbc8;
}

.radio-item__outlined____36Wpk.radio-item__checkItem____P3-5A {
  padding: calc(4 * 5px) calc(2 * 5px);
  border: 1px solid #652c91;
  border-radius: 4px;
}

.radio-item__hintText____1a8Qe {
  margin-top: calc(2 * 5px);
}
.grid-container__container____2lqpz {
  /* Not displayed by default then overridden by visibility toggles */
  display: none;
}

.grid-container__content____26pqH {
  margin: 0 calc(16px / 2);

  position: relative; /** Required for debug overlay */
}

@media (min-width: 600px) {
  .grid-container__content____26pqH {
    margin: 0 calc(16px / 2);
  }
}

@media (min-width: 960px) {
  .grid-container__content____26pqH {
    margin: 0 calc(24px / 2);
  }
}

@media (min-width: 1280px) {
  .grid-container__content____26pqH {
    margin: 0 calc(24px / 2);
  }
}

.grid-container__debugOverlay____1jEIO {
  position: absolute;
  top: 0vh;
  right: 0;
  bottom: -1000vh;
  left: 0;

  pointer-events: none;
  opacity: 0.4;
  color:black;

  background-color: lightgray;
}

.grid-container__verticalAlign-top____3OuuB {
  vertical-align: top;
}

.grid-container__verticalAlign-bottom____1P9PV {
  vertical-align: bottom;
}

/* Visibility toggles */

.grid-container__xsVisible____3q8u3 {
  display: inline-block;
}

@media (min-width: 600px) {
  .grid-container__smVisible____1_L4R {
    display: inline-block;
  }
}

@media (min-width: 960px) {
  .grid-container__mdVisible____28-WB {
    display: inline-block;
  }
}

@media (min-width: 1280px) {
  .grid-container__lgVisible____29GhZ {
    display: inline-block;
  }
}

/* Classes for XS size */

.grid-container__xsSpan0____3Upau {
  width: 0;
}

.grid-container__xsSpan1____2kVO3 {
  width: calc(1 * calc(100% / 4));
}

.grid-container__xsSpan2_____hL8I {
  width: calc(2 * calc(100% / 4));
}

.grid-container__xsSpan3____3accY {
  width: calc(3 * calc(100% / 4));
}

.grid-container__xsSpan4____2e2QO {
  width: calc(4 * calc(100% / 4));
}

.grid-container__xsOffset0____2fian {
  margin-left: 0;
}

.grid-container__xsOffset1____3ndc4 {
  margin-left: calc(1 * calc(100% / 4));
}

.grid-container__xsOffset2____ZK3sA {
  margin-left: calc(2 * calc(100% / 4));
}

.grid-container__xsOffset3____fkaLt {
  margin-left: calc(3 * calc(100% / 4));
}

/** Classes for SM size */

@media (min-width: 600px) {
  .grid-container__smSpan0____1eok8 {
    width: 0;
  }

  .grid-container__smSpan1____2cav- {
    width: calc(1 * calc(100% / 8));
  }

  .grid-container__smSpan2____AnVcv {
    width: calc(2 * calc(100% / 8));
  }

  .grid-container__smSpan3____2VjY7 {
    width: calc(3 * calc(100% / 8));
  }

  .grid-container__smSpan4____2MWhQ {
    width: calc(4 * calc(100% / 8));
  }

  .grid-container__smSpan5____2kjA1 {
    width: calc(5 * calc(100% / 8));
  }

  .grid-container__smSpan6____3Pbm_ {
    width: calc(6 * calc(100% / 8));
  }

  .grid-container__smSpan7____3Vjeq {
    width: calc(7 * calc(100% / 8));
  }

  .grid-container__smSpan8____3rcLX {
    width: calc(8 * calc(100% / 8));
  }

  .grid-container__smOffset0____EnN2x {
    margin-left: 0;
  }

  .grid-container__smOffset1____1ZK7b {
    margin-left: calc(1 * calc(100% / 8));
  }

  .grid-container__smOffset2____33V2- {
    margin-left: calc(2 * calc(100% / 8));
  }

  .grid-container__smOffset3____CLHH5 {
    margin-left: calc(3 * calc(100% / 8));
  }

  .grid-container__smOffset4____3FtQ7 {
    margin-left: calc(4 * calc(100% / 8));
  }

  .grid-container__smOffset5____11vni {
    margin-left: calc(5 * calc(100% / 8));
  }

  .grid-container__smOffset6____2rbCm {
    margin-left: calc(6 * calc(100% / 8));
  }

  .grid-container__smOffset7____3mrae {
    margin-left: calc(7 * calc(100% / 8));
  }
}

/** Classes for MD size */

@media (min-width: 960px) {
  .grid-container__mdSpan0____3LPcY {
    width: 0;
  }

  .grid-container__mdSpan1____FZdzs {
    width: calc(1 * calc(100% / 12));
  }

  .grid-container__mdSpan2____3OlKV {
    width: calc(2 * calc(100% / 12));
  }

  .grid-container__mdSpan3____2Lnij {
    width: calc(3 * calc(100% / 12));
  }

  .grid-container__mdSpan4____35Ard {
    width: calc(4 * calc(100% / 12));
  }

  .grid-container__mdSpan5____UnbEl {
    width: calc(5 * calc(100% / 12));
  }

  .grid-container__mdSpan6____2HVjn {
    width: calc(6 * calc(100% / 12));
  }

  .grid-container__mdSpan7____2M3mg {
    width: calc(7 * calc(100% / 12));
  }

  .grid-container__mdSpan8____2ay_4 {
    width: calc(8 * calc(100% / 12));
  }

  .grid-container__mdSpan9____2E-As {
    width: calc(9 * calc(100% / 12));
  }

  .grid-container__mdSpan10_____3EVy {
    width: calc(10 * calc(100% / 12));
  }

  .grid-container__mdSpan11____GF2dY {
    width: calc(11 * calc(100% / 12));
  }

  .grid-container__mdSpan12____2S1q2 {
    width: calc(12 * calc(100% / 12));
  }

  .grid-container__mdOffset0____2b-Oo {
    margin-left: 0;
  }

  .grid-container__mdOffset1____1KT98 {
    margin-left: calc(1 * calc(100% / 12));
  }

  .grid-container__mdOffset2____d7_6Q {
    margin-left: calc(2 * calc(100% / 12));
  }

  .grid-container__mdOffset3____lnaa9 {
    margin-left: calc(3 * calc(100% / 12));
  }

  .grid-container__mdOffset4____1JFzY {
    margin-left: calc(4 * calc(100% / 12));
  }

  .grid-container__mdOffset5____2D6fM {
    margin-left: calc(5 * calc(100% / 12));
  }

  .grid-container__mdOffset6____2ovAS {
    margin-left: calc(6 * calc(100% / 12));
  }

  .grid-container__mdOffset7____3sF4m {
    margin-left: calc(7 * calc(100% / 12));
  }

  .grid-container__mdOffset8____1rZaV {
    margin-left: calc(8 * calc(100% / 12));
  }

  .grid-container__mdOffset9____3gqmH {
    margin-left: calc(9 * calc(100% / 12));
  }

  .grid-container__mdOffset10____2M2ox {
    margin-left: calc(10 * calc(100% / 12));
  }

  .grid-container__mdOffset11____1hz9h {
    margin-left: calc(11 * calc(100% / 12));
  }
}

/** Classes for LG size */
@media (min-width: 1280px) {
  .grid-container__lgSpan0____2_l86 {
    width: 0;
  }

  .grid-container__lgSpan1____11BMJ {
    width: calc(1 * calc(100% / 16));
  }

  .grid-container__lgSpan2____3KgnA {
    width: calc(2 * calc(100% / 16));
  }

  .grid-container__lgSpan3____3aibu {
    width: calc(3 * calc(100% / 16));
  }

  .grid-container__lgSpan4____3VCNP {
    width: calc(4 * calc(100% / 16));
  }

  .grid-container__lgSpan5____3lf_O {
    width: calc(5 * calc(100% / 16));
  }

  .grid-container__lgSpan6____3-p-r {
    width: calc(6 * calc(100% / 16));
  }

  .grid-container__lgSpan7____2A1Mq {
    width: calc(7 * calc(100% / 16));
  }

  .grid-container__lgSpan8____qr1uZ {
    width: calc(8 * calc(100% / 16));
  }

  .grid-container__lgSpan9____nTEAN {
    width: calc(9 * calc(100% / 16));
  }

  .grid-container__lgSpan10____15wL4 {
    width: calc(10 * calc(100% / 16));
  }

  .grid-container__lgSpan11____hRRgx {
    width: calc(11 * calc(100% / 16));
  }

  .grid-container__lgSpan12____2Jri2 {
    width: calc(12 * calc(100% / 16));
  }

  .grid-container__lgSpan13____3FC-P {
    width: calc(13 * calc(100% / 16));
  }

  .grid-container__lgSpan14____2Eo25 {
    width: calc(14 * calc(100% / 16));
  }

  .grid-container__lgSpan15____2nvkI {
    width: calc(15 * calc(100% / 16));
  }

  .grid-container__lgSpan16____kEs0K {
    width: calc(16 * calc(100% / 16));
  }

  .grid-container__lgOffset0____1i-sa {
    margin-left: 0;
  }

  .grid-container__lgOffset1____aFTWT {
    margin-left: calc(1 * calc(100% / 16));
  }

  .grid-container__lgOffset2____36iRX {
    margin-left: calc(2 * calc(100% / 16));
  }

  .grid-container__lgOffset3____1sENn {
    margin-left: calc(3 * calc(100% / 16));
  }

  .grid-container__lgOffset4____2MeIi {
    margin-left: calc(4 * calc(100% / 16));
  }

  .grid-container__lgOffset5____2dd84 {
    margin-left: calc(5 * calc(100% / 16));
  }

  .grid-container__lgOffset6____2IXd0 {
    margin-left: calc(6 * calc(100% / 16));
  }

  .grid-container__lgOffset7____2tLPd {
    margin-left: calc(7 * calc(100% / 16));
  }

  .grid-container__lgOffset8____31G7Y {
    margin-left: calc(8 * calc(100% / 16));
  }

  .grid-container__lgOffset9____2bty8 {
    margin-left: calc(9 * calc(100% / 16));
  }

  .grid-container__lgOffset10____21Lju {
    margin-left: calc(10 * calc(100% / 16));
  }

  .grid-container__lgOffset11____1EOTG {
    margin-left: calc(11 * calc(100% / 16));
  }

  .grid-container__lgOffset12____2zQ_c {
    margin-left: calc(12 * calc(100% / 16));
  }

  .grid-container__lgOffset13____1mnah {
    margin-left: calc(13 * calc(100% / 16));
  }

  .grid-container__lgOffset14____UW2OA {
    margin-left: calc(14 * calc(100% / 16));
  }

  .grid-container__lgOffset15____2T4-V {
    margin-left: calc(15 * calc(100% / 16));
  }
}

.grid-container__box____3aafK {
  padding: unit;

  /* border: 2px dashed gray;
  background-color: lightgreen; */
}


.button__button____obLer {
  position: relative;
  width: 100%;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;

  border-radius: 0;
}

.button__button____obLer.button__primary____20IQr {
  color: #ffffff;
  background-color: #e16e46;
}

.button__button____obLer.button__primary____20IQr:disabled {
  background-color: rgb(205, 204, 204);
  color: #4a4a4a;
}

.button__button____obLer.button__primary____20IQr:hover:not(:disabled) {
  background-color: rgb(224, 224, 224);
}

.button__button____obLer.button__primary____20IQr:active:not(:disabled) {
  background-color: rgb(224, 224, 224);
}

.button__button____obLer.button__secondary____2UoDq {
  border: 2px solid rgb(224, 224, 224);
  color: oldColorOrange;
  background-color: #ffffff;
}

.button__button____obLer.button__secondary____2UoDq:disabled,
.button__button____obLer.button__tertiary____3MS37:disabled {
  border-radius: 2px;
  border: 2px solid rgb(205, 204, 204);
  color: #4a4a4a;
  font-family: "Open SansRegular";
}

.button__button____obLer.button__secondary____2UoDq:hover:not(:disabled) {
  border-width: 2px;
}

.button__button____obLer.button__secondary____2UoDq:active:not(:disabled) {
  border-width: 2px;
  background-color: #efeaf4;
}

.button__button____obLer.button__tertiary____3MS37 {
  color: oldColorOrange;
  background-color: #ffffff;
}

.button__button____obLer.button__tertiary____3MS37:hover:not(:disabled) {
  background-color: #ffffff;
}

.button__button____obLer.button__tertiary____3MS37:active:not(:disabled) {
  background-color: oldColorOrange;
}

.button__button____obLer.button__regular____2akIL {
  min-height: 48px;
  padding: calc(12px - 2 * 2px);
}

.button__button____obLer.button__small____183D0 {
  min-height: 36px;
  padding: calc(6px - 2 * 2px)
    calc(12px - 2 * 2px);
}

.button__button____obLer.button__round____1UpeF {
  color: #ffffff;
  background-color: rgba(255, 142, 105, 0.7);
  width: auto;
  display: inline-block;
  border-radius: 4px;
  min-height: 40px;
  padding: calc(2 * 5px) calc(4 * 5px);
}

.button__button____obLer.button__round____1UpeF:disabled {
  background-color: rgb(205, 204, 204);
  color: #4a4a4a;
}

.button__button____obLer.button__round____1UpeF:hover:not(:disabled) {
  background-color: #e16e46;
}

.button__button____obLer.button__round____1UpeF:active:not(:disabled) {
  background-color: #e16e46;
}

.button__button____obLer.button__roundSecondary____1wrFO {
  color: rgba(255, 142, 105, 0.7);
  background-color: #ffffff;
  border: 2px solid rgb(224, 224, 224);
  width: auto;
  display: inline-block;
  border-radius: 4px;
  min-height: 40px;
  padding: calc((2 * 5px) - 2px) calc((4 * 5px) - 2px);
}

.button__button____obLer.button__roundSecondary____1wrFO:disabled {
  color: oldColorOrange;
  background-color: #ffffff;
  border: 2px solid rgb(205, 204, 204);
  /* color: oldColorBlack; */
  font-family: "Open SansRegular";
}

.button__button____obLer.button__roundSecondary____1wrFO:hover:not(:disabled) {
  border-width: 2px;
  color:  #e16e46;
}

.button__button____obLer.button__roundSecondary____1wrFO:active:not(:disabled) {
  border-width: 2px;
  background-color: #efeaf4;
}

.button__button____obLer .button__content____1WJEe {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.button__button____obLer .button__contentLabel____2X60D {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.button__button____obLer .button__leftIcon____4QDSL {
  margin-right: calc(2 * 5px);
}

.button__button____obLer .button__rightIcon____1qkGo {
  margin-left: calc(2 * 5px);
}

.button__inProgress____3T0kr .button__content____1WJEe {
  visibility: hidden;
}

.button__spinner____JeG0K {
  position: absolute;
  left: calc(50% - 0.5 * calc(10 * 5px));
  width: calc(10 * 5px);
  height: 100%;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.button__spinner____JeG0K:after {
  content: "";
  border: calc(2 * 5px) solid rgb(205, 204, 204);
  border-top: calc(2 * 5px) solid rgb(224, 224, 224);
  border-radius: 50%;
  height: calc(2 * 5px);
  width: calc(2 * 5px);
  -webkit-animation: button__spin____kgIAS 1.5s linear infinite;
          animation: button__spin____kgIAS 1.5s linear infinite;
  display: inline-block;
}

/* Safari */
@-webkit-keyframes button__spin____kgIAS {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes button__spin____kgIAS {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.check-item__checkItem____2Fdf6 {
  margin-top: 5px;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  padding: 5px;
}

.check-item__tableCell____3ooPL.check-item__checkItem____2Fdf6 {
  margin-top: 0;
  display: inline-block;
}

.check-item__checkItemLabel____1dcZi {
  margin-left: calc(2 * 5px);
}

.check-item__checkItemLabel____1dcZi.check-item__selected____aXZFY {
  font-weight: bold;
}

.check-item__disabled____275sw {
  color: #bebbc8;
  cursor: default;
}

.check-item__outlined____3Oxki.check-item__checkItem____2Fdf6 {
  padding: calc(4 * 5px) calc(2 * 5px);
  border: 1px solid #652c91;
  border-radius: 4px;
}

.check-item__hintText____3xiWf {
  margin-top: calc(2 * 5px);
}.markdown__markdown____3QuqI h1 {
  font-family: "Open SansBold";
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.markdown__markdown____3QuqI h2 {
  font-family: "Open SansBold";
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.markdown__markdown____3QuqI h3 {
  font-family: "Open SansBold";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.markdown__markdown____3QuqI h4 {
  font-family: "Open SansBold";
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.markdown__markdown____3QuqI h5 {
  font-family: "Open SansBold";
  font-size: 12px;
  font-weight: 200;
  line-height: 20px;
}

.markdown__markdown____3QuqI strong {
  font-weight: bold;
}

.markdown__markdown____3QuqI blockquote {
  font-style: italic;
  padding: 0.5em 10px;
  border-left: 5px solid #ccc;
  margin: 1.5em 10px;
}

.markdown__markdown____3QuqI blockquote p {
  display: inline;
}

.markdown__markdown____3QuqI a {
  text-decoration: underline;
}

.markdown__markdown____3QuqI em {
  font-style: italic;
}

.markdown__markdown____3QuqI img {
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px);
}

.markdown__markdown____3QuqI ul > li {
  display: list-item;
  list-style-type: disc;
  margin-left: 40px;
}

.markdown__markdown____3QuqI ol > li {
  display: list-item;
  list-style-type: decimal;
  margin-left: 40px;
  padding: 5px;
  margin-bottom: 5px;
}

.markdown__markdown____3QuqI table {
  border-spacing: 5px;
}

.markdown__markdown____3QuqI ol,
ul {
  list-style: inherit;
}

.markdown__markdown____3QuqI ol ol > li {
  list-style-type: lower-alpha;
}

.markdown__markdown____3QuqI ol ol ol > li {
  list-style-type: lower-roman;
}

.markdown__markdown____3QuqI code {
  font-family: monospace;
}

.markdown__markdown____3QuqI button {
  padding: 5px;
  background-color: var(--primary-orange);
  color: var(--white);
  font-weight: bold;
}

.markdown__markdown____3QuqI button > a {
  text-decoration: none;
}
/**
 * ------ [ Unminified from node_modules/easymde/dist/easymde.min.css ] ------
 *  Each element in this file is decorated with ':global'. Despite the linter
 *  whingeing, this file does compile and generates well-formed CSS 
 * ---------------------------------------------------------------------------
 */
/**
 * easymde v2.15.0
 * Copyright Jeroen Akkerman
 * @link https://github.com/ionaru/easy-markdown-editor
 * @license MIT
 */
.CodeMirror {
    font-family: monospace;
    height: 300px;
    color: #000;
    direction: ltr;
}
.CodeMirror-lines {
    padding: 4px 0;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
    padding: 0 4px;
}
.CodeMirror-gutter-filler,
.CodeMirror-scrollbar-filler {
    background-color: #fff;
}
.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap;
}
.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap;
}
.CodeMirror-guttermarker {
    color: #000;
}
.CodeMirror-guttermarker-subtle {
    color: #999;
}
.CodeMirror-cursor {
    border-left: 1px solid #000;
    border-right: none;
    width: 0;
}
.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    border: 0 !important;
    background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1;
}
.cm-fat-cursor-mark {
    background-color: rgba(20, 255, 20, 0.5);
    -webkit-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
    width: auto;
    border: 0;
    -webkit-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite;
    background-color: #7e7;
}
@-webkit-keyframes blink {
    50% {
        background-color: transparent;
    }
}
@keyframes blink {
    50% {
        background-color: transparent;
    }
}
.cm-tab {
    display: inline-block;
    text-decoration: inherit;
}
.CodeMirror-rulers {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: 0;
    overflow: hidden;
}
.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    top: 0;
    bottom: 0;
    position: absolute;
}
.cm-s-default .cm-header {
    color: #00f;
}
.cm-s-default .cm-quote {
    color: #090;
}
.cm-negative {
    color: #d44;
}
.cm-positive {
    color: #292;
}
.cm-header,
.cm-strong {
    font-weight: 700;
}
.cm-em {
    font-style: italic;
}
.cm-link {
    text-decoration: underline;
}
.cm-strikethrough {
    text-decoration: line-through;
}
.cm-s-default .cm-keyword {
    color: #708;
}
.cm-s-default .cm-atom {
    color: #219;
}
.cm-s-default .cm-number {
    color: #164;
}
.cm-s-default .cm-def {
    color: #00f;
}
.cm-s-default .cm-variable-2 {
    color: #05a;
}
.cm-s-default .cm-type,
.cm-s-default .cm-variable-3 {
    color: #085;
}
.cm-s-default .cm-comment {
    color: #a50;
}
.cm-s-default .cm-string {
    color: #a11;
}
.cm-s-default .cm-string-2 {
    color: #f50;
}
.cm-s-default .cm-meta {
    color: #555;
}
.cm-s-default .cm-qualifier {
    color: #555;
}
.cm-s-default .cm-builtin {
    color: #30a;
}
.cm-s-default .cm-bracket {
    color: #997;
}
.cm-s-default .cm-tag {
    color: #170;
}
.cm-s-default .cm-attribute {
    color: #00c;
}
.cm-s-default .cm-hr {
    color: #999;
}
.cm-s-default .cm-link {
    color: #00c;
}
.cm-s-default .cm-error {
    color: red;
}
.cm-invalidchar {
    color: red;
}
.CodeMirror-composing {
    border-bottom: 2px solid;
}
div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #a22;
}
.CodeMirror-matchingtag {
    background: rgba(255, 150, 0, 0.3);
}
.CodeMirror-activeline-background {
    background: #e8f2ff;
}
.CodeMirror {
    position: relative;
    overflow: hidden;
    background: #fff;
}
.CodeMirror-scroll {
    overflow: scroll !important;
    margin-bottom: -50px;
    margin-right: -50px;
    padding-bottom: 50px;
    height: 100%;
    outline: 0;
    position: relative;
}
.CodeMirror-sizer {
    position: relative;
    border-right: 50px solid transparent;
}
.CodeMirror-gutter-filler,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-vscrollbar {
    position: absolute;
    z-index: 6;
    display: none;
    outline: 0;
}
.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}
.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0;
}
.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0;
}
.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    z-index: 3;
}
.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: 0 0 !important;
    border: none !important;
}
.CodeMirror-gutter-background {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4;
}
.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4;
}
.CodeMirror-gutter-wrapper ::-moz-selection {
    background-color: transparent;
}
.CodeMirror-gutter-wrapper ::selection {
    background-color: transparent;
}
.CodeMirror-gutter-wrapper ::-moz-selection {
    background-color: transparent;
}
.CodeMirror-lines {
    cursor: text;
    min-height: 1px;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
    border-radius: 0;
    border-width: 0;
    background: 0 0;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-variant-ligatures: contextual;
    font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal;
}
.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}
.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    padding: 0.1px;
}
.CodeMirror-rtl pre {
    direction: rtl;
}
.CodeMirror-code {
    outline: 0;
}
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber,
.CodeMirror-scroll,
.CodeMirror-sizer {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}
.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.CodeMirror-cursor {
    position: absolute;
    pointer-events: none;
}
.CodeMirror-measure pre {
    position: static;
}
div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3;
}
div.CodeMirror-dragcursors {
    visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
    visibility: visible;
}
.CodeMirror-selected {
    background: #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0;
}
.CodeMirror-crosshair {
    cursor: crosshair;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
    background: #d7d4f0;
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
    background: #d7d4f0;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
    background: #d7d4f0;
}
.cm-searching {
    background-color: #ffa;
    background-color: rgba(255, 255, 0, 0.4);
}
.cm-force-border {
    padding-right: 0.1px;
}
@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden;
    }
}
.cm-tab-wrap-hack:after {
    content: "";
}
span.CodeMirror-selectedtext {
    background: 0 0;
}
.EasyMDEContainer {
    display: block;
}
.EasyMDEContainer.sided--no-fullscreen {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.EasyMDEContainer .CodeMirror {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: auto;
    border: 1px solid #ddd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10px;
    font: inherit;
    z-index: 0;
    word-wrap: break-word;
}
.EasyMDEContainer .CodeMirror-scroll {
    cursor: text;
}
.EasyMDEContainer .CodeMirror-fullscreen {
    background: #fff;
    position: fixed !important;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    z-index: 8;
    border-right: none !important;
    border-bottom-right-radius: 0 !important;
}
.EasyMDEContainer .CodeMirror-sided {
    width: 50% !important;
}
.EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided {
    border-right: none !important;
    border-bottom-right-radius: 0;
    position: relative;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.EasyMDEContainer .CodeMirror-placeholder {
    opacity: 0.5;
}
.EasyMDEContainer .CodeMirror-focused .CodeMirror-selected {
    background: #d9d9d9;
}
.editor-toolbar {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding: 9px 10px;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.editor-toolbar.fullscreen {
    width: 100%;
    height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    border: 0;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 9;
}
.editor-toolbar.fullscreen::before {
    width: 20px;
    height: 50px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.editor-toolbar.fullscreen::after {
    width: 20px;
    height: 50px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, #fff));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
    position: fixed;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
}
.EasyMDEContainer.sided--no-fullscreen .editor-toolbar {
    width: 100%;
}
.editor-toolbar .easymde-dropdown,
.editor-toolbar button {
    background: 0 0;
    display: inline-block;
    text-align: center;
    text-decoration: none !important;
    height: 30px;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
}
.editor-toolbar button {
    width: 30px;
}
.editor-toolbar button.active,
.editor-toolbar button:hover {
    background: #fcfcfc;
    border-color: #95a5a6;
}
.editor-toolbar i.separator {
    display: inline-block;
    width: 0;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #fff;
    color: transparent;
    text-indent: -10px;
    margin: 0 6px;
}
.editor-toolbar button:after {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 65%;
    vertical-align: text-bottom;
    position: relative;
    top: 2px;
}
.editor-toolbar button.heading-1:after {
    content: "1";
}
.editor-toolbar button.heading-2:after {
    content: "2";
}
.editor-toolbar button.heading-3:after {
    content: "3";
}
.editor-toolbar button.heading-bigger:after {
    content: "\25B2";
}
.editor-toolbar button.heading-smaller:after {
    content: "\25BC";
}
.editor-toolbar.disabled-for-preview button:not(.no-disable) {
    opacity: 0.6;
    pointer-events: none;
}
@media only screen and (max-width: 700px) {
    .editor-toolbar i.no-mobile {
        display: none;
    }
}
.editor-statusbar {
    padding: 8px 10px;
    font-size: 12px;
    color: #959694;
    text-align: right;
}
.EasyMDEContainer.sided--no-fullscreen .editor-statusbar {
    width: 100%;
}
.editor-statusbar span {
    display: inline-block;
    min-width: 4em;
    margin-left: 1em;
}
.editor-statusbar .lines:before {
    content: "lines: ";
}
.editor-statusbar .words:before {
    content: "words: ";
}
.editor-statusbar .characters:before {
    content: "characters: ";
}
.editor-preview-full {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 7;
    overflow: auto;
    display: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.editor-preview-side {
    position: fixed;
    bottom: 0;
    width: 50%;
    top: 50px;
    right: 0;
    z-index: 9;
    overflow: auto;
    display: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #ddd;
    word-wrap: break-word;
}
.editor-preview-active-side {
    display: block;
}
.EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    height: auto;
    position: static;
}
.editor-preview-active {
    display: block;
}
.editor-preview {
    padding: 10px;
    background: #fafafa;
}
.editor-preview > p {
    margin-top: 0;
}
.editor-preview pre {
    background: #eee;
    margin-bottom: 10px;
}
.editor-preview table td,
.editor-preview table th {
    border: 1px solid #ddd;
    padding: 5px;
}
.cm-s-easymde .cm-tag {
    color: #63a35c;
}
.cm-s-easymde .cm-attribute {
    color: #795da3;
}
.cm-s-easymde .cm-string {
    color: #183691;
}
.cm-s-easymde .cm-header-1 {
    font-size: 200%;
    line-height: 200%;
}
.cm-s-easymde .cm-header-2 {
    font-size: 160%;
    line-height: 160%;
}
.cm-s-easymde .cm-header-3 {
    font-size: 125%;
    line-height: 125%;
}
.cm-s-easymde .cm-header-4 {
    font-size: 110%;
    line-height: 110%;
}
.cm-s-easymde .cm-comment {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 2px;
}
.cm-s-easymde .cm-link {
    color: #7f8c8d;
}
.cm-s-easymde .cm-url {
    color: #aab2b3;
}
.cm-s-easymde .cm-quote {
    color: #7f8c8d;
    font-style: italic;
}
.editor-toolbar .easymde-dropdown {
    position: relative;
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #fff), color-stop(84%, #fff), color-stop(50%, #333), to(#333));
    background: -webkit-linear-gradient(top left, #fff 0, #fff 84%, #333 50%, #333 100%);
    background: -o-linear-gradient(top left, #fff 0, #fff 84%, #333 50%, #333 100%);
    background: linear-gradient(to bottom right, #fff 0, #fff 84%, #333 50%, #333 100%);
    border-radius: 0;
    border: 1px solid #fff;
}
.editor-toolbar .easymde-dropdown:hover {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #fff), color-stop(84%, #fff), color-stop(50%, #333), to(#333));
    background: -webkit-linear-gradient(top left, #fff 0, #fff 84%, #333 50%, #333 100%);
    background: -o-linear-gradient(top left, #fff 0, #fff 84%, #333 50%, #333 100%);
    background: linear-gradient(to bottom right, #fff 0, #fff 84%, #333 50%, #333 100%);
}
.easymde-dropdown-content {
    display: block;
    visibility: hidden;
    position: absolute;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    padding: 8px;
    z-index: 2;
    top: 30px;
}
.easymde-dropdown:active .easymde-dropdown-content,
.easymde-dropdown:focus .easymde-dropdown-content {
    visibility: visible;
}
span[data-img-src]::after {
    content: "";
    background-image: var(--bg-image);
    display: block;
    max-height: 100%;
    max-width: 100%;
    background-size: contain;
    height: 0;
    padding-top: var(--height);
    width: var(--width);
    background-repeat: no-repeat;
}
.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {
    background: rgba(255, 0, 0, 0.15);
}
/* copied from editor.css */

.styles-module__mandatory____2b3Em::before {
    content: '* ';
    font-size: 15px;
    vertical-align: middle;
    color: #d2222d;
}/* @value oldColorGraySecondary from "../../common/colors.css"; */
/* @value shadeDark from "../../common/colors.css"; */

.table__tableContainer____2cNFj {
  /* border: 1px solid oldColorWarmGray; */
  /* border-radius: 4px; */
  border: none;
  /* TODO Responsive: reduce margins */
  margin-left: 16px;
  margin-right: calc(2 * 16px);
}

.table__table____2B6nD {
  width: 100%;
}

.table__thead____1YYIx {
  color: shadeDark;
  /* border-bottom: 1px solid oldColorWarmGray; */
  border-bottom: 1px solid rgb(142, 141, 142);
}

.table__thead____1YYIx .table__tableCell____or79b {
  /* NOTE: `height` has same behavior as `min-height` for table cells */
  height: 44px;
  padding: calc(1.5 * 5px) calc(2 * 5px);
  vertical-align: middle;
}

.table__tbody____2rxg8 {
}

.table__tbody____2rxg8 .table__tableCell____or79b {
  /* NOTE: `height` has same behavior as `min-height` for table cells */
  height: 56px;
  padding: calc(2 * 5px);
  vertical-align: middle;
}

.table__tableRow____W_aNG:not(:first-child) {
  /* border-top: 1px solid oldColorWarmGray; */
  border-top: 1px dotted rgb(142, 141, 142);
}

.table__tableRow____W_aNG.table__clickable____1lxEm {
  cursor: pointer;
}

.table__tableRow____W_aNG.table__clickable____1lxEm:hover {
  /* background-color: oldColorViolet4; */
  background-color: rgb(224, 224, 224);
}

.table__tableRow____W_aNG.table__clickable____1lxEm:active {
  background-color: #C6B1D7;
}

/** Right alignments */

.table__alignRightColumn1____2ci7f .table__tableCell____or79b:nth-child(1) {
  text-align: right;
}

.table__alignRightColumn2____1MGqa .table__tableCell____or79b:nth-child(2) {
  text-align: right;
}

.table__alignRightColumn3____1n26w .table__tableCell____or79b:nth-child(3) {
  text-align: right;
}

.table__alignRightColumn4____1UkOT .table__tableCell____or79b:nth-child(4) {
  text-align: right;
}

.table__alignRightColumn5____3P558 .table__tableCell____or79b:nth-child(5) {
  text-align: right;
}

.table__alignRightColumn6____2991L .table__tableCell____or79b:nth-child(6) {
  text-align: right;
}

.table__alignRightColumn7____28BC5 .table__tableCell____or79b:nth-child(7) {
  text-align: right;
}

.table__alignRightColumn8____2JdSP .table__tableCell____or79b:nth-child(8) {
  text-align: right;
}

.table__alignRightColumn9____1xJ3k .table__tableCell____or79b:nth-child(9) {
  text-align: right;
}

.table__alignRightColumn10____1vLuD .table__tableCell____or79b:nth-child(10) {
  text-align: right;
}

/** Center alignments */

.table__alignCenterColumn1____1jn0p .table__tableCell____or79b:nth-child(1) {
  text-align: center;
}

.table__alignCenterColumn2____3iLSq .table__tableCell____or79b:nth-child(2) {
  text-align: center;
}

.table__alignCenterColumn3____h-ZZ8 .table__tableCell____or79b:nth-child(3) {
  text-align: center;
}

.table__alignCenterColumn4____2Nbtf .table__tableCell____or79b:nth-child(4) {
  text-align: center;
}

.table__alignCenterColumn5____1n9Vi .table__tableCell____or79b:nth-child(5) {
  text-align: center;
}

.table__alignCenterColumn6____NGIpn .table__tableCell____or79b:nth-child(6) {
  text-align: center;
}

.table__alignCenterColumn7____1aheb .table__tableCell____or79b:nth-child(7) {
  text-align: center;
}

.table__alignCenterColumn8____1ZWUK .table__tableCell____or79b:nth-child(8) {
  text-align: center;
}

.table__alignCenterColumn9____2AUWH .table__tableCell____or79b:nth-child(9) {
  text-align: center;
}

.table__alignCenterColumn10____37E4a .table__tableCell____or79b:nth-child(10) {
  text-align: center;
}

/** Visibility of columns after breakpoints */

.table__column1VisibleAfterSm____veBZt .table__tableCell____or79b:nth-child(1) {
  display: none;
}

.table__column2VisibleAfterSm____28Ext .table__tableCell____or79b:nth-child(2) {
  display: none;
}

.table__column3VisibleAfterSm____3bguN .table__tableCell____or79b:nth-child(3) {
  display: none;
}

.table__column4VisibleAfterSm____vvcne .table__tableCell____or79b:nth-child(4) {
  display: none;
}

.table__column5VisibleAfterSm____b85f8 .table__tableCell____or79b:nth-child(5) {
  display: none;
}

.table__column6VisibleAfterSm____sXWzQ .table__tableCell____or79b:nth-child(6) {
  display: none;
}

.table__column7VisibleAfterSm____1qvsJ .table__tableCell____or79b:nth-child(7) {
  display: none;
}

.table__column8VisibleAfterSm____1NOYY .table__tableCell____or79b:nth-child(8) {
  display: none;
}

.table__column9VisibleAfterSm____2g37O .table__tableCell____or79b:nth-child(9) {
  display: none;
}

.table__column10VisibleAfterSm____1UYh- .table__tableCell____or79b:nth-child(10) {
  display: none;
}

@media (min-width: 600px) {
  .table__column1VisibleAfterSm____veBZt .table__tableCell____or79b:nth-child(1) {
    display: table-cell;
  }

  .table__column2VisibleAfterSm____28Ext .table__tableCell____or79b:nth-child(2) {
    display: table-cell;
  }

  .table__column3VisibleAfterSm____3bguN .table__tableCell____or79b:nth-child(3) {
    display: table-cell;
  }

  .table__column4VisibleAfterSm____vvcne .table__tableCell____or79b:nth-child(4) {
    display: table-cell;
  }

  .table__column5VisibleAfterSm____b85f8 .table__tableCell____or79b:nth-child(5) {
    display: table-cell;
  }

  .table__column6VisibleAfterSm____sXWzQ .table__tableCell____or79b:nth-child(6) {
    display: table-cell;
  }
  
  .table__column7VisibleAfterSm____1qvsJ .table__tableCell____or79b:nth-child(7) {
    display: table-cell;
  }
  
  .table__column8VisibleAfterSm____1NOYY .table__tableCell____or79b:nth-child(8) {
    display: table-cell;
  }
  
  .table__column9VisibleAfterSm____2g37O .table__tableCell____or79b:nth-child(9) {
    display: table-cell;
  }
  
  .table__column10VisibleAfterSm____1UYh- .table__tableCell____or79b:nth-child(10) {
    display: table-cell;
  }

  .table__tableContainer____2cNFj {
    border: none;
    margin-left: 48px;
    margin-right: calc(2 * 48px);
  }
  
}

.table__tableCell____or79b.table__columnBordered____2bRhc:not(:last-child) {
  border-right: 1px solid rgb(224, 224, 224);
  /* border-right: 1px solid oldColorWarmGray; */
}

/* TODO(ray): Column widths */
.text-input__textInput____2p805 {
  margin-bottom: calc(4 * 5px);
  border-radius: 4px;
  padding: 5px;
}

.text-input__input____27FBG {
  padding: 5px;
  width: 100%;
  border: 1px solid #4a4a4a;
  padding: 5px;
  min-height: 38px;
}

.text-input__input____27FBG.text-input__error____2rrof {
  border: 1px solid #d2222d;
  color: #d2222d;
  /* TODO(lois): Error text styles */
}

.text-input__errorMessage____1--bC {
  color: #d2222d;
  font-weight: bold;
}

.text-input__errorMessage____1--bC > span::before {
  content: "!";
  padding-right: calc(2 * 5px);
  color: #d2222d;
}.dropzone__container____1zmB_ {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    font-family: sans-serif;
  }
  
  .dropzone__container____1zmB_ > p {
    font-size: 1rem;
  }
  
  .dropzone__container____1zmB_ > em {
    font-size: .8rem;
  }

/**
 * The CSS for this component is really not the best. Ideally we'd like a smaller visible area so that clicking
 * for a file dialog works only in this area, but for the DZ itself to cover the entire page (cf GMail). 
 * The visible effects don't appear to work properly, and neither do the transitions. We could also manage
 * opacity and visibility better.
 * See https://stackoverflow.com/questions/28226021/entire-page-as-a-dropzone-for-drag-and-drop
 */

  .dropzone__dropzone____3tKeX {
    -ms-flex: 1 1;
        flex: 1 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    padding: 20px;
    border-width: 2px;
    border-radius: 2px;
    border-color: rgba(49, 47, 48, 0.15);
    border-style: dashed;
    background-color: rgb(245, 244, 243);
    color: rgba(49, 47, 48, 1);
    outline: none;
    -webkit-transition: border .24s ease-in-out;
    -o-transition: border .24s ease-in-out;
    transition: border .24s ease-in-out;
  }
  
  .dropzone__dropzone____3tKeX:focus {
    border-color: #e16e46;
  }
  
  .dropzone__dropzone____3tKeX.dropzone__disabled____2Sujn {
    opacity: 0.6;
  }
.message__container____2RQlI {
  display: -ms-flexbox;
  display: flex;

  /* box-shadow: 0 2px 4px 0 rgba(74, 74, 74, 0.3); */
  -webkit-box-shadow: 0 2px 4px 0 rgba(49, 47, 48, 0.15);
          box-shadow: 0 2px 4px 0 rgba(49, 47, 48, 0.15);
  background-color: #ffffff;
  height: 10vh;
}

.message__bar____OuEIy {
  width: 8px;
  background-color: #e16e46;
}

.message__errorBkgd____1oN5e {
  background-color: #d2222d;
}

.message__contentAndButtons____2G4Lf {
  -ms-flex: 1 1;
      flex: 1 1;
  padding: calc(2 * 5px);

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media (min-width: 600px) {
  .message__contentAndButtons____2G4Lf {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
  }
}

.message__content____3v0_D {
  -ms-flex: 1 1;
      flex: 1 1;
}

.message__title____ukGG8 {
  color: #e16e46;
}

.message__buttons____3E76R {
  margin-top: calc(2 * 5px);
  -ms-flex-item-align: end;
      align-self: flex-end;

  display: -ms-flexbox;

  display: flex;
}

@media (min-width: 600px) {
  .message__buttons____3E76R {
    margin-top: 0;
    margin-left: 5px;
    -ms-flex-item-align: center;
        align-self: center;

    -ms-flex-direction: column;

        flex-direction: column;
  }
}

.message__button____OraQ- {
  min-width: 108px;
}

.message__buttonLabel____yFfr2 {
  color: #e16e46;
}

.message__errorColour____29rEr {
  color: #d2222d;
}
/* partial copy of button.css and competency-gap-report.css */

/* This is a hack */

/* /// --- [ TODO ] --- */
.editor__select____3dMeU {
  display: block;
  font-size: 16px;
  font-family: "OpenSans", sans-serif;
  font-weight: 400;
  color: #444;
  /* line-height: 1; */
  line-height: 1.3;
  padding: 0.6em 1.4em 0.5em 0.8em;
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  /*   , linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); */
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}

.editor__select____3dMeU::-ms-expand {
  display: none;
}
.editor__select____3dMeU:hover {
  border-color: #888;
}
.editor__select____3dMeU:focus {
  border-color: #aaa;
  -webkit-box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
          box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}
.editor__select____3dMeU option {
  font-weight: normal;
}

.editor__button____1Yo3P {
  position: relative;
  width: 100%;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;

  border-radius: 0;
}

.editor__button____1Yo3P.editor__primary____1BT-_ {
  color: #ffffff;
  background-color: #e16e46;
}

.editor__button____1Yo3P.editor__primary____1BT-_:disabled {
  background-color: rgb(205, 204, 204);
  color: rgb(205, 204, 204);
}
.editor__button____1Yo3P.editor__primary____1BT-_:hover:not(:disabled) {
  background-color: rgb(245, 244, 243);
}

.editor__button____1Yo3P.editor__primary____1BT-_:active:not(:disabled) {
  background-color: rgb(245, 244, 243);
}

.editor__button____1Yo3P.editor__secondary____1pmaN {
  border: 2px solid rgba(49, 47, 48, 0.15);
  color: #e16e46;
  background-color: #ffffff;
}

.editor__button____1Yo3P.editor__secondary____1pmaN:disabled,
.editor__button____1Yo3P.editor__tertiary____26HiZ:disabled {
  border-radius: 2px;
  border: 2px solid rgba(49, 47, 48, 0.05);
  color: rgb(205, 204, 204);
  /* font-family: "Open SnsRegular"; */
}

.editor__button____1Yo3P.editor__secondary____1pmaN:hover:not(:disabled) {
  border-width: 2px;
}

.editor__button____1Yo3P.editor__secondary____1pmaN:active:not(:disabled) {
  border-width: 2px;
  background-color: rgb(142, 141, 142);
}

.editor__button____1Yo3P.editor__tertiary____26HiZ {
  color: #e16e46;
  background-color: #ffffff;
}

.editor__button____1Yo3P.editor__tertiary____26HiZ:hover:not(:disabled) {
  background-color: #ffffff;
}

.editor__button____1Yo3P.editor__tertiary____26HiZ:active:not(:disabled) {
  background-color: #e16e46;
}

.editor__button____1Yo3P.editor__regular____3bJO5 {
  min-height: 48px;
  padding: calc(12px - 2 * 2px);
}

.editor__button____1Yo3P.editor__small____2LVCo {
  min-height: 36px;
  padding: calc(6px - 2 * 2px)
    calc(12px - 2 * 2px);
}

.editor__button____1Yo3P.editor__round____3IEP4 {
  color: #ffffff;
  background-color: rgb(245, 244, 243);
  width: auto;
  display: inline-block;
  border-radius: 8px;
  min-height: 40px;
  padding: 5px calc(2 * 5px);
}

.editor__button____1Yo3P.editor__round____3IEP4:disabled {
  background-color: rgb(205, 204, 204);
  color: rgb(205, 204, 204);
}
.editor__button____1Yo3P.editor__round____3IEP4:hover:not(:disabled) {
  background-color: rgba(49, 47, 48, 0.05);
}

.editor__button____1Yo3P.editor__round____3IEP4:active:not(:disabled) {
  background-color: rgba(49, 47, 48, 0.05);
}

.editor__button____1Yo3P .editor__content____2Lef5 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.editor__button____1Yo3P .editor__nav____FXQwp {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  /* justify-content: space-between; */
}
.editor__button____1Yo3P .editor__contentLabel____2b9Xt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.editor__button____1Yo3P .editor__leftIcon____2shKg {
  margin-right: 5px;
}

.editor__button____1Yo3P .editor__rightIcon____3gCng {
  margin-left: 5px;
}

.editor__buttonListContainer____C5C12 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row-reverse nowrap;
      flex-flow: row-reverse nowrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 10px;
  padding: 10px;
}

/* .buttonList {
  float: right;
  padding: 10px;
} */

.editor__page____2Mtkx {
  /* height: 100vh; */
  /* Clip the debug overlay */
  overflow: hidden;

  background-color: rgb(245, 244, 243);
}

.editor__body____3Yj1d {
  height: 100%;
  margin: 0 calc(48px);
  overflow-y: auto;

  /* background-color: white; */
}

.editor__bodyNoOverflow____2oNqw {
  height: 100%;
  margin: 0 calc(48px);

  /* background-color: white; */
}

/* Add extra margin for a simple set of checkItems */
.editor__row____2SctW.editor__checkItemSet____3ILb2 {
  /* overflow-y: scroll; */
  margin-bottom: calc(4 * 5px);
}

.editor__row____2SctW + .editor__row____2SctW {
  margin-top: calc(4 * 5px);
}

.editor__body____3Yj1d + .editor__body____3Yj1d {
  margin-top: calc(8 * 5px);
}

.editor__messageList____-2-oI {
  list-style-position: inside;
}

.editor__preview____Yq8q1 {
  padding: 10px;
}

.editor__displayImg____umaoh {
  padding: 10px;
}






.editor__container____3o8oV {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
}

.editor__category____1gFV4 {
    margin-right: calc(10 * 5px);
}

.editor__content____2Lef5 {
    width: 600px;
    max-width: 100%;

    background-color: #ffffff;
    position: absolute;
    left: 50%;
    top: 50px;
    right: 50%;
    bottom: 40px;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: 0 0 16px 0 rgba(49, 47, 48, 0.15);

            box-shadow: 0 0 16px 0 rgba(49, 47, 48, 0.15);
    margin-left: -300px;
}

.editor__overlay____1xAGL {
    position: fixed;
    top: 171px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: undefined;
}

.editor__text____2M-a9 {
    margin: calc(4 * 5px);
}

.editor__title____3JnWH {
}

.editor__competency____2BTX8 {
}

.editor__definition____3C3Sa {
}

.editor__description____Vfo4l,
.editor__tips____p-_y9 {
}

.editor__uppercase____30SVc {
  text-transform: uppercase;
}

.editor__mandatory____3m7VE::before {
  content: '* ';
  font-size: 15px;
  vertical-align: middle;
  color: #d2222d;
}
.tab-panel__panel____1tmB7 {
    margin-top: -1px;
    padding: 1em;
    /* border: 1px solid shadeMedium; */
  }
  
  .tab-panel__accordion____1Tc3n .tab-panel__panel____1tmB7 {
    margin-top: 0;
  }
  .repository-file-picker__repositoryList____2HqsT {
  left: 25%;

  /* Duplicate style from default react-modal */
  background-color: #ffffff;
  position: absolute;
  top: 40px;
  right: 40px;
  bottom: 40px;
  border: 1px solid rgb(245, 244, 243);
  overflow: auto;
  border-radius: 4px;
  outline: none;
  padding: 20px;
  width: 50%;
}

.repository-file-picker__currentFile____CNtvd {
  background-color: #C6B1D7;
}
.tab-container__container____2Un3g {
  /* position: relative; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
}

/****************************/
/******** tab styles ********/
/****************************/
.tab-container__tabs____1zeYr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: end;
      align-items: flex-end;
}

/* When buttons are passed in to the container - 
   scrap the float-right shit and use nested 
   flexbox stuff to (a) take up remaining space in tab line
   and (b) start from the right
   Not fully tested for lots of tabs or responsive
*/
.tab-container__buttonContainer____2K8Am {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-positive: 2;
      flex-grow: 2;
}

.tab-container__accordion____3vu4m {
  -ms-flex-direction: column;
      flex-direction: column;
}

.tab-container__tab____3-JQD {
  /* background: #eee; */
  /* border-style: solid; */
  /* border-color: #ddd; */
  /* border-width: 1px 1px 1px 0; */
  cursor: pointer;
  /* z-index: 1; */
  white-space: nowrap;
  padding: 0.7em 1em;
}

.tab-container__tab____3-JQD:focus {
  outline: 0;
  /* background-color: #e6e6e6; */
}

.tab-container__accordion____3vu4m .tab-container__tab____3-JQD {
  border-left-width: 1px;
}

.tab-container__tab__first____1o6m6 {
  border-left-width: 1px;
}

/* .tab__selected {
    background: #fff;
    border-color: #ddd #ddd #fff;
  } */

/* .tab__selected:focus {
    background-color: #fff;
  } */

.tab-container__tab__disabled____13ZKM {
  opacity: 0.5;
  cursor: not-allowed;
}

.tab-container__tab____3-JQD:focus {
  z-index: 2;
}

.tab-container__tab__selected____3xnD8 .tab-container__removable____1uyB7 {
  position: relative;
}

.tab-container__tab__selected____3xnD8 .tab-container__removable-text____1wTJK {
  margin-right: 10px;
}

.tab-container__tab__selected____3xnD8 .tab-container__removable-icon____1mgGw {
  position: absolute;
  font-size: 18px;
  right: 0.5em;
  top: 0.2em;
}

/****************************/
/********* panel styles *****/
/****************************/
.tab-container__panel____15fU5 {
  margin-top: -1px;
  padding: 1em;
  border: 1px solid rgba(49, 47, 48, 0.15);
}

.tab-container__accordion____3vu4m .tab-container__panel____15fU5 {
  margin-top: 0;
}

/****************************/
/******* showmore control ***/
/****************************/
.tab-container__showmore____Frt1a {
  background: rgb(142, 141, 142);
  border: 1px solid rgba(49, 47, 48, 0.15);
  cursor: pointer;
  z-index: 1;
  white-space: nowrap;
  margin-left: -1px;
  position: relative;
}

.tab-container__showmore--selected____OBo9r {
  background: #ffffff;
  border-bottom: none;
}

.tab-container__showmore-label____mYM2e {
  padding: 0.7em 1em;
  position: relative;
  bottom: -1px;
  z-index: 1;
}

.tab-container__showmore-label--selected____2w0dL {
  background-color: rgb(142, 141, 142);
}

.tab-container__showmore-list____36MY6 {
  position: absolute;
  right: -1px;
  top: 100%;
  display: none;
}

.tab-container__showmore-list--opened____2EFQg {
  display: block;
}

/****************************/
/********** inkbar **********/
/****************************/
.tab-container__inkbar-wrapper____1t386 {
  width: 100%;
}

.tab-container__inkbar____1WIT7 {
  position: relative;
  bottom: 0;
  height: 2px;
  margin-top: -2px;
  background-color: #e16e46; /*deepskyblue; */
  -webkit-transition: left 800ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: left 800ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: left 800ms cubic-bezier(0.23, 1, 0.32, 1);
  /* z-index: 2; */
}
.details-view__page____33qC6 {
  /* height: 100vh; */
  /* Clip the debug overlay */
  overflow: hidden;

  /* background-color: lightblue; */
}

.details-view__body____3znpx {
  height: 100%;
  margin: 0 calc(48px);

  /* background-color: white; */
}

.details-view__body____3znpx + .details-view__body____3znpx {
  margin-top: calc(4 * 5px);
}

.details-view__row____J667R {
  /* overflow-y: scroll; */
}

.details-view__row____J667R + .details-view__row____J667R {
  margin-top: calc(4 * 5px);
}

.details-view__box____3tRI6 {
  padding: 5px;

  /* border: 2px dashed gray;
  background-color: lightgreen; */
}

/* /// --- [ TODO ] --- */
.details-view__select____2xGDL {
  display: block;
  font-size: 16px;
  font-family: "OpenSans", sans-serif;
  font-weight: 400;
  color: #444;
  line-height: 1.3;
  padding: 0.6em 1.4em 0.5em 0.8em;
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  /*   , linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); */
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}
.details-view__select____2xGDL::-ms-expand {
  display: none;
}
.details-view__select____2xGDL:hover {
  border-color: #888;
}
.details-view__select____2xGDL:focus {
  border-color: #aaa;
  -webkit-box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
          box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}
.details-view__select____2xGDL option {
  font-weight: normal;
}

.details-view__buttonList____1PGr7 {
  float: right;
  padding: 10px;
}

.details-view__detailWithList____22rDR {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.common__modal____3zC2S {
  left: 10%;
  width: 80%;

  /* Duplicate style from default react-modal */
  background-color: #ffffff;
  position: absolute;
  top: 40px;
  right: 40px;
  bottom: 40px;
  border: 1px solid rgb(245, 244, 243);
  overflow: auto;
  border-radius: 4px;
  outline: none;
  padding: 20px;
}

.common__selected____3x2Si {
  background-color: #f6f6f6;
}

.common__buttonListContainer____HCPBO {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row-reverse nowrap;
      flex-flow: row-reverse nowrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 10px;
  padding: 10px;
}

.common__markdown____10jeN {
  padding: 10px;
}

.common__box____1NZn_ {
  padding: unit;
}

.common__uppercase____3Tost {
  text-transform: uppercase;
}

.common__imgScaleDown____Z9G-1 {
    max-width: 100px;
    max-height: 80px;
    -o-object-fit: scale-down;
       object-fit: scale-down;
    overflow: hidden;
}

.common__noBorder____3WA9n {
  border: 0;
}

.common__pushLeft____3koQF {
  margin-right: auto;
}

.common__maxWidthSmall____1IKW2 {
    overflow-x: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 180px;
}
.common__maxWidthMedium____1XeP- {
    overflow-x: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 360px;
}
.common__maxWidthLarge____qMP4G {
    overflow-x: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 540px;
}.appuser-upload-result-screen__repositoryList____1emn0 {
  left: 25%;

  /* Duplicate style from default react-modal */
  background-color: #ffffff;
  position: absolute;
  top: 40px;
  right: 40px;
  bottom: 40px;
  border: 1px solid rgb(245, 244, 243);
  overflow: auto;
  border-radius: 4px;
  outline: none;
  padding: 20px;
  width: 50%;
}

.appuser-upload-result-screen__selected____9_oat {
  background-color: #C6B1D7;
}

.appuser-upload-result-screen__errorText____m_9Gp {
  color: #d2222d;
}

.appuser-upload-result-screen__warningText____1EO4K {
    color: #ffbf00;
  }
  
  .appuser-upload-result-screen__okText____1L3Wt {
  color: #238823;
}/* Doesn't work - can't inject CSS-Modules into rc-slider without a lot of effort */
.rc-slider__railStyle____3_uW3 {
  color: #e16e46;
  background-color: #e16e46;
  border-color: #e16e46;
}

.rc-slider {
  position: relative;
  width: 100%;
  height: 14px;
  padding: 5px 0;
  border-radius: 6px;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #e9e9e9;
  border-radius: 6px;
}
.rc-slider-track {
  position: absolute;
  height: 4px;
  background-color: #ffbf00;
  /* background-color: #abe2fb; */
  border-radius: 6px;
}
.rc-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #ffbf00;
  /* border: solid 2px #96dbfa; */
  border-radius: 50%;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  opacity: 0.8;
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  -webkit-box-shadow: 0 0 0 5px #ffbf00;
          box-shadow: 0 0 0 5px #ffbf00;
  /* box-shadow: 0 0 0 5px #96dbfa; */
}
.rc-slider-handle:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.rc-slider-handle:focus-visible {
  border-color: #2db7f5;
  -webkit-box-shadow: 0 0 0 3px #ffbf00;
          box-shadow: 0 0 0 3px #ffbf00;
  /* box-shadow: 0 0 0 3px #96dbfa; */
}
.rc-slider-handle-click-focused:focus {
  border-color: #ffbf00;
  /* border-color: #96dbfa; */
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  -webkit-box-shadow: 0 0 5px #57c5f7;
          box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: #666;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 10px;
}
rc-slider-mark-text:last-of-type {

}
.rc-slider-mark-text-active {
  color: #111;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
  pointer-events: none;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  background-color: #fff;
  border: 2px solid #e9e9e9;
  border-radius: 50%;
  cursor: pointer;
}
.rc-slider-dot-active {
  border-color: #ffbf00;
  /* border-color: #96dbfa; */
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  background-color: #fff;
  border-color: #ccc;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-track {
  bottom: 0;
  left: 5px;
  width: 4px;
}
.rc-slider-vertical .rc-slider-handle {
  margin-top: 0;
  margin-left: -5px;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-dot {
  margin-left: -2px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  display: block !important;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  display: block !important;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  -webkit-animation-name: rcSliderTooltipZoomDownIn;
          animation-name: rcSliderTooltipZoomDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  -webkit-animation-name: rcSliderTooltipZoomDownOut;
          animation-name: rcSliderTooltipZoomDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
            transform: scale(0, 0);
    -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
            transform: scale(0, 0);
    -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
.rc-slider-tooltip {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: visible;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  min-width: 24px;
  height: 24px;
  padding: 6px 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 4px #d9d9d9;
          box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}
.accordion__container____2szCj {
  border: solid 1px rgb(142, 141, 142);
  background-color: rgb(245, 244, 243);
  border-radius: 4px;
  /* TODO: Would be better with '.container + .container' selector */
  margin-bottom: 5px;
}

.accordion__paddedContent____1oxAz {
  padding: calc(2 * 5px);
}

@media (min-width: 600px) {
  .accordion__paddedContent____1oxAz {
    padding-left: calc(4 * 5px);
    padding-right: calc(4 * 5px);
  }
}

.accordion__header____30kXt {

  display: -ms-flexbox;

  display: flex;
  -ms-flex-align: center;
      align-items: center;

  cursor: pointer;
}

.accordion__icon____2y89e {
  width: 40px;
  height: 40px;
}

.accordion__heading____15CRx {
  -ms-flex: 1 1;
      flex: 1 1;
  margin: 0 calc(2 * 5px);
}

.accordion__title____14bdJ {
}

.accordion__expander____4njOJ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.accordion__expanderLabel____2cbBM {

  margin-left: 5px;

  color: #e16e46;

  /* Only show in bigger breakpoints */
  display: none;
}

@media (min-width: 960px) {
  .accordion__expanderLabel____2cbBM {
    display: block;
  }
}

.accordion__collapsedContent____dGisg {
  border-top: 1px solid rgb(224, 224, 224);
}

.accordion__expandedContent____1UUdI {
  border-top: 1px solid rgb(224, 224, 224);
}
.self-assessment-question-screen__errorText____3aqLk {
    margin-top: 5px;
    text-align: center;
    color: oldColorRed;
}

.self-assessment-question-screen__draggableAnswer____2-Xsg {
  background-color: #ffffff;
  cursor: 'move';
}

.self-assessment-question-screen__container____zL_fk {
  width: 100%;
  min-height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: row;
      flex-direction: row;
  display: -ms-flexbox;
  display: flex;
}

.self-assessment-question-screen__container____zL_fk strong {
  font-weight: bold;
}

.self-assessment-question-screen__container____zL_fk blockquote {
  font-style: italic;
  padding-left: 2em;
}

.self-assessment-question-screen__container____zL_fk a {
  text-decoration: underline;
}

.self-assessment-question-screen__content____h7U6d {
  -ms-flex: 0 0 850px;
      flex: 0 0 850px;
  padding-bottom: calc(10 * 5px);
  background-color: #ffffff;
  height: 100%;
  -webkit-box-shadow: 0 0 5px 0 rgba(49, 47, 48, 0.05);
          box-shadow: 0 0 5px 0 rgba(49, 47, 48, 0.05);
}

.self-assessment-question-screen__definition____2PQZQ {
  padding-bottom: calc(2 * 5px);
}

.self-assessment-question-screen__slider____1mxuT {
  padding-bottom: calc(4 * 5px);
}

.self-assessment-question-screen__text____1f_-H {
  margin-left: calc(10 * 5px);
  margin-right: calc(10 * 5px);
}

.self-assessment-question-screen__exit____3pYgH {
  margin: calc(4 * 5px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.self-assessment-question-screen__title____1W_M6 {
  text-align: center;
  margin-bottom: calc(10 * 5px);
}

.self-assessment-question-screen__question____19p4A {
  margin-bottom: calc(6 * 5px);
}

.self-assessment-question-screen__answers____3Q8dK {
  margin-bottom: calc(10 * 5px);
}

.self-assessment-question-screen__buttons____7etzA {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
}

.self-assessment-question-screen__button____2YJ8M {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(30 * 5px);
      flex-basis: calc(30 * 5px);
  margin-left: calc(4 * 5px);
  margin-right: calc(4 * 5px);
}

.self-assessment-question-screen__noBorder____gc5BX {
  border: 0;
}

.self-assessment-question-screen__noMargins____3MNjt {
  margin-left: 0;
  margin-right: 0;
}

.self-assessment-question-screen__noLeftMargin____1Qokr {
  margin-left: 0;
  margin-right: 32px;
}
.modal__content____3CzLL {
    width: calc(120 * 5px);
    max-width: 100%;

    background-color: #ffffff;
    position: absolute;
    left: 50%;
    top: calc(8 * 5px);
    right: 50%;
    bottom: calc(8 * 5px);
    overflow: auto;
    outline: none;

    -webkit-box-shadow: 0 0 16px 0 rgba(49, 47, 48, 0.15);

            box-shadow: 0 0 16px 0 rgba(49, 47, 48, 0.15);
    margin-left: -300px;
}

.modal__editorContent____2gi6s {
    width: calc(120 * 5px);
    max-width: 100%;

    background-color: #ffffff;
    position: absolute;
    left: 50%;
    top: calc(26 * 5px);
    right: 50%;
    bottom: calc(12 * 5px);
    overflow: auto;
    outline: none;

    -webkit-box-shadow: 0 0 16px 0 rgba(49, 47, 48, 0.15);

            box-shadow: 0 0 16px 0 rgba(49, 47, 48, 0.15);
    margin-left: -250px;

}

.modal__overlay____3uIlJ {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: undefined;
}.pill__pill____2V7F5 {
  border-radius: calc(2 * 5px);

  text-align: center;
  padding: calc(0.5 * 5px) calc(2 * 5px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;

}

.pill__pill____2V7F5.pill__filled____wXkyJ {
  background-color: rgba(255, 142, 105, 0.7);
}

.pill__pill____2V7F5.pill__bordered____3eUkC {
  border-color: #e16e46;
  border-style: solid;
  border-width: 1px;
}

.pill__pill____2V7F5.pill__overlaid____2Szom {
  background-color: rgba(255, 142, 105, 0.7);
  margin-bottom: calc(5px);
  margin-top: calc(-4 * 5px);
}/* @value secondaryRagAmber from "../../common/colors.css"; */

.progress-bar__container____3nuA7 {
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.progress-bar__bar____2Z3PO {
  width: 100%;
  height: 5px;

  border-radius: 2.5px;
}

.progress-bar__background____2jjF9 {
  background-color: rgb(205, 204, 204);
}

.progress-bar__progress____2L_6U {
  background-color: #e16e46;
}

.progress-bar__progressTip____1_xms {
  border-radius: 0px;
  padding: 8px;
  font-size: 10px;
  /* background-color: secondaryRagAmber; */
}.tile__tile____1C3Qt {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 8px 0 rgba(49, 47, 48, 0.15);
            box-shadow: 0 0 8px 0 rgba(49, 47, 48, 0.15);
    min-width: calc(60 * 5px);
    width: calc(60 * 5px);
}

.tile__tile____1C3Qt.tile__guidance____249ZN {
    min-width: calc(68 * 5px);
    width: calc(68 * 5px);
}

.tile__tile____1C3Qt.tile__disabled____1qLY4 {
    outline: 150px solid rgba(100, 100, 100, 0.3);
    outline-offset: -150px;
    cursor: not-allowed;
}

.tile__tile____1C3Qt.tile__completed____3obEH {
   color: rgb(205, 204, 204); 
}

.tile__header____1NRPo {
    padding: calc(4 * 5px);
}

.tile__title____1gcb1 {
    /** Minimise height differences based on content */
    /** FF2-491 In practice 90px is better than 60px */
    min-height: 90px;
}

.tile__image____2sZtb {
    /* fill out the card width */
    width: 100%;

/* crop all to same size vertically */
    height: 180px;
    -o-object-fit: cover;
       object-fit: cover;

    /** https://stackoverflow.com/questions/5804256/image-inside-div-has-extra-space-below-the-image */
    display: block;
}

.tile__progressBar____2qejr {
    text-align: right;
}

.tile__detail____2J0Tg {
    margin-top: calc(3 * 5px);
}

/* Copied from button.css */
.tile__spinner____39QYp {
    position: absolute;
    left: calc(50% - 0.5 * calc(10 * 5px));
    width: calc(10 * 5px);
    height: 100%;
  
    display: -ms-flexbox;
  
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
  
  .tile__spinner____39QYp:after {
    content: "";
    border: calc(2 * 5px) solid rgb(205, 204, 204);
    border-top: calc(2 * 5px) solid rgb(224, 224, 224);
    border-radius: 50%;
    height: calc(2 * 5px);
    width: calc(2 * 5px);
    -webkit-animation: tile__spin____1EoIQ 1.5s linear infinite;
            animation: tile__spin____1EoIQ 1.5s linear infinite;
    display: inline-block;
  }
  
  /* Safari */
  @-webkit-keyframes tile__spin____1EoIQ {
    0% {
      -webkit-transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes tile__spin____1EoIQ {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  .ordered-item__orderedItem____1bOqR {
  margin-top: calc(3 * 5px);
  -ms-flex-align: start;
      align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  width: 100%;
}

.ordered-item__orderedItemLabel____2uq6e {
  margin-left: calc(4 * 5px);
}

.ordered-item__isDragging____2LnQL {
  opacity: 0.5;
}

.ordered-item__outlined____9WQsG.ordered-item__orderedItem____1bOqR {
  padding: calc(3 * 5px) calc(4 * 5px);
  border: 1.5px solid #e16e46;
}

.ordered-item__hintText____1Ot6Z {
  margin-top: 5px;
}
.draggable-item__draggableEditorItem____2z8v8 {
  background-color: #ffffff;
  cursor: 'move';
}
.ordered-editor-item__orderedEditorItem____34fov {
  margin-top: calc(3 * 5px);
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  width: 100%;
}

.ordered-editor-item__orderedEditorItemLabel____rA_NT {
  margin-left: calc(4 * 5px);
}

.ordered-editor-item__orderedEditorElement____12eLc {
  -ms-flex: 6 1 auto;
      flex: 6 1 auto;
}

.ordered-editor-item__orderedEditorControl____sbCoC {
  -ms-flex: 1 2 auto;
      flex: 1 2 auto;
}
.ordered-editor-item__isDragging____6N3w_ {
  opacity: 0.5;
}

.ordered-editor-item__outlined____xBOv1.ordered-editor-item__orderedEditorItem____34fov {
  padding: calc(3 * 5px) calc(4 * 5px);
  border: 1.5px solid #e16e46;
}

.ordered-editor-item__hintText____DaxNk {
  margin-top: 5px;
}
.draggable-editor-item__draggableItem____3GUr2 {
  background-color: #ffffff;
  cursor: 'move';
}
.list__modal____1zDck {
  left: 10%;
  width: 80%;

  /* Duplicate style from default react-modal */
  background-color: #ffffff;
  position: absolute;
  top: 40px;
  right: 40px;
  bottom: 40px;
  border: 1px solid rgb(245, 244, 243);
  overflow: auto;
  border-radius: 4px;
  outline: none;
  padding: 20px;
}

.list__selected____3gTry {
  background-color: #f6f6f6;
}

.list__buttonListContainer____30JXo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row-reverse nowrap;
      flex-flow: row-reverse nowrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 10px;
  padding: 10px;
}

/* .buttonList {
  / * float: right; * /
  margin-left: auto;
  padding: 10px;
} */

.list__markdown____2kUoL {
  padding: 10px;
}

.list__box____1i_cS {
  padding: unit;

  /* border: 2px dashed gray;
  background-color: lightgreen; */
}

.list__uppercase____vw6TY {
  text-transform: uppercase;
}

/* .imgDiv {
  height: 100px;
} */

.list__imgScaleDown____3yAVq {
    max-width: 100px;
    max-height: 80px;
    -o-object-fit: scale-down;
       object-fit: scale-down;
    overflow: hidden;
}

.list__noBorder____3AJGV {
  border: 0;
}

.list__noMargins____1DmsG {
  margin-left: 0;
  margin-right: 0;
}

.list__noLeftMargin____37Rkz {
  margin-left: 0;
  margin-right: 32px;
}

.quiz-question-screen__errorText____5H92- {
    margin-top: 5px;
    text-align: center;
    color: oldColorRed;
}

.quiz-question-screen__draggableAnswer____2aMZX {
  background-color: #ffffff;
  cursor: 'move';
}

.quiz-question-screen__container____k3TQz {
  width: 100%;
  min-height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: row;
      flex-direction: row;
  display: -ms-flexbox;
  display: flex;
}

/* TODO: if the flex settings in page-container are fixed so they work properly, this should not be necessary */
.quiz-question-screen__detailContainer____3dW65 {
  position: relative;
  right: -150px;
  top: 20px;
}



.quiz-question-screen__container____k3TQz strong {
  font-weight: bold;
}

.quiz-question-screen__container____k3TQz blockquote {
  font-style: italic;
  padding-left: 2em;
}

.quiz-question-screen__container____k3TQz a {
  text-decoration: underline;
}

.quiz-question-screen__content____2BZfK {
  -ms-flex: 0 0 650px;
      flex: 0 0 650px;
  padding-bottom: calc(10 * 5px);
  background-color: #ffffff;
  height: 100%;
  -webkit-box-shadow: 0 0 5px 0 rgba(49, 47, 48, 0.05);
          box-shadow: 0 0 5px 0 rgba(49, 47, 48, 0.05);
}

.quiz-question-screen__text____2b3xa {
  margin-left: calc(10 * 5px);
  margin-right: calc(10 * 5px);
}

.quiz-question-screen__exit____1uCKq {
  margin: calc(4 * 5px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.quiz-question-screen__title____1Yxk_ {
  text-align: center;
  margin-bottom: calc(10 * 5px);
}

.quiz-question-screen__question____3Gdz7 {
  margin-bottom: calc(6 * 5px);
}

.quiz-question-screen__answers____kpP74 {
  margin-bottom: calc(10 * 5px);
}

.quiz-question-screen__buttons____14BuV {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
}

.quiz-question-screen__button____3Lw15 {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(30 * 5px);
      flex-basis: calc(30 * 5px);
  margin-left: calc(4 * 5px);
  margin-right: calc(4 * 5px);
}.select-option__option____3l0rK {
  min-height: 48px;
  padding: calc(1.5 * 5px) 5px;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;

  cursor: pointer;
  border: 1px solid #bebbc8;
  border-radius: 2px;
  background-color: #ffffff;
}

.select-option__option____3l0rK.select-option__round____3zmN3 {
  border-radius: 10px;
}

.select-option__option____3l0rK.select-option__violet____Gd0Vh {
  color: #652c91;
}

.select-option__option____3l0rK.select-option__violet____Gd0Vh.select-option__selected____1WXt7 {
  color: #ffffff;
  background-color: #652c91;
}

.select-option__option____3l0rK.select-option__green____3zGJ1 {
  color: darkgreen;
}

.select-option__option____3l0rK.select-option__green____3zGJ1.select-option__selected____1WXt7 {
  color: #ffffff;
  background-color: darkgreen;
}

.select-option__option____3l0rK.select-option__blue____1x6sS {
  color: #027db6;
}

.select-option__option____3l0rK.select-option__blue____1x6sS.select-option__selected____1WXt7 {
  color: #ffffff;
  background-color: #027db6;
}

.select-option__option____3l0rK.select-option__orange____1_sfV {
  color: #cc4e00;
}

.select-option__option____3l0rK.select-option__orange____1_sfV.select-option__selected____1WXt7 {
  color: #ffffff;
  background-color: #cc4e00;
}

.select-option__option____3l0rK.select-option__purple____10Jd0 {
  color: purple;
}

.select-option__option____3l0rK.select-option__purple____10Jd0.select-option__selected____1WXt7 {
  color: #ffffff;
  background-color: purple;
}

.select-option__option____3l0rK.select-option__disabled____2GqAz {
  color: #bebbc8;
  background-color: grey;
}.competency-bars__container____1AIRP {
  display: -ms-flexbox;
  display: flex;
}.svg-builder__stroke____2cWrN {
    stroke: rgb(142, 141, 142);
    /* stroke-width: 1.5px; */
}

.svg-builder__line____1aiCY {
}

.svg-builder__line____1aiCY.svg-builder__faint____2YkOy {
    stroke: rgb(224, 224, 224);
}

.svg-builder__line____1aiCY.svg-builder__light____1CrfS {
    stroke: rgb(205, 204, 204);
    stroke-width: 0.5px;
}

.svg-builder__line____1aiCY.svg-builder__medium____1EuKv {
    stroke: rgb(142, 141, 142);
}

.svg-builder__line____1aiCY.svg-builder__dark____2own4 {
    stroke: rgba(49, 47, 48, 1);
}

.svg-builder__line____1aiCY.svg-builder__primary____1sjsE {
    stroke: #e16e46;
}

.svg-builder__circle____2JdaP {
}

.svg-builder__circle____2JdaP.svg-builder__background____1BBUN {
    fill: #ffffff;
    stroke: rgb(205, 204, 204);
    stroke-width: 0.5px;
}

.svg-builder__circle____2JdaP.svg-builder__filled____3Gmx9 {
    fill: rgb(224, 224, 224);
}

.svg-builder__circle____2JdaP.svg-builder__shaded____3J7O3 {
    fill: rgb(142, 141, 142);
}

.svg-builder__triangle____3e5ty {
    fill: rgb(224, 224, 224);
}

.svg-builder__label____2xBO- {
    cursor: pointer;
}

.svg-builder__label____2xBO-.svg-builder__large____y3xLX {
    font-size: 12px;
    font-weight: bold;
}

.svg-builder__label____2xBO-.svg-builder__small____3keQp {
    font-family: "Open SansRegular", sans-serif;
    font-size: 8px;
    font-weight: lighter;
    letter-spacing: 0.5px;
}

.svg-builder__rectangle____31eCH {
    fill: rgb(142, 141, 142);
}

.svg-builder__rectangle____31eCH.svg-builder__white____2zzBQ {
    fill: #ffffff;
}
.svg-builder__rectangle____31eCH.svg-builder__grey____21OZa {
    fill: rgb(224, 224, 224);
}
.svg-builder__rectangle____31eCH.svg-builder__orange____39H1n {
    fill: #e16e46;
}
.svg-builder__rectangle____31eCH.svg-builder__transparent____1nnEP {
    fill: rgba(0, 0, 0, 0);
}
.svg-builder__textbox____17pzi {
    background-color: rgb(142, 141, 142);
    padding: 0 5px;
}

.svg-builder__textbox____17pzi.svg-builder__white____2zzBQ {
    background-color: #ffffff;
}
.svg-builder__textbox____17pzi.svg-builder__grey____21OZa {
    background-color: rgb(224, 224, 224);
}
.svg-builder__textbox____17pzi.svg-builder__orange____39H1n {
    background-color: #e16e46;
}
.svg-builder__textbox____17pzi.svg-builder__transparent____1nnEP {
    background-color: rgba(0, 0, 0, 0);
}


.svg-builder__text____OlaKB.svg-builder__title____IJbgM {
    font-size: 20px;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    /* font- */
}

.svg-builder__text____OlaKB.svg-builder__subtitle____tu0_o {
    font-size: 14px;
    font-family: "Open SansRegular";
    font-weight: bold;
}

.svg-builder__text____OlaKB.svg-builder__detail____3Xm3y {
    font-size: 10px;
    font-family: "Open SansRegular";
}

.svg-builder__text____OlaKB.svg-builder__marker____3lgPx {
    font-size: 10px;
    font-family: "Open SansRegular";
    fill: rgb(142, 141, 142);
}

.svg-builder__label____2xBO-.svg-builder__highlighted____3oIAh {
    fill: #e16e46;
    font-weight: bold;
}

.svg-builder__notVisible____2lD-S {
    display: none;
}.competency-radar__radar____oy6RL {
    width: 100%
}

.competency-radar__grids____2NDNB {
    opacity: 0.5;
}
.competency-radar__grid_circular____TUQ9F, .competency-radar__grid_radial____3t6BU {
    stroke: gray;
    stroke-width: 0.5;
    stroke-dasharray: 0;
    fill: #ffffff;
    background-color: #ffffff;
}

.competency-radar__scoreLabels____-9fuB {
    fill: #027db6;
    font: 10px sans-serif;
}

.competency-radar__competencyLabels____16JX4, .competency-radar__competencyLabelsTspan____2Wode {
    fill: gray;
    font: 8px sans-serif;
}

.competency-radar__scorePlot____f9DwZ {
    stroke-width: 1;
    stroke-linecap: "square";
    stroke-linejoin: "round";
}

.competency-radar__scorePlotActual____49sHf {
    stroke: #027db6;
    fill: #027db6;
    fill-opacity: 0.0;
}

.competency-radar__scorePlotExpected____ataID {
    stroke: darkgreen;
    fill: darkgreen;
    fill-opacity: 0.0;
}

.competency-radar__scorePlotPrevious____SCU9P {
    stroke: #652c91;
    fill: #652c91;
    fill-opacity: 0.0;
}

.competency-radar__scorePlotGroup____3Yy26 {
    stroke :#cc4e00;
    fill: #cc4e00;
    fill-opacity: 0.0;
}

.competency-radar__scorePlotIndustry____TxIt9 {
    stroke: purple;
    fill: purple;
    fill-opacity: 0.0;
}

.competency-radar__plotKeyLegend____2s7XU {
    cursor: pointer;
    width: 200px;

    margin-right: calc(2 * 5px);
}

.competency-radar__plotKeyLegendDiagramSample____2lbeH {
    width: calc(2.5 * 5px);
    height: calc(2.5 * 5px);
    vertical-align: middle;
}

.competency-radar__plotKeyLegendCircleOuter____1Mje2 {
    stroke-width: 10%;
    r: 45%
}

.competency-radar__plotKeyLegendCircleInner____2tZ7g {
    stroke:none;
    r: 30%
}

.competency-radar__plotKeyLegendCircleInnerInactive____2ZVEd {
    fill-opacity: 0.3;
}
.competency-radar__plotKeyLegendCircleInnerActive____1t4TE {
    fill-opacity: 1.0;
}

.competency-radar__plotKeyLegendText____76uKy {
    margin: calc(1 * 5px);
}


.competency-radar__flexHorizontal____y5fhI {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
}

.competency-radar__plotKeyLegendLabelGroupContainer____2RA-M {
    margin-bottom: calc(8 * 5px);
}/* Value for radarContainer{left} when infoContainer is present: @media smBreak */
/* Value for radarContainer{left} when infoContainer is present: @media lgBreak */
/* Value for radarContainer{left} when infoContainer is absent: all @media */

/** This value should be the same as that in CompetencyBars.widthMargin */

.quiz-summary__quizScoreBlurb____nTcCq {
    text-align: center;

    font-size: 24px;
    font-weight: bold;
    line-height: 1.67;
    letter-spacing: 0.18px;

    margin-bottom: calc(5 * 5px);
    max-width: calc(61 * 5px);
}

.quiz-summary__quizScoreHighlight____34sE3 {
    font-size: 30px;
    letter-spacing: 0.23px;
    color: #238823;
}

.quiz-summary__report____1qgFK {
    max-width: calc(280 * 5px);
    margin-left: auto;
    margin-right: auto;
}

.quiz-summary__legendContainer____189WV {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 0 auto;
    margin-bottom: calc(5 * 5px);

    width: calc(100vw - 20 * 5px);
    max-width: calc(193 * 5px);
}

.quiz-summary__radarContainer____2GOQR {
    width: 100%;
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: calc(133 * 5px);
        flex-basis: calc(133 * 5px);
    max-width: calc(134 * 5px);
    max-height: calc(100 * 5px);
}

/* No infoContainer - same */
.quiz-summary__radarContainer2____3zQ7N {
    width: 100%;
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: calc(133 * 5px);
        flex-basis: calc(133 * 5px);
    max-width: calc(134 * 5px);
    max-height: calc(100 * 5px);
}

.quiz-summary__barContainer____1VVaO {
    margin-top: calc(5 * 5px);
    max-width: calc(118 * 5px);
    max-height: calc(100 * 5px);
    overflow-y: scroll;
}

.quiz-summary__barContainer____1VVaO::-webkit-scrollbar {
    width: calc(2 * 5px);
}

.quiz-summary__barContainer____1VVaO::-webkit-scrollbar-track {
    background-color: #ebebeb;
    border-radius: 10px;
}

.quiz-summary__barContainer____1VVaO::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: lightgray;
}


.quiz-summary__infoContainer____3eLyZ {
    width: calc(118 * 5px);
}

.quiz-summary__content____2NU-W {
    overflow-x: hidden;
}

.quiz-summary__animate____1RAnz {
    -webkit-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
}

@media (min-width: 600px) {
    .quiz-summary__content____2NU-W {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        position: relative;
        width: 100%;
        height: calc(calc(((365 - 210) / (960 - 600))) * 100vw + (210px - calc(((365px - 210px) / (960 - 600))) * 600));
    }

    .quiz-summary__quizScoreBlurb____nTcCq {
       text-align: left;
       margin-top: calc(5 * 5px);
    }

    .quiz-summary__legendContainer____189WV,
    .quiz-summary__quizScoreBlurb____nTcCq {
        margin-bottom: calc(10 * 5px);
    }

    .quiz-summary__barContainer____1VVaO {
        margin-top: 0;
        position: absolute;
        left: 100%;
        width: 50%;
    }

    .quiz-summary__radarContainer____2GOQR {
        position: absolute;
        left: 45%;
        width: 55%;
    }

    /* No infoContainer */
    .quiz-summary__radarContainer2____3zQ7N {
        position: absolute;
        left: 25%;
        width: 55%;
    }

    .quiz-summary__infoContainer____3eLyZ {
        -ms-flex-positive: 1;
            flex-grow: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
        -ms-flex-preferred-size: calc(60 * 5px);
            flex-basis: calc(60 * 5px);
        position: absolute;
        left: 0;
        width: 45%;
    }

    .quiz-summary__radarPadding____3ojP_ {
        -ms-flex: 0.5 1;
            flex: 0.5 1;
    }

    .quiz-summary__infoContainer____3eLyZ.quiz-summary__toSlide____MtH58 {
        left: -45%;
    }

    .quiz-summary__radarContainer____2GOQR.quiz-summary__toSlide____MtH58 {
        left: 0px;
    }

    .quiz-summary__radarContainer2____3zQ7N.quiz-summary__toSlide____MtH58 {
        left: 0px;
    }

    .quiz-summary__barContainer____1VVaO.quiz-summary__toSlide____MtH58 {
        /* this number is computed such that the radar graph overlaps half the widthMargin of the bar graph */
        left: calc(55% - 10% / 4);
    }
}

@media (min-width: 1280px) {

    .quiz-summary__content____2NU-W {
        height: 505px;
    }

    .quiz-summary__quizScoreBlurb____nTcCq {
        margin-left: calc(5 * 5px);
    }
    .quiz-summary__radarContainer____2GOQR {
        left: 40%;
    }

    /* No infoContainer */
    .quiz-summary__radarContainer2____3zQ7N {
        left: 25%;
    }

}.section-accordion__header____32L9B {
  padding-top: 0px;
  padding-bottom: calc(5 * 5px);

  border-bottom: solid 1px rgb(205, 204, 204);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;

  cursor: pointer;
}

.section-accordion__icon____2vkw2 {
  width: 40px;
  height: 40px;
}

.section-accordion__heading____lGg8E {
  -ms-flex: 1 1;
      flex: 1 1;
  margin: 0 calc(2 * 5px);
}

.section-accordion__title____jNtbg {
}

.section-accordion__expander____vdHr3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.section-accordion__expanderLabel____2wTT8 {

  margin-left: 5px;

  color: #652c91;

  /* Only show in bigger breakpoints */
  display: none;
}

@media (min-width: 960px) {
  .section-accordion__expanderLabel____2wTT8 {
    display: block;
  }
}.tile-accordions__content____ux0JW {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tile-accordions__tileContainer____2m-I9 {
    margin-right: 50px;
    margin-top: 50px;
}

.tile-accordions__spacing____1A2uN {
  padding-bottom: calc(10 * 5px);
}.tab-panel__panel____1XSOa {
  margin-top: -1px;
  padding: 1em;
  border: 1px solid rgb(142, 141, 142);
}

.tab-panel__accordion____tr5Xs .tab-panel__panel____1XSOa {
  margin-top: 0;
}
.tab-container__container____jOO8x {
  /* position: relative; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
}

/****************************/
/******** tab styles ********/
/****************************/
.tab-container__tabs____3x3pB {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: end;
      align-items: flex-end;
}

/* When buttons are passed in to the container - 
   scrap the float-right shit and use nested 
   flexbox stuff to (a) take up remaining space in tab line
   and (b) start from the right
   Not fully tested for lots of tabs or responsive
*/
.tab-container__buttonContainer____iCD7U {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-positive: 2;
      flex-grow: 2;
}

.tab-container__accordion____11wTX {
  -ms-flex-direction: column;
      flex-direction: column;
}

.tab-container__tab____2KqRN {
  /* background: #eee; */
  /* border-style: solid; */
  /* border-color: #ddd; */
  /* border-width: 1px 1px 1px 0; */
  cursor: pointer;
  /* z-index: 1; */
  white-space: nowrap;
  padding: 0.7em 1em;
}

.tab-container__tab____2KqRN:focus {
  outline: 0;
  /* background-color: #e6e6e6; */
}

.tab-container__accordion____11wTX .tab-container__tab____2KqRN {
  border-left-width: 1px;
}

.tab-container__tab__first____2WuMY {
  border-left-width: 1px;
}

/* .tab__selected {
    background: #fff;
    border-color: #ddd #ddd #fff;
  } */

/* .tab__selected:focus {
    background-color: #fff;
  } */

.tab-container__tab__disabled____3f4Cr {
  opacity: 0.5;
  cursor: not-allowed;
}

.tab-container__tab____2KqRN:focus {
  z-index: 2;
}

.tab-container__tab__selected____1ECm3 .tab-container__removable____3HgdK {
  position: relative;
}

.tab-container__tab__selected____1ECm3 .tab-container__removable-text____zYQz2 {
  margin-right: 10px;
}

.tab-container__tab__selected____1ECm3 .tab-container__removable-icon____2M4kx {
  position: absolute;
  font-size: 18px;
  right: 0.5em;
  top: 0.2em;
}

/****************************/
/********* panel styles *****/
/****************************/
.tab-container__panel____1-0iI {
  margin-top: -1px;
  padding: 1em;
  border: 1px solid rgba(49, 47, 48, 0.15);
}

.tab-container__accordion____11wTX .tab-container__panel____1-0iI {
  margin-top: 0;
}

/****************************/
/******* showmore control ***/
/****************************/
.tab-container__showmore____21Ar5 {
  background: rgb(142, 141, 142);
  border: 1px solid rgba(49, 47, 48, 0.15);
  cursor: pointer;
  z-index: 1;
  white-space: nowrap;
  margin-left: -1px;
  position: relative;
}

.tab-container__showmore--selected____19rqs {
  background: #ffffff;
  border-bottom: none;
}

.tab-container__showmore-label____3J_x7 {
  padding: 0.7em 1em;
  position: relative;
  bottom: -1px;
  z-index: 1;
}

.tab-container__showmore-label--selected____12Yue {
  background-color: rgb(142, 141, 142);
}

.tab-container__showmore-list____11kCU {
  position: absolute;
  right: -1px;
  top: 100%;
  display: none;
}

.tab-container__showmore-list--opened____3KMmM {
  display: block;
}

/****************************/
/********** inkbar **********/
/****************************/
.tab-container__inkbar-wrapper____2ZDO2 {
  width: 100%;
}

.tab-container__inkbar____WVlM7 {
  position: relative;
  bottom: 0;
  height: 2px;
  margin-top: -2px;
  background-color: #e16e46; /*deepskyblue; */
  -webkit-transition: left 800ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: left 800ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: left 800ms cubic-bezier(0.23, 1, 0.32, 1);
  /* z-index: 2; */
}
.guidance-category__container____2dZ2f {
  width: calc(76 * 5px);
  height: 100%;
}

.guidance-category__title____2V_-6 {
  font-weight: bold;

  padding: calc(4 * 5px);
  background-color: #ffffff;
  text-align: center;
}

.guidance-category__content____3Dq9t {
  background-color: #eae9e8;
  min-height: 100%;
  padding: calc(4 * 5px);
}/* This is a hack */

.competency-gap-report__container____1aVFm {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
}

.competency-gap-report__category____nd6Zs {
    margin-right: calc(10 * 5px);
}

.competency-gap-report__content____1qaSe {
    width: 600px;
    max-width: 100%;

    background-color: #ffffff;
    position: absolute;
    left: 50%;
    top: 50px;
    right: 50%;
    bottom: 40px;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: 0 0 16px 0 rgba(49, 47, 48, 0.15);

            box-shadow: 0 0 16px 0 rgba(49, 47, 48, 0.15);
    margin-left: -300px;
}

.competency-gap-report__overlay____15-hJ {
    position: fixed;
    top: 171px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: undefined;
}

.competency-gap-report__text____3AWRe {
    margin: calc(4 * 5px);
}

.competency-gap-report__title____3u4-9 {
}

.competency-gap-report__competency____1aijd {
}

.competency-gap-report__definition____FNst6 {
}

.competency-gap-report__tips____1PRne {
}/** Note: Urls are encoded SVGs using this tool: https://yoksel.github.io/url-encoder/ */

.filter__modal____rV-La {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;

    display: -ms-flexbox;

    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;

    background-color: #ffffff;
}


.filter__modal____rV-La:focus {
    outline: none;
}

.filter__margin____Mb6tT {
    margin-left: calc(4 * 5px);
    margin-right: calc(4 * 5px);
}

.filter__title____1yLvU {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: calc(8 * 5px);
}

.filter__filterIcon____31mMB {
    margin-right: calc(5 * 5px);
}

.filter__titleText____2Hm7E {
}

.filter__search____MNADF {
}

.filter__checkItems____2A_J9 {
    overflow-y: auto;
    -ms-flex: 1 1;
        flex: 1 1;
}

.filter__closeButton____3bWvH {
    margin-top: calc(4 * 5px);
    margin-bottom: calc(4 * 5px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
}

.filter__filterCategorySelector____3CCz3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: calc(4 * 5px);
}

.filter__showing____1w13y {
    -ms-flex: 1 1;
        flex: 1 1;
    margin-right: calc(5 * 5px);
}

.filter__select____24Vva {
    -ms-flex: 1 1;
        flex: 1 1;
    border-radius: 0px;
    border: 1px solid rgb(142, 141, 142);

    padding: calc(1.5 * 5px);
    background-color: #ffffff;
    -moz-appearance: none;
    -webkit-appearance: none;

    background-image: url("data:image/svg+xml,%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' viewBox='0 0 1024 1024'%3E%3Ctitle%3E%3C/title%3E%3Cg id='icomoon-ignore'%3E%3C/g%3E%3Cpath d='M768 426.197c0 3.968-1.28 7.893-5.248 11.861l-238.891 238.891c-2.951 3.214-7.172 5.22-11.861 5.22s-8.911-2.007-11.851-5.209l-0.011-0.012-238.891-238.891c-3.227-2.952-5.244-7.182-5.244-11.883s2.016-8.931 5.231-11.872l0.012-0.011 25.045-25.045c2.952-3.227 7.182-5.244 11.883-5.244s8.931 2.016 11.872 5.231l0.011 0.012 201.941 201.941 201.941-201.941c2.952-3.227 7.182-5.244 11.883-5.244s8.931 2.016 11.872 5.231l0.011 0.012 25.045 25.045c2.56 3.968 5.248 7.936 5.248 11.904z'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat, repeat;
    background-position: right calc(1 * 5px) top 50%, 0 0;
    background-size: calc(6 * 5px) auto, 100%;
}

.filter__select____24Vva:focus {
    outline: none;
}

@media (min-width: 600px) {
    .filter__modal____rV-La {
        left: 50%;
        bottom: 10%;

        -webkit-box-shadow: 0 0 8px 0 rgba(49, 47, 48, 0.15);

                box-shadow: 0 0 8px 0 rgba(49, 47, 48, 0.15);
    }
}

@media (min-width: 960px) {
    .filter__modal____rV-La {
        left: 60%;
        bottom: 15%;
    }
}

@media (min-width: 1280px) {
    .filter__modal____rV-La {
        left: 80%;
        bottom: 20%;
    }
}/** Note: Urls are encoded SVGs using this tool: https://yoksel.github.io/url-encoder/ */

.user-groups-filter__modal____1pCSs {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;

    display: -ms-flexbox;

    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;

    background-color: #ffffff;
}


.user-groups-filter__modal____1pCSs:focus {
    outline: none;
}

.user-groups-filter__margin____3MSUx {
    margin-left: calc(4 * 5px);
    margin-right: calc(4 * 5px);
}

.user-groups-filter__title____1hQKE {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: calc(8 * 5px);
}

.user-groups-filter__filterIcon____2O7DE {
    margin-right: calc(5 * 5px);
}

.user-groups-filter__titleText____teJ-9 {
}

.user-groups-filter__search____tlbcQ {
}

.user-groups-filter__checkItems____1YyZd {
    overflow-y: auto;
    -ms-flex: 1 1;
        flex: 1 1;
}

.user-groups-filter__closeButton____2ctTR {
    margin-top: calc(4 * 5px);
    margin-bottom: calc(4 * 5px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
}

.user-groups-filter__filterCategorySelector____3o6Tn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: calc(4 * 5px);
}

.user-groups-filter__showing____13KZY {
    -ms-flex: 0 1;
        flex: 0 1;
    margin-right: calc(5 * 5px);
}

.user-groups-filter__select____wwu9_ {
    -ms-flex: 1 1;
        flex: 1 1;
    border-radius: 0px;
    border: 1px solid rgb(142, 141, 142);

    padding: calc(1.5 * 5px);
    background-color: #ffffff;
    -moz-appearance: none;
    -webkit-appearance: none;

    background-image: url("data:image/svg+xml,%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' viewBox='0 0 1024 1024'%3E%3Ctitle%3E%3C/title%3E%3Cg id='icomoon-ignore'%3E%3C/g%3E%3Cpath d='M768 426.197c0 3.968-1.28 7.893-5.248 11.861l-238.891 238.891c-2.951 3.214-7.172 5.22-11.861 5.22s-8.911-2.007-11.851-5.209l-0.011-0.012-238.891-238.891c-3.227-2.952-5.244-7.182-5.244-11.883s2.016-8.931 5.231-11.872l0.012-0.011 25.045-25.045c2.952-3.227 7.182-5.244 11.883-5.244s8.931 2.016 11.872 5.231l0.011 0.012 201.941 201.941 201.941-201.941c2.952-3.227 7.182-5.244 11.883-5.244s8.931 2.016 11.872 5.231l0.011 0.012 25.045 25.045c2.56 3.968 5.248 7.936 5.248 11.904z'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat, repeat;
    background-position: right calc(1 * 5px) top 50%, 0 0;
    background-size: calc(6 * 5px) auto, 100%;
}

.user-groups-filter__select____wwu9_:focus {
    outline: none;
}

@media (min-width: 600px) {
    .user-groups-filter__modal____1pCSs {
        left: 50%;
        bottom: 10%;

        -webkit-box-shadow: 0 0 8px 0 rgba(49, 47, 48, 0.15);

                box-shadow: 0 0 8px 0 rgba(49, 47, 48, 0.15);
    }
}

@media (min-width: 960px) {
    .user-groups-filter__modal____1pCSs {
        left: 60%;
        bottom: 15%;
    }
}

@media (min-width: 1280px) {
    .user-groups-filter__modal____1pCSs {
        left: 80%;
        bottom: 20%;
    }
}.manager-report-table__container____2QjN5 {
  width: 100%;
  height: 100%;
}

.manager-report-table__reportTable____3b1WP {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #fff;
}

.manager-report-table__reportTableRow____2-h0_ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
  height: calc(16 * 5px);
  border-bottom: 1px solid rgb(205, 204, 204);
}

.manager-report-table__reportTableRow____2-h0_:last-child {
  border-bottom: none;
}

.manager-report-table__reportTableRow____2-h0_.manager-report-table__main____2epL8 {
  background-color: white;
}

.manager-report-table__reportTableRow____2-h0_.manager-report-table__sub____24w0a {
  background-color: rgba(49, 47, 48, 0.05);
  height: calc(13 * 5px);
}

.manager-report-table__reportTableRow____2-h0_.manager-report-table__hidden____2OqiD {
  height: 0px;
  overflow-y: hidden;
  border: none;
}

.manager-report-table__reportTableRow____2-h0_.manager-report-table__sub____24w0a .manager-report-table__reportTableHeading____23F-T {
  padding-left: 30px;
}

.manager-report-table__reportTableHeading____23F-T {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: calc(66 * 5px);
  padding: calc(2 * 5px);
  border-right: 1px solid rgb(205, 204, 204);
}

.manager-report-table__reportTableHeadingIcon____3A-rN {
  position: relative;
  margin-right: calc(2 * 5px);
  width: 16px;
  height: 16px; /* Not sure why this container grows */
  margin-bottom: 4px; /* Hacky alignment of icon */

}

.manager-report-table__reportTableHeadingTitle____DDDoc {
}

.manager-report-table__reportTableHeadingTitle____DDDoc.manager-report-table__underline____19Pmg {
  text-decoration: underline;
}

.manager-report-table__reportTableRowContent____1KOy2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1;
      flex: 1 1;
}
.manager-report-table__reportTableCell____3y8fw {
  border-right: 1px solid rgb(205, 204, 204);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1 1;
      flex: 1 1;
}
.manager-report-table__reportTableCell____3y8fw:last-child {
  border-right: none;
}


.manager-report-table__tooltip____pJqcx {
  position: absolute;
  width: calc(40 * 5px);
  max-width: auto;
  bottom: calc(4 * 5px);
  left: calc(-5 * 5px);
  padding: 5px;
  background-color: white;
  text-align: center;
}
.recommendations__text____gwK-i {
    margin: calc(4 * 5px);
}

.recommendations__title____2tUCO {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.15px;
}

.recommendations__description____1YR0B {
}

.recommendations__content____v195e {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  
.recommendations__tileContainer____WTjR5 {
    margin-right: 50px;
    margin-top: 50px;
}

/** Note: Urls are encoded SVGs using this tool: https://yoksel.github.io/url-encoder/ */

.roles-filter__modal____1mRbS {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;

    display: -ms-flexbox;

    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;

    background-color: #ffffff;
}


.roles-filter__modal____1mRbS:focus {
    outline: none;
}

.roles-filter__margin____2gTJJ {
    margin-left: calc(4 * 5px);
    margin-right: calc(4 * 5px);
}

.roles-filter__title____28wlc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: calc(8 * 5px);
}

.roles-filter__filterIcon____2Lc-u {
    margin-right: calc(5 * 5px);
}

.roles-filter__titleText____2yP9s {
}

.roles-filter__search____2UfF7 {
}

.roles-filter__radioItems____3-GHu {
    overflow-y: auto;
    -ms-flex: 1 1;
        flex: 1 1;
}

.roles-filter__closeButton____3y8JC {
    margin-top: calc(4 * 5px);
    margin-bottom: calc(4 * 5px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
}

.roles-filter__filterCategorySelector____3vFRC {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: calc(4 * 5px);
}

.roles-filter__showing____1fXek {
    -ms-flex: 1 1;
        flex: 1 1;
    margin-right: calc(5 * 5px);
}

.roles-filter__select____35kiG {
    -ms-flex: 1 1;
        flex: 1 1;
    border-radius: 0px;
    border: 1px solid rgb(142, 141, 142);

    padding: calc(1.5 * 5px);
    background-color: #ffffff;
    -moz-appearance: none;
    -webkit-appearance: none;

    background-image: url("data:image/svg+xml,%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' viewBox='0 0 1024 1024'%3E%3Ctitle%3E%3C/title%3E%3Cg id='icomoon-ignore'%3E%3C/g%3E%3Cpath d='M768 426.197c0 3.968-1.28 7.893-5.248 11.861l-238.891 238.891c-2.951 3.214-7.172 5.22-11.861 5.22s-8.911-2.007-11.851-5.209l-0.011-0.012-238.891-238.891c-3.227-2.952-5.244-7.182-5.244-11.883s2.016-8.931 5.231-11.872l0.012-0.011 25.045-25.045c2.952-3.227 7.182-5.244 11.883-5.244s8.931 2.016 11.872 5.231l0.011 0.012 201.941 201.941 201.941-201.941c2.952-3.227 7.182-5.244 11.883-5.244s8.931 2.016 11.872 5.231l0.011 0.012 25.045 25.045c2.56 3.968 5.248 7.936 5.248 11.904z'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat, repeat;
    background-position: right calc(1 * 5px) top 50%, 0 0;
    background-size: calc(6 * 5px) auto, 100%;
}

.roles-filter__select____35kiG:focus {
    outline: none;
}

@media (min-width: 600px) {
    .roles-filter__modal____1mRbS {
        left: 50%;
        bottom: 10%;

        -webkit-box-shadow: 0 0 8px 0 rgba(49, 47, 48, 0.15);

                box-shadow: 0 0 8px 0 rgba(49, 47, 48, 0.15);
    }
}

@media (min-width: 960px) {
    .roles-filter__modal____1mRbS {
        left: 60%;
        bottom: 15%;
    }
}

@media (min-width: 1280px) {
    .roles-filter__modal____1mRbS {
        left: 80%;
        bottom: 20%;
    }
}.plot-key-legend__desc____30i0E {
    margin-right: calc(2 * 5px);

    -ms-flex: 1 0 100%;

        flex: 1 0 100%;
}

.plot-key-legend__legendLabelContainer____2ZXwS {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}

.plot-key-legend__plotKeyLegend____2slUf {
    cursor: pointer;
    margin-top: 5px;
    -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    white-space: nowrap;
}

.plot-key-legend__labelContainer____3mloF {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
}

.plot-key-legend__toggle____3r16p {
    -ms-flex-positive: 0;
        flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: calc(6 * 5px);
        flex-basis: calc(6 * 5px);
    background-color: rgb(205, 204, 204);
    width: calc(6 * 5px);
    height: calc(6 * 5px);
    margin-right: 5px;
}

.plot-key-legend__stroke____Yr5K_ {
    stroke: rgb(142, 141, 142);
    stroke-width: 1.5px;
}

.plot-key-legend__circle____1GkGC {
    r: 10%;
    cx: 50%;
    cy: 50%;
    fill: rgb(224, 224, 224);
}

.plot-key-legend__circle____1GkGC.plot-key-legend__filled____2pt7u {
    fill: rgb(142, 141, 142);
}

.plot-key-legend__triangle____Uld2G {
    fill: rgb(224, 224, 224);
}

.plot-key-legend__toggle____3r16p.plot-key-legend__shown____YGLPx {
    background-color: rgb(224, 224, 224);
}

.plot-key-legend__toggle____3r16p.plot-key-legend__actual____1sfBX {
    background-color: #e16e46;
}

.plot-key-legend__label____1JOQb {
    /* display: inline-block; */
}

.plot-key-legend__label____1JOQb.plot-key-legend__bold____1t2rD {
    font-weight: bold;
}

.plot-key-legend__plotKeyLegendContainer____1F53H {
    padding: calc(2 * 5px) calc(4 * 5px);
    background-color: #ffffff;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;

    display: -ms-flexbox;

    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}


@media (min-width: 600px) {
    .plot-key-legend__desc____30i0E {
        -ms-flex: 0 1;
            flex: 0 1;
    }

    .plot-key-legend__plotKeyLegend____2slUf {
        -ms-flex-positive: 0;
            flex-grow: 0;
        -ms-flex-negative: 1;
            flex-shrink: 1;
        -ms-flex-preferred-size: calc(33% - 6 * 5px);
            flex-basis: calc(33% - 6 * 5px);
        width: 0;
        margin-right: calc(6 * 5px);
    }
}

@media (min-width: 960px) {
    .plot-key-legend__plotKeyLegend____2slUf {
        -ms-flex: 1 1;
            flex: 1 1;
        margin-top: 0px;
    }
    .plot-key-legend__plotKeyLegendContainer____1F53H {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }

}.manager-results-screen__summaryContainer____2B46O {
    margin-top: calc(6 * 5px);
}

.manager-results-screen__statusContainer____14YDO {
    width: 32px;
    height: 32px;
}body {
  background-color: rgb(245, 244, 243);
}

.page-layout__pageWithSidebar____-tTyq {
  min-height: calc(100vh - 4 * calc(10 * 5px));

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.page-layout__sidebar____1gwHn {
  -ms-flex: 0 2 auto;
      flex: 0 2 auto;
  margin-top: calc(-1 * 5px);
  /* padding: pagePadding; */
}

.page-layout__main____3Vc3b {
  /* flex: 4 1 auto; */
  /* padding: pagePadding; */
}

.page-layout__pageContainer____15TRe {

}

.page-layout__adminPage____1kB-9 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.page-layout__page____3YBB- {
  min-height: calc(100vh - 5 * calc(10 * 5px));

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.page-layout__headerTitle____1ycNJ {
  padding-top: calc(1 * 5px);
  padding-bottom: calc(4 * 5px);
  font-weight: bold;
}

.page-layout__tabbedContentHeaderTitle____tUYB3 {
  /** Zeplin defined using "Futura" font */
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.18px;
}

/* NEW REPLACE tag not classname 'body' */
/* deprecated */
.page-layout__body____K7Hkk {
  -ms-flex: 1 1;
      flex: 1 1;
  padding: calc(10 * 5px);
  /* background-color: colorBackground; */
}
.page-layout__pageContainer____15TRe section {
  -ms-flex: 1 1;
      flex: 1 1;
  padding: calc(10 * 5px);
  /* background-color: colorBackground; */
}

/* deprecated */
.page-layout__tabbedBody____1vcoR {
  -ms-flex: 1 1;
      flex: 1 1;
  padding-top: calc(1 * 5px);
  padding-bottom: calc(4 * 5px);
  padding-left: calc(10 * 5px);
  padding-right: calc(10 * 5px);
}

.page-layout__pageContainer____15TRe section.page-layout__tabbed____mSDLi {
  -ms-flex: 1 1;
      flex: 1 1;
  padding-top: calc(1 * 5px);
  padding-bottom: calc(4 * 5px);
  padding-left: calc(10 * 5px);
  padding-right: calc(10 * 5px);
}

.page-layout__header____1NkOO {
  margin-bottom: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;

  color: #4a4a4a;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 8px 0 rgba(49, 47, 48, 0.15);
          box-shadow: 0 0 8px 0 rgba(49, 47, 48, 0.15);
}

.page-layout__headerRow____16J8u {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1;
      flex: 1 1;

  -ms-flex-pack: start;

      justify-content: flex-start;
  -ms-flex-direction: row;
      flex-direction: row;
  padding-left: calc(10 * 5px);
  padding-right: calc(10 * 5px);
}

.page-layout__headerRow____16J8u.page-layout__default____qFoQ1 {
  min-height: 80px;
  padding-top: calc(3 * 5px);
  padding-bottom: calc(3 * 5px);
}

.page-layout__headerLeft____1mxDj {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-align: center;
      align-items: center;
}

.page-layout__headerRight____2P9GG {
  display: -ms-flexbox;
  display: flex;
  /* justify-content: flex-start; */
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-align: center;
      align-items: center;
}

.page-layout__pageInfo____1RuMB {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

/* NEW - nav tag not subnav class */
.page-layout__pageContainer____15TRe nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.page-layout__subnavLink____RQXeU {
  margin-right: calc(8 * 5px);
  padding-bottom: calc(2 * 5px);
  text-align: center;
  cursor: pointer;

  color: rgb(142, 141, 142);
}

.page-layout__subnavLink____RQXeU.page-layout__selected____4SQGW {
  border-bottom: 3px;
  border-color: #e16e46;
  border-style: solid;
  cursor: initial;
  color: black;
}

.page-layout__subnavLink____RQXeU.page-layout__disabled____NbxTs {
  color: rgb(205, 204, 204);
  cursor: initial;
}

.page-layout__headerLink____302f6 {
  font-weight: normal;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
}

.page-layout__actionButtons____ugdVr {
  -ms-flex-align: end;
      align-items: flex-end;
  margin-bottom: calc(2 * 5px);
}

.page-layout__headerLink____302f6.page-layout__selected____4SQGW {
  color: #e16e46;
  font-weight: bold;
}

.page-layout__logout____1FZAf {
  padding-right: 0px;
}

.page-layout__logo____hqS9p {
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
  margin-right: calc(6 * 5px);
}

.page-layout__filterButton____2KonC {
  display: -ms-flexbox;
  display: flex;
  margin-left: calc(6 * 5px);
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  cursor: pointer;
  /* flex-direction: row;
  flex-grow: 1; */
}

.page-layout__filterIcon____2qZS4 {
  width: 20px;
  height: 20px;
}

.page-layout__filterText____2nAeN {
  margin-left: calc(3 * 5px);
  margin-bottom: calc(0.5 * 5px);
}

.page-layout__filterAppliedText____2hZSu {
  color: #e16e46;
}

.page-layout__filterDisabledText____2_zsj {
  color: rgb(205, 204, 204);
}

/* NEW tag not classname */
.page-layout__pageContainer____15TRe footer {
  background-color: var(--primary-orange);
  position: inherit;
  bottom: 0;
  left: 0;
  padding: 16px 0; 
  width: 100%;
  color: var(--white);
  /* Use a high z-index for future-proofing */
  /* z-index: 10; */
}
/* NEW tag not classname */
.page-layout__pageContainer____15TRe footer ul {
  text-align: center;
}
/* NEW tag not classname */
.page-layout__pageContainer____15TRe footer ul li {
  display: inline-block;
  margin: 0 4px;
}
/* NEW tag not classname */
.page-layout__pageContainer____15TRe footer ul li:not(:first-of-type) {
  margin-left: 0;
}
/* NEW tag not classname */
.page-layout__pageContainer____15TRe footer ul li:not(:first-of-type)::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  margin-right: 4px;
  background-color: var(--white);
  border-radius: 50%;
}
/* NEW tag not classname */
.page-layout__pageContainer____15TRe footer a {
  color: var(--white);
}
/** TODO */ /*!default;*/

.sidebar__disabled____kWhgO {
	color: rgb(224, 224, 224);
	cursor: default;
}

.pro-sidebar {
	 color: #adadad !default;
	 height: 100%;
	 width: 270px;
	 min-width: 270px;
	 text-align: left;
	 -webkit-transition: width, left, right, 0.3s;
	 -o-transition: width, left, right, 0.3s;
	 transition: width, left, right, 0.3s;
	 position: relative;
	 z-index: 1009;
}
.pro-sidebar > .pro-sidebar-inner {
	 background: #ffffff; /* shadeLight; sidebar-bg-color; */
	 height: 100%;
	 position: relative;
	 z-index: 101;
}
.pro-sidebar > .pro-sidebar-inner > img.sidebar-bg {
	 width: 100%;
	 height: 100%;
	 -o-object-fit: cover;
	    object-fit: cover;
	 -o-object-position: center;
	    object-position: center;
	 position: absolute;
	 opacity: 0.3;
	 left: 0;
	 top: 0;
	 z-index: 100;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout {
	 height: 100%;
	 overflow-y: auto;
	 overflow-x: hidden;
	 position: relative;
	 display: -ms-flexbox;
	 display: flex;
	 -ms-flex-direction: column;
	     flex-direction: column;
	 z-index: 101;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-sidebar-header {
	 border-bottom: 1px solid rgba(173, 173, 173, 0.2);
	 border-top: 2px solid rgba(173, 173, 173, 0.2);
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-sidebar-content {
	 -ms-flex-positive: 1;
	     flex-grow: 1;
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-sidebar-footer {
	 border-top: 1px solid rgba(173, 173, 173, 0.2);
}
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout ul {
	 list-style-type: none;
	 padding: 0;
	 margin: 0;
}
.pro-sidebar .overlay {
	 position: fixed;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 background-color: rgba(0, 0, 0, 0.3);
	 z-index: 100;
	 display: none;
}
.pro-sidebar.collapsed {
	 width: 80px;
	 min-width: 80px;
}
.pro-sidebar.rtl {
	 text-align: right;
	 direction: rtl;
}
 @media (max-width: 480px) {
	 .pro-sidebar.xs {
		 position: fixed;
		 left: -sidebar-width;
	}
	 .pro-sidebar.xs.collapsed {
		 left: -80px;
	}
	 .pro-sidebar.xs.toggled {
		 left: 0;
	}
	 .pro-sidebar.xs.toggled .overlay {
		 display: block;
	}
	 .pro-sidebar.xs.rtl {
		 left: auto;
		 right: -sidebar-width;
	}
	 .pro-sidebar.xs.rtl.collapsed {
		 left: auto;
		 right: -80px;
	}
	 .pro-sidebar.xs.rtl.toggled {
		 left: auto;
		 right: 0;
	}
}
 @media (max-width: 576px) {
	 .pro-sidebar.sm {
		 position: fixed;
		 left: -sidebar-width;
	}
	 .pro-sidebar.sm.collapsed {
		 left: -80px;
	}
	 .pro-sidebar.sm.toggled {
		 left: 0;
	}
	 .pro-sidebar.sm.toggled .overlay {
		 display: block;
	}
	 .pro-sidebar.sm.rtl {
		 left: auto;
		 right: -sidebar-width;
	}
	 .pro-sidebar.sm.rtl.collapsed {
		 left: auto;
		 right: -80px;
	}
	 .pro-sidebar.sm.rtl.toggled {
		 left: auto;
		 right: 0;
	}
}
 @media (max-width: 768px) {
	 .pro-sidebar.md {
		 position: fixed;
		 left: -sidebar-width;
	}
	 .pro-sidebar.md.collapsed {
		 left: -80px;
	}
	 .pro-sidebar.md.toggled {
		 left: 0;
	}
	 .pro-sidebar.md.toggled .overlay {
		 display: block;
	}
	 .pro-sidebar.md.rtl {
		 left: auto;
		 right: -sidebar-width;
	}
	 .pro-sidebar.md.rtl.collapsed {
		 left: auto;
		 right: -80px;
	}
	 .pro-sidebar.md.rtl.toggled {
		 left: auto;
		 right: 0;
	}
}
 @media (max-width: 992px) {
	 .pro-sidebar.lg {
		 position: fixed;
		 left: -sidebar-width;
	}
	 .pro-sidebar.lg.collapsed {
		 left: -80px;
	}
	 .pro-sidebar.lg.toggled {
		 left: 0;
	}
	 .pro-sidebar.lg.toggled .overlay {
		 display: block;
	}
	 .pro-sidebar.lg.rtl {
		 left: auto;
		 right: -sidebar-width;
	}
	 .pro-sidebar.lg.rtl.collapsed {
		 left: auto;
		 right: -80px;
	}
	 .pro-sidebar.lg.rtl.toggled {
		 left: auto;
		 right: 0;
	}
}
 @media (max-width: 1200px) {
	 .pro-sidebar.xl {
		 position: fixed;
		 left: -sidebar-width;
	}
	 .pro-sidebar.xl.collapsed {
		 left: -80px;
	}
	 .pro-sidebar.xl.toggled {
		 left: 0;
	}
	 .pro-sidebar.xl.toggled .overlay {
		 display: block;
	}
	 .pro-sidebar.xl.rtl {
		 left: auto;
		 right: -sidebar-width;
	}
	 .pro-sidebar.xl.rtl.collapsed {
		 left: auto;
		 right: -80px;
	}
	 .pro-sidebar.xl.rtl.toggled {
		 left: auto;
		 right: 0;
	}
}
 
@-webkit-keyframes swing {
  0%,
  30%,
  50%,
  70%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  10% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
 
@keyframes swing {
  0%,
  30%,
  50%,
  70%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  10% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}

.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item:before {
	 content: '';
	 display: inline-block;
	 width: 4px;
	 min-width: 4px;
	 height: 4px;
	 border: 1px solid #2b2b2b;
	 border-radius: 50%;
	 margin-right: 15px;
	 position: relative;
	 -webkit-box-shadow: 1px 0px 0px #adadad !default, 0px -1px 0px #adadad !default, 0px 1px 0px #adadad !default, -1px 0px 0px #adadad !default;
	         box-shadow: 1px 0px 0px #adadad !default, 0px -1px 0px #adadad !default, 0px 1px 0px #adadad !default, -1px 0px 0px #adadad !default;
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-item-content {
	 overflow: hidden;
	 -o-text-overflow: ellipsis;
	    text-overflow: ellipsis;
	 white-space: nowrap;
}
.pro-sidebar .pro-menu {
	 padding-top: 10px;
	 padding-bottom: 10px;
}
.pro-sidebar .pro-menu > ul > .pro-sub-menu > .pro-inner-list-item {
	 position: relative;
	 background-color: #2b2b2b;
}
.pro-sidebar .pro-menu > ul > .pro-sub-menu > .pro-inner-list-item > div > ul {
	 padding-top: 15px;
	 padding-bottom: 15px;
}
.pro-sidebar .pro-menu a {
	 text-decoration: none;
	 color: #adadad !default;
}
.pro-sidebar .pro-menu a:before {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 background-color: transparent;
}
.pro-sidebar .pro-menu a:hover {
	color: #e16e46;
	 /* color: #d8d8d8; */
	 /* color: highlight-color; */
}
.pro-sidebar .pro-menu .pro-menu-item {
	 font-size: 15px;
}
.pro-sidebar .pro-menu .pro-menu-item.active {
	color: #e16e46;
	 /* color: #d8d8d8; */
	 /* color: highlight-color; */
}
.pro-sidebar .pro-menu .pro-menu-item .suffix-wrapper {
	 opacity: 1;
	 -webkit-transition: opacity 0.2s;
	 -o-transition: opacity 0.2s;
	 transition: opacity 0.2s;
}
.pro-sidebar .pro-menu .pro-menu-item .prefix-wrapper {
	 display: -ms-flexbox;
	 display: flex;
	 margin-right: 5px;
	 opacity: 1;
	 -webkit-transition: opacity 0.2s;
	 -o-transition: opacity 0.2s;
	 transition: opacity 0.2s;
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item {
	 position: relative;
	 display: -ms-flexbox;
	 display: flex;
	 -ms-flex-align: center;
	     align-items: center;
	 padding: 8px 35px 8px 20px;
	 cursor: pointer;
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item:focus {
	 outline: none;
	 color: #e16e46;
	 /* color: #d8d8d8; */
	 /* color: highlight-color; */
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
	 margin-right: 10px;
	 font-size: 14px;
	 width: 35px;
	 min-width: 35px;
	 height: 35px;
	 line-height: 35px;
	 text-align: center;
	 display: inline-block;
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-icon-wrapper .pro-icon {
	 display: -ms-flexbox;
	 display: flex;
	 height: 100%;
	 -ms-flex-align: center;
	     align-items: center;
	 -ms-flex-pack: center;
	     justify-content: center;
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-item-content {
	 -ms-flex-positive: 1;
	     flex-grow: 1;
	 -ms-flex-negative: 1;
	     flex-shrink: 1;
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item:hover {
	color: #e16e46;
	 /* color: #d8d8d8; */
	 /* color: highlight-color; */
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item:hover .pro-icon-wrapper .pro-icon {
	 -webkit-animation: swing ease-in-out 0.5s 1 alternate;
	         animation: swing ease-in-out 0.5s 1 alternate;
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu > .pro-inner-item:before {
	 background: #adadad !default;
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu > .pro-inner-item > .pro-arrow-wrapper {
	 position: absolute;
	 right: 20px;
	 top: 50%;
	 -webkit-transform: translateY(-50%);
	     -ms-transform: translateY(-50%);
	         transform: translateY(-50%);
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu > .pro-inner-item > .pro-arrow-wrapper .pro-arrow {
	 display: inline-block;
	 border-style: solid;
	 border-color: #adadad !default;
	 border-width: 0 2px 2px 0;
	 padding: 2.5px;
	 vertical-align: middle;
	 -webkit-transition: -webkit-transform 0.3s;
	 transition: -webkit-transform 0.3s;
	 -o-transition: transform 0.3s;
	 transition: transform 0.3s;
	 transition: transform 0.3s, -webkit-transform 0.3s;
	 -webkit-transform: rotate(-45deg);
	     -ms-transform: rotate(-45deg);
	         transform: rotate(-45deg);
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu.open > .pro-inner-item:before {
	 background: transparent !important;
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu.open > .pro-inner-item > .pro-arrow-wrapper .pro-arrow {
	 -webkit-transform: rotate(45deg);
	     -ms-transform: rotate(45deg);
	         transform: rotate(45deg);
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item {
	 padding-left: 20px;
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item {
	 padding: 8px 30px 8px 15px;
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item > .pro-icon-wrapper {
	 display: none;
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item .pro-arrow-wrapper {
	 display: none;
}
.pro-sidebar .pro-menu.shaped .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
	 background-color: #ffffff; /* #2b2b2b;*/
}
.pro-sidebar .pro-menu.square .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
	 border-radius: 0;
}
.pro-sidebar .pro-menu.round .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
	 border-radius: 4px;
}
.pro-sidebar .pro-menu.circle .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
	 border-radius: 50%;
}
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item {
	 position: relative;
}

.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item > .pro-inner-item > .suffix-wrapper, .pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item > .pro-inner-item > .prefix-wrapper {
	 opacity: 0;
}
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item > .pro-inner-list-item {
	 background-color: #2b2b2b;
	 z-index: 111;
}
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item::before {
	 content: '';
	 display: inline-block;
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 cursor: pointer;
}
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu {
	 position: relative;
}
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-item {
	 pointer-events: none;
}
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-item > .pro-arrow-wrapper {
	 display: none;
}
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item {
	 height: auto !important;
	 position: fixed;
	 visibility: hidden;
	 min-width: 220px;
	 max-width: 270px;
	 background-color: transparent;
	 max-height: 100%;
	 padding-left: 3px;
}
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item.has-arrow {
	 padding-left: 10px;
}
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item > .popper-inner {
	 max-height: 100vh;
	 overflow-y: auto;
	 background-color: #2b2b2b;
	 padding-left: 20px;
	 border-radius: 4px;
}
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu:hover > .pro-inner-list-item {
	 -webkit-transition: visibility, -webkit-transform 0.3s;
	 transition: visibility, -webkit-transform 0.3s;
	 -o-transition: visibility, transform 0.3s;
	 transition: visibility, transform 0.3s;
	 transition: visibility, transform 0.3s, -webkit-transform 0.3s;
	 visibility: visible;
}
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu:hover .pro-icon-wrapper .pro-icon {
	 -webkit-animation: swing ease-in-out 0.5s 1 alternate;
	         animation: swing ease-in-out 0.5s 1 alternate;
}
/** Add swing to sidebar collapse icon */
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-header:hover > .pro-icon-wrapper .pro-icon {
    -webkit-animation: swing ease-in-out 0.5s 1 alternate;
            animation: swing ease-in-out 0.5s 1 alternate;
}
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-sub-menu-item, .pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item {
	 padding: 8px 30px 8px 5px;
}
.pro-sidebar.rtl .pro-menu .pro-menu-item .prefix-wrapper {
	 margin-right: 0;
	 margin-left: 5px;
}
.pro-sidebar.rtl .pro-menu .pro-menu-item > .pro-inner-item {
	 padding: 8px 20px 8px 35px;
}
.pro-sidebar.rtl .pro-menu .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
	 margin-right: 0;
	 margin-left: 10px;
}
.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu > .pro-inner-item > .pro-arrow-wrapper {
	 right: auto;
	 left: 20px;
}
.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu > .pro-inner-item > .pro-arrow-wrapper .pro-arrow {
	 -webkit-transform: rotate(135deg);
	     -ms-transform: rotate(135deg);
	         transform: rotate(135deg);
}
.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu.open > .pro-inner-item > .pro-arrow-wrapper .pro-arrow {
	 -webkit-transform: rotate(45deg);
	     -ms-transform: rotate(45deg);
	         transform: rotate(45deg);
}
.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item {
	 padding-left: 0;
	 padding-right: 20px;
}
.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item {
	 padding: 8px 15px 8px 30px;
}
.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item:before {
	 margin-right: 0;
	 margin-left: 15px;
}
.pro-sidebar.rtl.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item {
	 padding-left: 0;
	 padding-right: 3px;
}
.pro-sidebar.rtl.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item.has-arrow {
	 padding-right: 10px;
}
.pro-sidebar.rtl.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item > .popper-inner {
	 padding-left: 0;
	 padding-right: 20px;
}
.pro-sidebar.rtl.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-sub-menu-item, .pro-sidebar.rtl.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item {
	 padding: 8px 5px 8px 30px;
}
 
.popper-arrow {
	 position: absolute;
	 z-index: -1;
	 width: 0;
	 height: 0;
	 border-top: 7px solid transparent;
	 border-bottom: 7px solid transparent;
}
.popper-element[data-popper-placement^='left'] > .popper-arrow {
	 right: 0;
	 border-right: 7px solid #2b2b2b;
}
.popper-element[data-popper-placement^='right'] > .popper-arrow {
	 left: 0;
	 border-left: 7px solid #2b2b2b;
}
 
.react-slidedown {
  height: 0;
  -webkit-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.react-slidedown.transitioning {
  overflow-y: hidden;
}

.react-slidedown.closed {
  display: none;
}

.side-nav__collapseIcon____tVuft {
    padding: '24px';
    text-transform: 'uppercase';
    font-weight: 'bold';
    font-size: 14;
    letter-spacing: '1px';
    overflow: 'hidden';
    -o-text-overflow: 'ellipsis';
       text-overflow: 'ellipsis';
    white-space: 'nowrap';
    /* minHeight: '180px', */
}/*
 * Reset CSS is split into two parts:
 * Part 1 is intended to applied across all projects.
 * Part 2 is intended for project specific reset styles
 */

/************************************************
 * Part 1
 ************************************************/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
  
button,
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

html {
  font-size: 10px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

button:focus,
input:focus {
  outline: 0;
}

button {
  cursor: pointer;
  background: inherit;
}

/* widget specific (most likely). Could be 'global reset css', if so, leave in this file */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Fixes rounded edges on ios text inputs. */
input[type=text],
input[type=number],
input[type=tel] {
  -webkit-appearance: none;
  border-radius: 0;
}






/**
 * Defines font related classes and loads the base font stack.
 *
 * NOTE: Loading this file has global effect. This is intentional so HTML tags
 * can be used semantically and be styled consistently. As such, only specify
 * CSS properties that are truly part of the base font stack of the app.
 */

/* Load font faces */

@font-face {
  font-family: "Open SansRegular";
  src: url(/static/media/opensans-regular.df2d6f2b.woff2) format("woff2"),
    url(/static/media/opensans-regular.46d1ea18.woff) format("woff"),
    url(/static/media/opensans-regular.fb1e6b30.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Open SansBold";
  src: url(/static/media/opensans-bold.a21531ec.woff2) format("woff2"),
    url(/static/media/opensans-bold.3e1c750b.woff) format("woff"),
    url(/static/media/opensans-bold.2ee4fbea.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Open SansItalic";
  src: url(/static/media/opensans-italic.20ab65ce.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Open SansBoldItalic";
  src: url(/static/media/opensans-bolditalic.ac92bed2.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}

/** Load the base font stack */

html > body,
select,
li,
input,
textarea {
  font-family: "Open SansRegular";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  font-size: 16px;
  line-height: 1.5;
  color: #4a4a4a;
}

i {
  font-family: "Open SansItalic";
  font-style: italic;
}

b {
  font-family: "Open SansBold";
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

h1 {
  font-size: 2.44140625em;
  line-height: 72px;
}

h2 {
  font-size: 1.953125em;
  line-height: 48px;
}

h3 {
  font-size: 1.5625em;
  line-height: 40px;
}

h4 {
  font-size: 1.25em;
  line-height: 32px;
}

caption {
  font-size: 12px;
  line-height: 20px;
}

button {
  font-family: "Open SansRegular";
  font-size: 16px;
}

p:not(:last-child),
ul:not(:last-child),
ol:not(:last-child) {
  margin-bottom: calc(2 * 5px);
}

sup {
  font-size: 12px;
  vertical-align: super;
}

/************************************************
 * Part 2
 * Custom SkillSeeker styles
 ************************************************/

/* @import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
html > body,
select,
li,
input,
textarea {
  / *
   * Fetch "Roboto" online, if it fails, fetch locally installed "Open SansRegular".
   * If all else fails, default to sans-serif
   * /
  font-family: "Roboto", "Open SansRegular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  font-size: defaultFontSize;
  line-height: defaultLineHeight;
  color: oldColorBlack;
} */
html > body,
select,
li,
input,
textarea {
  /*
   * Fetch "Lato" online, if it fails, fetch locally installed "Open SansRegular".
   * If all else fails, default to sans-serif
   * To load bold, italic and black use @import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i&display=swap');
   */
  font-family: "Lato", "Open SansRegular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  font-size: 16px;
  line-height: 1.5;
  color: #4a4a4a;
}

/*# sourceMappingURL=main.36211321.css.map*/