.dropdown{
  $lineHeight: $lineHeight + 8;

  cursor:pointer;
  display:inline-block;
  position: relative;
  color:$ciColor;
  border:solid 1px lighten($thirdColor, 15%);
  line-height:$lineHeight;
  height:$inputHeight;
  text-align: left;
  padding-right: $space + $space/2;
  background-color: #FFF;

  .dropdownValue{
    padding-left: 5px;
    color:$secondColor;
    border:none;
    line-height:$lineHeight;
    cursor: pointer;
    font-family: "Open Sans","Calluna Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;
    &.iconDown:before{@include absolute(0 5px '' '');}
  }
  .dropdownList{
    background-color: #FFF;
    color:$secondColor;
    position: absolute;
    z-index: 10;
    display:none;
    overflow: auto;
    max-height:200px;

    border:solid 1px lighten($thirdColor, 15%);

    width: 100%;

    li{
      line-height: $lineHeight;
      padding-left: 5px;
      &:hover{
        color:$ciColor;
        background-color:$contentColor;
      }
    }
  }
  .hiddenDropdown{
    display:none;
    @include absolute(-9999px '' '' '');
  }

  @extend .smallText;
  @include noUserSelect;
}
