/* entire map svg */
.map svg {
    height: auto;
    width: 90vw;
}

/* styles all countries */
/* 
.map g {
fill: orange;
}
*/

/* styles main map countries */
.styleCountryFill {
    fill-rule:evenodd;
    clip-rule:evenodd;
    fill:#DDDDDD;
    stroke:#F9F9F9;
    stroke-width:0.5;
    stroke-linecap:round;
    stroke-linejoin:round;
} 
.styleIslandFill {
    fill:#DDDDDD;
}
.styleIslandFill02 {
    fill:#DDDDDD;
    stroke:#DDDDDD;
    stroke-width:0.5;
    stroke-linejoin:round;
    stroke-miterlimit:10;
}

/* styles selected map countries */
.styleSelectCountryFill {
    fill-rule:evenodd;
    clip-rule:evenodd;
    fill:#ADADAD;
    stroke:#F9F9F9;
    stroke-width:0.5;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.styleSelectIslandFill {
    fill:#ADADAD;
    stroke:#ADADAD;
    stroke-width:1.3;
    stroke-linejoin:round;
    stroke-miterlimit:10;
}  
.styleSelectIslandFill02 {
    fill:#ADADAD;
    stroke:#ADADAD;
    stroke-width:3;
    stroke-linejoin:round;
    stroke-miterlimit:10;
} 

.styleSelectCountryFill:hover {
    fill: #F26532 !important;
    cursor: pointer;
}          
.styleSelectIslandFill:hover {
    fill: #F26532 !important;
    stroke:#F26532 !important;
    cursor: pointer;
}
.styleSelectIslandFill02:hover {
    fill: #F26532 !important;
    stroke:#F26532 !important;
    cursor: pointer;
}

/* Pacific Callout */
.zoomCircle {
    fill:#F9F9F9;
    stroke:#EAEAEA;
    stroke-width:3;
    stroke-miterlimit:10;
}


/* info boxes */
.infoBox {
    background-color: rgba(47, 47, 47, 0.8);
    padding: 6px;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    position: absolute;
    color: #fff;
    white-space: normal;
    cursor: pointer;
}
.infoBox::first-line {
    font-weight: bold;
}