.checkout {
    fill-opacity: 0.4;
    stroke: #fff;
    stroke-width: 0.5;
    stroke-opacity: 0.6;
}
.checkoutInfo {
  font-size: 20px;
}
select {
  /* General styling */
  height: 40px;
  width: 120px;
  border-radius: 0;
  padding-left: 10px;
  border-radius: 10px;
}

body {
    font-family: 'Josefin Sans', sans-serif;
    margin: 0;
    background-color: black;
    color: white;
    font-size: 13px;
}

/*
div{
  border-style: solid;
  border-color: white;
}
*/

.heatmap{
  font-size: 24px;
}

.x-label{
  font-size: 24px;
}

.y-label{
  font-size: 24px;
}

.legendMaterial,.legendUsage{
  font-size: 10px;
  fill:white;
  fill-opacity:1;
}

.heading{
    color: #ffffff;
    font-size: 44px;
    text-align: center;
    position: absolute;
    top: 40px;
    left: 40px;
    height: 40px;
    width: 1830px;
}
.autocomplete {
    width: 300px;
    height: 100px;
    position: absolute;
    top: 125px;
    left: 40px;
}

.col1{
 width: 300px;
}

#searchbar {
  position: absolute;
  overflow-y:auto;
  overflow-x:hidden;
  height:800px;
  z-index: 1;
}

#myInput{
  height: 40px;
    width: 297px;
}

#toolbar{
  position: absolute;
  left: 830px;
  top: 114px;
  height: 111px;
}

#scatterplot{
    position: absolute;
    top: 230px;
    left: 350px;
    width: 1515px;
}

#heatmap{
  position: absolute;
  top: 1050px;
  width: 890px;
  left: 40px;
  height: 650px;
}

.col2{
    height: 89px;
    width: 345px;
    position: absolute;
    top: 114px;
    left: 478px;
    color: white;
    padding-top: 20px;
}

#tooltip{
  position: absolute;
  top: 230px;
  left: 40px;
  width: 300px;
  height: 765px;
  padding-top: 40px;
  z-index: 0;
}

#creator{
  position: absolute;
  top: 1050px;
  left: 980px;
  height: 650px;
  width: 885px;
}

.y-axis {
  font-size:15px;
}

.x-axis{
  font-size: 15px;
}


#main {
    margin: 0;
}

.x-axis line {
  stroke: white;
}

.x-axis path {
  stroke: white;
}

.y-axis line {
  stroke: white;
}

.y-axis path {
  stroke: white;
}

/* scrollbar */
::-webkit-scrollbar {
    width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: gray;
    border-radius: 10px;
}