.graph__Activity__DJCTE {

}

.graph__Graph__tshO6 {
  height: 100%;
  width: 100%;
}

.graph__Control__Vi0du {
  height: 100%;
  /* width: 100%; */ /* We calculate the width based on the Graph element to account for vertical scrollbar */
  position: absolute;
  /* background-color: rgba(0,0,0,0.5) */
}

.graph__ControlWarning__lHoRr {
  position: fixed;
  background: #efefef;
  color: #ff5555;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 601;
  padding: 10px;
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
/* ^^ THIS WILL ONLY SHOW UP IF THEY'VE HACKED THE JAVASCRIPT */

.graph__ReferenceLine__RV3qD {
  position: absolute;
  height: 10px;
  width: 10px;
  background: #ff5555;
  z-index: 5000;
}

.graph__ImportOption__HA1oQ {
  height: 110px;
}

.graph__ImportOption__HA1oQ input {
  width: 100%;
}

.graph__Info__taRhR {
  margin: 15px 0;
}

.graph__Title__ruhCD {
  /* display: flex;
  align-items: center;
  justify-content: center;
  flex: 2 0 auto; */
  padding: 2px 10px;
  color: blue;
  font-size: 15px;
  letter-spacing: 0.08em;
  text-transform: capitalize;
  /* border: 1px solid darkorchid; */
  /* color: ; */
}

.graph__Screens__YrkeT {
  color: #2d91f2;
  font-size: 13.5px;
  text-transform: lowercase;
  text-align: center;
}

.graph__ActivityNav__gr5db {
  z-index: 999;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
}

@-webkit-keyframes background__move_wave__ZLqMA {
  0% {
    -webkit-transform: translateX(0) translateZ(0) scaleY(1);
            transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    -webkit-transform: translateX(-25%) translateZ(0) scaleY(0.65);
            transform: translateX(-25%) translateZ(0) scaleY(0.65);
  }
  100% {
    -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
            transform: translateX(-50%) translateZ(0) scaleY(1);
  }
}

@keyframes background__move_wave__ZLqMA {
  0% {
    -webkit-transform: translateX(0) translateZ(0) scaleY(1);
            transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    -webkit-transform: translateX(-25%) translateZ(0) scaleY(0.65);
            transform: translateX(-25%) translateZ(0) scaleY(0.65);
  }
  100% {
    -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
            transform: translateX(-50%) translateZ(0) scaleY(1);
  }
}

@-webkit-keyframes background__move_wave_2__hylxO {
  0% {
    -webkit-transform: translateX(0) translateZ(0) scaleY(1);
            transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    -webkit-transform: translateX(-25%) translateZ(0) scaleY(0.25);
            transform: translateX(-25%) translateZ(0) scaleY(0.25);
  }
  100% {
    -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
            transform: translateX(-50%) translateZ(0) scaleY(1);
  }
}

@keyframes background__move_wave_2__hylxO {
  0% {
    -webkit-transform: translateX(0) translateZ(0) scaleY(1);
            transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    -webkit-transform: translateX(-25%) translateZ(0) scaleY(0.25);
            transform: translateX(-25%) translateZ(0) scaleY(0.25);
  }
  100% {
    -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
            transform: translateX(-50%) translateZ(0) scaleY(1);
  }
}

.background__Container__SSKOt {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100vh;
}

.background__backgroundGraph__h05Es {
  position: absolute;
  top: 52vh;
  /* bottom: 35%; */
  left: 0;
  right: 0;
  /* overflow-x: hidden; */
  background-size: 25px 25px;
  background-image: linear-gradient(to right, #a4deff 0.5px, transparent 1px),
    linear-gradient(to bottom, #a4deff 0.5px, transparent 1px) !important;
  font-family: 'Voces', 'sans-serif';
  z-index: 20;
  height: 175px;
  border-bottom: 1px solid #d9d9d9;
}
.background__waveWrapper__zD5sg {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40%;
  top: 0;
  min-height: 580px;
}
.background__waveWrapperInner__ZovGw {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 100%;
  bottom: -1px;
  background-image: -webkit-gradient(
    linear,
    left bottom, left top,
    color-stop(1%, #d4edfc),
    color-stop(15%, #a4deff),
    to(#001144)
  );
  background-image: linear-gradient(
    to top,
    #d4edfc 1%,
    #a4deff 15%,
    #001144 100%
  );
}
.background__bgTop__hSMiL {
  z-index: 15;
  opacity: 0.7;
}
.background__bgMiddle__oZGiL {
  z-index: 16;
  opacity: 0.7;
}
.background__bgBottom__ALDGN {
  z-index: 17;
  opacity: 0.4;
}
.background__wave__Jz7iy {
  position: absolute;
  left: 0;
  width: 200%;
  height: 100%;
  background-repeat: repeat no-repeat;
  background-position: 0 bottom;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}
.background__waveTop__nY1B1 {
  background-size: 50% 100px;
  background-image: url(/c51a9e1802d1d39c1386.png);
}
.background__waveAnimation__ye8Nn .background__bgTop__hSMiL {
  -webkit-animation: background__move-wave__XPtfs 3s linear infinite;
          animation: background__move-wave__XPtfs 3s linear infinite;
  /* -webkit-animation: move-wave 3s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s; */
}
.background__waveMiddle__mIE_N {
  background-size: 50% 120px;
  background-image: url(/7ec411a384f379d607a9.png);
}
.background__waveAnimation__ye8Nn .background__waveMiddle__mIE_N {
  -webkit-animation: background__move_wave__ZLqMA 10s linear infinite;
          animation: background__move_wave__ZLqMA 10s linear infinite;
}
.background__waveBottom__pX3Mp {
  background-size: 50% 100px;
  background-image: url(/390fd579f453f4e3d4fd.png);
}
.background__waveAnimation__ye8Nn .background__waveBottom__pX3Mp {
  -webkit-animation: background__move_wave__ZLqMA 15s linear infinite;
          animation: background__move_wave__ZLqMA 15s linear infinite;
}

.button__Button__p81xd {
  /* background-color: white; */
  border: none;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 8px;
  border-radius: 3px;
  /* border: 1px solid #d3d2d4; */
  height: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: inherit;
  letter-spacing: 0.08em;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  transition: 0.2s;
}

.button__Big__CwZjC {
  color: white;
  padding: 20px 30px;
  background: none;
  border: 2px solid white;
  border-radius: 3px;
  font-family: inherit;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: 0s;
  transition: 0s;
  /* box-shadow: 0; */
}

.button__Big__CwZjC:hover {
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  border: 2px solid #75b7f6;
  border-bottom: 2px solid #2d91f2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#75b7f6), color-stop(90%, #2d91f2));
  background-image: linear-gradient(-180deg, #75b7f6, #2d91f2 90%);
}

.button__Big__CwZjC:active {
  background-image: none;
  background-color: #3796f5;
}

.button__Small__G1LVp {
  background-color: #2d91f2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#91c4ff), to(#2a85e0));
  background-image: linear-gradient(-180deg, #91c4ff, #2a85e0 100%);
  color: white;
  padding: 10px 20px;
  font-family: inherit;
  text-transform: uppercase;
  font-size: 14px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.button__Small__G1LVp:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8dbbf8), to(#2a85e0));
  background-image: linear-gradient(-180deg, #8dbbf8, #2a85e0 100%);
}

.button__Small__G1LVp:active {
  background-image: none;
  background-color: #3796f5;
}

.button__Arrow__Fq14J {
  padding: 0;
  padding: 4px;
  font-size: 12px;
}

.button__Cancel__S94Xh {
  background-color: #999;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: white;
  padding: 10px 20px;
  font-family: inherit;
  text-transform: uppercase;
  font-size: 14px;
}

.button__SmallCancel__iEFHX {
  background-color: #999;
  background-image: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: white;
  font-family: inherit;
}

.button__SmallCancel__iEFHX:hover {
  background-image: none;
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.button__Inline__QvZyl {
  padding: 1px 3px;
}

.button__xs__hG34h {
  height: auto;
  width: 100%;
  /* margin-bottom: 1px; */
  padding: 4px 2px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.button__ntf__jGlmt {
  height: auto;
  width: 75px;
  margin-left: auto;
  /* position: absolute;
  right: 5px;
  bottom: 42px; */
  /* margin-bottom: 1px; */
  padding: 4px 2px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.button__ntf__jGlmt:hover {
  background-color: #2d91f2;
}

.button__xs-cancel__tM3Yo {
  font-weight: 500 !important;
}

.button__edit__JVfhN {
  padding: 8px 12px;
  margin: 0 10px;
  font-size: 14px;
  letter-spacing: 0.02em;
  background-color: #ccc;
}

.button__edit-save__ZXmxB {
  padding: 8px 12px;
  margin: 0 10px;
  font-size: 14px;
  letter-spacing: 0.02em;
  background-color: #2d91f2;
  color: white;
}

.button__xs__hG34h:hover {
  background-color: #2d91f2;
}

.button__Cancel__S94Xh {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ddcfcf), color-stop(90%, #9f9f9f));
  background-image: linear-gradient(-180deg, #ddcfcf, #9f9f9f 90%);
  color: white;
  text-transform: uppercase;
  font-weight: 700;
}


/* .Small:hover {
  box-shadow: lightShadow;
} */

.button__Cancel__S94Xh:hover {
  /* box-shadow: lightShadow; */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cfc2c2), color-stop(90%, #9f9f9f));
  background-image: linear-gradient(-180deg, #cfc2c2, #9f9f9f 90%);
}

.button__Cancel__S94Xh:active {
  background: #999;
}

.button__Primary__O1Nkq {
}

.button__Secondary__HmgeU {
  color: white;
  background-color: #ff9d00;
}

.button__Active__W3hV3 {
  color: white;
  background-color: #2d91f2;
}

.button__Primary__O1Nkq:hover {
  /* color: white; */
  background-color: #f9f9f9;
  border: 1px solid #babbb2;
}

.button__Active__W3hV3:hover {
  color: white;
  background-color: #2d91f2;
}

.button__Secondary__HmgeU:hover {
  color: white;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.button__Disabled__UXUO5 {
  color: #333;
  cursor: not-allowed;
  background: -webkit-gradient(linear, left bottom, left top, from(#b9b0b0), color-stop(90%, #9f9f9f));
  background: linear-gradient(to top, #b9b0b0, #9f9f9f 90%);
}

.button__Disabled__UXUO5:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#b9b0b0), color-stop(90%, #9f9f9f));
  background: linear-gradient(to top, #b9b0b0, #9f9f9f 90%);
}

.button__Danger__JcAPv {
  color: white;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fa8d8d), color-stop(90%, #ff5555));
  background-image: linear-gradient(#fa8d8d, #ff5555 90%);
}

.button__Danger__JcAPv:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f37878), color-stop(90%, #ff5555));
  background-image: linear-gradient(#f37878, #ff5555 90%);
}

.button__Danger__JcAPv:active {
  background: #ec4545;
}

.button__None___NW8W {
  border: none;
  background: inherit;
  color: inherit;
  font-size: inherit;
  cursor: pointer;
}

.chat__Container__h47mg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  /* position: relative; */
  background-color: white;
  height: 100%;
  width: 100%;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.chat__Title__LVXKo {
  padding: 8px 0 8px 10px;
  border-bottom: 1px solid #ddd;
  background-color: #eff3f6;
  border-radius: 3px 3px 0 0;
  color: #5e5e5e;
  font-size: 17px;
  letter-spacing: 1.12px;
  cursor: pointer;
}

.chat__Status__pnjZp {
  float: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 4px;
}

.chat__StatusText__GFBZ4 {
  font-size: 14px;
  display: inline;
  color: #ff5555;
  padding-left: 5px;
  padding-bottom: 2px;
  /*  ^ // HACKY! */
}

.chat__Good__tb1FY {
  color: #34a505;
}

.chat__Error__sC5o0 {
  color: #ff5555;
  opacity: 1;
  -webkit-animation: chat__fade__Fv7fy 1.5s infinite;
          animation: chat__fade__Fv7fy 1.5s infinite;
}

@-webkit-keyframes chat__fade__Fv7fy {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@keyframes chat__fade__Fv7fy {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

.chat__Bad__bCZMt {
  color: orange;
}

.chat__None__jn3uN {
  color: darkgray;
}

.chat__Settings__kvQzy {
  padding-left: 3px;
  /* color: darkGray; */
}

.chat__Settings__kvQzy:hover {
  color: #222;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.chat__Hover__VNuis {
  float: right;
}

.chat__ChatOptions__FPeW9 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.chat__ChatButtons__F68S0 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 60px;
}

.chat__ChatScroll__tLeh8 {
  -ms-flex-positive: 0;
      flex-grow: 0;
  /* display: flex;
  flex-flow: column; */
  padding: 0 10px;
  width: 100%;
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  /* max-height: 100%; */
  -ms-flex: 0 1 100%;
      flex: 0 1 100%;
  /* padding-bottom: 34px; */
}

.chat__Collapsed__ZexTr {
  display: none;
}

.chat__CollapsedContainer__X2Q4_ {
  height: 75px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.chat__ChatScroll__tLeh8::-webkit-scrollbar {
  width: 0.5em;
  height: 0.09em;
  background-color: rgb(235, 235, 235);
}

.chat__ChatScroll__tLeh8::-webkit-scrollbar-thumb {
  background-color: rgb(189, 189, 189);
  border-radius: 15px;
}

.chat__ChatInput__cmE38 {
  position: relative;
  height: 56px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-align: end;
      align-items: flex-end;
  width: 100%;
  background-color: #f8f8f9;
  border-radius: 0 0 3px 3px;
}

.chat__Input__DI5NH {
  padding: 4px 3px;
  width: 100%;
  height: 56px;
  border: 1px solid #ddd;
  border-radius: 0 0 0 3px;
  resize: none;
  overflow: auto;
  font-size: 13.5px;
  font-family: inherit;
  z-index: 100;
  font-weight: 400;
  /* background-color: white; */
}

.chat__Input__DI5NH:focus {
  outline: none;
  background-color: rgb(250, 250, 250);
}

.chat__Send__DShai {
  /* display: flex; */
  /* justify-content: center;
  align-items: center; */
  width: 60px;
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: inherit;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: #2d91f2;
  color: white;
  font-size: 18px;
  border-radius: 0 0 3px 3px;
}

.chat__Send__DShai:hover {
  background: #47abff;
}

.chat__Mic__WiLCp {
  width: 30px;
  height: 24px;
  margin-right: 1px;
  background-color: white;
  color: #2d91f2;
}

.chat__Mic__WiLCp:hover {
  background: #47abff;
  color: white;
}

.chat__QuickMenu__rfaf8 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: inherit;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 18px;
  border-radius: 0 0 2px 0;
  width: 30px;
  height: 24px;
  margin-top: 1px;
  background-color: white;
  color: #2d91f2;
}

.chat__QuickMenu__rfaf8:hover {
  background: #47abff;
  color: white;
}

.chat__Entry__Lg5D8 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  width: 100%;
  font-size: 15px;
  padding: 3px;
  /* width: 90%; */
  border: 2px solid transparent;
}

.chat__Timestamp__MigV8 {
  font-style: italic;
  color: #999;
  font-size: 0.8em;
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 12px;
  margin: 5px 0;
  text-align: left;
}

.chat__VmtBotEntry__U7j2v {
  font-size: 13px;
  color: #999;
}

.chat__Point__eZ6Jy {
  z-index: 1500;
  background-color: #ff5555;
  height: 10px;
  width: 10px;
  position: absolute;
}

.chat__Highlight__JJtew {
  border: 2px solid #2d91f2;
}

.chat__Reference__xqSoD {
  border: 2px dotted #47abff;
}

.chat__EventBlock__lea3q {
  display: -ms-flexbox;
  display: flex;
  width: 95%;
}

.chat__EventContainer__SuUh7 {
  display: inline-block;
  margin: 1px;
  padding-bottom: 7px;
  margin-top: 0px;
}

.chat__Event__enzA6 {
  display: -ms-flexbox;
  display: flex;
  height: 7px;
  width: 7px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.chat__Event__enzA6:hover {
  background: #2d91f2 !important;
}

.chat__ExternalLink__PZyQH {
  margin-left: 3px;
  margin-right: -5px;
}

.chat__MoreMenuOption__zVqGg {
  margin: 10px;
}

.chat__DropdownContainer__WDXYN {
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 4px;
  margin-right: 3px;
  padding: 3px 3px;
  position: relative;
  height: 100%;
  cursor: pointer;
}

.chat__DropdownContent__v1EZ8 {
  display: none;
  position: absolute;
  padding: 15px 15px;
  top: 12px;
  left: auto;
  right: 0;
  z-index: 1000;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  background: white;
  color: white;
  border: 1px solid #ddd;
  min-width: 150px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -ms-flex-flow: column;
      flex-flow: column;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.chat__DropdownItem__j9IJI {
  margin: 8px 0;
}

.chat__DropdownContainer__WDXYN:hover .chat__DropdownContent__v1EZ8 {
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: chat__showDropdown__FimKi 0.2s;
          animation: chat__showDropdown__FimKi 0.2s;
}

.chat__TooltipContent__NTh5k {
  display: none;
  position: absolute;
  padding: 5px 5px;
  top: 12px;
  left: auto;
  right: 0;
  z-index: 1000;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  background: white;
  color: #2d91f2;
  border: 1px solid #ddd;
  min-width: 150px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.chat__Status__pnjZp:hover .chat__TooltipContent__NTh5k {
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: chat__showDropdown__FimKi 0.2s;
          animation: chat__showDropdown__FimKi 0.2s;
}

.chat__ChatPicker__AHH3C {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 56px;
  border: 1px solid lightslategrey;
  padding: 3px;
  border-radius: 3px;
  overflow-y: scroll;
}

.chat__ChatPickerTooltip__OWJ36 {
  top: -28px;
}

.chat__QuickMenu__rfaf8:hover .chat__ChatPickerTooltip__OWJ36 {
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: chat__showDropdown__FimKi 0.2s;
          animation: chat__showDropdown__FimKi 0.2s;
}

.chat__QuickChatItem__xAkgE {
  padding: 3px;
}

.chat__Listening__c_IWw {
  -webkit-animation: chat__pulse__eoR1o 1s infinite;
          animation: chat__pulse__eoR1o 1s infinite;
}

@-webkit-keyframes chat__showDropdown__FimKi {
  /* style rules */
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes chat__showDropdown__FimKi {
  /* style rules */
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes chat__pulse__eoR1o {
  0% {
    color: darkgray;
  }
  100% {
    color: #ff5555;
  }
}

@keyframes chat__pulse__eoR1o {
  0% {
    color: darkgray;
  }
  100% {
    color: #ff5555;
  }
}

.chat__Button__pVE8Y {
  background: none;
  color: inherit;
  border: none;
  padding: 10;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  list-style-type: none;
  -webkit-transition: 0.2;
  transition: 0.2;
  position: relative;
  max-width: 125px;
  /* border: 1px solid white; */
  margin: 2px 10px;
  font-weight: 300;
}

.chat__Button__pVE8Y:after {
  content: '';
  position: absolute;
  bottom: -5px;
  width: 0;
  height: 2px;
  display: block;
  border-radius: 4px;
  /* margin-top: 10px; */
  right: 0;
  background: white;
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  /* -webkit-transition: width .2s; */
}

.chat__Button__pVE8Y:hover:after {
  width: 100%;
}

.chat__Message__RUGD8 {
  word-wrap: break-word;
}
.toolTip__Container__NpVhJ {
  overflow: hidden;
  text-overflow: ellipsis;
}

.toolTip__ToolTipText__Di_ap {
  /* visibility: visible; */
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  position: fixed;
  z-index: 10000;
  opacity: 0.8;
  /* height: 47px; */
  -webkit-transition: 0.2s;
  transition: 0.2s;
  /* text-wrap */
  display: inline;
  /* overflow: hidden; */
  white-space: no-wrap;
  text-overflow: ellipsis; /* <-- this is not working */
  margin-left: -22px;
  text-transform: capitalize;
  font-weight: 300;
  font-size: 16px;
}

.toolTip__ToolTipText__Di_ap::after {
  position: absolute;
  display: block;
  content: '';
  border-style: solid;
  border-width: 8px;
  height: 0;
  width: 0;
  border-color: black transparent transparent transparent;
  opacity: 1;
  bottom: -16px;
  left: 14px;
}

.toolTip__Green__CSydT {
  color: #67d375;
}

/* .ToolTipText:hover {
  height: 150px;
} */

.pending__Pending__em7_C {
  /* background-color: white; */
  position: absolute;
  bottom: 57px;
  font-size: 13px;
  border: 1px solid #75b7f6;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid#ddd;
  background: #eff3f6;
  border-radius: 4px;
  /* width: 90%; */
  padding: 2px 5px;
  max-height: 45px;
  height: auto;
  margin: 5px 7px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.pending__dot1__Qmseb {
  -webkit-animation: pending__visibility__UBpGs 2s linear infinite;
          animation: pending__visibility__UBpGs 2s linear infinite;
}
@-webkit-keyframes pending__visibility__UBpGs {
  0% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pending__visibility__UBpGs {
  0% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.pending__dot2__VDNLX {
  -webkit-animation: pending__visibility2__XPkat 2s linear infinite;
          animation: pending__visibility2__XPkat 2s linear infinite;
}
@-webkit-keyframes pending__visibility2__XPkat {
  0% {
    opacity: 0;
  }
  21% {
    opacity: 0;
  }
  22% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pending__visibility2__XPkat {
  0% {
    opacity: 0;
  }
  21% {
    opacity: 0;
  }
  22% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.pending__dot3__V2dAQ {
  -webkit-animation: pending__visibility3___BHuk 2s linear infinite;
          animation: pending__visibility3___BHuk 2s linear infinite;
}
@-webkit-keyframes pending__visibility3___BHuk {
  0% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  44% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pending__visibility3___BHuk {
  0% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  44% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.dropdownmenu__Container__Q8lVW {
  position: relative;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}

.dropdownmenu__DropdownContent__xwO3w {
  display: none;
  position: absolute;
  top: 15px;
  left: -5px;
  right: 0;

  z-index: 1000;
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  background: #2d91f2;
  color: white;
  border: 1px solid #ddd;
  width: 130px;
  -ms-flex-flow: column;
      flex-flow: column;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.dropdownmenu__DropdownItem__u6UmJ {
  margin: 8px 0;
  -ms-flex-item-align: center;
      align-self: center;
}

.dropdownmenu__Container__Q8lVW:hover .dropdownmenu__DropdownContent__xwO3w {
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: dropdownmenu__showDropdown__ORa5p 0.2s;
          animation: dropdownmenu__showDropdown__ORa5p 0.2s;
}

@-webkit-keyframes dropdownmenu__showDropdown__ORa5p {
  /* style rules */
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes dropdownmenu__showDropdown__ORa5p {
  /* style rules */
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.classlist__THead__ZOOMH {
  border-bottom: 2px solid white;
  padding: 5px;
  font-size: 130%;
}

.classlist__ParticipantList__qHHAA {
  margin: 20px 0 10px 0;
  /* display: flex;
    flex-flow: column;
    align-items: flex-start;
    overflow-y: scroll;
    background: #f8f8f8; */
  border: 1px solid #ddd;
  padding: 5px;
  /* min-height: 200px; */
}

.classlist__Participant__BFuIx {
  height: 40px;
  /* color: black;
    padding: 7px;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #ddd; */
}

.classlist__InSession__TwzME {
  height: 40px;
  color: darkgray;
}

.classlist__Participant__BFuIx:hover {
  color: #2d91f2;
  cursor: pointer;
}

.currentMembers__Container__MQJ7N {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  height: 100%;
  background-color: white;
  overflow-y: hidden;
  border-radius: 3px;
}

.currentMembers__Avatar__Jn29i {
  margin: 10px 0;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

.currentMembers__Active__ghRib {
  font-size: 18px;
  font-weight: 700;
}

.currentMembers__Passive__PvHKH {
  font-size: 14px;
}

.currentMembers__Expanded__PV0SD {
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 100%;
  overflow-y: scroll;
  padding: 5px 10px;
  height: 100%;
  max-height: 220px;
}

.currentMembers__Collapsed__c0g7B {
  display: none;
}

.currentMembers__Expanded__PV0SD::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

.currentMembers__Expanded__PV0SD::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.currentMembers__Title__jww1s {
  padding: 8px 10px 8px 10px;
  border-bottom: 1px solid #ddd;
  background-color: #eff3f6;
  border-radius: 3px 3px 0 0;
  color: #5e5e5e;
  font-size: 17px;
  letter-spacing: 1px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.currentMembers__RoomDetail__Wg2GK {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.currentMembers__RoomDetailText__LJVuI {
  margin-left: 0;
}

.currentMembers__RoomDetailValue__EsL75 {
  margin-right: 0;
}

.avatar__UserInfo___vOGt {
  /* margin-bottom: 5px; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 1px;
}

.avatar__UserInfo___vOGt a {
  margin: 0 auto;
}

.avatar__BigAvatar__fxNS6 {
  -ms-flex-item-align: center;
      align-self: center;
  height: 222px;
  width: 222px;
}

.avatar__Avatar__kum2T {
  background-color: #2d91f2;
  color: white;
  border-radius: 50%;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
    1px 1px 0 #000;
  /* border: 3px solid black; */
  /* align-self: flex-start; */
}

.avatar__AvatarContainer__buUqC {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 auto;
  padding: 2px;
  height: inherit;
  background: white;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.avatar__AvatarOverlay__Wnaca {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #353535;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.avatar__CameraIcon__vrRlx {
  font-size: 35px;
  margin: 15px;
  color: white;
}
.avatar__AvatarContainer__buUqC:hover .avatar__AvatarOverlay__Wnaca {
  opacity: 0.5;
  z-index: 2;
  cursor: pointer;
}

.avatar__Username__Z8DRp {
  margin-left: 10px;
}

.checkbox__checkbox__Rik1q {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.checkbox__checkbox__Rik1q input[type='checkbox'] {
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox__checkbox__Rik1q label {
  position: relative;
  display: inline-block;
  width: 100%;
  /*16px width of fake checkbox + 6px distance between fake checkbox and text*/
  padding-left: 22px;
  cursor: pointer;
}

.checkbox__checkbox__Rik1q label::before,
.checkbox__checkbox__Rik1q label::after {
  position: absolute;
  content: '';
  /*Needed for the line-height to take effect*/
  display: inline-block;
}

/*Outer box of the fake checkbox*/
.checkbox__checkbox__Rik1q label::before {
  height: 16px;
  width: 16px;
  border: 1px solid;
  left: 0px;

  /*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
     *to vertically center it.
     */
  top: calc(50% - 8px);
}

/*Checkmark of the fake checkbox*/
.checkbox__checkbox__Rik1q label::after {
  height: 5px;
  width: 9px;
  border-left: 2px solid;
  border-bottom: 2px solid;

  -webkit-transform: rotate(-45deg);

      -ms-transform: rotate(-45deg);

          transform: rotate(-45deg);

  left: 4px;
  top: calc(50% - 2.5px);
}

/*Hide the checkmark by default*/
.checkbox__checkbox__Rik1q input[type='checkbox'] + label::after {
  content: none;
}

/*Unhide on the checked state*/
.checkbox__checkbox__Rik1q input[type='checkbox']:checked + label::after {
  content: '';
}

.dropdown__Wrapper__gN8vv {
  width: 100%;
  border: 1px solid #bbb;
  border-radius: 3px;
  cursor: pointer;
  padding: 3px 15px 3px 15px;
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
  margin-bottom: 0px;
  text-align: left;
}

.dropdown__Dropdown__w9Gkn > div {
  background-color: inherit;
  text-align: left;
  padding-right: 15px;
}

.dropdown__Header__doBHO {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  /* background-color: #f9f9f9; */
  padding: 2px;
  color: undefined;
}

.dropdown__ListItem__Bu_Io {
  color: black;
  padding: 2px;
}

.dropdown__ErrorItem__lrMRM {
  color: #666;
  cursor: not-allowed;
}
.dropdown__ListItemSelected__IN06h {
  color: #2d91f2;
}
.dropdown__ListItem__Bu_Io:hover {
  color: #2d91f2;
}

.dropdown__Background1__KjOuv {
  background-color: white;
}

.dropdown__Background2__kpNqW {
  background-color: #ddd;
}
.dropdown__Open__iAbzd {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  height: 100%;
  /* max-height: 400px; */
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
  overflow-y: scroll;
}

.dropdown__Close__ibTHU {
  height: 0px;
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
}

.dropdown__Dropdown__w9Gkn {
  overflow-y: hidden;
}

/* STOLEN FROM https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_radio
@TODO Add our own custom styling */
.radioBtn__Container__ukALO {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radioBtn__Container__ukALO input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radioBtn__Checkmark__ZPODF {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border: 1px solid #9f9f9f;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radioBtn__Container__ukALO:hover input ~ .radioBtn__Checkmark__ZPODF {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radioBtn__Container__ukALO input:checked ~ .radioBtn__Checkmark__ZPODF {
  background-color: #2196f3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radioBtn__Checkmark__ZPODF:after {
  content: '';
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radioBtn__Container__ukALO input:checked ~ .radioBtn__Checkmark__ZPODF:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radioBtn__Container__ukALO .radioBtn__Checkmark__ZPODF:after {
  top: 7px;
  left: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
}

.textInput__Container__EeRAZ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  /* margin-top: 10px; */
  /* font-size: 18px; */
  width: 100%;
  margin-bottom: 20px;
  /* padding: 10px; */
}

.textInput__Input__BQDgR {
  width: 100%;
  /* border-radius: 4px; */
  border: none !important;
  border-bottom: 1px solid white !important;
  background: none !important;
  font-size: 35px;
  caret-color: #a4deff;
  color: white;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 20px;
  padding: 10px 10px 10px 0px;
}

.textInput__Input__BQDgR:-webkit-autofill {
  -webkit-text-fill-color: #2d91f2 !important;
}

.textInput__Input__BQDgR:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  /* border: 1px solid red !important; */
  outline: none !important;
  border-bottom: 1px solid #2d91f2 !important;
}

.textInput__Input__BQDgR::-webkit-input-placeholder {
  color: #d3d3d3;
  opacity: 0.8;
  font-weight: 300;
}

.textInput__Input__BQDgR::-moz-placeholder {
  color: #d3d3d3;
  opacity: 0.8;
  font-weight: 300;
}

.textInput__Input__BQDgR:-ms-input-placeholder {
  color: #d3d3d3;
  opacity: 0.8;
  font-weight: 300;
}

.textInput__Input__BQDgR::-ms-input-placeholder {
  color: #d3d3d3;
  opacity: 0.8;
  font-weight: 300;
}

.textInput__Input__BQDgR::placeholder {
  color: #d3d3d3;
  opacity: 0.8;
  font-weight: 300;
}

.textInput__Input__BQDgR:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #d3d3d3;
  opacity: 0.8;
  font-weight: 300;
}

.textInput__Input__BQDgR::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #d3d3d3;
  opacity: 0.8;
  font-weight: 300;
}

.textInput__Label__CgeMA {
  margin: 10px 0;
  text-align: left;
  color: inherit;
  font-weight: 400;
  font-size: 18px;
}

/* .Input:focus + .Label{
  color: blue;
} */

.textInput__Hover__nILjF:hover {
  cursor: pointer;
}

.lightTextInput__Container__HDwBn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  margin-top: 10px;
  font-size: 18px;
  width: 100%;
}

.lightTextInput__Input__NoeJ0 {
  /* width: 100%; */
  padding: 10px 0;
  border: none;
  /* border-radius: 4px; */
  border-bottom: 2px solid #2d91f2 !important;
  background: none !important;
  font-size: 20px;
  caret-color: #2d91f2;
  color: #222;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-family: inherit;
}

.lightTextInput__Input__NoeJ0:-webkit-autofill {
  -webkit-text-fill-color: #a4deff !important;
}

.lightTextInput__Input__NoeJ0:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none !important;
  outline: none !important;
  border-bottom: 2px solid #a4deff !important;
}

.lightTextInput__Label__D3P4n {
  margin: 10px 0;
  text-align: left;
  font-size: 15px;
  text-transform: uppercase;
  color: #666;
}

.lightTextInput__Hover__cjY1f:hover {
  cursor: pointer;
}

.breadCrumbs__BreadcrumbContainer__ebEhM {
  z-index: 500;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* background-color: #f9f9f9; */
  margin-top: 20px;
  padding: 10px 0;
  border-radius: 3px;
  border-bottom: 1px solid #ddd;
}

.breadCrumbs__CrumbContainer__zpz_m {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: "-";
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;

}

.breadCrumbs__CrumbContainer__zpz_m:hover {
  text-decoration: none;
}

.breadCrumbs__Crumb__JFElH {
  position: relative;
  color: undefined;
  -ms-flex: 0.25 0 auto;
      flex: 0.25 0 auto;
  padding: 0 20px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: "-";
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.breadCrumbs__Seperator__J2f6k {
  width: 10px;
  -ms-flex: 0.1 0 auto;
      flex: 0.1 0 auto;
  color: undefined;
}

.breadCrumbs__Hidden__lDA1T {
  display: none;
}

.breadCrumbs__Active__CTxgU {
  color: black;
  font-weight: 600;
  /* border: 2px solid yellow; */
}

.breadCrumbs__Ntf__HdFeT {
  background-color: #ff5555;
  font-size: 0.68em;
  color: white;
  border-radius: 50px;
  padding: 2px;
  position: absolute;
  top: 0px;
  right: 6px;
}


.customLink__Link__Knju6 {
  color: #75b7f6;
  padding-bottom: 2px;
  border-bottom: none;
  -webkit-transition: .2s;
  transition: .2s;
}

.customLink__Link__Knju6:hover {
  border-bottom: 1px solid #999;
}

.notification__Container__nO1VS {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.notification__Bell__nAKSZ {
  color: #ff5555;
  /* color: white; */
  /* width: 32px; */
  text-align: center;
  vertical-align: center;
  font-size: 32px;
  /* height: 32px; */
  text-align: center;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.notification__Count__Wfguf {
  color: #ff5555;
  font-size: 15px;
}

.navItem__Item__ilxz2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  list-style-type: none;
  -webkit-transition: 0.2;
  transition: 0.2;
  position: relative;
  max-width: 175px;
  /* border: 1px solid white; */
  margin: 2px 10px;
  font-weight: 300;
}

.navItem__Link__enk7T {
  color: inherit;
  letter-spacing: 0.07em;
}

/* .Item:hover {
  color: white;
  background-color: #0078EC;
  text-decoration: none;
}

.Link:active{
  color: white;
  background-color: #0078EC;
} */

.navItem__Item__ilxz2:after {
  content: '';
  position: absolute;
  bottom: -5px;
  width: 0;
  height: 2px;
  display: block;
  border-radius: 4px;
  /* margin-top: 10px; */
  right: 0;
  background: white;
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  /* -webkit-transition: width .2s; */
}

.navItem__ActiveLink__wdjxX {
}

.navItem__ActiveLink__wdjxX:after {
  content: '';
  position: absolute;
  bottom: -5px;
  width: 100%;
  height: 2px;
  display: block;
  border-radius: 4px;
  right: 0;
  background: white;
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
}

.navItem__Item__ilxz2:hover:after {
  width: 100%;
}
/* .ActiveLink:hover:after {
  width: 0%;
} */

.navItem__Ntf__vYxu2 {
  position: absolute;
  right: 2px;
  top: 2.5px;
  color: red;
  z-index: 1;
  height: 12px;
  width: 12px;
}

@media screen and (max-width: 750px) {
  .navItem__Item__ilxz2 {
    font-size: 14px;
  }
}

@media screen and (max-width: 550px) {
  .navItem__Item__ilxz2 {
    font-size: 12px;
  }
}

.dropdownNavItem__Container__vLrno {
  position: relative;
  margin-right: 22px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}

.dropdownNavItem__DropdownContent__tT7U9 {
  display: none;
  position: absolute;
  top: 90%; /* for different navbar heights, dropdown will appear at the bottom, slightly overlapping */
  left: 0;
  right: 0;
  /* border: 1px solid red; */

  z-index: 1000;
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  background: #2d91f2;
  color: white;
  border: 1px solid #ddd;
  width: 100px;
  -ms-flex-flow: column;
      flex-flow: column;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.dropdownNavItem__DropdownItem__fz0hP {
  margin: 8px 0;
}

/* .DropdownItem::last */
/* .Header:hover {
  color: red;
} */

.dropdownNavItem__Container__vLrno:hover .dropdownNavItem__DropdownContent__tT7U9 {
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: dropdownNavItem__showDropdown__fgd1x 0.2s;
          animation: dropdownNavItem__showDropdown__fgd1x 0.2s;
}

.dropdownNavItem__DropdownItem__fz0hP:hover {
}

@-webkit-keyframes dropdownNavItem__showDropdown__fgd1x {
  /* style rules */
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes dropdownNavItem__showDropdown__fgd1x {
  /* style rules */
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.homeNav__Nav__zjM7P {
  width: 100%;
  height: 60px;
  /* background-image: linear-gradient(to top, #3a5ec9 10%, #001144 100%); */
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 1000;
  border-top: 2px solid #001144;
  position: fixed;
  color: white;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: color 1s, background 0.5s, -webkit-box-shadow 0.5s;
  transition: color 1s, background 0.5s, -webkit-box-shadow 0.5s;
  transition: color 1s, background 0.5s, box-shadow 0.5s;
  transition: color 1s, background 0.5s, box-shadow 0.5s, -webkit-box-shadow 0.5s;
}

.homeNav__LightNav__mHavV {
  color: #2d91f2;
  border-top: 0px;
  background: rgb(255, 255, 255);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.homeNav__TempWorkspaceNav__wv8HO {
  position: relative;
}

/* .LightNav li a {
  color: blue;
} */

.homeNav__GradientNav__xl3vB {
  /* this important tag only overrides the background: none in .Nav */
  /* background-image: linear-gradient(to top, blue %, darkBlue 100%) !important;
   */
  position: relative;
  height: 60px;
  background: -webkit-gradient(linear, left top, left bottom, from(#001144), to(#0e2257));
  background: linear-gradient(to bottom, #001144, #0e2257);
  -webkit-box-shadow: 0px 5px 20px 15px #0e2257;
          box-shadow: 0px 5px 20px 15px #0e2257;
}

.homeNav__FixedGradientNav__jxyRE {
  position: fixed;
}

.homeNav__NavContainer__stE_e {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  max-width: 1700px;
  margin: 0 auto;
  /* border: 1px solid white; */
}

.homeNav__LogoContainer__Mj5dO {
  -ms-flex-order: 1;
      order: 1;
  -ms-flex: 0.2 0 auto;
      flex: 0.2 0 auto;
  /* @TURN OFF FOR PROD */
  /* border: 1px dashed red; */
}

.homeNav__Logo__xbqkX {
  font-size: 30px;
  height: 100%;
  margin-left: 8%;
  /* align-items: center; */
  font-weight: 400;
}

.homeNav__LogoShort__qGRWW {
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  font-size: 25px;
  font-weight: 700;
  display: none;
}

.homeNav__NavListContainer__x_P9D {
  height: 100%;
  -ms-flex-align: center;
      align-items: center;

  -ms-flex-order: 2;

      order: 2;
  -ms-flex: 0.8 0 auto;
      flex: 0.8 0 auto;
  /* border: 1px solid red; */
}

.homeNav__NavListContainer__x_P9D ul {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-flow: center;
      flex-flow: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  padding: 0;
}

/* .NavListContainer ul li {
  display: flex;
  align-items: center;
  height: 100%;
  flex: 0.1 0 auto;
} */

@media screen and (max-width: 875px) {
  .homeNav__LogoShort__qGRWW {
    display: block;
    margin-left: 25px;
  }
  .homeNav__Logo__xbqkX {
    display: none;
  }
}

.tabList__Tabs__paJPr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: flex;
  overflow-x: auto;
}

.tabList__Tab__XiNW1 {
  position: relative;
  -ms-flex: 0.2 0 auto;
      flex: 0.2 0 auto;
  max-width: 160px;
  min-width: 140px;
  padding: 15px 0;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 400px;
  height: 50px;
  /* margin: 8px 35px 0 0; */
  /* letter-spacing: .08em; */
  cursor: pointer;
  border-bottom: 1.5px solid #ddd;
  margin-bottom: 2px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: undefined;
}

.tabList__Tab__XiNW1:hover {
  border-bottom: 4px solid lightGrey;
  color: undefined;
}

.tabList__ActiveTab__d4K0K {
  /* border-bottom: 1px solid #2D91F2; */
  border-bottom: 4px solid #ffd549;
  /* margin-bottom: 2px; */
  color: black;
  font-weight: 600;
}

.tabList__ActiveTab__d4K0K:hover {
  border-bottom: 4px solid #ffd549;
}
/* @TODO might consider extracting out Notification to its own component */
.tabList__Notifications__mPTbN {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  top: 5px;
  right: 0px;
}

.tabList__NotificationCount__siwxS {
  position: relative;
  top: 3px;
}

@media screen and (max-width: 760px) {
  .tabList__Tab__XiNW1 {
    font-size: 12px;
    min-width: 50px;
  }
}

.navbar__NavContainer__z6VuA {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 60px;
  background-color: #2d91f2;
  color: white;
  z-index: 550;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.navbar__Fixed__lsQqQ {
  position: fixed;
  height: 60px;
}

.navbar__EditorNavContainer__e2KA1 {
  width: 95%;
  height: calc(60px * .5);
}

.navbar__WorkspaceNav__PHOFz {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
}

.navbar__LogoContainer__wjci1 {
  -ms-flex-order: 1;
      order: 1;
  -ms-flex: 0.25 0 auto;
      flex: 0.25 0 auto;
}

.navbar__Logo__i9zui {
  height: 100%;
  margin-left: 8%;
  -ms-flex-align: center;
      align-items: center;
  font-size: 25px;
  font-weight: 400;
}

.navbar__LogoShort__Wspmv {
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  font-size: 25px;
  font-weight: 700;
  display: none;
}

.navbar__NavListContainer__IweYG {
  height: 100%;
  -ms-flex-order: 2;
      order: 2;
  -ms-flex: 0.75 0 auto;
      flex: 0.75 0 auto;
}

.navbar__NavListContainer__IweYG ul {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-flow: center;
      flex-flow: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 60px;
}

/* .NavListContainer ul li {
  flex: 0.1 0 auto;
} */

@media screen and (min-width: 1300px) {
  .navbar__NavContainer__z6VuA {
    border-radius: 0px;
  }
}

@media screen and (max-width: 960px) {
  .navbar__LogoShort__Wspmv {
    display: block;
    margin-left: 25px;
  }
  .navbar__Logo__i9zui {
    display: none;
  }
}

.search__Search__Sm7I8 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: inherit;
  height: 100%;
  width: 100%;
}

.search__Input__Hu0OD {
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  padding: 10px;
  padding-left: 35px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: white;
  font-size: 16px;
  letter-spacing: 0.08em;
  color: #666;
  caret-color: #75b7f6;
  font-family: inherit;
  position: relative;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.search__Input__Hu0OD:focus {
  border: none;
  border: 1px solid #2d91f2;
  outline-width: 0;
}

.search__Icon__A5n8S {
  font-size: inherit;
  margin-left: 8px;
  position: absolute;
  color: darkGray;
}

.search__Dark__csASa {
  background: #f8f8f8;
}

.Backdrop__Backdrop__tGpzj {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1999;
  left: 0;
  top: 0;
  background-color: rgba(0,0,0,0.5)
}

.Slider__Switch__fD73P {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 46px;
  height: 20px;
}

.Slider__Switch__fD73P input {
  opacity: 0;
  width: 0;
  height: 0;
}

.Slider__Slider__bnwWr {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 34px;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.Slider__Slider__bnwWr:before {
  position: absolute;
  content: '';
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  border-radius: 50%;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .Slider__Slider__bnwWr {
  background-color: #2d91f2;
}

input:focus + .Slider__Slider__bnwWr {
  -webkit-box-shadow: 0 0 1px #2d91f2;
          box-shadow: 0 0 1px #2d91f2;
}

input:checked + .Slider__Slider__bnwWr:before {
  -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
          transform: translateX(26px);
}

.contentBox__Container__FdtJS {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  background: white;
  border: 1px solid #d8d9da;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.contentBox__SubContainer__RJuBW {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}

.contentBox__TopBanner__dKKfF {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.contentBox__BannerLeft__zpgi3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 70%;
  /* change to flex-grow to allow max room for title and icons */
}

.contentBox__TitleIcons__vOmLj {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  height: 100%;
}

.contentBox__Container__FdtJS:hover {
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.contentBox__SubContainer__RJuBW:hover .contentBox__Title__Y7pBd {
  font-weight: 600;
}

.contentBox__Title__Y7pBd {
  /* max-width: 310px; */
  font-size: 1.25em;
  font-weight: 400;
  margin-right: 10px;
  text-align: center;
  vertical-align: middle;
  color: #2d91f2;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0.5px;
}

.contentBox__Expand__HADf7 {
  color: black;
  padding: 5px;
  z-index: 300;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.contentBox__Expand__HADf7:hover {
  background: #ddd;
}

.contentBox__Content__bbb47 {
  -ms-flex-positive: 4;
      flex-grow: 4;
  -ms-flex-flow: column;
      flex-flow: column;
  overflow-y: auto;
}

.contentBox__Expanded__RBVTK {
  margin-top: 5px;
  padding: 10px;
}

.contentBox__DetailsTitle__uZVMu {
  font-weight: 500;
  margin-right: 5px;
  /* width: 90px; */
  display: inline-block;
}

.contentBox__Icons__GcJ_f {
  display: -ms-flexbox;
  display: flex;
  width: 4rem;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 10px;
  color: #666;
}

.contentBox__Notification__rIEvF {
  position: relative;
  top: 2px;
  left: 5px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
  background-color: #ff5555;
  color: white;
  text-align: center;
  vertical-align: center;
  font-size: 14px;
  font-weight: 400;
}

.contentBox__NotificationCount__QkLHU {
  position: relative;
  top: 3px;
}

.contentBox__TabTypes__iOdLk {
  text-transform: capitalize;
}

.contentBox__CustomIconContainer__gAMpa {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100%;
}

.contentBox__CustomIcon__UDvrI {
  margin: 0 0.5rem;
  cursor: pointer;
}

.icons__Icon__i2e5G {
  /* flex: 1; */
  /* border: 1px solid red; */
  /* margin-right: 4px; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 25px;
  width: 35px;
}

.icons__Globe__Qh9fj {
  color: #2d91f2;
  font-size: 25px;
}

.icons__Locked__WHudt {
  color: #ff5555;
  font-size: 20px;
}

.icons__Unlocked__EIJK8 {
  color: #67d375;
  font-size: 20px;
}

.member__Container__I1Auy {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 2px;
  /* box-shadow: lightestShadow; */
  height: 64px;
  max-height: 64px;
  /* margin-bottom: 10px; */
}

.member__Avatar__K6W3i {
  margin: 10px 20px;
  margin-top: 15px;
  /* width: 100px; */
}

.member__Avatar__K6W3i span {
  margin-right: 10px;
}

.member__Notification__Z7_bx {
  background: #ff5555;
  color: white;
  padding: 3px 10px;
  border-radius: 10px;
}

.member__Row__RcoVT {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  /* width: 150px; */
}

.member__Row__RcoVT button {
  position: relative;
  right: -30px;
}

.member__Role__Oe6F8 {
  margin: 20px;
  color: undefined;
}

.member__Edit__J9ERB {
  /* padding: 5px; */
  margin-right: 20px;
  cursor: pointer;
  font-size: 19px;
  color: black;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #888;
}

.member__Edit__J9ERB:hover {
  color: undefined;
}

.member__Trash__KozHQ {
  font-size: 22px;
  color: #ff5555;
  margin-right: 20px;
  cursor: pointer;
}

.member__Trash__KozHQ:hover {
  color: #888;
}

.member__DropDownContainer__UatCs {
  position: relative;
}

.member__DropDown__MwjwL {
  right: 20px;
  top: -16px;
  position: absolute;
  background: white;
  z-index: 200;
}

.member__CanRemoveContainer__OXrKu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 2px;
  /* box-shadow: lightestShadow; */
  height: 50px;
  max-height: 64px;
  /* margin-bottom: 10px; */
}

.member__CanRemove__riYF7 {
  width: 100%;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  /* align-items: center; */
  padding: 5px;
}

.member__FlexRow___Keox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
}

.member__Email__glI62 {
  font-style: italic;
  color: #999;
  font-size: 13px;
  margin-left: 3px;
}

@media screen and (max-width: 800px) {
  .member__Trash__KozHQ,
  .member__Edit__J9ERB {
    /* justify-content: flex-start; */
    margin-right: 5px;
  }
  .member__Row__RcoVT {
    /* width: 100px; */
  }
}

:root {
  --modal-width: 500px;
}

.modal__Modal__motxy {
  position: fixed;
  right: calc(50% - var(--modal-width) / 2);
  left: calc(50% - var(--modal-width) / 2);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: center;
      justify-content: center;
  width: var(--modal-width);
  top: 50%;
  min-height: 300px;
  max-height: 900px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 6px;
  -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
          box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
  background-color: white;
  padding: 16px;
  z-index: 2000;
  /* overflow: scroll; */
  overflow: auto;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.modal__Close__hMidF {
  position: absolute;
  right: 6px;
  top: 10px;
  font-size: 20px;
  color: #666;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.modal__Close__hMidF:hover {
  color: black;
}

.modal__Description__gq3me {
  margin-top: 23px;
}

.modal__Modal__motxy::-webkit-scrollbar {
  width: 0.5em;
  height: 0.09em;
}

.modal__Modal__motxy::-webkit-scrollbar-thumb {
  background-color: undefined;
  border-radius: 3px;
}

.modal__Message__EnHig {
  color: #2d91f2;
  font-size: 22px;
}

.modal__Error__BcEAr {
  color: #ff5555;
  position: abssolute;
  height: 24px;
}

.modal__Row__ZaF6K {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}

.modal__Or__AzVGC {
  margin: 10px;
}

@media (max-width: 600px) {
  .modal__Modal__motxy {
    width: 400px;
    left: calc(50% - 200px);
  }
}

@media (max-width: 400px) {
  .modal__Modal__motxy {
    width: 380px;
    left: calc(50% - 160px);
  }
}

:root {
  --modal-width: 500px;
}

.bigModal__Modal__HVAh8 {
  position: fixed;
  float: left;
  top: 50%;
  left: 5%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: center;
      justify-content: center;
  width: var(--modal-width);
  width: auto;
  /* max-width: 90%; */
  max-height: 90%;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 6px;
  -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
          box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
  background-color: white;
  padding: 16px;
  z-index: 10001;
  overflow-x: auto;
  overflow-y: auto;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition: max-width 2.5s ease-in;
  transition: max-width 2.5s ease-in;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.bigModal__Modal__HVAh8::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.bigModal__Modal__HVAh8::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #2d91f2;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.bigModal__Modal__HVAh8::-webkit-scrollbar:horizontal {
  -webkit-appearance: none;
  height: 7px;
}
.bigModal__Modal__HVAh8::-webkit-scrollbar-thumb:horizontal {
  border-radius: 4px;
  background-color: #2d91f2;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.bigModal__Close___56U4 {
  position: absolute;
  right: 6px;
  top: 10px;
  font-size: 20px;
  color: #666;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.bigModal__Close___56U4:hover {
  color: black;
}

.bigModal__Description__Xmd3j {
  margin-top: 23px;
}

.bigModal__Modal__HVAh8::-webkit-scrollbar {
  width: 0.5em;
  height: 0.09em;
}

.bigModal__Modal__HVAh8::-webkit-scrollbar-thumb {
  background-color: undefined;
  border-radius: 3px;
}

.bigModal__Message__O8ni0 {
  color: #2d91f2;
  font-size: 22px;
}

.bigModal__Error__e3c5o {
  color: #ff5555;
  position: abssolute;
  height: 24px;
}

.bigModal__Row__DLJHX {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}

.bigModal__Or__ndqxc {
  margin: 10px;
}

@media (max-width: 600px) {
  .bigModal__Modal__HVAh8 {
    width: 400px;
    left: calc(50% - 200px);
  }
}

@media (max-width: 400px) {
  .bigModal__Modal__HVAh8 {
    width: 380px;
    left: calc(50% - 160px);
  }
}

/* Styling adapted from example #27 from https://onaircode.com/html-css-radio-button-styles-examples/ */

.toggleGroup__ToggleGroup___ECmZ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 350px;
  font-size: inherit;
  margin-bottom: 5px;
  margin-right: 33px;
}

/* button plus label */
.toggleGroup__ToggleElement__wwSx_ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.toggleGroup__ToggleElement__wwSx_:first-child > label {
  border-radius: 5px 0 0 5px;
}

.toggleGroup__ToggleElement__wwSx_:last-child > label {
  border-right: 1px solid #2a85e0;
  border-radius: 0 5px 5px 0;
}

.toggleGroup__ToggleElement__wwSx_ > label {
  width: 100%;
  cursor: pointer;
  font-style: italic;
  text-align: center;
  border-left: 1px solid #2a85e0;
  border-top: 1px solid #2a85e0;
  border-bottom: 1px solid #2a85e0;
  margin: 0 -5px; /* necessary bc flexbox doesn't have collapsing margins */
}

.toggleGroup__ToggleButton__hxu4H {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}

.toggleGroup__ToggleButton__hxu4H:checked ~ label {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#91c4ff), to(#2a85e0));
  background-image: linear-gradient(-180deg, #91c4ff, #2a85e0 100%);
  background-color: #2a85e0;
  font-weight: bold;
  color: white;
}

.editableText__Edit__fYsqA {
  color: #999;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
}

.editableText__Edit__fYsqA:hover {
  color: #2d91f2;
}

.editableText__EditContainer__xRnqh {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.editableText__EditLine__Y2ltR {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  position: relative;
  top: 3px;
}

.editableText__TextInput__hJykS {
  -ms-flex-order: 1;
      order: 1;
  height: 30px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #999;
  padding: 0 5px;
  margin-top: -8px;
  min-width: 250px;
}

.editableText__TextInput__hJykS {
  height: 30px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #999;
  padding: 0 5px;
  margin-top: -3px;
  min-width: 250px;
}

.editableText__TextArea__EsMdF {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 16px;
  padding: 5px;
  resize: none;
  margin-bottom: 10px;
  font-size: 14px;
}

.editableText__EditButtons__jruqy {
  -ms-flex-order: 2;
      order: 2;
  display: -ms-flexbox;
  display: flex;
  height: 22px;
  margin-top: -8px;
}

.editableText__EditButtons__jruqy button {
  font-size: 10px;
  padding: 8px 15px;
}

.editableText__ToggleEdit__ncQyS {
  color: #999;
  cursor: pointer;
  position: relative;
  left: 15px;
  top: -1px;
  font-size: 16px;
}

.editableText__ToggleEdit__ncQyS:hover {
  color: #2d91f2;
}
.editText__NormalText__oQKwq {
  word-break: break-word;
  border: 1px solid transparent;
  display: inline;
}

.editText__Common__iMplO {
  font-size: inherit;
  border: 1px solid #999;
  border-radius: 3px;
  width: 100%;
  font-size: 80%;
  text-indent: 5px;
}

.editText__Title__LVggS {
  width: 100%;
}

.editText__Date__Jqxd_ {
  display: inline;
}

.editText__Text__mpC_p {
  /* width: auto; */
  display: inline !important;
}

.editText__Radios__raoyS {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.editText__RadioItem__fuDhG {
  margin-left: 10px;
}

.editText__TextArea__mH2jJ {
  width: 100%;
  height: 200px;
  padding: 5px;
  font-size: 1em;
}

.selectionList__List__tLvBO {
  width: 100%;
  border: 1px solid #ddd;
  height: 100%;
  overflow-y: scroll;
  margin-top: 15px;
}

.selectionList__ListItem__l1clB {
  background: #f9f9f9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-align: left;
  width: 100%;
  height: 30px;
}

.selectionList__Odd__WEOVM {
  background: #999;
}

.selectionList__ErrorText__lsayY {
  margin-top: 20px;
  -ms-flex-item-align: center;
      align-self: center;
  font-style: italic;
  color: #777;
}

.error__Error__TBR6f {
  -webkit-animation: error__kf_shake__Q601e 0.4s 1 linear;
  animation: error__kf_shake__Q601e 0.4s 1 linear;
  color: #ff5555;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.error__FullPageError__hgXp5 {
  /* height: 100vh;
  width: 100vw; */
  /* display: flex;
   */
  margin: auto;
}

.error__FullPageError__hgXp5 > * {
  margin: auto;
}
@-webkit-keyframes error__kf_shake__Q601e {
  0% {
    -webkit-transform: translate(30px);
  }
  20% {
    -webkit-transform: translate(-30px);
  }
  40% {
    -webkit-transform: translate(15px);
  }
  60% {
    -webkit-transform: translate(-15px);
  }
  80% {
    -webkit-transform: translate(8px);
  }
  100% {
    -webkit-transform: translate(0px);
  }
}

.errorToast__Container___z7s3 {
  position: fixed;
  bottom: -100px;
  opacity: 0;
  left: 50px;
  background: rgb(243, 198, 198);
  color: #ff5555;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #ff5555;
}


.errorToast__example-appear__vYi8x {
  opacity: 0.01;
}

.errorToast__example-appear__vYi8x.errorToast__example-appear-active__GHcim {
  opacity: 1;
  -webkit-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in;
}
.demoBrowser__DemoBrowser__NVzOo {
  height: 350px;
  heigh: auto;
  width: 600px;
  border-radius: 4px;
  background: #f9f9f9;
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.demoBrowser__BrowserMenu__xI2eL {
  border-radius: 4px 4px 0 0;
  background: #475457;
  width: 100%;
  height: 30px;
}

.demoBrowser__Circles__EDeJk {
  height: 100%;
  width: 100px;
  margin-left: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.demoBrowser__Circle__hX0vL {
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin: 3px;
}

.demoBrowser__Red__hBU18 {
  background: #d5665f;
}

.demoBrowser__Yellow__qPpLH {
  background: #dcaa59;
}

.demoBrowser__Green__o82ch {
  background: #70b54f;
}

.iframe__iFrame__lr7LU {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.loading__Loading__WGTqU {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #f8f8f8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 100;
}

.loading__SmallLoading__jgECC {
}

.loading__Graph__vVxpH {
  height: 100px;
  width: 100px;
  background-size: 11px 11px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-image: linear-gradient(to right, black 0.35px, transparent 1px),
    linear-gradient(to bottom, black 0.35px, transparent 1px) !important;
}



.loading__Pending__WJCQ5 {
  /* background-color: white; */
  margin-top: 20px;
  font-size: 20px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.loading__dot1__FMwjU {
  -webkit-animation: loading__visibility__rzmAH 2s linear infinite;
          animation: loading__visibility__rzmAH 2s linear infinite;
}
@-webkit-keyframes loading__visibility__rzmAH {
  0% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loading__visibility__rzmAH {
  0% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.loading__dot2__Q62YU {
  -webkit-animation: loading__visibility2__gdGL3 2s linear infinite;
          animation: loading__visibility2__gdGL3 2s linear infinite;
}
@-webkit-keyframes loading__visibility2__gdGL3 {
  0% {
    opacity: 0;
  }
  21% {
    opacity: 0;
  }
  22% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loading__visibility2__gdGL3 {
  0% {
    opacity: 0;
  }
  21% {
    opacity: 0;
  }
  22% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.loading__dot3__rohZA {
  -webkit-animation: loading__visibility3__Khmgw 2s linear infinite;
          animation: loading__visibility3__Khmgw 2s linear infinite;
}
@-webkit-keyframes loading__visibility3__Khmgw {
  0% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  44% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loading__visibility3__Khmgw {
  0% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  44% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.InfoBox__Section__t0vog {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  background: white;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  /* padding: 3px; */
  border-radius: 3px;
}

.InfoBox__Header__PBI7f {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-weight: 600;
  font-size: 1.1em;
  color: #5e5e5e;
  background: #eff3f6;
  padding: 3px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 3px;
}

.InfoBox__Left__ag89b {
  display: -ms-flexbox;
  display: flex;
}

.InfoBox__Icon__faITD,
.InfoBox__Right__Q8lop {
  margin: 0 8px;
  color: #75b7f6;
}

.InfoBox__Right__Q8lop {
  min-width: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  /* hack to center ToggleGroup */
  /* margin-right: -33px; */
}

.InfoBox__Content__Smxyk {
  padding: 10px;
}

.InfoBox__RightTitle__naHPz {
  color: #5e5e5e;
}

.genericSearchResults__SearchResults__tDqTF {
  margin-top: 10px;
  background: white;
  overflow-y: auto;
}

.genericSearchResults__SearchResItem__Z1cEz {
  padding: 5px;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #ddd;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.genericSearchResults__Label__jCR5Y {
  width: 60%;
  text-align: left;
}

.genericSearchResults__AltLabel__wXtzm {
  font-weight: 200;
  font-size: smaller;
  text-align: right;
  padding-right: .5rem;
  width: 40%;
}

.genericSearchResults__FlexRow__MLvjj {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
}

.resourceList__Controls__zFDPo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 14px;
  margin-bottom: 30px;
}

.resourceList__Search__c70oS {
  font-size: 20px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin: 0;
  min-width: 275px;
}

.resourceList__ResourceHeader__qDmOt {
  margin-bottom: 20px;
  font-weight: bold;
}

.resourceList__Row__QIZCO {
  display: -ms-flexbox;
  display: flex;
}

.resourceList__Col__cBPHv {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex: 1 1;
      flex: 1 1;
  margin-bottom: 2rem;
  min-width: 600px;
}

.resourceList__Col__cBPHv:first-child {
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #ddd;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media screen and (max-width: 800px) {
  .resourceList__Row__QIZCO {
    -ms-flex-flow: column;
        flex-flow: column;
  }

  .resourceList__Col__cBPHv:first-child {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
  }
}

.resourceList__Label__agk9p {
  font-weight: lighter; /* contrast font weight with .Select */
  display: inline-block;
  width: 16rem;
}

.resourceList__Select__iMJjF {
  margin: 0.5rem 0;
  font-weight: normal !important; /* !important to be normal font weight here */
}

.resourceList__SortUIContainer__az_RG {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  z-index: 350; /* Content box has z-index of 300 */
  max-width: 573px;
}

.resourceList__ControlsContainer__sgVLJ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  z-index: 350; /* Content box has z-index of 300 */
  width: 100%;
}

.resourceList__SortSelection__egSbg,
.resourceList__FilterSelection__YTS0f {
  z-index: 350;
}

.resourceList__CustomIcon__wX6OE {
  margin-top: 5px;
  font-size: 20px;
  font-weight: 500;
}

.resourceList__CustomIcon__wX6OE:hover {
  cursor: pointer;
  font-size: 21px;
  font-weight: 900;
}

.spinner__Spinner__LuRDS {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border-top: 4px solid #3498db;
  border-right: 4px solid transparent;
  -webkit-animation: spinner__spin__yhjlP 1s ease-in-out infinite;
          animation: spinner__spin__yhjlP 1s ease-in-out infinite;
}

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

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

.socketProvider__NtfToast__do73t {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1.1em;
  position: fixed;
  bottom: 50px;
  left: 50px;
  background: rgba(2, 43, 114, 0.714);
  color: white;
  padding: 11px;
  padding-right: 19px;
  border-radius: 6px;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.socketProvider__Visible__uLJ7d {
  opacity: 1;
}

.socketProvider__Hidden__scMDz {
  opacity: 0;
  -webkit-transform: translateY(200px);
      -ms-transform: translateY(200px);
          transform: translateY(200px);
}

table {
  width: 100%;
  border-collapse: collapse;
}

table > caption {
  font-size: 2rem;
  padding: 1em;
}

thead th {
  text-align: left;
  border-bottom: 2px solid black;
}

thead button {
  border: 0;
  border-radius: none;
  font-family: inherit;
  font-weight: 700;
  font-size: inherit;
  padding: 0.5em;
  margin-bottom: 1px;
  margin-right: 5px;
}

.selectionTable__ascending__vYuq2::after {
  content: '↑';
  display: inline-block;
  margin-left: 1em;
}

.selectionTable__descending__bm9Q1::after {
  content: '↓';
  display: inline-block;
  margin-left: 1em;
}

tbody td {
  padding: 0.5em;
  border-bottom: 1px solid #ccc;
}

tbody tr:hover {
  background-color: #eee;
}

.tabs__Tab__UwE4G {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-item-align: start;
      align-self: flex-start;
  height: 35px;
  overflow: hidden;
  float: left;
  z-index: 600;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px 4px 0 0;
  border-bottom: none;
  margin: 0 0 0 0;
  cursor: pointer;
  position: relative;
}

.tabs__TabNotification__Fncph {
  position: absolute;
  right: 9px;
  top: 0px;
  background: #ff5555;
  height: 25px;
  width: 25px;
  text-align: center;
  border-radius: 50%;
  color: white;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-animation: tabs__bounce__MtQge 4s infinite;
          animation: tabs__bounce__MtQge 4s infinite;
  overflow: visible;
  z-index: 2000 !important;
}

@-webkit-keyframes tabs__bounce__MtQge {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  20% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  80% {
    transoform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}

@keyframes tabs__bounce__MtQge {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  20% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  80% {
    transoform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}

.tabs__NewTab__BrJBc {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.tabs__NewTab__BrJBc .tabs__TabBox__E3Z5R {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 10px;
  color: darkGrey;
  font-size: 16px;
  border: 1px transparent;
  background-color: transparent;
  margin-right: 20px;
  z-index: -1;
}

.tabs__NewTab__BrJBc .tabs__TabBox__E3Z5R i {
  position: relative;
  top: -1px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.tabs__TabBox__E3Z5R {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 35px;
  background: #e8e8e8;
  border: 1px solid #ccc;
  border-width: 1px 1px 0 1px;
  border-radius: 4px 4px 0 0;
  margin: 0 0 0 0;
  /* box-shadow: 0 0 2px  #fff inset; */
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: -1;
  font-size: 13px;
  /* -webkit-transform: perspective(150px) rotateX(30deg);
  -moz-transform: perspective(150px) rotateX(30deg); */
}

.tabs__TabName__czj4I {
  padding: 0 15px;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: darkGrey;
}

.tabs__Active__P6HlL {
  z-index: 40;
  /* position:relative; */
  padding-bottom: 1px;
}

.tabs__Tab__UwE4G:hover .tabs__TabBox__E3Z5R {
  background-color: #fdfdfd;
}

.tabs__Active__P6HlL .tabs__TabBox__E3Z5R {
  background-color: white;
  color: black;
  /* box-shadow: 0 0 2px 0 #fff inset; */
}

.tabs__Active__P6HlL .tabs__TabBox__E3Z5R .tabs__TabName__czj4I {
  color: black;
}

.tabs__Active__P6HlL:hover .tabs__TabBox__E3Z5R {
  background-color: #f8f8f8;
}

.tabs__NewTab__BrJBc:hover .tabs__TabBox__E3Z5R {
  color: #ffd549;
  background-color: transparent;
}

.tabs__TabsContainer__rGXgl {
  z-index: 1600;
  display: -ms-flexbox;
  display: flex;
}
/* We should have made a component that chat currentMembers and this can
all share. we are repeating styles in each of those copmnents  */
.tools__Container__heaP6 {
  /* position: absolute; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  background-color: white;
  height: inherit;
  width: 100%;
  border-radius: 3px;
  -ms-flex: 1 1;
      flex: 1 1;
  -webkit-box-shadow: lightShadow;
          box-shadow: lightShadow;
}

.tools__ActivityTools__E9ICb {
  height: auto;
}

.tools__Link__KZoSs {
  color: #2d91f2;
}

.tools__Title__xPAfe {
  width: 100%;
  padding: 8px 0 8px 10px;
  border-bottom: 1px solid #ddd;
  background-color: rgb(245, 245, 245);
  border-radius: 3px 3px 0 0;
  color: black;
  text-align: center;
  font-size: 17px;
  letter-spacing: 1.12px;
}

.tools__Expanded__nz8zL {
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 100%;
  padding: 5px 10px;
  height: 100%;
}

.tools__Controls__M5Ma9 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.tools__Collapsed__HF7QR {
  display: none;
}

.tools__ReferenceWindow__AZUDV {
  /* height: 100%; */
  margin: 3px 0;
  /* padding: 2px; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -webkit-box-shadow: lightShadow;
          box-shadow: lightShadow;
  -ms-flex-item-align: auto;
      align-self: auto;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  /* flex-grow: 0;
  flex-shrink: 1; */
}

.tools__ActiveReferenceWindow__W_DbP {
  font-weight: 600;
}

.tools__AwarenessDesc__L8IWG {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid#ddd;
  background: #eff3f6;
  border-radius: 4px;
  width: 100%;
  padding: 2px;
  min-height: 48px;
  height: 100%;
}

.tools__AwarenessIcon__TrHj2 {
  position: relative;
  overflow: visible;
  margin: 2px;
}

.tools__AwarenessIcon__TrHj2:hover .tools__ToolTip__EG6hN {
  display: -ms-flexbox;
  display: flex;
}
.tools__Save__sIvul {
  margin-top: 10px;
}

.tools__Controls__M5Ma9 {
  display: -ms-flexbox;
  display: flex;
  margin: 5px 0;
}

.tools__MousePointer__IYR2g {
  font-size: 18px;
  height: 50px;
  width: 50px;
  padding: 14px 10px 4px 20px;
  border-radius: 50%;
  background: #e8e8e8;
  margin: 5px 10px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.tools__ReferenceControls__PWYU_ {
  margin: 12px 0;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -ms-flex-align: center;
      align-items: center;
  /* width: 100%; */
  height: 60px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 6px;
}

.tools__ReferenceTool__i4j52 {
  border-bottom: 1px solid #f9f9f9;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.tools__ReferencingActive__RgwxC {
  background: lightBlue;
}

/* .ReferenceControls:hover .MousePointer {
  background: lightBlue;
} */

.tools__ReferenceControls__PWYU_:hover .tools__ReferenceTool__i4j52 {
  border-bottom: 1px solid #999;
}

.tools__SideButton__wor4G {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: 10px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: #2d91f2;
  color: white;
  border-radius: 3px 0px 0px 3px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1.12px;
  -webkit-box-shadow: lightShadow;
          box-shadow: lightShadow;
  text-align: center;
}

.tools__SideButton__wor4G:hover {
  background: #47abff;
}

.tools__Exit__ya4to {
  color: #666;
  background-color: #d2d2d2;
  border-radius: 0px 3px 3px 0px;
}

.tools__Exit__ya4to:hover {
  background: #dfdfdf;
}

.tools__ExternalLink___aNEp {
  margin-left: 3px;
  margin-right: -5px;
}

.roomInfo__RoomDescription__E6CWj {
  /* padding: 30px; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  -ms-flex-order: 2;
      order: 2;
  height: 100%;
  padding: 5px 10px 0px 10px;
}

.roomInfo__TabNameTitle__XGILV {
  border-bottom: 1px solid #ddd;
  height: 25px;
  font-size: 18px;
  font-weight: 700;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}

.roomInfo__ToggleView__MHuko {
  float: right;
  position: relative;
  top: -22px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.roomInfo__ToggleView__MHuko:hover {
  background: #ddd;
}

.roomInfo__InstructionsContainer__S228P {
  margin-top: 10px;
  padding-left: 5px;
  height: 100%;
  padding-bottom: 15px;
  -ms-flex: 1 0 1;
      flex: 1 0 1;
}

.roomInfo__Collapsed__k0ezC {
  display: none;
  border: none;
}

.roomInfo__InstructionsTitle__ne7Gf {
  float: left;
  margin-right: 10px;
  font-weight: 700;
}

.roomInfo__CopiedContainer__HfBEZ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%;
}

.roomInfo__CopyRow__KKhaK {
  display: -ms-flexbox;
  display: flex;
  margin-left: 6px;
  cursor: pointer;
  background: #eee;
  border: 1px solid #aaa;
  border-radius: 6px;
  padding: 3px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.roomInfo__CopyIcon__eKlSI {
  margin: 0 3px;
  display: inline;
}

.roomInfo__CopyRow__KKhaK:hover {
  color: #47abff;
}

.roomInfo__CopiedContainer__HfBEZ {
  display: -ms-flexbox;
  display: flex;
}

.roomInfo__LinkContainer__vakqN {
  position: relative;
}

/* @value colors: '../../colors.css'
@value blue from colors; */

.homepage__Main__n2OnC {
  z-index: 100;
  width: 100%;
  /* border: 2px solid red; */
  /* min-height: 80vh; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.homepage__Top__MsUjI {
  margin-top: 200px;
  color: white;
  font-size: 24px;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  height: 50vh;
}

@-webkit-keyframes homepage__bounce_arrow__hCmg4 {
  0% {
    bottom: 0px;
  }
  70% {
    bottom: 0px;
  }
  80% {
    bottom: -20px;
  }
  85% {
    bottom: 10px;
  }
  100% {
    bottom: 0px;
  }
}

@keyframes homepage__bounce_arrow__hCmg4 {
  0% {
    bottom: 0px;
  }
  70% {
    bottom: 0px;
  }
  80% {
    bottom: -20px;
  }
  85% {
    bottom: 10px;
  }
  100% {
    bottom: 0px;
  }
}

.homepage__WorkspaceButton__JLfXr {
  margin-bottom: 10px;
}

.homepage__Down__lb8er {
  position: absolute;
  cursor: pointer;
  bottom: 0;
  height: 20vh;
  font-size: 150px;
  background: -webkit-linear-gradient(#a4deff, #2d91f2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: homepage__bounce_arrow__hCmg4 3s infinite;
          animation: homepage__bounce_arrow__hCmg4 3s infinite;
  /* font-weight:  */
}

.homepage__Options__EHDwX {
  /* background-color: #f9f9f9; */
  margin-top: 80px;
  width: 90%;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.homepage__Subtitle__mLNLR {
  font-size: 2em;
  margin-bottom: 30px;
}

.homepage__Geogebra__fJUZF {
  /* margin-top: 61px; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.homepage__LongerBlurb__p5qO7 {
  font-size: 20px;
}

.homepage__Blurb__t86uD {
  padding: 0 20px;
  margin-bottom: 15px;
  font-size: 30px;
}

.homepage__GgbImage__v8OQ8 {
  height: 300px;
}

.homepage__Desmos__YvrSL {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row-reverse;
      flex-flow: row-reverse;
}

.homepage__DesmosImage__ISiUX {
  height: 250px;
  margin: 20px;
  border-radius: 20px;
}

.homepage__Content__XAQMV {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.homepage__Features__wLTK0 {
  max-width: 1300px;
  width: 100%;
  height: 500px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
}

.homepage__Feature__qSLpJ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 20px;
  height: 250px;
  width: 220px;
  background: white;
  border-radius: 4px;
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  text-align: center;
}

.homepage__FTitle__eulzC {
  width: 100%;
}

.homepage__FIcon__QvYkP {
  font-size: 50px;
}

.homepage__Examples__SRxRT {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: center;
      align-items: center;
  max-width: 1300px;
  width: 100%;
  margin-bottom: 20px;
}

.homepage__Error__fm6ih {
  color: #ff5555;
  background-color: rgb(243, 198, 198);
  padding: 4px;
  border: 1px solid #ff5555;
  z-index: 1000;
}

.homepage__Link__V_tx1 {
  color: rgb(0, 8, 255);
  /* background-color: lightRed; */
  padding: 4px;
  /* border: 1px solid red; */
  /* z-index: 1000; */
}

.login__Container__hXqwc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.login__LoginContainer__myY1i {
  margin-top: 10%;
  padding: 15px;
  width: 100%;
  max-width: 600px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 300;
  color: white;
}

.login__Link__I2RDw {
  text-decoration: underline;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 120%;
  padding-top: 2px;
  padding-bottom: 4px;
}

.login__Title__QeBf2 {
  /* color: blue; */
  letter-spacing: 0.07em;
  margin-bottom: 40px;
  font-weight: 300;
  font-size: 32px;
}

.login__ErrorMsg__WRCqJ {
  position: relative;
  color: #ff5555;
  height: 35px;
  font-size: 20px;
  padding: 5px;
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
  text-align: left;
}

.login__Error__eq65O {
  position: absolute;
  text-align: center;
  width: 100%;
}

.login__Form__XrodC {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 90%;
}

.login__Submit__uoaNe {
  margin: 20px 0;
  /* width: 400px; */
}

.login__Loading__ejLGD {
  position: fixed;
  margin: auto;
  z-index: 1000;
}

.login__AuthLinkQ__wVMyM {
  margin-right: 5px;
}

.signup__Container__u8tD_ {
  width: 100%;
  /* height: 100%; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.signup__ModalContainer__hLb2R {
}

.signup__SignupContainer__qO2po {
  /* background: gray; */
  margin-top: 20px;
  padding: 25px;
  width: 100%;
  max-width: 800px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  /* box-shadow: lightShadow; */
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 300;
  color: white;
}

.signup__Form__zeheM {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: column;
      flex-flow: column;
}

.signup__Title__ub35I {
  /* color: blue; */
  letter-spacing: 0.07em;
  margin-bottom: 40px;
  font-weight: 300;
  font-size: 32px;
}

.signup__AccountTypeContainer__lp_7t {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
  margin: 15px;
}

.signup__AccountTypeLabel__ZPFDh {
  -ms-flex-order: 1;
      order: 1;
  -ms-flex: 0.4 0 auto;
      flex: 0.4 0 auto;
  font-size: 20px;
}

.signup__RadioOption__YLeLK {
  -ms-flex-order: 2;
      order: 2;
  -ms-flex: 0.3 0 auto;
      flex: 0.3 0 auto;
}

.signup__AccountMessage__NJPf5 {
  font-weight: 300;
}

.signup__ErrorMsg__MeuMJ {
  position: relative;
  color: #ff5555;
  height: 30px;
  padding: 10px;
  width: 100%;
  height: 20px;
}

.signup__Error__WjZJc {
  position: absolute;
  width: 100%;
  text-align: center;
}

.signup__Submit__Lhiex {
  margin: 20px 0;
}

.signup__Link__VJgeh {
  text-decoration: underline;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 120%;
  padding-top: 6px;
  padding-bottom: 4px;
}

.classcode__Container__Vdy7w {
  width: 100%;
  /* height: 100%; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.classcode__SignupContainer__ZUFJ1 {
  /* background: gray; */
  margin-top: 20px;
  padding: 25px;
  width: 100%;
  max-width: 800px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  /* box-shadow: lightShadow; */
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 300;
  color: white;
}

.classcode__Form__DfX2B {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: column;
      flex-flow: column;
}

.classcode__Title__j66Ej {
  /* color: blue; */
  letter-spacing: 0.07em;
  margin-bottom: 40px;
  font-weight: 300;
  font-size: 32px;
}

.classcode__AccountTypeContainer__aum69 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
  margin: 15px;
}

.classcode__Modal__k6OiY {
  color: #2d91f2;
}

.classcode__AccountTypeLabel__ChjO2 {
  -ms-flex-order: 1;
      order: 1;
  -ms-flex: 0.4 0 auto;
      flex: 0.4 0 auto;
  font-size: 20px;
}

.classcode__RadioOption__ryQm7 {
  -ms-flex-order: 2;
      order: 2;
  -ms-flex: 0.3 0 auto;
      flex: 0.3 0 auto;
}

.classcode__AccountMessage__HOMBT {
  font-weight: 300;
}

.classcode__ErrorMsg__hGMb0 {
  position: relative;
  color: #ff5555;
  height: 30px;
  padding: 10px;
  width: 100%;
}

.classcode__Error__fvgwu {
  position: absolute;
  width: 100%;
  text-align: center;
}

.classcode__Submit__ZLIly {
  margin: 20px 0;
}

:root {
  --margin-top: 48px;
}
.community__Container__Q2mS1 {
  position: relative;
  width: 80%;
  max-width: 1100px;
  /* margin-top: 20px; */
  -ms-flex-item-align: center;
      align-self: center;
}

.community__Header____8f8 {
  padding-top: 25px;
  position: fixed;
  width: 80%;
  max-width: 1100px;
  z-index: 320;
  color: #444;
  background: #f8f8f8;
  -webkit-box-shadow: 10px 10px 10px 2px #f8f8f8, -10px 0 10px 2px #f8f8f8;
          box-shadow: 10px 10px 10px 2px #f8f8f8, -10px 0 10px 2px #f8f8f8;
}

.community__Title__J9IBj {
  font-size: 30px;
  text-align: center;
  border-bottom: none;
  width: auto;
}

.community__ResourceOpts__Z5Bzc {
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 25px;
}

.community__Search__AR8Ct {
  margin: 12px 0;
}

.community__Filters__WpnKF {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: center;
      align-items: center;
}

.community__Filters__WpnKF > * {
  margin-right: 12px;
}

.community__RoomTypeLoadMoreContainer__q78fQ{
  display: -ms-flexbox;
  display: flex;
}

.community__FilterIcon__F9mAE {
  font-size: 50px;
  color: #5e5e5e;
  -ms-flex: 0 1;
      flex: 0 1;
}

.community__FilterGroup__txYNK {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-left: 26px;
  border: 1px solid #9f9f9f;
  /* flex: 2; */
}

.community__FilterTitle__rvuAb {
  color: #5e5e5e;
  padding: 4px;
  border-bottom: 1px solid #5e5e5e;
  margin-bottom: 4px;
}

.community__FilterOpts__VFdVQ {
  padding-left: 12px;
  display: -ms-flexbox;
  display: flex;
  /* justify-content: space-between; */
  /* flex: 1; */
}

.community__FilterOpts__VFdVQ > * {
  margin-right: 8px;
}

.community__List__i55tx {
  margin-top: 260px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}

.community__LoadMore___9efJ {
  -ms-flex-item-align: center;
      align-self: center;
}

.community__Pending__II3bO {
  /* background-color: white; */
  margin-top: 20px;
  font-size: 20px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.community__dot1__LCuIQ {
  -webkit-animation: community__visibility__V8VNN 2s linear infinite;
          animation: community__visibility__V8VNN 2s linear infinite;
}
@-webkit-keyframes community__visibility__V8VNN {
  0% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes community__visibility__V8VNN {
  0% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.community__dot2__Uh1EU {
  -webkit-animation: community__visibility2__tBvaP 2s linear infinite;
          animation: community__visibility2__tBvaP 2s linear infinite;
}
@-webkit-keyframes community__visibility2__tBvaP {
  0% {
    opacity: 0;
  }
  21% {
    opacity: 0;
  }
  22% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes community__visibility2__tBvaP {
  0% {
    opacity: 0;
  }
  21% {
    opacity: 0;
  }
  22% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.community__dot3__xWPjx {
  -webkit-animation: community__visibility3__se5JM 2s linear infinite;
          animation: community__visibility3__se5JM 2s linear infinite;
}
@-webkit-keyframes community__visibility3__se5JM {
  0% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  44% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes community__visibility3__se5JM {
  0% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  44% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

:root {
  --margin-top: 48px;
}
.archive__Container__Jqy2f {
  position: relative;
  width: 100%;
  max-width: 1100px;
  /* margin-top: 20px; */
  -ms-flex-item-align: center;
      align-self: center;
}

.archive__Header__G4CFk {
  padding-top: 25px;
  position: sticky;
  top: 55px;
  width: 100%;
  max-width: 1100px;
  z-index: 320;
  color: #444;
  background: #f8f8f8;
  /* box-shadow: 10px 10px 10px 2px #f8f8f8, -10px 0 10px 2px #f8f8f8; */
}

.archive__Title__lDcAA {
  font-size: 30px;
  text-align: center;
  border-bottom: none;
  width: auto;
}

.archive__ResourceOpts__zG7z1 {
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 25px;
}

.archive__Search__l64Aw {
  margin: 12px 0;
}

.archive__Filters__CE5J3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 5px;
}

.archive__Filters__CE5J3 > * {
  margin-right: 12px;
}

.archive__TimePeriodLoadMoreContainer__gnORP {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.archive__FilterIcon__cYrLZ {
  font-size: 50px;
  color: #5e5e5e;
  -ms-flex: 0 1;
      flex: 0 1;
}

.archive__FilterGroup__K34bx {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-left: 26px;
  border: 1px solid #9f9f9f;
  /* flex: 2; */
}

.archive__FilterTitle__SICXO {
  color: #5e5e5e;
  padding: 4px;
  border-bottom: 1px solid #5e5e5e;
  margin-bottom: 4px;
}

.archive__FilterOpts__xAQ2v {
  padding-left: 12px;
  display: -ms-flexbox;
  display: flex;
  /* justify-content: space-between; */
  /* flex: 1; */
}

.archive__FilterOpts__xAQ2v > * {
  margin-right: 8px;
}

.archive__List__dvsdk {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  /* max-width: 95%; */
}

.archive__LoadMore__ypH_N {
  -ms-flex-item-align: center;
      align-self: center;
}

.archive__Pending__E7jDT {
  /* background-color: white; */
  margin-top: 20px;
  font-size: 20px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.archive__dot1__oZ6h4 {
  -webkit-animation: archive__visibility__pV8NG 2s linear infinite;
          animation: archive__visibility__pV8NG 2s linear infinite;
}
@-webkit-keyframes archive__visibility__pV8NG {
  0% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes archive__visibility__pV8NG {
  0% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.archive__dot2___ezus {
  -webkit-animation: archive__visibility2__vUSct 2s linear infinite;
          animation: archive__visibility2__vUSct 2s linear infinite;
}
@-webkit-keyframes archive__visibility2__vUSct {
  0% {
    opacity: 0;
  }
  21% {
    opacity: 0;
  }
  22% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes archive__visibility2__vUSct {
  0% {
    opacity: 0;
  }
  21% {
    opacity: 0;
  }
  22% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.archive__dot3__iRZJv {
  -webkit-animation: archive__visibility3__FUTIJ 2s linear infinite;
          animation: archive__visibility3__FUTIJ 2s linear infinite;
}
@-webkit-keyframes archive__visibility3__FUTIJ {
  0% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  44% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes archive__visibility3__FUTIJ {
  0% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  44% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.create__Container__FmYs6 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 20px;
  height: 100%;
  width: 100%;
  text-transform: uppercase;
  color: #666;
}

.create__ModalTitle__uAxay {
  font-size: 20px;
  padding-bottom: 12px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.create__Form___wNtV {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 95%;
}

.create__Selected__ZwxjX {
  margin: 10px;
  width: 500px !important;
}

.create__Dropdown__BemZZ {
  margin: 10px;
}

.create__MainModalContent__Nk1Am {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  width: 100%;
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-transform: none;
}

.create__Row__BHy1j {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: stretch;
      align-items: stretch;
  width: 100%;
  margin-top: 15px;
}

.create__ModalButton__e3pIl {
  -ms-flex-positive: 0;
      flex-grow: 0;
  width: 50%;
}

.create__FormSection__w4Ka6 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: #ddd;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  /* height: 400px; */
}

.create__Import__h_TPF {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}

.create__RadioButtons__Udcq5 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1.4em;
}

.create__PrivacyDesc__II4GE {
  -ms-flex-positive: 2;
      flex-grow: 2;
}
.create__Checkbox__u8wD4 {
  padding: 12px;
  font-size: 1.4em;
}

.create__Submit__J37mz {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}

/* .Plus {
  color: #999;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 50%;
  transition: .2s;
} */

.create__DateContainer__kikEM {
  height: 150px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: center;
      align-items: center;
  /* the date-picker input box border-top was invisible */
  /* because of a transform: translateY issue */
  /* the following line fixes that */
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.create__DatePicker__mKBru {
  margin-top: 5px;
  width: 65%;
}

.create__LabelText__znxWs {
  font-size: 26px;
  margin-bottom: 15px;
}

.create__Buttons__jsTpk {
  margin-top: 10px;
  /* flex-grow: 1; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/* .Buttons:chil */

.create__Button__UZ9cb {
  margin: 0 5px;
  /* color: white; */
  /* flex-grow: 1; */
  height: 100%;
}

.create__Plus__nbi0f {
  margin-left: 3px;
  margin-right: -5px;
  color: #ffd549;
}

.create__BackIcon__CBX99 {
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 18px;
  color: #666;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.create__BackIcon__CBX99:hover {
  color: black;
}

.create__StepDisplayContainer__ksH8x {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
}

.create__Step__Syq5H {
  height: 10px;
  width: 10px;
  margin: 5px;
  border-radius: 50%;
  background: #666;
}

.create__CompletedStep__WIOgo {
  background: #2d91f2;
}

.create__Geogebra__Pjdn8 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.create__UploadIcon__amCX5 {
  margin-top: 20px;
  font-size: 50px;
  color: #75b7f6;
}

.create__OptionalHeader__vrh2U {
  font-style: italic;
  font-weight: bolder;
  font-size: 1.25rem;
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 10px;
}

.create__SearchWrapper__y50Bu {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #75b7f6;
  margin-bottom: 1.5rem;
  display: -ms-flexbox;
  display: flex;
}

.create__Label__rkIlB {
  margin-top: 15px;
  text-align: left;
  font-size: 15px;
  text-transform: uppercase;
  color: #666;
}

.create__Select__CEdwY {
  margin-top: 1.5rem;
}

.create__CheckboxFilters__sIlP0 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 15px;
  width: 220px;
}

@charset "UTF-8";
/* stylelint-disable */
.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}
.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}
.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}
.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}
.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.react-datepicker__navigation {
  -ms-flex-align: center;
      align-items: center;
  background: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}
.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
  right: -7px;
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}
.react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays, .react-datepicker__month-text--holidays, .react-datepicker__quarter-text--holidays, .react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .holiday-overlay, .react-datepicker__month-text--holidays .holiday-overlay, .react-datepicker__quarter-text--holidays .holiday-overlay, .react-datepicker__year-text--holidays .holiday-overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.3s ease-in-out;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover, .react-datepicker__month-text--holidays:hover, .react-datepicker__quarter-text--holidays:hover, .react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .holiday-overlay, .react-datepicker__month-text--holidays:hover .holiday-overlay, .react-datepicker__quarter-text--holidays:hover .holiday-overlay, .react-datepicker__year-text--holidays:hover .holiday-overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker-cssmodules__react-datepicker__month--selecting-range__o1ppu .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker-cssmodules__react-datepicker__year--selecting-range__dk9DQ .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker-cssmodules__react-datepicker__month--selecting-range__o1ppu .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker-cssmodules__react-datepicker__year--selecting-range__dk9DQ .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker-cssmodules__react-datepicker__month--selecting-range__o1ppu .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker-cssmodules__react-datepicker__year--selecting-range__dk9DQ .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker-cssmodules__react-datepicker__month--selecting-range__o1ppu .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker-cssmodules__react-datepicker__year--selecting-range__dk9DQ .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}
.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}
.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  right: -16px;
  top: 0;
}
.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}
.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}
.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}
.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}
.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}
.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}
.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

/* stylelint-enable */

.roomOpts__RoomOpts__HwngS {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  height: 100%;
}

p {
  margin-bottom: 6px;
}

.roomOpts__Container__uCTsM {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.roomOpts__Code__HLaFt {
  color: #3796f5;
  font-size: 150%;
}

.roomOpts__Opt__SJ2XC {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  margin: 6px;
  margin-top: 0;
}

.roomOpts__GgbIcon__qLZR7 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 2px;
  height: 100px;
  width: 100px;
  /* background-image: linear-gradient(-180deg, #e4e4e4, lightGrey 90%); */
  background: -webkit-gradient(linear, left bottom, left top, from(#c4bec4), to(#8e8f90));
  background: linear-gradient(to top, #c4bec4, #8e8f90);
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.roomOpts__Selected__JFbRP {
  background: #75b7f6;
}

.roomOpts__GgbIcon__qLZR7:hover {
  cursor: pointer;
  background: -webkit-gradient(linear, left bottom, left top, from(#d3d0d3), to(#b2b3b4));
  background: linear-gradient(to top, #d3d0d3, #b2b3b4);
}
.roomOpts__Selected__JFbRP:hover {
  background: #75b7f6;
}

.roomOpts__GgbIcon__qLZR7 > img {
  height: 80%;
}

.roomOpts__OptText__xvqcU {
}

.facilitator__Container__e6Ajm {
  height: calc(100vh - 60px);
}

.facilitator__Center__LRydd {
  margin-top: 40px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

.facilitator__Title__o3V_q {
  color: #999;
  margin-top: 40px;
}

.facilitator__CardContainer__X2byE {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.facilitator__Cards__E36cd {
  margin-top: 20px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 1300px;
}

.facilitator__FeatureName__uc7Bu {
  text-align: center;
  margin-bottom: 10px;
  color: #999;
}

.facilitator__Card__oY8uD {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 240px;
  height: 300px;
  color: #75b7f6;
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin-bottom: 20px;
}
.facilitator__Link__uo83J {
  color: #75b7f6;
}

.facilitator__Create__AAnfn {
  /* border: 1px solid green; */
  margin-top: 40px;
  height: 400px;
}

.facilitator__CreateTitle__iUuKC {
  color: #999;
  font-size: 22px;
  text-align: center;
  margin: 3px;
}

.facilitator__Tutorial__VMMW3 {
  margin-top: 100px;
}

.confirmation__Main__svdis {
  color: white;
  z-index: 2000;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
  margin-top: 150px;
}
.create__Container__VRgF8 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px;
  /* border-bottom: 2px solid #ddd; */
}

.create__Title__wiSWG {
  font-size: 26px;
  margin-bottom: 15px;
}

.create__Form__d2QXe {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 95%;
}

.create__Selected__A52xi {
  margin: 10px;
  width: 500px !important;
}

.create__Dropdown__RG5gY {
  margin: 10px;
}

.create__FormSection__E2tCF {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
}

.create__Geogebra__t6H5g {
  width: 100%;
  margin: 10px auto;
}

.create__GeogebraButton___OiQs {
  margin: 10px auto;
}

.create__Import__ezX7T {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}

.create__RadioButtons__rwWNq {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
  font-size: 1.2em;
}

.create__PrivacyDesc__XszLA {
  margin: 15px 0 10px 0;
  font-weight: 300;
}

.create__VerticalButtons__d_Gdw {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-top: 10px;
  font-size: 18px;
}

.create__VerticalButtons__d_Gdw label {
  margin: 10px 0;
}

.create__Status__sXCDE {
  margin-top: 10px;
}

.create__ActivityList__VSN3A {
  margin: 0 0 20px 0;
}

.create__Checkbox__UqGdU {
  padding: 12px;
  font-size: 1.4em;
}

.create__Submit__apThV {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}

/* .Plus {
  color: #999;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 50%;
  transition: .2s;
} */

.create__Button___oE8b {
  margin: 0 5px;
  /* color: white; */
  /* flex-grow: 1; */
  height: 100%;
}

.create__Plus__QhqUe {
  color: #ffd549;
  border: 1px solid white;
  border-radius: 50%;
  padding: 3px;
}

.create__ErrorMessage__hR_HF {
  color: #ff5555;
  text-align: center;
  margin-top: 5px;
  margin-bottom: -24px;
}
.boxList__Container__VCSJD {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  overflow-x: visible;
  font-weight: 300;
  margin-top: 10px;
  font-size: 16px;
  margin-bottom: 25px;
}

.boxList__ContentBox__bA66f {
  max-width: 1000px;
  min-width: 573px;
  margin: 2px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.workspace__PageContainer__CEWQt {
  width: 100%;
  height: 110vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  /* z-index: 0; */
  padding: 0 20px;
  padding-top: calc(60px / 2);
  background: #f8f8f8;
  overflow: hidden;
  /* overflow-y: hidden; */
}

.workspace__Container__ZeK72 {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1550px;
  margin-bottom: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  /* justify-content: center; */
  /* align-content: stretch;
  align-items: stretch; */
  /* border: 1px solid red; */
}

.workspace__Background__lpo40 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-gradient(
    linear,
    left bottom, left top,
    color-stop(10%, #d4edfc),
    color-stop(35%, #a4deff),
    to(#001144)
  );
  background-image: linear-gradient(
    to top,
    #d4edfc 10%,
    #a4deff 35%,
    #001144 100%
  );
  z-index: -100;
}

.workspace__TabsAndTitle__RkNB1 {
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  margin-bottom: 6px;
  /* border: 1px solid khaki; */
}

.workspace__Title__C9PZr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex: 2 0 auto;
      flex: 2 0 auto;
  color: #2d91f2;
  font-size: 20px;
  letter-spacing: 0.08em;
  text-transform: capitalize;
  /* border: 1px solid darkorchid; */
  /* color: ; */
}

.workspace__WorkspaceTabs__JFTDf {
  /* border: 1px solid red; */
  padding: 0 0 0 0;
  /* top: -34px; */
  /* left: 0; */
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  /* border: 1px solid red; */
  /* width: graphWidth; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 1;
      flex: 0 1 1;
  /* z-index: 1; */
}

.workspace__Top__bZo2m {
  height: 85%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  /* border: 1px solid purple; */
}

.workspace__ReplayerTop__bwWbJ {
  height: 100%;
}

.workspace__Left__BEvFa {
  /* width: graphWidth; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-order: 1;
      order: 1;
  -ms-flex-item-align: auto;
      align-self: auto;
  -ms-flex: 1 0;
      flex: 1 0;
  /* width: 75%; */
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  /* z-index: 1; */
  -ms-flex-align: stretch;
      align-items: stretch;
}

.workspace__ReplayerLeft__bXdRm {
  overflow: none;
  height: 90%;
}

.workspace__Right__Wmm88 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-order: 2;
      order: 2;
  -ms-flex-item-align: auto;
      align-self: auto;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-left: 10px;
  /* height of tab should save this as a var so we just have to update it in one place */
  margin-top: 35px;
  width: 20%;
  min-width: 175px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 85%;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.workspace__Graph__jTrcJ {
  /* position: relative; */
  /* display: flex;
  align-items: center;
  justify-content: center; */
  /* overflow: visible !important; */
  -ms-flex-order: 1;
      order: 1;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  /* border: 1px solid blue; */
  height: 100%;
  /* width: 100%; */
  /*  IF THIS ^  CHANGES BE SURE TO CHANEG THE WIDTH PARAMETER ON THE GGB GRAPH*/
  /* box-shadow: 0px 3px 10px -2px rgba(0,0,0,0.28); */
  /* border-radius: 3px; */
}

.workspace__ReplayerGraph__GeNkG {
  position: relative;
  z-index: 400;
}

.workspace__Bottom__YcNQ1 {
  background-color: rgb(252, 252, 252);
  -ms-flex-order: 2;
      order: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin-top: 10px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  /* box-shadow: 0px -1px 15px 2px rgb(148, 162, 200),
    2px 4px 4px 1px rgb(126, 135, 158); */
}

.workspace__ReplayerBottom__HX9oV {
  -webkit-box-shadow: none;
          box-shadow: none;
  z-index: 500;
  bottom: 0;
  width: 100%;
  background: transparent;
  position: absolute;
}

.workspace__Chat__ssY14 {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -ms-flex-order: 1;
      order: 1;
  -ms-flex-item-align: auto;
      align-self: auto;
  border-radius: 3px;
  -ms-flex: 2 0 60%;
      flex: 2 0 60%;
  /* Will overflow flex container without height set */
  height: 100px;
}

.workspace__Members__MxJKG {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -ms-flex-order: 3;
      order: 3;
  -ms-flex: 1 0 20%;
      flex: 1 0 20%;
  /* Will overflow flex container without height set */
  height: 60px;
  margin-bottom: 20px;
  /* min-height: 100px; */
}

.workspace__Tools__pfIKv {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  /* box-shadow: 0px -1px 15px 2px rgb(148, 162, 200),
    2px 4px 4px 1px rgb(126, 135, 158); */
  -ms-flex-order: 2;
      order: 2;
  margin: 10px 0;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  display: -ms-flexbox;
  display: flex;
  /* position: relative; */
  /* border: 1px solid brown; */
}

.workspace__AcitvityTools__n0u2r {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.workspace__Replayer__x_37y {
  height: 220px;
}

.workspace__Avatar__jRWmn {
  margin: 5px;
}

.workspace__EditInstructions__sUhv1 {
  color: #999;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.workspace__EditInstructions__sUhv1:hover {
  color: #2d91f2;
}

.workspace__SetStart__tk8_z {
  /* flex-grow: 1;
  flex-shrink: 1; */
  /* align-self: flex-end; */
}

.workspace__ReferenceLine__QAswZ {
  position: absolute;
  height: 100%;
  width: 100%;
  /*top = tabAndTitle height */
  top: 35px;
  left: 0;
  z-index: 100;
  pointer-events: none;
}

.about__Container__UfoLc {
  margin-top: undefined;
  padding-top: 90px;
  z-index: 1000;
  width: 90%;
  -ms-flex-item-align: center;
      align-self: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: center;
      align-items: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: white;
  z-index: 1;
  /* background-image: linear-gradient(
    to top,
    #d4edfc 1%,
    gridBlue 15%,
    darkBlue 100%
  ); */
}

.about__BackgroundContainer__ybCQA {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.about__Background__AvYEX {
  position: fixed;
  width: 100%;
  /* overflow: hidden; */
  height: 100%;
  bottom: -1px;
  background-image: -webkit-gradient(
    linear,
    left bottom, left top,
    color-stop(1%, #d4edfc),
    color-stop(15%, #a4deff),
    to(#001144)
  );
  background-image: linear-gradient(
    to top,
    #d4edfc 1%,
    #a4deff 15%,
    #001144 100%
  );
}

.about__Tagline__nBotd {
  color: rgb(206, 238, 248);
  /* color: white; */
  font-size: 40px;
  width: 700px;
  text-align: center;
  /* z-index: 1000; */
}

.about__Image__lh8DU {
  width: 100%;
  height: calc(100% - 30px);
}

.about__Content__KBV_x {
  margin-top: 150px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  font-size: 20px;
  width: 100%;
}

.about__Description__umGyO {
  margin: 0 40px;
  max-width: 500px;
}

.about__Link__2RiGp {
  text-decoration: underline;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.about__Link__2RiGp:hover {
  color: rgb(206, 238, 248);
}
.about__Content__KBV_x:last-child {
  margin-bottom: 100px;
}

@media screen and (max-height: 650px) {
  .about__Container__UfoLc {
    padding-top: 60px;
  }
}

.notfound__Container__SipaG {
  margin-top: undefined;
  padding-top: 90px;
  z-index: 1000;
  width: 90%;
  -ms-flex-item-align: center;
      align-self: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: center;
      align-items: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: white;
  z-index: 1;
  /* background-image: linear-gradient(
    to top,
    #d4edfc 1%,
    gridBlue 15%,
    darkBlue 100%
  ); */
}

.notfound__BackgroundContainer__ujo64 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.notfound__Background__s8KDZ {
  position: fixed;
  width: 100%;
  /* overflow: hidden; */
  height: 100%;
  bottom: -1px;
  background-image: -webkit-gradient(
    linear,
    left bottom, left top,
    color-stop(1%, #d4edfc),
    color-stop(15%, #a4deff),
    to(#001144)
  );
  background-image: linear-gradient(
    to top,
    #d4edfc 1%,
    #a4deff 15%,
    #001144 100%
  );
}

.notfound__Tagline__B9lMO {
  color: rgb(206, 238, 248);
  /* color: white; */
  font-size: 40px;
  width: 700px;
  text-align: center;
  /* z-index: 1000; */
}

.notfound__Sup__PRVpa {
  font-size: smaller;
  vertical-align: super;
}

.notfound__Image__mMhrc {
  width: 100%;
  height: calc(100% - 30px);
}

.notfound__Content__ZXNdg {
  margin-top: 150px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  font-size: 20px;
  width: 100%;
}

.notfound__Description__Gsk9b {
  margin: 0 40px;
  max-width: 500px;
}

.notfound__Link__joE5V {
  text-decoration: underline;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.notfound__Link__joE5V:hover {
  color: rgb(206, 238, 248);
}
.notfound__Content__ZXNdg:last-child {
  margin-bottom: 100px;
}

@media screen and (max-height: 650px) {
  .notfound__Container__SipaG {
    padding-top: 60px;
  }
}

.terms__Container__diiy0 {
  margin-top: undefined;
  padding-top: 40px;
  z-index: 1000;
  width: 90%;
  -ms-flex-item-align: center;
      align-self: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: center;
      align-items: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: white;
  z-index: 1;
  /* background-image: linear-gradient(
    to top,
    #d4edfc 1%,
    gridBlue 15%,
    darkBlue 100%
  ); */
}

.terms__BackgroundContainer__rVqIq {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.terms__Background__SuVfN {
  position: fixed;
  width: 100%;
  /* overflow: hidden; */
  height: 100%;
  bottom: -1px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1%, #708eb1), to(#001144));
  background-image: linear-gradient(to top, #708eb1 1%, #001144 100%);
}

.terms__Tagline__tpj7W {
  color: rgb(206, 238, 248);
  margin-bottom: 20px;
  /* color: white; */
  font-size: 34px;
  width: 700px;
  text-align: center;
  /* z-index: 1000; */
}

.terms__DetailDescription__Pcfuq {
  text-align: center;
  font-size: 22px;
}

.terms__Address__G8kM_ > * {
  font-size: 22px;
  text-indent: 50px;
}

.terms__Banner__fFWn1 {
  display: -ms-flexbox;
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

  -ms-flex-pack: center;

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

.terms__Sup__PmY4M {
  font-size: smaller;
  vertical-align: super;
}

.terms__Image__jxKJW {
  width: 100%;
  height: calc(100% - 30px);
}

.terms__Content__Jp4ML {
  margin-top: 50px;
  display: -ms-flexbox;
  display: flex;
  /* justify-content: flex-end; */
  -ms-flex-align: left;
      align-items: left;
  font-size: 20px;
  width: 100%;
}

.terms__Description__GmFx0 {
  margin: 0 25px;
  width: 85%;
}

h3 {
  width: 15%;
}

.terms__Link__JFi3c {
  text-decoration: underline;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.terms__Link__JFi3c:hover {
  color: rgb(206, 238, 248);
}

.terms__Links__kP8Hw {

  margin: 20px;
  font-size: 25px;
}

.terms__Tagline__tpj7W::before {
  display: block;
  content: ' ';
  margin-top: -285px;
  height: 285px;
  visibility: hidden;
  pointer-events: none;
}

.terms__Content__Jp4ML:last-child {
  margin-bottom: 100px;
}

@media screen and (max-height: 650px) {
  .terms__Container__diiy0 {
    padding-top: 60px;
  }
}

.faq__Container__qtLuM {
  margin-top: undefined;
  padding-top: 40px;
  z-index: 1000;
  width: 90%;
  -ms-flex-item-align: center;
      align-self: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: center;
      align-items: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: white;
  z-index: 1;
  /* background-image: linear-gradient(
    to top,
    #d4edfc 1%,
    gridBlue 15%,
    darkBlue 100%
  ); */
}

.faq__BackgroundContainer__jIB7G {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.faq__Background__xVYD7 {
  position: fixed;
  width: 100%;
  /* overflow: hidden; */
  height: 100%;
  bottom: -1px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1%, #708eb1), to(#001144));
  background-image: linear-gradient(to top, #708eb1 1%, #001144 100%);
}

.faq__Tagline__QzK_b {
  color: rgb(206, 238, 248);
  margin-bottom: 20px;
  /* color: white; */
  font-size: 34px;
  width: 700px;
  text-align: center;
  /* z-index: 1000; */
}

.faq__Banner__hOeqO {
  display: -ms-flexbox;
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

  -ms-flex-pack: center;

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

.faq__Sup__IvZwr {
  font-size: smaller;
  vertical-align: super;
}

.faq__Image__Tm0Gz {
  width: 100%;
  height: calc(100% - 30px);
}

.faq__Content__iTgeQ {
  margin-top: 50px;
  display: -ms-flexbox;
  display: flex;
  /* justify-content: flex-end; */
  -ms-flex-align: left;
      align-items: left;
  font-size: 20px;
  width: 100%;
}

.faq__Description__PPFaP {
  margin: 0 25px;
  width: 73%;
}

h3 {
  width: 27%;
}

.faq__Link__DPnYD {
  text-decoration: underline;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.faq__Link__DPnYD:hover {
  color: rgb(206, 238, 248);
}

.faq__Links__Sgt4X {

  margin: 20px;
  font-size: 25px;
}

.faq__Content__iTgeQ:last-child {
  margin-bottom: 100px;
}

@media screen and (max-height: 650px) {
  .faq__Container__qtLuM {
    padding-top: 60px;
  }
}

.instructions__Container__dtsDH {
  margin-top: undefined;
  padding-top: 90px;
  z-index: 1000;
  width: 90%;
  -ms-flex-item-align: center;
      align-self: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: center;
      align-items: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: white;
  z-index: 1;
  /* background-image: linear-gradient(
    to top,
    #d4edfc 1%,
    gridBlue 15%,
    darkBlue 100%
  ); */
}

.instructions__Toggle__RKD4N {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-align: center;
      align-items: center;
}

.instructions__ToggleLable__ksJqR {
  padding-left: 10px;
}

.instructions__BackgroundContainer__DjU9I {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.instructions__RoomDemo__QWKno {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
  margin: 25px 0;
}

.instructions__Background__nPhUl {
  position: fixed;
  width: 100%;
  /* overflow: hidden; */
  height: 100%;
  bottom: -1px;
  background-image: -webkit-gradient(
    linear,
    left bottom, left top,
    color-stop(1%, #d4edfc),
    color-stop(15%, #a4deff),
    to(#001144)
  );
  background-image: linear-gradient(
    to top,
    #d4edfc 1%,
    #a4deff 15%,
    #001144 100%
  );
}

.instructions__Tagline__hVbY7 {
  color: rgb(206, 238, 248);
  /* color: white; */
  font-size: 40px;
  width: 700px;
  text-align: center;
  margin-bottom: 15px;
  /* z-index: 1000; */
}

.instructions__QuickLinks___4RWf {
  -ms-flex-line-pack: center;
      align-content: center;
  margin-top: 30px;
}

.instructions__Header__PSyfw {
  color: rgb(206, 238, 248);
  text-align: center;
  font-size: 36px;
  margin-top: 75px;
}

.instructions__Intermediate__NYGMr {
  margin-top: 20px;
  text-align: center;
  font-style: italic;
  font-size: inherit;
}

.instructions__Sup__w2DRH {
  font-size: smaller;
  vertical-align: super;
}

.instructions__Image__WA9ol {
  width: 100%;
  height: calc(100% - 30px);
}

.instructions__Content__sTZFQ {
  margin-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  font-size: 20px;
  width: 100%;
}

.instructions__Description__mw3X_ {
  margin: 0 40px;
  max-width: 500px;
}

.instructions__Link__HaquL {
  text-decoration: underline;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.instructions__Link__HaquL:hover {
  color: rgb(206, 238, 248);
}
.instructions__Links__rFEWl {

  margin: 20px;
  font-size: 25px;
}

.instructions__List__OZRVr {
  list-style: initial;
  list-style-type: decimal;
  margin: initial;
  padding: 0 0 0 25px;
}

.instructions__ListItem__JJFqU {
  display: list-item;
}

.instructions__Content__sTZFQ:last-child {
  margin-bottom: 100px;
}

@media screen and (max-height: 650px) {
  .instructions__Container__dtsDH {
    padding-top: 60px;
  }
}

@media print {
  @page {
    size: portrait;
  }
  body * {
    visibility: hidden;
    /* display: none; */
  }
  .instructions__NoPrint__TpZ3D,
  .instructions__NoPrint__TpZ3D * {
    /* visibility: hidden !important; */
    display: none;
  }
  .instructions__PrintSection__CUI3q,
  .instructions__PrintSection__CUI3q * {
    visibility: visible;
    /* display: block; */
    color: #000;
    background-color: #fff;
  }
  .instructions__PrintSection__CUI3q {
    position: absolute;
    left: 0;
    top: 0;
  }
}

.contact__Container__NVOKR {
  margin-top: undefined;
  padding-top: 40px;
  z-index: 1000;
  width: 50%;
  -ms-flex-item-align: center;
      align-self: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: center;
      align-items: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: white;
  z-index: 1;
  /* background-image: linear-gradient(
    to top,
    #d4edfc 1%,
    gridBlue 15%,
    darkBlue 100%
  ); */
}

.contact__BackgroundContainer__rEWE6 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.contact__Background__KITTL {
  position: fixed;
  width: 100%;
  /* overflow: hidden; */
  height: 100%;
  bottom: -1px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1%, #708eb1), to(#001144));
  background-image: linear-gradient(to top, #708eb1 1%, #001144 100%);
}

.contact__Tagline__IN3P6 {
  color: rgb(206, 238, 248);
  margin-bottom: 10px;
  /* color: white; */
  font-size: 34px;
  width: 700px;
  text-align: center;
  /* z-index: 1000; */
}

.contact__Banner__a47Je {
  color: rgb(206, 238, 248);
  margin-bottom: 20px;
  /* color: white; */
  font-size: 26px;
  width: 700px;
  text-align: center;
}

.contact__Sup__Vpodr {
  font-size: smaller;
  vertical-align: super;
}

.contact__Image__Nju5d {
  width: 100%;
  height: calc(100% - 30px);
}

.contact__Content__tP7It {
  margin-top: 50px;
  display: -ms-flexbox;
  display: flex;
  /* justify-content: flex-end; */
  -ms-flex-align: center;
      align-items: center;
  font-size: 20px;
  width: 100%;
}

.contact__Description__e1nSu {
  margin: 0 25px;
  width: 75%;
}

h3 {
  text-align: right;
  width: 25%;
}

.contact__Link__uNesv {
  text-decoration: underline;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.contact__Link__uNesv:hover {
  color: rgb(206, 238, 248);
}

.contact__Links__Ky6kd {

  margin: 20px;
  font-size: 25px;
}

.contact__Content__tP7It:last-child {
  margin-bottom: 100px;
}

@media screen and (max-height: 650px) {
  .contact__Container__NVOKR {
    padding-top: 60px;
  }
}

.forgotPassword__Container__UzZ8s {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.forgotPassword__ForgotPasswordContainer__uh8gA {
  margin-top: 10%;
  padding: 15px;
  width: 100%;
  max-width: 600px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 300;
  color: white;
}

.forgotPassword__Title__rLRGH {
  /* color: blue; */
  letter-spacing: .07em;
  margin-bottom: 40px;
  font-weight: 300;
  font-size: 32px;
}

.forgotPassword__ErrorMsg__qBS66 {
  position: relative;
  color: #ff5555;
  height: 35px;
  font-size: 20px;
  padding: 5px;
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
  text-align: left;
}

.forgotPassword__Error___6tmw {
  position: absolute;
  text-align: center;
  width: 100%;

}

.forgotPassword__Form__neMxU {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 90%;
}


.forgotPassword__Submit__Jw8ur {
  margin: 20px 0;
  /* width: 400px; */
}

.forgotPassword__Loading__MSYqo {
  position: fixed;
  margin: auto;
  z-index: 1000;
}

.forgotPassword__SuccessMsg__DOMRv {
  position: relative;
  height: 35px;
  font-size: 20px;
  padding: 5px;
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
  text-align: left;
}

.forgotPassword__Success__UUgwz {
  position: absolute;
  text-align: center;
  width: 100%;

}


.resetPassword__Container__r9dAf {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.resetPassword__ResetPasswordContainer__pGTis {
  margin-top: 10%;
  padding: 15px;
  width: 100%;
  max-width: 600px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  z-index: 300;
  color: white;
}

.resetPassword__Title__swkFk {
  /* color: blue; */
  letter-spacing: .07em;
  margin-bottom: 40px;
  font-weight: 300;
  font-size: 32px;
}

.resetPassword__ErrorMsg__ZMQB5 {
  position: relative;
  color: #ff5555;
  height: 35px;
  font-size: 20px;
  padding: 5px;
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
  text-align: left;
}

.resetPassword__Error__tybIA {
  position: absolute;
  text-align: center;
  width: 100%;

}

.resetPassword__Form__Bn3hf {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 90%;
}


.resetPassword__Submit__QQK0F {
  margin: 20px 0;
  /* width: 400px; */
}

.resetPassword__Loading__P4dN5 {
  position: fixed;
  margin: auto;
  z-index: 1000;
}


.dashboardContentBox__Container__fuXE4 {
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  background: white;
  border: 1px solid #d8d9da;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dashboardContentBox__SubContainer__j4EQM {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}

.dashboardContentBox__TopBanner__b0xGt {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.dashboardContentBox__BannerLeft__qnhxg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: space-between;
      align-items: space-between;
}

.dashboardContentBox__TitleIcons__J3w3E {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  height: 100%;
}

.dashboardContentBox__Container__fuXE4:hover {
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.dashboardContentBox__Title__eiBHd {
  font-size: 1.5em;
  margin-right: 10px;
  text-align: center;
  vertical-align: middle;
  color: #2d91f2;
}

.dashboardContentBox__Expand__dn0RS {
  color: black;
  padding: 5px;
  z-index: 300;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.dashboardContentBox__Expand__dn0RS:hover {
  background: #ddd;
}

.dashboardContentBox__Content__kDKN5 {
  -ms-flex-positive: 4;
      flex-grow: 4;
  -ms-flex-flow: column;
      flex-flow: column;
}

.dashboardContentBox__Expanded__gEIUW {
  margin-top: 5px;
  padding: 10px;
}

.dashboardContentBox__Icons__bdGnb {
  display: -ms-flexbox;
  display: flex;
  width: 4rem;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 10px;
  color: #666;
}

.dashboardContentBox__TimeStamp__DVeSE {
  font-style: italic;
  font-size: 0.8em;
  color: black;
}

.dashboardContentBox__DashboardListItem__l2UeF {
  margin-left: 10px;
}

.dashboardContentBox__DashboardLabel__ueeUc {
  font-weight: 400;
}

.dashboardContentBox__ActionIconsContainer__ZJgNN {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: space-between;
      align-items: space-between;
}

.dashboardContentBox__ActionIcon__OolKv {
  -ms-flex-item-align: center;
      align-self: center;
  padding: 5px;
  cursor: pointer;
  border-radius: 50%;
  z-index: 300;
}

.dashboardContentBox__DashboardListItem__l2UeF > a {
  color: #75b7f6;
}

.dashboardBoxList__Container__cnF5j {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  overflow-x: visible;
  font-weight: 300;
  margin-top: 10px;
  font-size: 16px;
  margin-bottom: 25px;
}

.dashboardBoxList__ContentBox__y1HwB {
  width: 100%;
  margin: 2px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.dashboardBoxList__ResultsMessage__qhhCg {
  margin: 10px;
  font-size: 1.2em;
}
:root {
  --margin-top: 48px;
}
.adminDashboard__Container__xFVY0 {
  position: relative;
  width: 80%;
  max-width: 1100px;
  -ms-flex-item-align: center;
      align-self: center;
}

.adminDashboard__Header__DmjhE {
  padding-top: 65px;
  position: fixed;
  width: 80%;
  max-width: 1100px;
  z-index: 320;
  color: #444;
  background: #f8f8f8;
  -webkit-box-shadow: 10px 10px 10px 2px #f8f8f8, -10px 0 10px 2px #f8f8f8;
          box-shadow: 10px 10px 10px 2px #f8f8f8, -10px 0 10px 2px #f8f8f8;
}

.adminDashboard__Title__d3sgr {
  font-size: 30px;
  text-align: center;
  border-bottom: none;
  width: auto;
}

.adminDashboard__ResourceOpts__i3o6O {
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 25px;
  margin-bottom: 10px;
}

.adminDashboard__Search__Wkufh {
  margin: 12px 0;
}

.adminDashboard__Filters__qr5H7 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: center;
      align-items: center;
}

.adminDashboard__Filters__qr5H7 > * {
  margin-right: 12px;
}

.adminDashboard__FilterIcon___wb24 {
  font-size: 50px;
  color: #5e5e5e;
  -ms-flex: 0 1;
      flex: 0 1;
}

.adminDashboard__FilterGroup__ZDHHH {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-left: 26px;
  border: 1px solid #9f9f9f;
}

.adminDashboard__FilterTitle__ZdtzK {
  color: #5e5e5e;
  padding: 4px;
  border-bottom: 1px solid #5e5e5e;
  margin-bottom: 4px;
}

.adminDashboard__FilterOpts__d9Fxr {
  padding-left: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}

.adminDashboard__FilterOpts__d9Fxr > * {
  margin-right: 8px;
}

.adminDashboard__List__qFoV7 {
  margin-top: 260px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}

.adminDashboard__LoadMore__iuO3q {
  -ms-flex-item-align: center;
      align-self: center;
}

.adminDashboard__CustomDateInputs__mXiB6 {
  padding-left: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}
.adminDashboard__CustomDateInputs__mXiB6 > * {
  margin-right: 15px;
}

.SelectableContentBox__Container__mamS8 {
  /* min-width: 100%; */
  /* min-width: 32vw; */
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  background: white;
  border: 1px solid #d8d9da;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* width: 558px; */
}

.SelectableContentBox__SubContainer__wWnrZ {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}

.SelectableContentBox__TopBanner__Kv375 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.SelectableContentBox__BannerLeft__pikwm {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 65%;
}

.SelectableContentBox__TitleIcons__JD9Cs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  height: 100%;
}

.SelectableContentBox__Container__mamS8:hover {
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.SelectableContentBox__Title__VThEM,
.SelectableContentBox__TitleLink__llsxg {
  /* margin-right: 10px; */
  /* max-width: 246px; */
  font-size: 1.25em;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  color: #2d91f2;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0.5px;
  display: block;
  padding: 8px 20px 8px 16px;
}

.SelectableContentBox__Expand__pSOv5 {
  color: black;
  padding: 5px;
  z-index: 300;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.SelectableContentBox__Expand__pSOv5:hover {
  background: #ddd;
}

.SelectableContentBox__Content__U9zDJ {
  -ms-flex-positive: 4;
      flex-grow: 4;
  -ms-flex-flow: column;
      flex-flow: column;
  overflow-y: auto;
}

.SelectableContentBox__Expanded__FH_TC {
  margin-top: 5px;
  padding: 10px;
  /* display: flex;
  flex-wrap: wrap; */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(11rem, 100%), 1fr));
  grid-gap: 4px 1.5rem;
}

.SelectableContentBox__ExpandedItemContainer__ymm3x {
  /* width: 100%; */
}

.SelectableContentBox__DetailsTitle__nzYb8 {
  font-weight: 500;
  margin-right: 5px;
  /* width: 90px; */
  display: inline-block;
}

.SelectableContentBox__Facilitators__HyCrU {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.SelectableContentBox__EntryCode__EyDxf {
}

.SelectableContentBox__FacilitatorsList__rOEaL {
  margin-right: 5px;
}

.SelectableContentBox__Icons__zdsyu {
  display: -ms-flexbox;
  display: flex;
  max-width: 4rem;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  /* margin-right: 10px; */
  color: #666;
}

.SelectableContentBox__Notification__OETmS {
  position: relative;
  top: 2px;
  left: 5px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
  background-color: #ff5555;
  color: white;
  text-align: center;
  vertical-align: center;
  font-size: 14px;
  font-weight: 400;
}

.SelectableContentBox__NotificationCount__JLbeu {
  position: relative;
  top: 3px;
}

.SelectableContentBox__TabTypes__X_NT7 {
  text-transform: capitalize;
}

.SelectableContentBox__TitleLink__llsxg:hover {
  cursor: pointer;
  font-weight: 600;
}

.SelectableBoxList__Container__kLacQ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  overflow-x: visible;
  font-weight: 300;
  font-size: 16px;
}

.SelectableBoxList__Header__hAeYu {
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
  width: 100%;
  max-width: 1100px;
  /* max-width: 575px; */
  color: #444;
  background: #f8f8f8;
  -webkit-box-shadow: 10px 10px 10px 2px #f8f8f8, -10px 0 10px 2px #f8f8f8;
          box-shadow: 10px 10px 10px 2px #f8f8f8, -10px 0 10px 2px #f8f8f8;
  /* need a way to keep headers in each tab fixed
     so that the list / resourceList disapears under the headers
     and so that the headers are alway visible
  */
  /* position: fixed; */
  /* z-index: 320; */
}

.SelectableBoxList__List__hAMET {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
}

.SelectableBoxList__ContentBox__beuTf {
  max-width: 850px;
  margin: 2px 2px 2px 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

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

.SelectableBoxList__BoxList__y8vcy {
  width: 100%;
}

.SelectableBoxList__Expand__lBUZD {
  color: black;
  padding: 5px;
  z-index: 300;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.SelectableBoxList__Expand__lBUZD:hover {
  background: #ddd;
}

.newTabForm__NewTabModal__qnW0N {
  padding: 20px;
}

.newTabForm__ErrorMessage__g2u56 {
  color: red;
  margin-top: -9px;
  margin-bottom: -10px;
}

.newTabForm__RadioGroup__mIu3Z {
  /* margin: 30px 0 20px 0; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 15px;
}

:root {
  --side-panel-width: 220px;
}

.dashboard__Container__vgrt4 {
  max-width: 1600px;
  margin: 0 auto;
  margin-top: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: calc(100vh - 60px);
  -ms-flex-item-align: center;
      align-self: center;
  /* border-top: 1px solid #75b7f6; */
  padding: 0 40px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.dashboard__BreadCrumbs__bbxv7 {
  margin-bottom: 15px;
  width: 100%;
}

.dashboard__Main__DXSar {
  width: 100%;
  height: 100%;
  -ms-flex-positive: 2;
      flex-grow: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  padding: 0 10px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.dashboard__SidePanel__JQfyS {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-right: 30px;
  padding-right: 30px;
  width: calc(var(--side-panel-width) + 10px);
  border-right: 1px solid #ddd;
  height: 98%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.dashboard__Tabs__gTjHs {
  /* border: 1px solid orange; */
}

.dashboard__Content__XfaXh {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  width: calc(100% - var(--side-panel-width));
  /* flex-grow: 3; */
  /* max-width: 850px; */
}

.dashboard__MainContent__JvtOQ {
  padding-top: 30px;
  height: 100%;
}

.dashboard__Trash__dXIvB {
  position: absolute;
  bottom: 30px;
  right: 30px;
  font-size: 3em;
}

.dashboard__CreateContainer__J8NrN {
}

.dashboard__CreateForParticipant__L8Pm3:hover {
  color: #75b7f6;
}

@media screen and (max-width: 1100px) {
  .dashboard__Container__vgrt4 {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}

@media screen and (max-width: 900px) {
  .dashboard__SidePanel__JQfyS {
    margin-right: 10px;
    padding-right: 10px;
    width: calc(var(--side-panel-width) * 0.75);
  }

  .dashboard__Container__vgrt4 {
    padding: 0 10px;
  }

  .dashboard__Content__XfaXh {
    width: calc(100% - var(--side-panel-width) * 0.75);
    /* flex-grow: 3; */
    /* max-width: 850px; */
  }
}

@media screen and (max-width: 400px) {
  .dashboard__SidePanel__JQfyS {
    height: auto;
    width: 100%;
    min-width: 250px;
  }
  .dashboard__Main__DXSar {
    -ms-flex-flow: column;
        flex-flow: column;
  }

  .dashboard__Content__XfaXh {
    width: 100%;
    min-width: 250px;
  }
}

.sidePanel__Container__IoSdJ {
  display: -ms-flexbox;
  display: flex;
  height: 98%;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-family: inherit;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sidePanel__Top__kpBlA {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  width: 100%;
  margin-top: 10px;
}

.sidePanel__Bottom__p7HDq {
  padding: 20px;
}

.sidePanel__Details__REUsM {
  margin-top: 5px;
}

.sidePanel__spMain__v1uIU {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 10px 0 5px 0;
  text-align: center;
  word-break: break-word;
}

.sidePanel__spSecondary___YbiQ {
  font-size: 22px;
  color: #666;
  margin-bottom: 15px;
  font-weight: 300;
  text-align: center;
}

.sidePanel__spAdditional__wz3lN {
  margin-top: 1rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.sidePanel__spButtons__NdpFy {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  /* border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd; */
}

.sidePanel__Edit__yTRaG {
  text-align: center;
  background-color: #eff3f6;
  color: #5e5e5e;
  cursor: pointer;
  border: 1px solid #ddd;
  padding: 12px 6px;
  margin-top: 15px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.sidePanel__Edit__yTRaG:hover {
  border: 1px solid rgb(177, 177, 177);
  background-color: #e4e6e8;
}

.sidePanel__EditActive__AOhl1 {
  border: 1px solid rgb(177, 177, 177);
  background-color: #e4e6e8;
}
.sidePanel__Edit__yTRaG span {
  text-align: center;
}

.sidePanel__Edit__yTRaG span i {
  position: relative;
  left: 5px;
  top: -1px;
}

.sidePanel__Edit__yTRaG:first-child {
  color: inherit;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sidePanel__Edit__yTRaG:first-child:hover {
  color: #2d91f2;
}

.sidePanel__CreateForParticipant__vTJyC {
  width: 100%;
  text-align: center;
  font-style: italic;
  color: #666;
  font-size: 15px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sidePanel__Image__EkZHD {
  display: block;
  margin: 0 auto;
  border-radius: 7px;
  margin-bottom: 5px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #ddd;
  background: white;
  width: 50%;
}

.sidePanel__Details__REUsM {
  margin-top: 5px;
}

.sidePanel__CourseName__sQH09 {
  font-size: 1.2em;
}

.sidePanel__KeyContainer__Fcxyl {
  margin: 10px 0;
  padding: 10px 2px;
  width: 90%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.sidePanel__KeyName__bdX5n {
  font-weight: 600;
  text-align: left;
  text-transform: capitalize;
  /* border: 1px solid red; */
}

.sidePanel__KeyValue__BJv01 {
  font-weight: 400;
  /* float: right; */
  color: #666;
  /* text-transform: capitalize; */
  text-align: right;
  /* max-width: 70%; */
  /* border: 1px solid blue; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.sidePanel__ToggleView__QoIRl i {
  cursor: pointer;
  margin-left: 5px;
}

@media screen and (max-width: 900px) {
  .sidePanel__Image__EkZHD {
    width: 175px;
  }
}
@media screen and (max-width: 400px) {
  .sidePanel__spAdditional__wz3lN {
    display: none;
  }
  .sidePanel__spBottom__BOAGh {
    height: 50px;
  }
}

.roomDetails__Buttons__o7FL_ {
  height: 50px;
}

.roomDetails__Button__uF2gT {
  font-size: 1.4em;
}

.roomDetails__StateImage__UQ552 {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  height: 400px;
}

.roomDetails__Edit__CXMP6 {
  color: #999;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.roomDetails__Edit__CXMP6:hover {
  color: #2d91f2;
}

.roomDetails__Instructions__w81mP {
  /* border: 1px solid #999; */
  padding: 10px 0;
}

.roomDetails__Instructions__w81mP textarea {
  /* border-radius: 3px; */
  width: 100%;
  color: undefined;
  /* font-size: 16px; */
}

.roomDetails__TextArea___q8dR {
  width: 100%;
  height: 300px;
  font-size: 20px;
  padding: 5px;
}

.roomDetails__EditButtons__Sll0X {
  display: -ms-flexbox;
  display: flex;
}

.resourceList__Controls__zkB9G {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 14px;
  margin-bottom: 30px;
}

.resourceList__Search__q1S5V {
  font-size: 20px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin: 0;
  min-width: 275px;
}

.resourceList__ResourceHeader__TG71m {
  margin-bottom: 20px;
  font-weight: bold;
}

.resourceList__Row__CJ5l3 {
  display: -ms-flexbox;
  display: flex;
}

.resourceList__Col__lAluD {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex: 1 1;
      flex: 1 1;
  margin-bottom: 2rem;
  min-width: 600px;
}

.resourceList__Col__lAluD:first-child {
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #ddd;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media screen and (max-width: 800px) {
  .resourceList__Row__CJ5l3 {
    -ms-flex-flow: column;
        flex-flow: column;
  }

  .resourceList__Col__lAluD:first-child {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
  }
}

.resourceList__Label__RUHNK {
  font-weight: lighter; /* contrast font weight with .Select */
  display: inline-block;
  width: 16rem;
}

.resourceList__Select__NEl6B {
  margin: 0.5rem 0;
  font-weight: normal !important; /* !important to be normal font weight here */
}

.resourceList__SortUIContainer__lBbqj {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  z-index: 350; /* Content box has z-index of 300 */
}

.resourceList__SortSelection__mPLx4,
.resourceList__FilterSelection__IX0VK {
  z-index: 350;
}

.resourceList__CustomIcon__vfjuG {
  margin-top: 5px;
  font-size: 24px;
  font-weight: 500;
}

.resourceList__CustomIcon__vfjuG:hover {
  cursor: pointer;
  font-size: 25px;
  /* font-weight: 500; */
}

.resourceList__SelectActionsIcon__f5qEO {
  font-size: 24px;
  color: #5e5e5e;
  padding: 5px;
}

.roomSettings__Heading__x7FJY {
  font-size: 20px;
  padding-bottom: 2px;
  border-bottom: 1px solid #ddd;
  color: undefined;
  display: inline-block;
  margin-bottom: 10px;
}

.stats__Container__RONkP {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  padding: 4px;
  /* border: 1px solid red; */
  /* border: 1px solid #999;
  border-radius: 4px; */
}

.stats__ChartContainer__y_lQ1 {
  display: -ms-flexbox;
  display: flex;
  min-height: 400px;
}

.stats__ChartContainer__y_lQ1 > * {
  margin: auto;
}

.stats__Graph__pPlF5 {
  width: 100%;
  height: 42vh;
  display: center;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: visible;
}

.stats__ChartDate__YVuMZ {
  font-size: 11px;
}

.stats__svgContainer__PJ9xi {
  overflow: visible;
}

.stats__line__bZSdz {
  fill: transparent;
  /* stroke: blue; */
  stroke-width: 2px;
  /* transform: translate(-100, -10); */
  /* stroke-dasharray: 10000;
  stroke-dashoffset: 10000; */
  -webkit-animation: stats__dash__UJj_z 10s forwards;
          animation: stats__dash__UJj_z 10s forwards;
}

.stats__Filters__lbSlt {
  display: -ms-flexbox;
  display: flex;
}

.stats__Col__n2TJp {
  display: inline-block;
  /* width: auto; */
}

.stats__Filter__Rakpq {
  /* border: 1px solid red; */
  margin-bottom: 4px;
}

.stats__Filter__Rakpq > h3 {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 2px;
}

.stats__Options__qA76m {
  display: -ms-flexbox;
  display: flex;
}

.stats__UserOption__y78it {
  display: -ms-flexbox;
  display: flex;
}

.stats__IndentedRow__qqhcX {
  display: -ms-flexbox;
  display: flex;
  margin: 3px 0 0 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.stats__Checkbox__gUym2 {
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 3px;
  margin-bottom: 3px;
  padding: 8px;
  border-radius: 4px;
}

.stats__ColCheckbox__S_UjE {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
/* @keyframes dash {
  from {
    stroke-dashoffset: 10000;
    fill: transparent;
  }
  to {
    stroke-dashoffset: 0;
    fill: gridBlue;
  }
} */

.monitoringView__Container__Raibk > * {
  margin-top: 0px;
}

.monitoringView__Container__Raibk > *:first-child {
  margin-top: 0px;
}

.monitoringView__MainSelect__qNZ6U {
  margin-bottom: 1.5em;
}

.monitoringView__TogglesContainer__wfN0r {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 10px;
}

.monitoringView__TileGroup__UcoJw {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  padding: 0 10px;
  margin-bottom: 200px;
}

.monitoringView__ViewOrSelect__l6Dah {
  font-size: 0.75em;
  margin-top: 10px;
}

.monitoringView__Tile__ItxaD {
  display: -ms-flexbox;
  display: flex;
  resize: both;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -ms-flex-direction: row;
      flex-direction: row;
  -webkit-box-shadow: lightestShadow;
          box-shadow: lightestShadow;
  -ms-flex-item-align: auto;
      align-self: auto;
  border-radius: 3px;
  /* overflow: auto; */
  width: 500px;
  height: 300px;
  margin: 10px;
  min-height: 200px;
}

.monitoringView__TileContainer__TqQ04 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  background-color: white;
  height: 100%;
  width: 100%;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}

.monitoringView__Title__i5Fld {
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
  background-color: #eff3f6;
  border-radius: 3px 3px 0 0;
  color: #5e5e5e;
  font-size: 17px;
  letter-spacing: 1.12px;
  cursor: pointer;
  height: 20%;
  max-height: 50px;
}

.monitoringView__Timestamp__AlUgo {
  font-style: italic;
  color: #999;
  font-size: 0.7em;
  margin-right: 7px;
  margin-top: 15px;
  margin-left: auto;
}

.monitoringView__NoSnapshot__rpoFK {
  color: #2d91f2;
  padding: 8px 8px;
  font-size: 17px;
}

.monitoringView__Select__eya4T {
  -ms-flex: 1 1;
      flex: 1 1;
  margin: 0 15px;
}

.dropdownmenu__Container__82_7M {
  position: relative;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}

.dropdownmenu__DropdownContent__Wiu_Y {
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
  right: 0;

  z-index: 1000;
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  background: #2d91f2;
  color: white;
  border: 1px solid #ddd;
  width: 130px;
  -ms-flex-flow: column;
      flex-flow: column;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.dropdownmenu__DropdownItem__AG4yq {
  margin: 8px 0;
}

.dropdownmenu__Container__82_7M:hover .dropdownmenu__DropdownContent__Wiu_Y {
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: dropdownmenu__showDropdown__hEF9N 0.2s;
          animation: dropdownmenu__showDropdown__hEF9N 0.2s;
}

@-webkit-keyframes dropdownmenu__showDropdown__hEF9N {
  /* style rules */
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes dropdownmenu__showDropdown__hEF9N {
  /* style rules */
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.roomViewer__Container__Vm2OQ {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between; 
    text-align: left; 
    height: 90vh;
    }
    
  .roomViewer__Thumbnails__uPqdo {
    width: 75%;
    min-width: 50vw;
    overflow: scroll;
    margin-right: 10px;
  }

  .roomViewer__Aside__PcUcM {
    /* display: flex;
    flex-direction: column; */
  }

  .roomViewer__ChatSection__M5je8 {
    /* display: flex;
    flex-direction: column; */
  }
  
  .roomViewer__Chat__zhqua {
    overflow-y: scroll;
    height: 50vh;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  }

  .roomViewer__AttendanceSection__p7Yh2 {
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    height: 30vh;
  }

  
  .roomViewer__Title__jmpve {
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
    background-color: #eff3f6;
    border-radius: 3px 3px 0 0;
    color: #5e5e5e;
    font-size: 17px;
    letter-spacing: 1.12px;
    cursor: pointer;
  }

  .roomViewer__Slider__uMrcS {
    margin: 5px auto;
    padding: 5px;
    border-radius: 3px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    -ms-flex-item-align: auto;
        align-self: auto;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  
  .roomViewer__SliderOn__Ng7XS {
    font-weight: 600;
  }
  
.courseCodeMemberImportModal__ParticipantsContainer__aVGqK {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  width: 75vw;
  padding: 15px 20px 0;
  z-index: 0;
}

.courseCodeMemberImportModal__InfoBoxContainer__qBblV {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.courseCodeMemberImportModal__InfoBox__nxMm6 {
  width: 50%;
  padding: 0 5px;
}

.courseCodeMemberImportModal__ModalButton__c4MUc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}

/* .AddParticipants */
.courseCodeMemberImportModal__CourseCodeSearch__Vi0U5 {
  height: 350px;
  width: 100%;
  /* min-width: 450px; */
  overflow-y: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.courseCodeMemberImportModal__NewParticipants__d1Jvs {
  height: 350px;
  width: 100%;
  /* min-width: 450px; */
  overflow-y: auto;
}

.courseCodeMemberImportModal__Search__kJlep {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: inherit;
  width: 100%;
}

.courseCodeMemberImportModal__Input__Z_Oc5 {
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  padding: 10px;
  padding-left: 35px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: white;
  font-size: 16px;
  letter-spacing: 0.08em;
  color: #666;
  caret-color: #75b7f6;
  font-family: inherit;
  position: relative;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.courseCodeMemberImportModal__Input__Z_Oc5:focus {
  border: none;
  border: 1px solid #2d91f2;
  outline-width: 0;
}

.courseCodeMemberImportModal__Icon__xM_sw {
  font-size: inherit;
  margin-left: 8px;
  position: absolute;
  color: darkGray;
}

/* Import Modal Styles */
.importModal__importModalContainer__jYkUS {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  -ms-flex-align: center;
      align-items: center;
  width: 90vw;
  max-height: 85vh;
  padding: 20px;
}

.importModal__importTableWrapper__Fb2zL {
  max-height: 70vh;
  overflow: auto;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 12px;
  margin-bottom: 20px;
}

.importModal__importTable__E4uKc {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  table-layout: fixed;
}

.importModal__importTableHeader__JrKAy {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  padding: 12px;
  text-align: center;
  font-weight: bold;
  position: sticky;
  top: 0;
  z-index: 10;
  vertical-align: top;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.importModal__headerContent__xNlfU {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 5px;
}

.importModal__headerText__fRnId {
  font-size: 12px;
  line-height: 1.2;
}

.importModal__selectAllCheckbox__hew2c {
  margin: 0;
  cursor: pointer;
}

.importModal__importTableRow__oNIMu {
  border-bottom: 1px solid #eee;
}

.importModal__importTableRow__oNIMu:hover {
  background-color: #f9f9f9;
}

.importModal__importTableCell__Kl2up {
  border: 1px solid #ddd;
  padding: 4px 6px;
  vertical-align: middle;
  text-align: left;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.importModal__importTableCell__Kl2up.importModal__highlighted__U0OZX {
  border: 2px solid #ff4444 !important;
  background-color: #ffebee;
}

.importModal__importTableCell__Kl2up.importModal__warning__tWFgz {
  border: 2px solid #ffa726 !important;
  background-color: #fff8e1;
}

.importModal__textInput__c4P1X {
  width: 100%;
  border: none;
  background: transparent;
  padding: 2px;
  font-size: 12px;
  min-height: 16px;
}

.importModal__textInput__c4P1X:focus {
  outline: 1px solid #2196f3;
  background-color: white;
}

.importModal__textInput__c4P1X.importModal__readonly___L6Ug {
  color: #666;
  background-color: #f9f9f9;
  cursor: not-allowed;
}

.importModal__readonlyText__DBmF5 {
  padding: 2px;
  font-size: 12px;
  line-height: 1.2;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.importModal__commentLine__qRegx {
  display: block;
  margin: 0;
}

.importModal__commentLine__qRegx.importModal__error__o8oYv {
  color: #d32f2f;
}

.importModal__commentLine__qRegx.importModal__warning__tWFgz {
  color: #f57c00;
}

.importModal__actionCell__BjNrL {
  text-align: center;
  width: 15%;
  min-width: 100px;
  max-width: 150px;
}

.importModal__importModalButtons__g_hPU {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 30px;
  width: 100%;
  max-width: 500px;
  margin-top: 20px;
}

.importModal__importModalFooter__qmj3Y {
  margin-top: 15px;
  text-align: center;
}

/* Delete Button Styles */
.importModal__deleteButtonContainer__tIy4N {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 3px;
}

.importModal__deleteActionBtn__kkqmp {
  background: none;
  border: none;
  cursor: pointer;
  padding: 2px;
  font-size: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.importModal__deleteActionBtn__kkqmp.importModal__delete__Dtw2W {
  color: #666;
}

.importModal__deleteActionBtn__kkqmp.importModal__delete__Dtw2W:hover {
  color: #ff4444;
}

.importModal__cancel__LS6zf {
  color: #ff4444;
}

.importModal__cancel__LS6zf:hover {
  color: #ff6666;
}

.importModal__confirm__cyS5Z {
  color: #4caf50;
}

.importModal__confirm__cyS5Z:hover {
  color: #66bb6a;
}

.importModal__deleteConfirmText__aU6G8 {
  font-size: 12px;
  margin-right: 5px;
  white-space: nowrap;
}

/* Column width adjustments for better alignment */
.importModal__importTableHeader__JrKAy:nth-child(1),
.importModal__importTableCell__Kl2up:nth-child(1) {
  width: 10%; /* Username */
}

.importModal__importTableHeader__JrKAy:nth-child(2),
.importModal__importTableCell__Kl2up:nth-child(2) {
  width: 12%; /* Email */
}

.importModal__importTableHeader__JrKAy:nth-child(3),
.importModal__importTableCell__Kl2up:nth-child(3) {
  width: 6%; /* isGmail */
  text-align: center;
}

.importModal__importTableHeader__JrKAy:nth-child(4),
.importModal__importTableCell__Kl2up:nth-child(4) {
  width: 9%; /* First Name */
}

.importModal__importTableHeader__JrKAy:nth-child(5),
.importModal__importTableCell__Kl2up:nth-child(5) {
  width: 9%; /* Last Name */
}

.importModal__importTableHeader__JrKAy:nth-child(6),
.importModal__importTableCell__Kl2up:nth-child(6) {
  width: 9%; /* Organization */
}

.importModal__importTableHeader__JrKAy:nth-child(7),
.importModal__importTableCell__Kl2up:nth-child(7) {
  width: 7%; /* Identifier */
}

.importModal__importTableHeader__JrKAy:nth-child(8),
.importModal__importTableCell__Kl2up:nth-child(8) {
  width: 7%; /* Sponsor */
}

.importModal__importTableHeader__JrKAy:nth-child(9),
.importModal__importTableCell__Kl2up:nth-child(9) {
  width: 16%; /* Comments */
  min-width: 120px;
}

.importModal__importTableHeader__JrKAy:nth-child(10),
.importModal__importTableCell__Kl2up:nth-child(10) {
  width: 15%; /* Actions */
  min-width: 100px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .importModal__importModalContainer__jYkUS {
    width: 95vw;
    padding: 12px;
  }
  
  .importModal__importTable__E4uKc {
    font-size: 12px;
  }
  
  .importModal__importTableHeader__JrKAy,
  .importModal__importTableCell__Kl2up {
    padding: 6px;
    min-width: 80px;
  }
  
  .importModal__importModalButtons__g_hPU {
    gap: 15px;
  }
}

/* Scrollbar styling for webkit browsers */
.importModal__importTableWrapper__Fb2zL::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.importModal__importTableWrapper__Fb2zL::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 12px;
}

.importModal__importTableWrapper__Fb2zL::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 12px;
}

.importModal__importTableWrapper__Fb2zL::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.members__Link__ZXCXQ {
  color: #75b7f6;
  padding-bottom: 2px;
  border-bottom: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.members__Link__ZXCXQ:hover {
  color: white;
  border-bottom: 1px solid #999;
}

.members__Container__iNOYO {
  width: 100%;
  max-width: 1000px;
}

.members__Notifications__fKWsB {
  width: 100%;
  margin: 10px 0;
}

.members__Notifications__fKWsB p {
  font-weight: 300;
  margin: 10px 0 25px 0;
}

/* .UserRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  border: 1px solid #ddd;
} */

.members__Role__bxVsF {
  margin: 20px;
}

.members__SubHeader___4Hdt {
  padding: 5px;
  font-size: 20px;
  border-bottom: 1px solid #ddd;
  margin-top: 0;
  margin-bottom: 10px;
  /* border: 1px solid orange; */
}

.members__SearchResults__o93z1 {
  margin-top: 10px;
  background: white;
  overflow-y: auto;
}

.members__SearchResItem__vXIQl {
  padding: 5px;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #ddd;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.members__FlexRow__ZE5H8 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
}

.members__Email__slrgO {
  font-style: italic;
  color: #999;
  font-size: 13px;
  margin-left: 3px;
}

.members__Instructions__fOe4L {
  background-color: white;
  border-radius: 50%;
  margin: 5px 10px;
  position: relative;
  width: 40px;
  height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.members__TooltipContent__QY3Eg {
  display: none;
  position: absolute;
  padding: 10px;
  /* left: auto;
  right: 65px; */
  z-index: 1000;
  -webkit-box-shadow: lightShadow;
          box-shadow: lightShadow;
  background: #2d91f2;
  color: white;
  border: 2px solid #ddd;
  min-width: 250px;
  /* width: max-content; */
  max-width: 85%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.members__Instructions__fOe4L:hover .members__TooltipContent__QY3Eg {
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: members__showDropdown__zYImE 0.2s;
          animation: members__showDropdown__zYImE 0.2s;
}

.members__InstructionsLink__Ly_rS {
  color: white;
}

.members__ToggleContainer__JCttN {
  margin: 3px 0;
  padding-top: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: left;
      justify-content: left;
  -webkit-box-shadow: lightShadow;
          box-shadow: lightShadow;
  -ms-flex-item-align: auto;
      align-self: auto;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.members__EditUsernames__HRgu4 {
  margin: 0 10px;
  display: -ms-flexbox;
  display: flex;
}

.table__Container__f843t {
  /* max-height: 600px; */
  overflow-y: auto;
  height: 400px;
  width: 100%;
}

.table__Container__f843t thead th {
  position: sticky;
  top: 0;
}
/* Just common table stuff. Really. */
.table__Container__f843t table {
  width: 100%;
  max-height: 400px;
}
.table__Container__f843t th,
.table__Container__f843t td {
  border: 1px solid #999 !important;
  padding: 6px !important;
}

.table__Container__f843t th {
  background: white;
}

.timeline__Container__Fy5M5 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.timeline__Timeline__WpyFq {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  /* justify-content: center; */
  -ms-flex-align: center;
      align-items: center;
  /* margin: 10px 0 30px 0;
  border: 1px solid gridBlue;
  position: relative;
  width: 90%;
  height: 16px;
  background: #eeeeee;
  border: 2px solid #666; */
}

.timeline__Timeline__WpyFq > * {
  margin-right: 10px;
}

.timeline__SliderContainer__mBlz7 {
  position: absolute;
  border: 1px solid red;
}

.timeline__EndSlider__xjcgl {
  left: 0;
}

.timeline__Slider__xZcD7 {
  position: absolute;
  border: 3px solid #2d91f2;
  background-color: #a4deff;
  -webkit-box-shadow: lightestShadow;
          box-shadow: lightestShadow;
  left: -13px;
  top: -7.5px;
  height: 26px;
  width: 26px;
  border-radius: 50%;
  z-index: 100;
  cursor: pointer;
}

.timeline__Time__WM0gm {
  top: 18px;
  position: absolute;
  width: auto;
  white-space: nowrap;
  background: #eee;
  padding: 3px;
  border: 1px solid #666;
  color: #666;
  border-radius: 3px;
}

.timeline__EndTime__yGkF9 {
  right: 0;
}

.timeline__StartTime__ZS2kt {
  right: 0;
}

.timeline__CurrentTimeline__KsFsX {
  top: 1px;
  bottom: 1px;
  z-index: 1;
  border-top: 3px solid #2d91f2;
  border-bottom: 3px solid #2d91f2;
  background: #a4deff;
  position: absolute;
}

.timeline__Marker__VRTZ8 {
  height: 10px;
  width: 10px;
  position: absolute;
  z-index: 100;
  background: red;
}

.RoomLobby__CustomIcon__k8ZZP {
  margin-top: 5px;
  font-size: 24px;
  font-weight: 500;
}

.RoomLobby__CustomIcon__k8ZZP:hover {
  cursor: pointer;
  font-weight: 900;
  font-size: 25px;
}

.RoomLobby__FacilitatorsList__QeUa1 {
  margin-right: 5px;
}

.resetPassword__Main__DJvgW {
  color: white;
  z-index: 2000;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
  margin-top: 150px;
}
.confirmEmail__Main__R5z3L {
  color: white;
  z-index: 2000;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
  margin-top: 150px;
}
.unconfirmed__Main__E6GzF {
  color: white;
  z-index: 2000;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
  margin-top: 150px;
}
.resourceTables__Controls__CPb6T {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 14px;
  margin-bottom: 30px;
}

.resourceTables__Search__MxBXe {
  font-size: 20px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin: 0 5px;
}

.resourceTables__ResourceHeader__OaBI0 {
  margin-bottom: 20px;
}

.resourceTables__Row__ATpX4 {
  display: -ms-flexbox;
  display: flex;
}

.resourceTables__Col__jZ2zW {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex: 1 1;
      flex: 1 1;
}

.resourceTables__Col__jZ2zW:first-child {
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #ddd;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media screen and (max-width: 800px) {
  .resourceTables__Row__ATpX4 {
    -ms-flex-flow: column;
        flex-flow: column;
  }

  .resourceTables__Col__jZ2zW:first-child {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
  }
}

.Archive__CustomIcon__ZvL_E {
  margin-top: 5px;
  font-size: 20px;
  font-weight: 500;
}

.Archive__CustomIcon__ZvL_E:hover {
  cursor: pointer;
  font-size: 21px;
  font-weight: 900;
}

.makeRooms__AssignmentMatrixContainer__CWqKM {
  width: 100%;
  max-height: 100%;
}

.makeRooms__Container__Zkh_I {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
  max-height: 100%;
  padding: 20px;
  z-index: 0;
}

.makeRooms__Title__s_w6C {
  font-size: 26px;
  margin-bottom: 15px;
}

.makeRooms__Radios__cf5Tb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
  margin-top: 30px;
}

.makeRooms__SubContainer__ZZYxu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  width: 100%;
}

.makeRooms__ParticipantList__dURAy {
  margin: 20px 0 10px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: start;
      align-items: flex-start;
  overflow-y: scroll;
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 5px;
  width: 100%;
  min-height: 200px;
}

.makeRooms__Participant__cWulJ {
  color: black;
  padding: 7px;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.makeRooms__Participant__cWulJ:hover {
  color: #999;
}

.makeRooms__Buttons__aPYwp {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-pack: center;
      justify-content: center;
}
.makeRooms__Button__k5a5s {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.makeRooms__Selected__jeV2r {
  color: #2d91f2;
}

.makeRooms__SelectionMade__ST4AC,
.makeRooms__SelectionMade__ST4AC:hover {
  background-color: #bbb;
}

.makeRooms__EvenParticipant__N3iiW {
  background-color: #ddd;
}

.makeRooms__Table__xpxOC {
  vertical-align: middle;
  border-right: 10px solid #ddd;
}

.makeRooms__Error__v3Lxz {
  color: red;
  height: 20px;
  /* margin: auto; */
  width: 300px;
}

.makeRooms__RoomsList__zNtJb {
  margin: 0px 2px;
  padding: 10px;
  /* center the room number in the table in AssignmentMatrix */
  text-align: center;
}

.makeRooms__LockedColumn__g2Xq5 {
  /* Background color */
  background-color: #ddd;
  /* Stick to the left */
  left: 0;
  position: sticky;

  /* Displayed on top of other rows when scrolling */
  z-index: 87;
  /* reduce column size w/Participants' names */
  width: 150px;
  cursor: default;
}

.makeRooms__Caption__bUGv_ {
  padding: 0.5em;
  font-size: 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.makeRooms__LockedTop__h6AzW {
  background-color: #ddd;
  position: sticky;
  top: 0;
  z-index: 100;
  cursor: default;
}

.makeRooms__LockedBottom__fql5D {
  background-color: #ddd;
  position: sticky;
  bottom: 0;
  border-top: 2px solid black;
  z-index: 89;
}

.makeRooms__LockedBottom__fql5D:hover {
  background-color: #ddd !important;
  color: black;
}

.makeRooms__AssignmentMatrix__VJVhG {
  max-height: 60vh;
  min-height: 185px;
  overflow: auto;
  width: 100%;
}

.makeRooms__AssignmentMatrix__VJVhG::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.makeRooms__AssignmentMatrix__VJVhG::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #2d91f2;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.makeRooms__AssignmentMatrix__VJVhG::-webkit-scrollbar:horizontal {
  -webkit-appearance: none;
  height: 7px;
}
.makeRooms__AssignmentMatrix__VJVhG::-webkit-scrollbar-thumb:horizontal {
  border-radius: 4px;
  background-color: #2d91f2;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.makeRooms__CellAction__M7RgI {
  text-align: center;
  padding: 0.5rem 0.125rem; /* 0.125 rem = 2px */
  /* Steve wants the horizontal padding to be 
    cut down to a minimum. The problem is AssignmentMatrix has
    width:100%, which enlarges the cell padding dynamically
    more than 2px
  */
}

.makeRooms__RevertName__xMLUw {
  height: 1rem;
  padding: 1rem 0 0 1rem;
  margin-left: -2rem;
}

.makeRooms__RevertName__xMLUw:hover {
  cursor: pointer;
}

.makeRooms__TopSection__yV8hU {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.makeRooms__BottomButtons__NvTwV {
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  width: 100%;
}

.makeRooms__minus__i8Esx {
  padding: 5px;
}

.makeRooms__plus__PueHA {
  padding: 5px;
}

.makeRooms__minus__i8Esx:hover,
.makeRooms__plus__PueHA:hover {
  color: #999;
  cursor: pointer;
}

.makeRooms__AddParticipants__kTlul {
  height: 350px;
  width: 100%;
  /* min-width: 450px; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.makeRooms__NewParticipants__IrvwQ {
  height: 350px;
  width: 100%;
  /* min-width: 450px; */
  overflow-y: auto;
}

.makeRooms__ParticipantsContainer__QNWWW {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  width: 90vw;
  padding: 15px 20px 0;
  z-index: 0;
}

.makeRooms__InfoBoxContainer__jiYIW {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.makeRooms__InfoBox__ITgbe {
  width: 50%;
  padding: 0 5px;
}

.makeRooms__RoomNameInput__HF_bg {
  display: -ms-flexbox;
  display: flex;
}

.makeRooms__AliasInstructions__cU8po {
  margin: auto 0;
}

.makeRooms__AliasTooltipContent__XxRz9 {
  display: none;
  position: absolute;
  /* margin-top: 2rem; */
  margin-left: -2rem;
  padding: 10px;
  /* left: auto;
  right: 65px; */
  z-index: 1000;
  -webkit-box-shadow: lightShadow;
          box-shadow: lightShadow;
  background: #2d91f2;
  color: white;
  border: 2px solid #ddd;
  min-width: 200px;
  /* width: max-content; */
  max-width: 85%;
  font-family: 'Lato', 'sans-serif';
  font-weight: 400;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.makeRooms__AliasInstructions__cU8po:hover .makeRooms__AliasTooltipContent__XxRz9 {
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: makeRooms__showDropdown__YML6g 0.2s;
          animation: makeRooms__showDropdown__YML6g 0.2s;
}

.makeRooms__ModalButton__mg2ej {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}

.makeRooms__SortContainer__NGEra {
  position: relative;
  z-index: 299;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

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

.makeRooms__SortSelection__LbzI4 {
  width: 250px;
  margin-left: 1rem;
}

/* Tooltip text */
/* https://www.w3schools.com/css/css_tooltip.asp */
.makeRooms__tooltip__K3mpV .makeRooms__tooltiptext__LCKjn {
  visibility: hidden;
  width: 100%;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 900;
  top: 5px;
  left: 105%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.makeRooms__tooltip__K3mpV:hover .makeRooms__tooltiptext__LCKjn {
  visibility: visible;
}

.makeRooms__Search__oIqX4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: inherit;
  width: 100%;
}

.makeRooms__Input__LWj2p {
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  padding: 10px;
  padding-left: 35px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background-color: white;
  font-size: 16px;
  letter-spacing: 0.08em;
  color: #666;
  caret-color: lightBlue;
  font-family: inherit;
  position: relative;
  -webkit-box-shadow: lightestShadow;
          box-shadow: lightestShadow;
}

.makeRooms__Input__LWj2p:focus {
  border: none;
  border: 1px solid #2d91f2;
  outline-width: 0;
}

.makeRooms__Icon__xwzuQ {
  font-size: inherit;
  margin-left: 8px;
  position: absolute;
  color: darkGray;
}

.selectAssignment__Edit__TGvMq {
    color: #999;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
  }
  
  .selectAssignment__Edit__TGvMq:hover {
    color: #2d91f2;
  }
  
  .selectAssignment__Instructions__KF7P7 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    margin-bottom: 20px;
  }
  
  .selectAssignment__InstructionsHeader__SDqMk {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 5px;
  }
  
  textarea {
    width: 100%;
    height: 300px;
    padding: 5px;
  }
  
  .selectAssignment__EditButtons__KSoGO {
    display: -ms-flexbox;
    display: flex;
  }
  
  .selectAssignment__AssignContainer__viwth {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
  
  .selectAssignment__NewAssignmentsContainer__Y3P9d {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-right: 5rem;
  }
  
  .selectAssignment__EditAssignmentsContainer__xnGln {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
  
  .selectAssignment__AssignText__LPFru {
    font-weight: 600;
    margin-right: 1rem;
  }
  
  .selectAssignment__Select__F6Elb { 
    min-width: 285px;
    z-index: 300;
  }
  
  .selectAssignment__Instructions__KF7P7 {
    background-color: white;
    border-radius: 50%;
    margin: 5px 5px;
    position: relative;
  }
  
  .selectAssignment__TooltipContent__tb3Ec {
    display: none;
    position: absolute;
    margin-top: 1.1rem;
    padding: 10px;
    /* left: auto;
    right: 65px; */
    z-index: 1000;
    -webkit-box-shadow: lightShadow;
            box-shadow: lightShadow;
    background: #2d91f2;
    color: white;
    border: 2px solid #ddd;
    min-width: 250px;
    /* width: max-content; */
    max-width: 85%;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  
  .selectAssignment__Instructions__KF7P7:hover .selectAssignment__TooltipContent__tb3Ec {
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: selectAssignment__showDropdown___73wQ 0.2s;
            animation: selectAssignment__showDropdown___73wQ 0.2s;
  }
  
  .selectAssignment__QuestionMark__y7krF {
    font-size: 18px;
  }
.courseRooms__CourseRoomsContainer__hjLSz {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.courseRooms__CreateRoom__U5psr {
  margin-bottom: 1.5rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.courseRooms__Filters__a7E4I {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
  -ms-flex-align: center;
      align-items: center;
}

.courseRooms__InfoBoxContainer__cZDhO {
  display: -ms-flexbox;
  display: flex;
}

.courseRooms__InfoBoxFilters__ek0bJ {
  display: -ms-flexbox;
  display: flex;
  margin-left: 4px;
}

.courseRooms__FilterOpts__Snwqk {
  padding-left: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.courseRooms__SortUI__uzske {
  max-width: 573px;
}

.courseRooms__SortUI__uzske,
.courseRooms__InfoBoxFilters__ek0bJ {
  margin-bottom: 1rem;
}

.courseRooms__RoomsListContainer__BsutD {
  width: 1000px;
}

.courseRooms__CustomIcon__PWQEg {
  background-color: inherit;
  font-size: 24px;
  margin-top: 5px;
  font-weight: 500;
}

.courseRooms__CustomIcon__PWQEg:hover {
  cursor: pointer;
  font-size: 25px;
}

.courseRooms__SelectActionsIcon__oJ6ti {
  font-size: 24px;
  color: #5e5e5e;
  padding: 5px;
}

.replayerControls__Container__JM3tp {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: center;
      align-self: center;
  height: inherit;
  width: 100%;
  /* overflow-x: hidden; */
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
  /* box-shadow: 0 -10px 20px 5px rgba(0, 0, 0, 0.4); */
  padding-bottom: 5px;
  height: auto;
  max-height: 300px;
  -webkit-transition: 0.7s ease-in;
  transition: 0.7s ease-in;
  -webkit-transition-delay: 5000;
          transition-delay: 5000;
}
.replayerControls__HiddenContainer__qyKxB {
  /* opacity: 0.2; */
  max-height: 0;
  opacity: 0;
}
/* .Backdrop {
  position: absolute;
  top: -10px;
  left: 5px;
  right: 5px;
  bottom: 0;
  z-index: 50;
} */

.replayerControls__Log__tBnPj {
  width: 100%;
  height: 57px;
  margin-bottom: 5px;
}

.replayerControls__ProgressBar__tarMd {
  margin-top: 26px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}

.replayerControls__Controls__Mc4f2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 10px 0;
  width: 100%;
  padding-top: 8px;
  font-size: 1.1em;
  z-index: 200;
  color: #aaa;
  -ms-flex-align: center;
      align-items: center;
}

.replayerControls__PlayControls__S1XY2 {
  display: -ms-flexbox;
  display: flex;
  margin: 0 30px;
}
.replayerControls__Button__oXIMD {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 2px;
  height: 30px;
  margin: 2px;
  border: 1px solid #bbb;
  border-radius: 3px;
  width: 30px;
  font-size: 0.8em;
  color: #aaa;
  background: none;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.replayerControls__Button__oXIMD:hover {
  color: #2d91f2;
}

.replayerControls__Button__oXIMD:focus {
  outline: none;
}
.replayerControls__SideButton__FMZjY {
  color: undefined;
  font-size: 1em;
}
.replayerControls__Time__vES3i {
  font-size: 0.9em;
  color: undefined;
  padding: 10px;
}

.clock__ClockContainer__haYeL {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 0 5px;
}

.clock__StartTime__Po1Ms {
  font-weight: 700;
  font-size: 1.1em;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

/* .CenterTime {
  order: 2;
  flex: 1 1 auto;
  color: darkGrey;
  font-size: 0.9em;
} */

.clock__EndTime__67_Ef {
  font-weight: 700;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  font-size: 1.1em;
}

.clock__AbsClocks__BRWZ3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

.clock__RelTime__EaxED {
  -ms-flex-order: 1;
      order: 1;
  margin-top: -30px;
}

.clock__AbsTime__TfEDR {
}

.slider__Slider__AhCu7 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  /* flex-grow: 1; */
  height: 4px;
  width: 95%;
  background-color: #666;
  border: 1px solid #bbb;
  border-style: inset;
  border-radius: 15px;
  -ms-flex-item-align: center;
      align-self: center;
  overflow-y: visible;
}

.slider__ProgressMarker__f2_MZ {
  border: 3px solid #2d91f2;
  background-color: #2d91f2;
  position: absolute;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  left: -4px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  cursor: pointer;
}

.eventDesc__Event__zChxe {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  width: 5px;
  height: 400%;
  cursor: pointer;
}

.eventDesc__EventDetails__XSXgE {
  position: absolute;
  top: -50px;
  background-color: rgba(0, 0, 0, 0.7);
  width: 155px;
  padding: 10px;
  max-height: 50px;
  color: white;
  overflow: hidden;
  border-radius: 4px;
  /* width: 100px; */
}

.settings__Container__NcSdf {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 30px;
  font-size: 1.3em;
}
.settings__Fullscreen__2FgDM {
  cursor: pointer;
}

.settings__Fullscreen__2FgDM:hover {
  color: #2d91f2;
}
.settings__SettingsContainer__hQZQ9 {
  margin-right: 20px;
  padding: 10px;
  position: relative;
}

.settings__Settings__A4BfB {
  position: absolute;
  -ms-flex-align: center;
      align-items: center;
  bottom: 40px;
  right: -45px;
  width: 100px;
  border: 1px solid white;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.7);
  -ms-flex-direction: column;
      flex-direction: column;
  display: -ms-flexbox;
  display: flex;
}

.settings__Setting__BhNZx {
  color: #ddd;
  font-size: 0.7em;
  padding: 5px;
}

.settings__Setting__BhNZx:hover {
  color: white;
}
.settings__SpeedSetting__FPz7E {
}

.settings__Inactive__PJvry {
  margin: 5px;
  /* font-size: 0.9em; */
  background: none;
  border: none;
  color: #dedede;
  width: 45px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.settings__Inactive__PJvry:hover {
  color: #efefef;
}

.settings__Inactive__PJvry:focus {
  outline: none;
}

.settings__Active__mCqci {
  color: white;
  font-weight: 700;
}

.settings__Active__mCqci:focus {
  outline: none;
}

.settings__Back__u98rb {
  color: #dedede;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.settings__Back__u98rb:hover {
  color: white;
}

.DesActivityReplayer__Graph__YmrT1 {
  height: 100%;
  width: 100%;
  /* z-index: 991; */
}

.DesActivityReplayer__Activity__Vdp0E {
  /* position: absolute; */
  /* z-index: 990; */
}

.DesActivityReplayer__ControlWarning__Vl8Co {
  position: fixed;
  background: #efefef;
  color: #ff5555;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 601;
  padding: 10px;
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
/* ^^ THIS WILL ONLY SHOW UP IF THEY'VE HACKED THE JAVASCRIPT */

.DesActivityReplayer__ReferenceLine__YvosO {
  position: absolute;
  height: 10px;
  width: 10px;
  background: #ff5555;
  z-index: 5000;
}

.DesActivityReplayer__ImportOption__XzGED {
  height: 110px;
}

.DesActivityReplayer__ImportOption__XzGED input {
  width: 100%;
}

.DesActivityReplayer__Info__SGAgE {
  margin: 15px 0;
}

.DesActivityReplayer__Title__nhoRT {
  /* display: flex;
    align-items: center;
    justify-content: center;
    flex: 2 0 auto; */
  padding: 15px;
  color: blue;
  font-size: 15px;
  letter-spacing: 0.08em;
  text-transform: capitalize;
  /* border: 1px solid darkorchid; */
  /* color: ; */
}

.DesActivityReplayer__Screens__KDZan {
  color: #2d91f2;
  font-size: 13.5px;
  text-transform: lowercase;
  text-align: center;
}

.DesActivityReplayer__ActivityNav__kCpKb {
  z-index: 999;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
}

.main__Container__GXyZN {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
  min-height: 100vh;
  /* max-width: 1300px; */
  margin-top: 60px;
}

.main__Image__Nwfht {
  width: 50%;
  margin-top: 50px;
  -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
          box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

.main__Banner__nSdgE {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  max-width: 1300px;
  letter-spacing: 0.1em;
}

.main__Particles__Fhymj {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: -1;
}

.main__Section__EGZw6 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 30px;
  width: 100%;
  /* max-width: 1300px; */
  min-height: calc(100vh - 300px);
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
}

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;
}

ol,
ul {
  list-style: none;
}

body {
  font-family: 'Lato', 'sans-serif';
  background: #f8f8f8;
}

.global__FlexCol__sl_EB {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  width: 100%;
}

.global__FlexRow__xvppS {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

/* .Link {

}

.Link:hover {
  text-decoration: none;
} */

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

/* Hack for overriding chrome autofill styles */
@-webkit-keyframes global__autofill__QY2uZ {
  to {
    color: #666;
    background: transparent;
  }
}

input:-webkit-autofill {
  -webkit-animation-name: global__autofill__QY2uZ;
  -webkit-animation-fill-mode: both;
  -webkit-text-fill-color: white !important;
}


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