﻿.dropdown {
  list-style: none;
  position: relative;
  border:1px solid rgb(133, 133, 133);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  width: 150px;
  height: 30px;
  cursor: pointer;
  padding: 0;
  text-align:left;
  border-radius:4px;
  background:white;
}  
  .dropdown__label {
    position: absolute;
    top: -9px;
    left: 15px;
    background: #fff;
    color: #444;
    font-size: .8em;
    font-family: Lato, sans-serif;
  }
  
.dropdown__arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transition: transform .2s linear;
}
.plrskip-dropdown__arrow.expanded {
    transform: rotate(-180deg);
}
.dropdown__list {
    width: 100%;
    position: absolute;
    left: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 0px 3px 2px 0 #a2a4b2;
    transition: opacity .1s cubic-bezier(0, 0, 0.38, 0.9), max-height .2s cubic-bezier(0, 0, 0.38, 0.9);
    max-height: 0;
    overflow: hidden;
    opacity: 0;    
  background:white;
  }
  
.dropdown__list-container {
    position: relative;
    width: 250px;
    z-index:1000;
 }
.dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0 7px;
}
ul.dropdown  {
    list-style: none;
    margin: 0;
    z-index:100; /** to fix issue where grid resize cursor shows thru **/
 }
.dropdown__list-item {
    font-family: Lato, sans-serif;
   font-size: 14px;
    color: #444444;
    padding: 5px 0px;
   transition: background-color .1s linear, color .1s linear;
    color: #444444;
    list-style-position: inside;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
.dropdown:hover, .dropdown:focus {
       background-color: white;
       color: black;
     }
#dropdown__selected {
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #444444;
  padding: 7px;
  list-style-position: inside;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80%;
  border:0;
  outline-style:none; /** for safari **/
}  
.DDopen {
  opacity: 1;
  overflow: auto;
  max-height: 25rem;
  border:1px solid black;
transition: all .25s ease-in-out; 
}
