body {
      margin: 0;
      overflow: hidden;
    }
    #slider-container {
      position: absolute;
      top: 110px;
      left: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color:black;
	
	<!--position: relative;-->
     }
    #slider {
      width: 200px;
    }
#slider-label {
    margin-top: -3px;
    margin-left: -25px;
    color: lightgray;
    font-weight: bold;
    <!--font-size: x-large;-->
}
#slider-marker {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #888;
	pointer-events: none;
}
#leftList {
	position: absolute;
	top: 170px;
	left: 90px;
}
#rightList {
	position: absolute;
	top: 100px;
	right: 0px;
        overflow-y: auto; 
        height: 800px;
        
}
body { font-family: Arial, sans-serif; }
/*.dropdown-container { width: 250px; }*/
.hint { font-size: 14px; color: lightgray; background-color: black;
 margin-bottom: 2px; opacity: 1; transition: opacity 0.5s; }
select {
    width: 100%;
    padding: 8px;
}
.dropdown { 
    position: absolute; 
    width: 100%; 
    max-height: 650px; 
    overflow-y: auto; 
    border: 1px solid #ccc; 
    background: white; 
    display: block; 
}
.dropdown div { 
    padding: 8px; 
    cursor: pointer; 
}
.dropdown div:hover, .dropdown div.active { background: lightgray; }
#dropdownSelect {
 margin-top:5px;
 width:250px;
 
}