.dropdownjs
{
    position: relative;
    /* Theme */
}
.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;
    margin: 0;
    padding: 5px 0;

    -webkit-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(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
{
    margin: 2px 0;
    padding: 6px 13px;

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

    border: 0;
}
.dropdownjs > input[readonly]
{
    cursor: pointer;
}
select[data-dropdownjs][disabled] + .dropdownjs > input[readonly]
{
    cursor: default;
}
.dropdownjs > ul
{
    overflow: auto;

    max-width: 500px;

    -webkit-transition: -webkit-transform .2s ease-out;
         -o-transition:      -o-transform .2s ease-out;
            transition:         transform .2s ease-out; 

    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);
}
.dropdownjs > ul > li
{
    cursor: pointer;
    word-wrap: break-word;
}
.dropdownjs > ul > li.selected,
.dropdownjs > ul > li:hover,
.dropdownjs > ul > li:active
{
    background-color: #eaeaea;
}
.dropdownjs > ul > li:focus
{
    outline: 0;
    outline: 1px solid #d4d4d4;
}
.dropdownjs > ul > li > .close:before
{
    font-size: 21px;
    font-weight: 700;
    line-height: 1;

    position: absolute;
    right: 15px;

    display: block;
    float: right;

    content: '\00d7';

    opacity: .6; 
    color: #000;
    text-shadow: 0 1px 0 #fff;
}
.dropdownjs > ul > li:hover > .close:hover:before
{
    opacity: .9;
}