.selectField {
    background-image: url('img/down-arrow.png');
    background-repeat: no-repeat;
    background-position: right 5px top 50%;
    background-size: 6px 8px;
}

.selectField.open {
    background-image: url('img/arrow.png');
}

.selectFieldMenu {
    position: absolute;
    width: 100%;
    padding: 0px;
    margin: 0px;
    z-index: 9999;
}

.selectFieldMenu .list-group {
    max-height: 200px;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    color: #555;
}

.selectFieldMenu .list-group .list-group-item {
    cursor:pointer;
    padding: 0px;
    margin: 0px;
    padding-left: 3px;
    border: none;
    line-height: 26px;
    white-space: nowrap;
    border-radius: 0px !important;
}

.selectFieldMenu .list-group-clear-item {
    color: lightgrey;
}

.selectFieldMenu.multiple{
    left: 0px;
    line-height: normal;
}

.selectFieldMenu.multiple .checkbox {
    display: inline-block !important;
    width: 200px;
    margin-top: 2px;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.selectFieldMenu.multiple .list-group {
    padding: 5px;
}

.selectFieldMenu.multiple .checkbox label{
    width: 100%;
    line-height: normal;
    padding: 0px;
    margin: auto 5px auto 0px;
}

.selectFieldMenu.multiple .checkbox input[type=checkbox] {
    position: relative;
    vertical-align: middle;
    margin: 1px 5px 2px 3px;
}

.selectFieldMenu-header{
    background: #d8d8d8;
    padding: 3px 2px 3px 3px;
}

.selectFieldMenu-header .display-items {
    margin-right: 5px;
    margin-top: 5px;
}