.dropdownjs {
position:relative;
}

.dropdownjs * {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

.dropdownjs>input {
width:100%;
padding-right:30px;
text-overflow:ellipsis;
}

.dropdownjs>input.focus~ul {
-webkit-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}

.dropdownjs>ul {
position:absolute;
z-index:10000;
min-width:200px;
-webkit-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
transform:scale(0);
max-width:500px;
overflow:auto;
background:#fff;
-webkit-box-shadow:0 1px 6px rgba(0,0,0,.12),0 1px 6px rgba(0,0,0,.12);
box-shadow:0 1px 6px rgba(0,0,0,.12),0 1px 6px rgba(0,0,0,.12);
-webkit-transition:0 .2s ease-out;
-o-transition:0 .2s ease-out;
transition:transform .2s ease-out;
margin:0;
padding:5px 0;
}

.dropdownjs>ul[placement=top-left] {
bottom:0;
left:0;
-webkit-transform-origin:bottom left;
-ms-transform-origin:bottom left;
-o-transform-origin:bottom left;
transform-origin:bottom left;
}

.dropdownjs>ul[placement=bottom-left] {
top:0;
left:0;
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
-o-transform-origin:top left;
transform-origin:top left;
}

.dropdownjs>ul>li {
list-style:none;
word-wrap:break-word;
cursor:pointer;
margin:2px 0;
padding:6px 13px;
}

.dropdownjs>ul>li.dropdownjs-add {
padding:0;
}

.dropdownjs>ul>li.dropdownjs-add>input {
width:100%;
border:0;
padding:6px 13px;
}

.dropdownjs>input[readonly] {
cursor:pointer;
}

select[data-dropdownjs][disabled]+.dropdownjs>input[readonly] {
cursor:default;
}

.dropdownjs>ul>li.selected,.dropdownjs>ul>li:active,.dropdownjs>ul>li:hover {
background-color:#eaeaea;
}

.dropdownjs>ul>li:focus {
outline:1px solid #d4d4d4;
}

.dropdownjs>ul>li>.close:before {
position:absolute;
right:15px;
display:block;
float:right;
font-size:21px;
font-weight:700;
line-height:1;
color:#000;
text-shadow:0 1px 0 #fff;
content:"\00d7";
opacity:.6;
}

.dropdownjs>ul>li:hover>.close:hover:before {
opacity:.9;
}