a.datamap {
    background-color: lightgray;
}

.datamaps-bubble:hover,
.datamaps-subunit:hover {
    cursor: pointer;
}

.pointshadow a {
    position: relative;
    cursor: pointer;
}

a.Lib {
    position: absolute;
    top: 114%;
    left: 52.4%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}

a.egy {
    position: absolute;
    top: 116%;
    left: 64%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}
a.TUN {
    position: absolute;
    top: 81.5%;
    left: 42.4%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}
a.Ag {
    position: absolute;
    top: 107%;
    left: 36.2%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}
a.Morco {
    position: absolute;
    top: 86%;
    left: 26.2%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}
a.kwt {
    position: absolute;
    top: 206%;
    left: 29%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}

a.trk {
    position: absolute;
    top: 175%;
    left: 16%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}
a.qater {
    position: absolute;
    top: 204%;
    left: 26%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}

a.Emrate {
    position: absolute;
    top: 207%;
    left: 28%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}

a.KSA {
    position: absolute;
    top: 207%;
    left: 21%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}

a.chan {
    position: absolute;
    top: 181%;
    left: 54%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}

a.Russ {
    position: absolute;
    top: 126%;
    left: 50%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}
a.Jap {
    position: absolute;
    top: 181%;
    left: 75%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}

a.France {
    position: absolute;
    top: 400%;
    left: 32%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}

a.Birtch {
    position: absolute;
    top: 325%;
    left: 28%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}
a.Canda {
    position: absolute;
    top: 197%;
    left: 55%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}
a.Amrica {
    position: absolute;
    top: 271%;
    left: 50%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}

a.Brazil {
    position: absolute;
    top: 478%;
    left: 76%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}

a.Austria {
    position: absolute;
    top: 386%;
    left: 51%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}

a.Maxio {
    position: absolute;
    top: 345%;
    left: 46%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}
a.spani {
    position: absolute;
    top: 474%;
    left: 20%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}
a.italy {
    position: absolute;
    top: 444%;
    left: 48%;
    height: 8px;
    z-index: 1;
    width: 8px;
    border-radius: 4px;
    background: #ec6611;
    cursor: pointer;
}
.pointshadow a:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 8px;
    height: 8px;
    background: #ec6611;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}

.pointshadow a:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 8px;
    height: 8px;
    background: #ec6611;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: all 200ms;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
}

.tooltips {
    display: none;
    position: absolute;
    background-color: #ec6611;
    border-radius: 3px 3px 3px 0;
    z-index: 10000;
    padding: 5px 5px;
    color: #fff;
    font-size: 13px;
}

    .tooltips:after {
        position: absolute;
        left: 0;
        bottom: -6px;
        width: 0;
        content: "";
        height: 0;
        border-top: 7px solid #ec6611;
        border-right: 7px solid transparent;
    }