/*
.text{
    padding-left:16px;
}
*/

.easyselector {
    width: 100%;
}

.es-hidden {
    display:none !important;
}

.es-dropdown-container {
    padding: 0;
}
    .dropdown-menu.es-dropdown-container {
        position: absolute;
        top: 100%;
        left: 0;
    }

    .es-dropdown-container .es-dropdown-item {
        padding-left: 32px;
        color: gray;
        cursor: pointer;
        position: relative;
        font-size: 13px;
    }
    .es-dropdown-item:hover {
        background: #f6f6f6;
    }

    .es-dropdown-item.es-selected {
        color:green;
        background:#eee;
    }

    .es-dropdown-item:before{
        content:'\f1db';
        font-family:FontAwesome;
        position:absolute;
        left:8px;
        color:gray;
        Opacity:0.3;
    }

        .es-dropdown-item.es-selected:before{
            content:'\f058';
            color:green;
            opacity: 1;
        }
    
    div[multiple = 'multiple'] .es-dropdown-item::before{
        content:'\f096';
        font-family:FontAwesome;
        position:absolute;
        left:8px;
        color:gray;
        opacity: 1;
    }

    div[multiple = 'multiple'] .es-dropdown-item.es-selected::before{
        content:'\f14a';
        font-family:FontAwesome;
        position:absolute;
        left:8px;
        color:green;
        opacity: 1;
    }

    .es-button-text {
        position: relative;
        width: 100%;
        min-height: 36px;
        text-align: left;
        border-radius: 2px;
        margin: 0;
        font-size:13px;

        color: #555;
        background-color: #fff;
        border-color: #ddd;

        white-space: normal;
    }

    .es-button-text:after {
        content: "\f0d7";
        font-family: FontAwesome;
        position: absolute;
        top: 50%;
        right:8px;
        -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
        border:none;
    }

.es-actionsbox {
    text-align: right;
}

.es-select-all {
    color:gray;
}

.es-select-all::before{
    content:'\f14a  ';
    font-family: FontAwesome;
    color:#ccc;
}

.es-select-all.es-selected::before{
    content:'\f14a  ';
    font-family: FontAwesome;
    color:green;
}

.es-deselect-all::before{
    content:'\f096  ';
    font-family: FontAwesome;
    color:#eee;
}

.es-deselect-all.es-selected {
    color:green;
}

.es-deselect-all.es-selected::before{
    content:'\f096  ';
    font-family: FontAwesome;
    color:gray;
}

.es-dropdown-container > ul {
    list-style: none;
    overflow-y: auto;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .es-dropdown-container > ul > li {
        padding: 6px 16px 6px 4px

    }

    .es-searchbox .es-searchbar {
        width:100% !important;
        border:none !important;
        background-color:#f6f6f6;
        margin:0px !important;
        padding: 8px 10px 8px 32px;
    }
        .es-searchbox {
            border: 2px solid #f6f6f6;
        }
        .es-searchbox.es-searchbox-highlighted {
            border: 2px solid #62CCBF;
        }

    .es-searchbox label {
        width: 100%;
        margin-bottom: 0;
    }

    .es-selectedcount {
        padding-left:8px;
    }

    .es-searchbox label.sxx-input-search-styled {
        position: relative;
        display: inline-block;
        font-weight: 400;
    }

    
    .es-searchbox label.sxx-input-search-styled::before {

        position: absolute;
        left: 8px;
        top: 50%;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "\f002";
        font-family: "FontAwesome";
        color: #8d8d8d;

    }