body {
    font-family: Arial;
}

h1 {
    text-align: center;
}

.center {
     text-align: center;
}
h4 {

    padding-left: 100px;   
}
#legend ul {
    list-style: none;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 12px;
}

#legend ul span {
    display: inline-block;
    height: 1em;
    width: 1em;
    margin-right: 0.5em;
}


.tooltip{
    position:absolute;
    background-color: grey;
    border: solid;
    padding: 5px;
}

.containers {
            display: none;
            width: 300px;
            height: 120px;
            border: 1px solid black;
            margin-bottom: 10px;
            overflow: hidden;
            position: relative;
            text-align: center;
            background-color: gold;
            flex-direction: row;
            justify-content: space-between;
            display: none;
}


.ticket-container{

    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;

}
.flex-container{

        display: flex;
        flex-direction: row;
justify-content: space-between;
}

.flex-child{
    flex: 1;
flex-direction: column;
}

#div5{
    width: 100px;
    heght: 100px;

}

/* scatterplot highlight/selection formatting */
  .selected {
    stroke-width: 3px;
    stroke: darkblue !important;
    opacity: 1;

  }

.point {
    stroke-width: 2px;
    stroke: "grey";
    opacity: 1 !important;
;

}
.rect{

}