html, html body {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  overflow: hidden;
  overscroll-behavior-y: none;
}
@media screen and (max-width: 1400px) {
  html, html body {
    font-size: 10px;
  }
}
@media screen and (max-width: 450px) {
  html, html body {
    font-size: 11px;
  }
}

#fader_wrapper {
  height: 100%;
}

#container {
  display: flex;
  height: 100%;
  overflow: hidden;
  /**
    Temporary
    TODO: remove after switching to layout v3
   */
}
#container #notification_icon {
  display: none;
}
#container #notification_icon + #notifications {
  left: 0;
  right: auto;
}
#container #content {
  flex: 1;
  margin: 0;
  padding: 0;
  overflow: auto;
  border-left: none;
  border-right: none;
  display: flex;
  flex-direction: column;
}
#container #content .main {
  flex: 1;
  padding: 0 2rem 2rem calc(2rem - 10px);
}
@media screen and (max-width: 1023px) {
  #container #content .main {
    padding: 0 1rem 1rem 1rem;
  }
}
@media screen and (max-width: 1023px) {
  #container {
    flex-direction: column;
  }
}

/*# sourceMappingURL=layout.css.map */