.plot-container .plot-legend-container{
    padding: 12px 30px 2px 30px;
}
.plot-container .plot-legend-container .legend-row{
    display: flex;
}
.plot-container .plot-legend-container .legend-row li{
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
}
.plot-container .plot-legend-container .legend-row li:not(:last-child){
    flex-basis: 6%;
    margin: 0 6px;
}
.plot-container .plot-legend-container .legend-row li:last-child{
    /*flex-grow: 1;*/
    width: max-content;
    padding-left: 12px;
}
.plot-container .plot-legend-container .legend-row li span{
    display: inline-block;
    height: 4px;
    margin-right: 10px;
    width: 42px;
    position: relative;
    margin: 0 auto;
}

.plot-container .plot-legend-container .legend-row li[data-hidden='true'] span:after{
    content: '';
    background: #000;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 1;
    left: 0;
    transform: rotate(-4deg);
}
.plot-container .plot-legend-container .legend-row li p{
    position: relative;
}
.plot-container .plot-legend-container .legend-row li[data-hidden='true'] p:after{
    content: '';
    background: grey;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
}
.plot-container .plot-legend-container .legend-row-header{
    display: flex;
}
.plot-container[data-time="false"] .plot-legend-container .legend-row-header{
    display: none;
}
.plot-container .plot-legend-container .legend-row-header .legend-column{
    list-style: none;
    text-align: center;
    margin: 0 6px;
    box-sizing: border-box;
    color: black;
    flex-basis: 6%;
}
/*.plot-container div.plot .plot-canvas-container .legend-column:nth-child(1){
    background-color: #002B4A;
}
.plot-container div.plot .plot-canvas-container .legend-column:nth-child(2){
    background-color: #007BC4;
}
.plot-container div.plot .plot-canvas-container .legend-column:nth-child(3){
    background-color: #7FBCE1;
}*/
.plot-container div.plot .plot-canvas-container .legend-column:nth-child(1){
    background-color: #aafcb8;
}
.plot-container div.plot .plot-canvas-container .legend-column:nth-child(2){
    background-color: #52B69A;
}
.plot-container div.plot .plot-canvas-container .legend-column:nth-child(3){
    background-color: #285943;
}

/* circle markers */
/*.leaflet-overlay-pane svg path.circle-selector:nth-child(1){
    fill: #002B4A;
}
.leaflet-overlay-pane svg path.circle-selector:nth-child(2){
    fill: #007BC4;
}
.leaflet-overlay-pane svg path.circle-selector:nth-child(3){
    fill: #7FBCE1;
}*/
.leaflet-overlay-pane svg path.circle-selector:nth-child(1){
    fill: #aafcb8;
}
.leaflet-overlay-pane svg path.circle-selector:nth-child(2){
    fill: #52B69A;
}
.leaflet-overlay-pane svg path.circle-selector:nth-child(3){
    fill: #285943;
}
.leaflet-overlay-pane svg path.circle-selector:nth-child(n+4){
    fill: transparent;
}