/* Styling for "main" page */

html, body, ion-app {
    height: 100%;
}

ion-tab-bar {
    padding-bottom: env(safe-area-inset-bottom);
}

ion-header ion-toolbar.top-toolbar {
    padding-top: env(safe-area-inset-top);
}

#index4 {
    --padding-start: 20px;
    --padding-end: 20px;
}

.mapimg {
    margin: 0;
    padding: 0;
}

.mapimg_element {
    border: 0px none transparent;
    padding: 0px;
    margin: 0;
}

.nav_button {
  display: inline-block !important;
}

modal-status > ion-content, modal-legend > ion-content {
    --padding-top: 20px;
    --padding-start: 20px;
    --padding-end: 20px;
    --padding-bottom: 20px;    
}

modal-status ion-title {
  padding-left: 20px;
  padding-right: 20px;
}

ion-note {
  font-size: 16px;
  padding-top: 14px;
  padding-bottom: 14px;
}

ion-picker-column:first-of-type {
  min-width: 109px;
}

#legend tr {
  vertical-align: top
}

#license { 
  padding-top: 1em;
  border-top: 1px solid black;
  text-align:center;
}

td.symbol {
    height: 20px;
    width: 40px;
}

/* Styling for "status" page */

ion-item-group.situation_item {
  display: none;
}

.situation {
  padding-top: 1em;
}

.situation_status {
    font-weight: bold;
}

.situation_timestamp {
    font-style: italic;
    padding-bottom: 1em;
}

ion-item.list-header {
  font-weight: bold;
}

ion-item.outage_info {
  display:none;
}

ion-item.equipment {
  display:none;
}

ion-item.hidden_time {
  display:none;
}

ion-list {
  padding-top: 8px;
  padding-bottom: 8px;
}