.nicedropdown {
font-family: Dense;
list-style: none;
font-size: 20px;
    max-height: 30vh;
    overflow-y: auto;
    -webkit-appearance: none;
      -moz-appearance: none;
  appearance: none;
    background-color: rgba(0,0,0,0.5);
    border: 0;
    border-radius: 0;
    color: white;
    letter-spacing: 5px;
    padding: 5px 10px;
    box-sizing: border-box;
    bottom: 0;
    position: absolute;
    height: 38px;
}

.nicedropdown:focus{
	outline: none;
}

.input.hasdropdown .nicedropdown{
	-webkit-appearance: none;
	 -moz-appearance: none; 
	 -ms-overflow-style: none;
	
}

.input.hasdropdown .nicedropdown::-webkit-scrollbar{
	width: 5px;
}

.input.hasdropdown .nicedropdown::-webkit-scrollbar-track
{
  background: transparent;
}

.input.hasdropdown .nicedropdown::-webkit-scrollbar-thumb
{
  background: white;
}

.input.hasdropdown .nicedropdown::-ms-expand{
	display: none;
	}



.input.hasdropdown select option{

background-color: rgba(0,0,0,0.8);
color: white;
opacity: 1;
font-family: dense-bold;
padding: 2px;
font-size: 20px;
overflow: scroll;
}


.search-bar .input.date{
	background-color: rgba(0,0,0,0.5);
}

.search-bar .input.hasdropdown:after{
content: '▼';
    font-size: 7px;
    color: rgba(255,255,255,0.5);
    right: 10px;
    top: 17px;
    position: absolute;
    pointer-events: none;
}

[data-nicedropdown] li{
  display: none;
      text-indent: 10px;
          letter-spacing: 0.16em;
          display: block;;
          width: 100%;
          padding:10px 5px;
          box-sizing: border-box;
          left:0;
          right:0;
}


[data-nicedropdown].force-hide li:not(:first-of-type){
    display: none!important;
}


[data-nicedropdown] li:first-of-type{
  padding-top: 10px;

  display: block;
    color:rgba(255,255,255,1)!important;

}
.nicedropdown {
    cursor: pointer;

    width: 100%;
}

[data-nicedropdown] li{
        display: none;

        transition: 200ms ease all;
}

/*[data-nicedropdown].open{
	z-index: 999;
}*/

[data-nicedropdown].open li{
  display: block;
  background: rgba(0,0,0,0.9);
  color:rgba(255,255,255,0.8);
}
[data-nicedropdown] li:hover{
  display: block;
    background: rgba(0,0,0,0.9);

}
[data-nicedropdown]{
  position: absolute;
  top:0px;
  width:100%;
  display: none;
}

.search-bar > div{
  position:relative;;
}



[data-nicedropdown]::-webkit-scrollbar { 
width: 1px;
}

[data-nicedropdown]::-webkit-scrollbar-track {
	width: 1px;
	background-color: transparent;
}

[data-nicedropdown]::-webkit-scrollbar-thumb { 
	background-color: rgba(255,255,255,0.7);
	width: 1px;
	border-radius: 15px;
	
}