html {
    overflow-y: scroll;
}

body {
    margin: 0px;
}

.sphere {
    fill: #4242e4;
}

.country {
    fill: gray;
    stroke: black;
    stroke-opacity: 0.1;
    stroke: black;
    stroke-opacity: 0.4;
}

.slidecontainer {
   float: right;
}

.axisX line, .axisY line{
    stroke: white;
  }

.axisX path, .axisY path{
    stroke: white;
}

.axisX text, .axisY text{
    fill: white;
}

.chart-title {
    display: flex;
    flex-direction: row ;
}

#bubbleChartType {
    margin: 5px;
    color: #7BA1D2;
	font-size: 1.1rem;
}

.tab1, .tab2 {
    list-style:none;
}
.chart-svg {
    position: absolute;
    left: -3em;
    width:98%;
    height: 100%;
}

.map
{
    position: inherit;
    top: inherit;
    left: inherit;
    width:100%;
    height: 100%;
}