.alert-search {
  color: #000000;
  background-color: #fff3e0;
  border-color: #9C6E24;
}

.query_zone {
    z-index: 2;
}

.data_zone {
    z-index: 1;
}

.resource-title {
    color: #000000;
    font-size: 1.25em;
}

#agency_map {
    height: 600px;
}

#detail_map {
    height: 500px;
}

.genre_color01 {
    background-color: #1E88E5;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color02 {
    background-color: #D81B60;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color03 {
    background-color: #43A047;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color04 {
    background-color: #FB8C00;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color05 {
    background-color: #6D4C41;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color06 {
    background-color: #8E24AA;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color07 {
    background-color: #3949AB;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color08 {
    background-color: #00ACC1;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color09 {
    background-color: #F4511E;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color10 {
    background-color: #5E35B1;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color11 {
    background-color: #00897B;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color12 {
    background-color: #C62828;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color13 {
    background-color: #283593;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color14 {
    background-color: #AD1457;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color15 {
    background-color: #2E7D32;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color16 {
    background-color: #1565C0;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color17 {
    background-color: #512DA8;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color18 {
    background-color: #455A64;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color19 {
    background-color: #6A1B9A;
    color: #ffffff;
    font-size: 1.2em;
}
.genre_color20 {
    background-color: #B71C1C;
    color: #ffffff;
    font-size: 1.2em;
}
.badge.agency_code {
    font-size: 1.5em;
}
.agency_genre_panel .agency_genre:not(:last-child) {
    border-bottom: 2.5px solid #c0c0c0;
}

.agency_genre_panel .agency_genre .list li{
    font-size: 1.25em;
    padding: 7px;
}

.agency_genre_panel .agency_genre .list li:nth-child(odd){
    background-color: #eaeaea;
}

.popup-tip-anchor {
  position: absolute;
  width: auto;
  height: auto;
}

.popup-bubble-anchor {
  position: absolute;
  bottom: 8px; /* leave space for the "tip" arrow */
  left: 0;
  transform: translateX(-50%);
  min-width: 400px;
}

.popup-bubble-content {
  background-color: white;
  border-radius: 4px;
  padding: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  font-size: 0.875em;
  max-width: 650px;
}

.popup-tip-anchor::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid white;
}