/* Set some styles used by the map on the AIR tool. */

#map_canvas {
 position: absolute;
 width: 100%;
 height: 100%;
 overflow: hidden;
}
#map_popup {
 display: none;
 background-color: #FFFFFF;
 border-radius: 4px;
 border: 1px solid #FFFFFF;
 box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);
 font-family: Univers;
 overflow: hidden;
}
 .map_popup_lg {
  width: 35vw;
  height: 17.5vw;
 }
 .map_popup_sm {
  width: 17.5vw;
  height: 8.75vw;
 }
/* Add an arrow at the bottom of the popup */
#map_popup:after {
 content: '';
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -8px;
 width: 0;
 height: 0;
 border-top: solid 8px #FFFFFF;
 border-left: solid 8px transparent;
 border-right: solid 8px transparent;
 font-family: Univers;
}
 .map_popup_title {
  display: block;
  padding: 6px;
  background-color: #092940;
  color: #FFFFFF;
  border-bottom: 2px solid #000000;
  font-weight: bold;
 }
  .map_popup_title img {
   height: 17px;
   margin: 0px 5px;
  }
  .map_popup_close {
   display: inline;
   color: #FFFFFF;
   float: right;
   cursor: pointer;
   font-family: Univers;
   padding-left: 4px;
  }
 .map_popup_content {
  display: block;
  padding: 4px;
  overflow-y: scroll;
 }
  .map_popup_lg .map_popup_content {
   height: 14.5vw;
  }
  .map_popup_sm .map_popup_content {
   height: 5.75vw;
  }
  .map_popup_table {
   display: table;
  }
   .map_popup_tr {
    display: table-row;
   }
    .map_popup_td {
     display: table-cell;
     padding: 2px 4px;
    }
     .popup_check_yes {
      color: #AA0000;
      margin: 0px 5px;
     }
     .popup_check_no {
      color: #00AA00;
      margin: 0px 5px;
     }
     .popup_text_sm {
      display: block;
     }
  .map_popup_condition_table {
   display: table;
   width: 100%;
   text-align: left;
   border-collapse: collapse;
  }
    .map_popup_condition_td {
     display: table-cell;
     padding: 2px 2px;
    }
     .map_popup_condition_field_normal {
      display: inline-block;
      vertical-align: top;
      text-align: left;
      font-weight: bold;
      background-color: #DDDDDD;
      border: 1px solid #333333;
     }
     .map_popup_condition_value_normal {
      display: inline-block;
      vertical-align: top;
      text-align: center;
      border: 1px solid #333333;
     }
     .map_popup_condition_field_stacked {
      display: block;
      min-height: 1.0vw;
      vertical-align: top;
      text-align: center;
      font-weight: bold;
      background-color: #DDDDDD;
      border: 1px solid #333333;
     }
      .map_popup_stat_icon_max, .map_popup_stat_icon_min, .map_popup_stat_icon_sum {
       display: inline;
      }
       .map_popup_stat_icon_max i {
        margin-right: 5px;
        color: #FF6C6C;
       }
       .map_popup_stat_icon_min i {
        margin-right: 5px;
        color: #4D88F5;
       }
       .map_popup_stat_icon_sum i {
        margin-right: 5px;
        color: #35BB77;
       }
     .map_popup_condition_value_stacked {
      display: block;
      min-height: 1.0vw;
      vertical-align: top;
      text-align: center;
      border: 1px solid #333333;
     }
      .map_popup_condition_field_subname {
       display: block;
      }
      .map_popup_plot_link {
       margin: 0px 4px;
       color: #094671;
       text-decoration: underline;
       cursor: pointer;
      }
      .map_popup_text_lg, .map_popup_icon_lg {
       display: inline-block;
      }
      .map_popup_text_sm, .map_popup_icon_sm {
       display: inline-block;
      }
      .map_popup_icon_lg, .map_popup_icon_sm {
       padding: 0px 8px;
      }
     .map_popup_condition_field_wxfeat {
      display: block;
      min-height: 1.0vw;
      vertical-align: top;
      text-align: center;
      font-weight: bold;
      background-color: #DDDDDD;
      border: 1px solid #333333;
     }
     .map_popup_condition_value_wxfeat {
      display: block;
      height: 2.2vw;
      vertical-align: top;
      text-align: center;
      border: 1px solid #333333;
     }
      .map_popup_icon_sky {
       display: inline-block;
      }
       .map_popup_icon_sky img {
        width: 30px !important;
        height: 30px !important;
       }
      .map_popup_text_sky {
       display: inline-block;
       vertical-align: middle;
      }
  .map_popup_conditions {
   display: block;
   margin-top: 10px;
   text-align: center;
  }
   .map_popup_conditions img {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 5px;
   }
   .map_popup_conditions_title {
    display: block;
    padding: 4px 8px;
    background-color: #094671;
    color: #FFFFFF;
    border-top: 2px solid #092940;
    text-align: center;
   }

.map_popup_purpair_icon {
 width: 1.2vw;
}
.map_popup_purpair_text {
 display: inline;
 margin: 0vw 0.4vw;
 color: #AA44AA;
 font-weight: bold;
}
.map_popup_purpair_link {
 display: inline;
 color: #AA44AA;
}

.ol-zoom {
 top: auto !important;
 left: auto !important;
 right: .5em;
 bottom: .5em;
}

/* A button to show/hide the menus on the map */
#map_menu_toggle {
 display: block;
 position: absolute;
 bottom: 5vh;
 right: 0px;
 margin-right: 3px;
 padding: 4px 8px;
 background-color: #092940;
 border-color: #FFFFFF;
 color: #FFFFFF;
 border-radius: 12px;
 border-width: 3px;
 border-style: solid;
 text-align: left;
 z-index: 1;
 cursor: pointer;
}
 .map_menu_toggle_title {
  display: inline-block;
  padding: 0px 6px;
  vertical-align: top;
 }
 /* The switch - the box around the slider */
 .map_menu_toggle_switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 16px;
 }
 /* Hide default HTML checkbox */
 .map_menu_toggle_switch input {
  opacity: 0;
  width: 0;
  height: 0;
 }
 /* The slider */
 .map_menu_toggle_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 16px;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
 }
 .map_menu_toggle_slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 0px;
  bottom: 0px;
  border-radius: 50%;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
 }
 input:checked + .map_menu_toggle_slider {
  background-color: #90bbdc;
 }
 input:focus + .map_menu_toggle_slider {
  box-shadow: 0 0 1px #90bbdc;
 }
 input:checked + .map_menu_toggle_slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
 }
 .map_menu_toggle_text {
  cursor: pointer;
 }
 .map_menu_screenshot {
  margin: 4px 0px 4px 0px;
  cursor: pointer;
 }
  .map_menu_screenshot i {
   margin-right: 10px;
   color: #90bbdc;
  }