/* Styles for the mock Air Quality Portal menu */

.aqp_menu {
 display: block;
 width: 100%;
 background-color: #008473;
 text-align: center;
}
.aqp_mob_menu {
 display: block;
 width: 100%;
 background-color: #008473;
 text-align: center;
}
 .aqp_mob_menu_bar {
  display: block;
  padding: 1.1vw 2.2vw;
  cursor: pointer;
  color: #FFFFFF;
  text-align: right;
  font-size: 2.3vw;
 }
 .aqp_menu_content {
  display: block;
  width: 80vw;
  height: 3.0vw;
  margin: auto;
  text-align: left;
 }
 .aqp_mob_menu_content {
  display: none;
  width: 100%;
  margin: auto;
  text-align: left;
 }
  .aqp_menu_main {
   display: inline-block;
  }
  .aqp_mob_menu_main {
   display: block;
  }
   .aqp_menu_main a {
    text-decoration: none;
   }
   .aqp_mob_menu_main a {
    text-decoration: none;
   }
   .aqp_menu_item {
    display: inline-block;
    position: relative;
    padding: 0.87vw 1.4vw;
    text-align: center;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 0.95vw;
   }
   .aqp_mob_menu_item {
    display: block;
    position: relative;
    padding: 2.2vw;
    text-align: left;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 1.9vw;
   }
    .aqp_menu_item:hover {
     background-color: #005147;
    }
   .aqp_menu_active {
    background-color: #005147;
   }
   .aqp_menu_toolspec {
    background-color: #00B9A1;
   }
    .aqp_menu_item svg {
     fill: #FFFFFF;
     width: 0.9vw;
     height: 0.9vw;
    }
    .aqp_mob_menu_item svg {
     fill: #FFFFFF;
     width: 1.8vw;
     height: 1.8vw;
    }
  .aqp_menu_dd, .aqp_mob_menu_dd {
  }
  .aqp_menu_dropdown {
   display: none;
   position: absolute;
   width: 16vw;
   top: 3.0vw;
   left: 0px;
   padding: 0.9vw;
   line-height: 1.5vw;
   background-color: #005147;
   text-align: left;
   z-index: 10;
  }
  .aqp_mob_menu_dropdown {
   display: none;
   width: 100%;
   padding: 1.8vw 1.2vw 0vw 1.2vw;
   line-height: 3.0vw;
   background-color: #005147;
   text-align: left;
   z-index: 10;
  }
   .aqp_menu_dropdown_item {
    display: block;
    padding: 0.4vw;
   }
   .aqp_mob_menu_dropdown_item {
    display: block;
    padding: 0.8vw;
   }
    .aqp_menu_dropdown_item a, .aqp_mob_menu_dropdown_item a {
     text-decoration: none;
     color: #FFFFFF;
     cursor: pointer;
    }
    .aqp_menu_dropdown_item a:hover {
     text-decoration: underline;
    }
  .aqp_menu_search {
   display: inline-block;
   position: relative;
   float: right;
  }
  .aqp_mob_menu_search {
   display: block;
   position: relative;
   padding: 0vw 2.2vw;
   text-align: right;
  }
   .aqp_menu_search_item {
    display: inline-block;
    padding: 0.67vw;
    text-align: center;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 0.95vw;
   }
   .aqp_mob_menu_search_item {
    display: inline-block;
    position: relative;
    padding: 1.4vw;
    text-align: center;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 1.9vw;
   }
    .aqp_menu_search_item:hover {
     background-color: #005147;
    }
    .aqp_menu_search_item svg {
     fill: #FFFFFF;
     width: 1.4vw;
     height: 1.4vw;
    }
    .aqp_mob_menu_search_item svg {
     fill: #FFFFFF;
     width: 2.8vw;
     height: 2.8vw;
    }
   #aqp_menu_search_panel {
    display: none;
    position: absolute;
    width: 18vw;
    top: 3.0vw;
    left: -17.5vw;
    padding: 0.6vw 1.1vw;
    background-color: #005147;
    z-index: 10;
   }
   #aqp_mob_menu_search_panel {
    display: none;
    position: absolute;
    top: 6.0vw;
    right: 0vw;
    padding: 1.1vw 2.2vw;
    background-color: #005147;
    z-index: 10;
   }
    .aqp_menu_search_panel_input {
     display: inline-block;
     vertical-align: middle;
    }
     .aqp_menu_search_panel_input input {
      font-family: UniversLight, Univers, Arial, sans-serif;
      font-size: 1.2vw;
      padding: 0.3vw 0.6vw;
     }
    .aqp_mob_menu_search_panel_input {
     display: inline-block;
     vertical-align: middle;
    }
     .aqp_mob_menu_search_panel_input input {
      font-family: UniversLight, Univers, Arial, sans-serif;
      font-size: 2.4vw;
      padding: 0.6vw 1.2vw;
     }
    .aqp_menu_search_panel_icon {
     display: inline-block;
     vertical-align: middle;
     cursor: pointer;
    }
    .aqp_menu_search_panel_icon svg {
     fill: #FFFFFF;
     width: 1.6vw;
     height: 1.6vw;
    }
    .aqp_mob_menu_search_panel_icon {
     display: inline-block;
     vertical-align: middle;
     cursor: pointer;
    }
    .aqp_mob_menu_search_panel_icon svg {
     fill: #FFFFFF;
     width: 3.2vw;
     height: 3.2vw;
    }