/**
 * The base CSS file for new pages written in React. DON'T bloat this file! It's
 * meant for extremely general and global rules only - the majority of styles
 * should go in individual components' style files.
 */
html, body, .pageContainer {
  height: 100%;
}

.pageContainer {
  display: flex;
  flex-direction: column;
}

#root {
  flex: 1;
  overflow: auto;
}

#network-status .alertNoInternet, #network-status .alertInternetRestored {
  font-size: 16px;
  /* This is to make it cover dialogs and modal dialogs, which top out at ~150000 */
  z-index: 200000;
}

#network-status .alertEmergencyStatus {
  font-size: 25px;
  z-index: 200001;
}