@import url(https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons&style=outline);
:root {
  --color-primary: #36b6b4;
  --color-primary-light: #36b6b43b;
  --color-primary-extra-light: #36b6b412;
  --color-complementary: #b63638;
  --color-analogous: #36b674;
  --color-triadic1: #3638b6;
  --color-triadic2: #b436b6;
  --color-background-dark: #2121211a;
  --color-background-light: #21212108;
  --color-body-overflow: #192733;
  --color-white: white;
  --color-black: #212121;
  /*--color-mute: #212121ad;*/
  /*--color-dull: #21212152;*/
  --color-mute: #21212199;
  --color-dull: #2121211f;
  --color-red: #d50000;
}
.alignLeft___IA-kX {
  text-align: left;
}
.alignRight___3kz9w {
  text-align: right;
}
.alignCenter___3qyPg {
  text-align: center;
}
body {
  font-family: 'Roboto', sans-serif;
  line-height: 2;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: var(--color-black, #212121);
}

h1 {
  font-weight: 300;
  font-size: 96px;
  letter-spacing: -1.5px;
  margin-top: 0px;
  margin-bottom: 0px;
}

h2 {
  font-weight: 300;
  font-size: 60px;
  letter-spacing: -0.5px;
  margin-top: 0px;
  margin-bottom: 0px;
}

h3 {
  font-weight: 400;
  font-size: 48px;
  letter-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

h4 {
  font-weight: 400;
  font-size: 34px;
  letter-spacing: 0.25px;
  margin-top: 0px;
  margin-bottom: 0px;
}

h5 {
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

h6 {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.15px;
  margin-top: 0px;
  margin-bottom: 0px;
}

button {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 0px;
}

.small___uKZsW {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.25px;
}

.subtitle___1hhyg {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.15px;
}

.subtitleSmall___2xNGl {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1px;
}

.caption___18ndj {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.4px;
}

.overline___ih2nO {
  font-weight: 400;
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.muted___3FJ_8 {
  color: var(--color-mute, #212121ad);
}
.elevation0dp___3AtlO {
  box-shadow:  none;
}
.elevation1dp___28nSG {
  box-shadow:  0px 1px 3px 0px #00000033, 0px 1px 1px 0px #00000024, 0px 2px 1px -1px #0000001f;
}
.elevation2dp___1MSz3 {
  box-shadow:  0px 1px 5px 0px #00000033, 0px 2px 2px 0px #00000024, 0px 3px 1px -2px #0000001f;
}
.elevation3dp___2yrfO {
  box-shadow:0px 1px 8px 0px #00000033, 0px 3px 4px 0px #00000024, 0px 3px 3px -2px #0000001f;
}
.elevation4dp___YQaYh {
  box-shadow: 0px 2px 4px -1px #00000033, 0px 4px 5px 0px #00000024, 0px 1px 10px 0px #0000001f;
}
.elevation5dp___1v4Ml {
  box-shadow: 0px 3px 5px -1px #00000033, 0px 5px 8px 0px #00000024, 0px 1px 14px 0px #0000001f;
}
.elevation6dp___aNRU1 {
  box-shadow: 0px 3px 5px -1px #00000033, 0px 6px 10px 0px #00000024, 0px 1px 18px 0px #0000001f;
}
.elevation7dp___3p0RL {
  box-shadow: 0px 4px 5px -2px #00000033, 0px 7px 10px 1px #00000024, 0px 2px 16px 1px #0000001f;
}
.elevation8dp___NAYOx {
  box-shadow: 0px 5px 5px -3px #00000033, 0px 8px 10px 1px #00000024, 0px 3px 14px 2px #0000001f;
}
.elevation9dp___OrgVP {
  box-shadow: 0px 5px 6px -3px #00000033, 0px 9px 12px 1px #00000024, 0px 3px 16px 2px #0000001f;
}
.elevation10dp___ERbx6 {
  box-shadow: 0px 6px 6px -3px #00000033, 0px 10px 14px 1px #00000024, 0px 4px 18px 3px #0000001f;
}
.elevation11dp___1on4K {
  box-shadow: 0px 6px 7px -4px #00000033, 0px 11px 15px 1px #00000024, 0px 4px 20px 3px #0000001f;
}
.elevation12dp___3x8Hj {
  box-shadow: 0px 7px 8px -4px #00000033, 0px 12px 17px 2px #00000024, 0px 5px 22px 4px #0000001f;
}
.elevation13dp___2q-Cp {
  box-shadow: 0px 7px 8px -4px #00000033, 0px 13px 19px 2px #00000024, 0px 5px 24px 4px #0000001f;
}
.elevation14dp___2d6yF {
  box-shadow: 0px 7px 9px -4px #00000033, 0px 14px 21px 2px #00000024, 0px 5px 26px 4px #0000001f;
}
.elevation15dp___Gu1_9 {
  box-shadow: 0px 8px 9px -5px #00000033, 0px 15px 22px 2px #00000024, 0px 6px 28px 5px #0000001f;
}
.elevation16dp___2XOO9 {
  box-shadow: 0px 8px 10px -5px #00000033, 0px 16px 24px 2px #00000024, 0px 6px 30px 5px #0000001f;
}
.elevation17dp___1iYuH {
  box-shadow: 0px 8px 11px -5px #00000033, 0px 17px 26px 2px #00000024, 0px 6px 32px 5px #0000001f;
}
.elevation18dp___37I-B {
  box-shadow: 0px 9px 11px -5px #00000033, 0px 18px 28px 2px #00000024, 0px 7px 34px 6px #0000001f;
}
.elevation19dp___3_rvw {
  box-shadow: 0px 9px 12px -6px #00000033, 0px 19px 29px 2px #00000024, 0px 7px 36px 6px #0000001f;
}
.elevation20dp___2S2XS {
  box-shadow: 0px 10px 13px -6px #00000033, 0px 20px 31px 3px #00000024, 0px 8px 38px 7px #0000001f;
}
.elevation21dp___2U_TK {
  box-shadow: 0px 10px 13px -6px #00000033, 0px 21px 33px 3px #00000024, 0px 8px 40px 7px #0000001f;
}
.elevation22dp___1iKdp {
  box-shadow: 0px 10px 14px -6px #00000033, 0px 22px 35px 3px #00000024, 0px 8px 42px 7px #0000001f;
}
.elevation23dp___26-YO {
  box-shadow: 0px 11px 14px -7px #00000033, 0px 23px 36px 3px #00000024, 0px 9px 44px 8px #0000001f;
}
.elevation24dp___4ti6e {
  box-shadow: 0px 11px 15px -7px #00000033, 0px 24px 38px 3px #00000024, 0px 9px 46px 8px #0000001f;
}
.container___wxOnR {
  border-radius: 4px;
}

button {
  cursor: pointer;
  border: none;
  padding: 12px 16px;
  width: 100%;
  border-radius: 4px;
}
button:focus {
  outline: none;
}

.text___4LXW3 {
  color: var(--color-primary);
  background-color: transparent;
}
.text___4LXW3:hover {
  background-color: var(--color-primary-extra-light);
}
.text___4LXW3:focus {
  background-color: var(--color-primary-light);
}

.outline___3HDc- {
  border: solid 1px var(--color-dull);
  color: var(--color-primary);
}
.outline___3HDc-:hover {
  background-color: var(--color-primary-extra-light);
  border-color: var(--color-primary);
}
.outline___3HDc-:focus {
  background-color: var(--color-primary-light);
  border-color: var(--color-primary);
}

.contained___38D3i {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.pushTop___2HwQb {
  margin-top: -16px;
}
.pushRight___bx2ys {
  margin-right: -16px;
}
.pushBottom___1GYSg {
  margin-bottom: -16px;
}
.pushLeft___3JDkp {
  margin-left: -16px;
}
.container___3RwKR {
  position: fixed;
  padding: 8px 16px;
  bottom: 0px;
}

.snackbar___14uxZ {
  padding: 8px 16px;
  border-radius: 4px;
  background-color: var(--color-mute);
  color: var(--color-white);
}

.actionContainer___3aPCt {
  flex-shrink: 0;
  justify-content: flex-end;
}
.image___1jHEa {
  width: inherit;
  height: inherit;
}
.fill___3qqgj {
  object-fit: fill;
}
.contain___2FPNJ {
  object-fit: contain;
}
.cover___1ZUJ1 {
  object-fit: cover;
}
.none___348qt {
  object-fit: none;
}
.scaleDown___1r878 {
  object-fit: scale-down;
}
.container___bO81J {
  border-radius: 4px;
}

.header___ReQjA {
  padding: 16px 24px;
}
.headerTitle___16YMr {
  font-size: 20px;
}
.headerSubtitle___2NxNe {
  color: var(--color-mute);
}
.headerThumbnail___2wGXQ {
  padding-right: 16px;
}

.footer___3TZmP {
  padding: 16px 24px;
}

.action___1YfQf {
  margin: 0px 4px;
  padding: 8px;
  border-radius: 20px;
  cursor: pointer;
}
.action___1YfQf:last-child {
  margin-right: -8px;
}
.action___1YfQf:hover {
  background-color: var(--color-background-light); 
}
.action___1YfQf.active___2jFun {
  background-color: var(--color-background-dark); 
}

.body___2ARbE {
  padding: 16px 24px;
}
.container___1pyHM {
  display: inline-block;
  height: 32px;
  border-radius: 16px;
  padding: 0px 12px;
  font-size: 14px;
}
.container___1pyHM.contained___2tAgp {
  background-color: var(--color-background-light);
}
.container___1pyHM.outline___2w-L9 {
  border: solid 1px var(--color-dull);
}
.container___1pyHM.contained___2tAgp.selected___3rnAU {
  /*background-color: var(--color-primary-light);*/
}
.container___1pyHM.outline___2w-L9.selected___3rnAU {
  /*TODO: Implement selected class*/
  /*color: var(--color-primary);
  border-color: var(--color-primary);*/
}

.icon___c6ZjQ {
  margin-left: -12px;
  margin-right: 8px;
  padding: 4px;
  border-radius: 16px;
  background-color: var(--color-background-light);
}

.cancel___19oB7 {
  margin-left: 8px;
  margin-right: -4px;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background-color: var(--color-background-light);
  color: var(--color-mute);
  cursor: pointer;
}

.container___1pyHM.contained___2tAgp:hover, .container___1pyHM.contained___2tAgp:hover .icon___c6ZjQ, .container___1pyHM.contained___2tAgp:hover .cancel___19oB7 {
  background-color: var(--color-background-dark);
}
.container___1pyHM.outline___2w-L9:hover, .container___1pyHM.outline___2w-L9:hover .icon___c6ZjQ, .container___1pyHM.outline___2w-L9:hover .cancel___19oB7 {
  background-color: var(--color-background-light);
}
.sheet___4xN2M {
  z-index: 400;
  position: absolute;
  min-width: 112px;
  /*max-width: 280px;*/
  flex-shrink: 0;
  flex-grow: 0;
  background-color: var(--color-white);
  overflow: scroll;
}

.list___3Ge4B {
  margin: 8px 0px;
  font-size: 14px;
  color: var(--color-mute);
}

.listItem___3-7lE {
  min-height: 32px;
  padding: 0px 16px;
  align-items: center;
  cursor: pointer;
}
.listItem___3-7lE:hover {
  background-color: var(--color-background-light); 
}
.listItem___3-7lE.keyboardSelected___4WsoX {
  background-color: var(--color-background-light); 
  color: var(--color-primary);
}
.listItem___3-7lE.inactive___3ARW2 {
  color: var(--color-dull);
  cursor: default;
  pointer-events: none;
}
.formError___2d22P {
  border: 1px solid var(--color-red);
  padding: 8px 12px 8px 12px;
  border-radius: 4px;
  color: var(--color-red);
  margin-top: 8px;
  margin-bottom: 24px;
}

.container___3CVow {
  align-self: stretch;
  position: relative;
  margin-top: 8px;
}

.inputContainer___Zb1ov {
  /*flex-wrap: wrap;*/
  align-items: center;
}

.inputContentContainer___2OzOq {
  flex-grow: 1;
  flex-wrap: wrap;
  align-items: center;
}

.iconContainer___2sUGA {
  align-self: center;
  padding: 0px 12px;
}
.iconContainer___2sUGA.leadingIconContainer___3HCpR {
  margin-left: -12px;
}
.iconContainer___2sUGA.trailingIconContainer___3yz8c {
  margin-right: -12px;
}
.inputContainer___Zb1ov:focus-within .iconContainer___2sUGA {
  color: var(--color-primary);
}

input {
  border: none;
  width: 120px;
  flex-grow: 1;
  background-color: transparent;
}
input:focus {
  outline: none;
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

label {
  position: absolute;
  display: none;
  top: 0px;
}
input:focus ~ label {
  display: block;
}

.selectedValues___nWM2T {
  order: -1;
  margin-bottom: 2px;
  margin-right: 8px;
}

.outline___tW1lF .inputContainer___Zb1ov {
  border: solid 1px;
  border-color: var(--color-dull, #21212152);
  border-radius: 4px;
  padding-left: 12px;
  padding-right: 12px;
  align-items: flex-start;
}
.outline___tW1lF .selectedValues___nWM2T:first-of-type {
  /*margin-top: 18px;*/
}
/*.outline .inputContentContainer {
  padding-left: 12px;
  align-items: center;
}*/
.outline___tW1lF input {
  padding: 18px 0px;
}
.outline___tW1lF label {
  top: -12px;
  margin-left: 8px;
  padding: 0px 4px;
  background: white;
}
.outline___tW1lF .inputContainer___Zb1ov:focus-within {
  border-color: var(--color-primary);
}
.outline___tW1lF .inputContentContainer___2OzOq.hasValues___1MQAJ {
  padding: 18px 0px;
}
.outline___tW1lF input:focus ~ label {
  color: var(--color-primary);
}
.outline___tW1lF input.hasValues___1MQAJ {
  padding: 6px 0px 8px 0px;
  /*margin-bottom: 12px;*/
}

.fill___3Ip2N .inputContainer___Zb1ov {
  align-items: flex-end;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 1px;
  border-bottom: solid 1px;
  border-color: var(--color-dull, #21212152);
  border-radius: 4px 4px 0px 0px;
  background-color: var(--color-background-light);
}
.fill___3Ip2N input {
  padding: 18px 0px;
}
.fill___3Ip2N.underline___2buax .inputContainer___Zb1ov {  
  background-color: var(--color-white);
  padding-left: 0px;
  padding-right: 0px;
}
.fill___3Ip2N.underline___2buax .iconContainer___2sUGA {
  align-self: flex-end;
}
.fill___3Ip2N .selectedValues___nWM2T:first-of-type {
  /*margin-top: 20px;*/
}
.fill___3Ip2N.underline___2buax input {
  padding: 28px 0px 8px 0px;
}
.fill___3Ip2N.underline___2buax label {
  margin-left: 0px;
}
.fill___3Ip2N input.alwaysShowLabel___caYHH {
  padding-top: 32px;
  padding-bottom: 4px;
}
.fill___3Ip2N .inputContainer___Zb1ov:focus-within {
  border-color: var(--color-primary);
  border-width: 2px;
  padding-bottom: 0px;
}
/*.fill input:focus ~ .inputContentContainer {
  align-items: flex-end;
  padding-bottom: 4px;
}*/
.fill___3Ip2N .inputContentContainer___2OzOq.hasValues___1MQAJ {
  padding-top: 20px;
}
.fill___3Ip2N input:focus {
  padding-top: 32px;
  padding-bottom: 4px;
}
.fill___3Ip2N input:focus ~ label {
  color: var(--color-primary);
}
.fill___3Ip2N input.hasValues___1MQAJ {
  padding: 6px 0px 8px 0px;
}
/*.fill.underline input.hasValues {
  padding: 6px 0px 8px 0px;
}*/

.helperText___1gHsg {
  margin-left: 12px;
}
.fill___3Ip2N.underline___2buax .helperText___1gHsg {
  margin-left: 0px;
}

.error___2Qu-5 .inputContainer___Zb1ov, .error___2Qu-5 .inputContainer___Zb1ov:focus-within {
  border-color: var(--color-red);
}
.error___2Qu-5 .inputContainer___Zb1ov:focus-within .iconContainer___2sUGA {
  color: var(--color-red);
}
.error___2Qu-5 input:focus ~ label {
  color: var(--color-red);
}
.error___2Qu-5 .helperText___1gHsg {
  color: var(--color-red);
}

.dropdownSheet___30etP {
  z-index: 400;
  position: absolute;
  min-width: 112px;
  max-width: 280px;
  flex-shrink: 0;
  flex-grow: 0;
  background-color: var(--color-white);
  overflow: scroll;
}

.dropdownList___AYpwu {
  margin: 8px 0px;
  font-size: 14px;
  color: var(--color-mute);
}

.dropdownListItem___38DMz {
  height: 32px;
  padding: 0px 16px;
  align-items: center;
  cursor: pointer;
}
.dropdownListItem___38DMz:hover {
  background-color: var(--color-background-light); 
}
.dropdownListItem___38DMz.active___ble5a {
  color: var(--color-dull);
  cursor: default;
  pointer-events: none;
}

.readonlyLabel___3OhLg {
  margin-right: 16px;
  width: 160px;
}

.inputListRow___a2gxV {
  /*border-bottom: solid 1px var(--color-dull);*/
  padding: 8px 0px;
}
.inputListRow___a2gxV:first-child {
  padding-top: 0px; 
}
.inputListRow___a2gxV:last-child {
  /*border-bottom: none;*/
  padding-bottom: 0px; 
}

.cursorPointer___3_K0q {
  cursor: pointer;
}
.buttonContainer___N5d1q {
  cursor: pointer;
  padding: 8px;
  margin-right: 16px;
  border-radius: 18px;
  background-color: transparent;
}
.buttonContainer___N5d1q:hover {
  background-color: var(--color-background-light); 
}
.buttonContainer___N5d1q.disabled___2ejNg {
  pointer-events: none;
  color: var(--color-dull);
}
.buttonContainer___1d3Ig {
  cursor: pointer;
  padding: 8px;
  margin-right: 16px;
  border-radius: 18px;
  background-color: transparent;
}
.buttonContainer___1d3Ig:hover {
  background-color: var(--color-background-light); 
}
.buttonContainer___1d3Ig.disabled___2Z1jA {
  pointer-events: none;
  color: var(--color-dull);
}
.buttonContainer___3F9gf {
  cursor: pointer;
  padding: 8px;
  margin-right: 16px;
  border-radius: 18px;
  background-color: transparent;
}
.buttonContainer___3F9gf:hover {
  background-color: var(--color-background-light); 
}
.buttonContainer___3F9gf.disabled___2jFG8 {
  pointer-events: none;
  color: var(--color-dull);
}
.table___2B8gp {
}

.header___2c4p2 {
  height: 64px;
  padding: 0px 24px;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
  background-color: var(--color-background-light);
}

.action___1Mt5f {
  margin: 0px 4px;
  padding: 8px;
  border-radius: 20px;
  cursor: pointer;
}
.action___1Mt5f:last-child {
  margin-right: -8px;
}
.action___1Mt5f:hover {
  background-color: var(--color-background-light); 
}
.action___1Mt5f.active___pihap {
  background-color: var(--color-background-dark); 
}

.footer___TYZ2q {
  height: 48px;
  padding: 0px 24px;
  color: var(--color-mute);
  align-items: center;
  justify-content: flex-end;
  border-top: solid 1px var(--color-dull);
}
.footer___TYZ2q .action___1Mt5f {
  margin: 0px;
  padding: 4px;
  border-radius: 16px;
}

.sideSheet___2cYSJ {
  border-left: solid 1px var(--color-dull);
  width: 320px;
  flex-shrink: 0;
}

.rowContainer___wZJcz {
  padding: 0px 24px;
  border-top: solid 1px var(--color-dull);
}
.rowContainer___wZJcz:hover {
  background-color: var(--color-background-light);
}
.rowContainer___wZJcz.disableHover___f2ekV {
  background-color: transparent;
}
.rowContainer___wZJcz.headerRow___4W_ef {
  color: var(--color-mute);
  border-top: none;
  background-color: transparent;
}

.row___1QFf8 {
  /*height: 48px;*/
  margin-right: -12px;
  margin-left: -12px;
}

.cell___29ECG {
  justify-content: center;
  overflow: hidden;
}

.cellData___3wp0m {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 8px 12px;
  /*white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis;
}
.container___2tdWd {
  border-radius: 8px;
  padding: 48px 40px 36px 40px;
  width: 370px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.logo___1cVMJ {
  margin-bottom: 8px;
}

.form___28Ftb {
  margin-top: 32px;
  margin-bottom: 24px;
}

.actionContainer___3TWYt {
  margin-top: 48px;
}
.container___kUvEQ {
  border-radius: 8px;
  padding: 16px 20px;
  margin: 16px 0px;
}
.item___3EOEi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px;
}
.item___3EOEi.active___18UTJ {
  padding-top: 4px;
  border-bottom: solid 4px var(--color-primary);
}
.item___3EOEi:hover {
  background-color: var(--color-primary-extra-light);
  border-left: solid 1px var(--color-primary-extra-light);
  border-right: solid 1px var(--color-primary-extra-light);
  padding-left: 15px;
  padding-right: 15px;
}
.item___3EOEi.active___18UTJ:hover {
  background-color: transparent;
  border-left: none;
  border-right: none;
  padding-left: 16px;
  padding-right: 16px;
}

.disableLink___2Cz4s {
  cursor: default;
  pointer-events: none;
}
.icon___3y1SH {
  cursor: pointer;
}

.dropdownContainer___2hCVS {
  padding: 16px 24px;
}

.name___2lzN- {
  font-size: 16px;
}

.email___1wWrX {
  font-weight: 400;
}

.logout___gXq77 {
  margin-top: 16px;
}
.toggleIcon___2nb15 {
  cursor: pointer;
  padding-right: 16px;
}

.container___eQjRD {
  position: fixed;
  height: 100%;
  background-color: white;
  /*margin-top: -65px;*/
  overflow: scroll;
}

.menu___2EfrJ {
  color: var(--color-primary, #36b6b4);
  background-color: white;
  padding: 65px 0px 16px; 
  min-width: 200px;
}

.item___3kF1o {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 8px 16px;
}
.item___3kF1o.active___1fejR {
  background-color: var(--color-primary-extra-light);
  border-top: solid 1px var(--color-primary-extra-light);
  border-bottom: solid 1px var(--color-primary-extra-light);
  border-right: solid 4px var(--color-primary);
  padding: 7px 16px;
}

.disableLink___9UvGk {
  cursor: default;
  pointer-events: none;
}
.header___1qRCL {
  color: var(--color-primary, #36b6b4);
  z-index: 20;
  background-color: var(--color-white);
  border-bottom: solid 1px var(--color-dull);
  width: 100%;
  position: absolute;
}

.topBar___CGb00 {
  margin: 0px 16px;
  height: 64px;
}

.logo___2jKwz {
  margin-right: 8px;
  width: 24px;
}

.brand___2oS_y {
  /*width: 208px;*/
  padding-right: 16px;
}

.logout___29m_I {
  margin-left: 40px;
}
.logout___29m_I > div {
  cursor: pointer;
}
.bodyContainer___24wG2 {
  min-height: 100vh;
  margin-top: -64px;
  flex-grow: 1;
}

.body___1IJ_G {
  padding-top: 64px;
  flex-grow: 1;
  margin: 24px 16px 40px 16px;
}

.menuSideSheet___3RUcd {
  position: fixed;
  height: 100%;
  background-color: white;
  margin-top: -65px;
  /*padding-top: 65px;*/
  overflow: scroll;
}
.footer___2dyxG {
  background: #192733;
  color: #ffffffa8;
  padding: 16px;
  text-align: center;
}
html {
  height: 100%;
  background: var(--color-body-overflow, #192733);
  margin: 0;
}

body {
  min-width: 320px;
  min-height: 100%;
  background: white;
  margin: 0;
  display: flex;
  flex-direction: column;
}

a {
  color: unset;
  text-decoration: none;
}

button {
  background-color: unset;
}

:focus {
  outline: none;
}

#app {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.bodyHeaderContainer___3FjEq {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.bodyContainer___gWH8f {
  height: 100vh;
  padding-top: 64px;
  margin-top: -64px;
}