.dropdown{
background: #fff;
border-radius: 0 5px 5px 0;
font-size: 19px;
color: #808080;
list-style: none;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
max-height: 0;
overflow: hidden;
position: absolute;
top: 25px;
left: 0;
right: 0;
}

.dropdown-open{
z-index: 31;
max-height: 180px;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}

.dropdown li{
background-color: #f2f2f2;
font-size: 12px;
padding: 5px 0px;
text-transform: uppercase;
}

.ddWrapper .selected{
position: absolute;
color: gray;
font-family: sans-serif;
font-size: 20px;
top: 25%;
cursor: pointer;
padding-left: 3px;
text-transform: uppercase;
}

.ddWrapper {
position: relative;
width: 266px;
height: 20px;
background: #fff;
padding: 12px 15px;
border-radius: 0 5px 5px 0;
cursor: pointer;
outline: none;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}

.vLine{
border-right:1px solid #d0d0d0;
position: inherit;
left: 230px;
top:-12px;
height:44px;
display:inline-block;
}

.ddWrapper .downArrow {
position: absolute;
z-index: 30;
top: 11px;
right: 18px;
width: 15px;
height: 15px;
border-radius: 25%;
border: 3px solid #aaa;
border-left: none;
border-bottom: none;
cursor: pointer;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}

.ddWrapper .dropdown li {
padding: 0px 0px;
position: relative;
left: -40px;
width: 295px;
z-index: 1;
text-transform: uppercase;
}

.ddWrapper .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 10px 20px;
    transition: all 200ms ease-out;
    border-bottom: 1px solid #e6e8ea;
}

.ddWrapper .dropdown li:last-of-type a {
    border: none;
}


/* Hover state */

.ddWrapper .dropdown li:hover a {
    color: #57a9d9;
}


/* Active state */

.ddWrapper.active {
    border-radius: 5px 5px 0 0;
    background: #4cbeff;
    box-shadow: none;
    border-bottom: none;
    color: white;
}

.ddWrapper.active:after {
    border-color: #82d1ff transparent;
}

.ddWrapper.active .dropdown {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
}