#content-container{
  flex: 1; /* Fill space below header */
  display: flex;
  flex-direction: row;
  overflow: hidden; /* This keeps popup windows from exceeding
  the size of the window */
}

#content-sidebar{
  width: 30%;
  max-width: 500px;
  /*border-right: 2px solid var(--off-white);*/
}

#side-table-container{
  height: 100%;

  /* HACK ALERT: I have no idea why, but setting this
  'height' to an arbitrary value will cause this container to be
  resized when the 'info-panel' div below gets resized */
}

#info-panel-container{
  height: 40%;
  display: 'none';
}

#content-main{
  flex: 1;
  display: flex;
  flex-direction: column;
}

#content-map{
  flex: 1;
}

#message-special{
  background: var(--pharma-red);
  color: var(--off-white);
  display: none;
  padding:19px;
  font-weight: bold;
}

#icon-alert{
  height:16px;
  width: 16px;
  margin-right: 6px;
  fill: var(--off-white);
}