// Positioning rules

body {
  max-width: 1170px;
  margin: auto;
  font-family: $font-stack;
  font-size: $font-size;
}

#header {
  align-items: center;
  margin-top: 0.4em;
  margin-bottom: 1.2em;
}

.main {
  @include flex;
  flex-direction: row;
}

.leftcol {
  width: 15%;
  min-width: 185px;
}

.rightcol {
  width: 15%;
  min-width: 185px;
}


// Z indexes

// Ensures the jquery-ui datepicker is above anything else (even leaflet maps)
.ui-datepicker {
  z-index:9990 !important;
}

#menu {
  z-index: 9991;
}

#login-popup .popup-form {
  z-index: 9992;
}
