/* */
.africa-map path {
    fill: white; /* */
    stroke: #2c6c21; /* */
    stroke-width: 0.5; /* */
    transition: fill 0.3s; /* */
}

/* */
.china-map path { /* */
    fill: white; /* */
    stroke: darkred; /* */
    stroke-width: 0.5; /* */
    transition: fill 0.3s; /* */
}
/* */
.africa-map path:hover, path:focus {
    fill: #2c6c21; /* */
    outline: none; /* */
    cursor:pointer; /* */
}
/* */
.china-map path:hover, path:focus {
    fill: darkred; /* */
    outline: none; /* */
    cursor:pointer; /* */
}
/* */
#TG,#CN-11,#CN-91{
    fill: #2c6c21; /* */
    outline: none; /* */
}

/* */
#CN-11,#CN-91{
    fill: darkred; /* */
    outline: none; /* */
}

/* */
#TG:focus,#CN-11:focus,#CN-91:focus{
    fill: #2c6c21; /* */
    outline: none; /* */
}

/* */
#CN-11:focus,#CN-91:focus{
    fill: darkred; /* */
    outline: none; /* */
}

/* */
.location-map{
    border: white solid 3px; /* */
    padding-bottom: 15px; /* */
    padding-top: 15px; /* */
    margin-bottom: 20px; /* */

}

/* */
.country-map{
    display:inline-block; /* */
    width:49%; /* */
    margin:auto; /* */
}

/* */
.country-map svg{
    max-width:100%; /* */
    height:auto; /* */
}

/* */
.city-description {
    display:inline-block; /* */
    vertical-align:top; /* */
    border-bottom:3px solid rgba(255,255,255,0.7); /* */
    width:100%; /* */
    padding:10px; /* */
}

/* */
.city-name{
    font-weight: bold; /* */
    color:#2c6c21; /* */
}

/* */
.company-name{
    font-weight: bold; /* */
    display:block; /* */
}

/* */
.company-address {
    color:rgba(0,0,0,0.45); /* */
    display:block; /* */
}

/* Style the tab */
.locations-tab {
    overflow: hidden; /* */
    border: none; /* */
    margin-top: 40px; /* */
}

/* Style the buttons inside the tab */
.locations-tab button {
    float: left; /* */
    border: none; /* */
    cursor: pointer; /* */
    padding:10px; /* */
    transition: 0.3s; /* */
    font-weight: bold; /* */
    color:#2c6c21; /* */
    background-color: #acc5a8; /* */
}

/* Change background color of buttons on hover */
.locations-tab button:hover {
    background-color: #2c6c21; /* */
    color:white; /* */
}

/* Create an active/current tablink class */
.locations-tab button.active {
    background-color: #2c6c21; /* */
    color:white; /* */
}

/* Style the tab content */
.tabcontent {
    display: none; /* */
    padding: 6px 12px; /* */
    background-color:white; /* */
}

/* Style the close button */
.topright {
    text-align: right !important; /* */
    cursor: pointer; /* */
    font-size: 20px; /* */
    color:#acc5a8; /* */
    display:block; /* */
}

/* */
.topright:hover {
    color: #2c6c21; /* */
}