/* ------------------------------ COUNTRY VARIATIONS MAP -------------------------------- */
#country-grouping-map {
    position: relative;
}
#country-grouping-map .nav-tabs {
    border: 0 none;
}
#country-grouping-map .nav-tabs li {
    margin: 0;
}
#country-grouping-map .nav-tabs a {
    margin: 0;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    text-decoration: none;
    -webkit-transform: perspective(1px) translateZ(0) rotate(0.01deg);
    transform: perspective(1px) translateZ(0) rotate(0.01deg);
    transition: transform .3s ease-out;
}
#country-grouping-map .nav-tabs a:hover,
#country-grouping-map .nav-tabs a:focus,
#country-grouping-map .nav-tabs a:active,
#country-grouping-map .nav-tabs li.active a {
    border: 0 none;
    background-color: transparent;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
#country-grouping-map .nav-tabs li.active a {
    color: #333;
}
#country-grouping-map .map-panes li {
    margin-bottom: 5px;
}
.map-pane-bottom {
    padding: 15px 15px 10px;
}
@media (max-width: 767px) {
    #country-grouping-map .nav-tabs a {
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        -webkit-transform: none;
        transform: none;
    }
    #country-grouping-map .nav-tabs a:hover,
    #country-grouping-map .nav-tabs a:focus,
    #country-grouping-map .nav-tabs a:active,
    #country-grouping-map .nav-tabs li.active a {
        border-right: 4px solid #333;
        border-left: 4px solid #333;
        background-color: transparent;
        -webkit-transform: none;
        transform: none;
    }
}
@media (max-width: 991px) {
    #country-grouping-map .map-pane-top {
        display: block;
    }
}

/* ------------------------------ SVG -------------------------------- */
/* @See /tts/sa/digital-account-guide/country-variations/ */

#map {
	position: relative;
	background-color: white;
}
#map-container {
	width: 100%;
	height: 0;
	padding: 0;
	padding-bottom: 50%;
	position: relative;
}
#map-container svg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transition: all 0.25s ease;
}
#map path {
	stroke: #333;
	stroke-width: 1px;
	stroke-linejoin: round;
	stroke-linecap: round;
	fill: #ccc;
}

/* low-category ("LIGHT") */
#map.low-category path[data-iso="AUS"],
#map.low-category path[data-iso="BHR"],
#map.low-category path[data-iso="BEL"],
#map.low-category path[data-iso="CMR"],
#map.low-category path[data-iso="CAN"],
#map.low-category path[data-iso="COG"],
#map.low-category path[data-iso="CIV"],
#map.low-category path[data-iso="DNK"],
#map.low-category path[data-iso="FIN"],
#map.low-category path[data-iso="FRA"],
#map.low-category path[data-iso="GAB"],
#map.low-category path[data-iso="DEU"],
#map.low-category path[data-iso="HKG"],
#map.low-category path[data-iso="IND"],
#map.low-category path[data-iso="IRL"],
#map.low-category path[data-iso="JEY"],
#map.low-category path[data-iso="KWT"],
#map.low-category path[data-iso="LUX"],
#map.low-category path[data-iso="MYS"],
#map.low-category path[data-iso="MAR"],
#map.low-category path[data-iso="NLD"],
#map.low-category path[data-iso="NZL"],
#map.low-category path[data-iso="NOR"],
#map.low-category path[data-iso="PHL"],
#map.low-category path[data-iso="PRT"],
#map.low-category path[data-iso="PRI"],
#map.low-category path[data-iso="ROU"],
#map.low-category path[data-iso="SEN"],
#map.low-category path[data-iso="ZAF"],
#map.low-category path[data-iso="LKA"],
#map.low-category path[data-iso="SGP"],
#map.low-category path[data-iso="SWE"],
#map.low-category path[data-iso="TZA"],
#map.low-category path[data-iso="THA"],
#map.low-category path[data-iso="GBR"],
#map.low-category path[data-iso="USA"],
#map.low-category path[data-iso="VNM"],
#map.low-category path[data-iso="ZMB"] {
	fill: #84bd00 ;
}

/* med-category ("MEDIUM") */
#map.med-category path[data-iso="DZA"],
#map.med-category path[data-iso="ARG"],
#map.med-category path[data-iso="AUT"],
#map.med-category path[data-iso="BHS"],
#map.med-category path[data-iso="BRA"],
#map.med-category path[data-iso="BGR"],
#map.med-category path[data-iso="CHN"],
#map.med-category path[data-iso="COL"],
#map.med-category path[data-iso="CRI"],
#map.med-category path[data-iso="CZE"],
#map.med-category path[data-iso="DOM"],
#map.med-category path[data-iso="ECU"],
#map.med-category path[data-iso="SLV"],
#map.med-category path[data-iso="GRC"],
#map.med-category path[data-iso="GTM"],
#map.med-category path[data-iso="HTI"],
#map.med-category path[data-iso="HND"],
#map.med-category path[data-iso="HUN"],
#map.med-category path[data-iso="IDN"],
#map.med-category path[data-iso="ISR"],
#map.med-category path[data-iso="ITA"],
#map.med-category path[data-iso="JAM"],
#map.med-category path[data-iso="JPN"],
#map.med-category path[data-iso="JOR"],
#map.med-category path[data-iso="KEN"],
#map.med-category path[data-iso="MAC"],
#map.med-category path[data-iso="MEX"],
#map.med-category path[data-iso="NGA"],
#map.med-category path[data-iso="PAK"],
#map.med-category path[data-iso="PAN"],
#map.med-category path[data-iso="PRY"],
#map.med-category path[data-iso="PER"],
#map.med-category path[data-iso="POL"],
#map.med-category path[data-iso="QAT"],
#map.med-category path[data-iso="ESP"],
#map.med-category path[data-iso="SVK"],
#map.med-category path[data-iso="TTO"],
#map.med-category path[data-iso="TUN"],
#map.med-category path[data-iso="ARE"],
#map.med-category path[data-iso="UGA"],
#map.med-category path[data-iso="UKR"],
#map.med-category path[data-iso="URY"]{
	fill: #ffcd00;
}

/* high-category ("CHALLENGING") */
#map.high-category path[data-iso="BGD"],
#map.high-category path[data-iso="CHL"],
#map.high-category path[data-iso="EGY"],
#map.high-category path[data-iso="KAZ"],
#map.high-category path[data-iso="KOR"],
#map.high-category path[data-iso="LBN"],
#map.high-category path[data-iso="RUS"],
#map.high-category path[data-iso="TUR"],
#map.high-category path[data-iso="TWN"] {
	fill: #ed8b00;
}

.level-desc {
	display: none;
}
.level-desc.active {
	display: block;
}
#map-pane-bottom ul {
	display: none;
}
#map-pane-bottom ul.active {
	display: block;
}