.multi-select-item-text-column {

}

.multi-select-empty-list-text {
    padding:10px;
    background-color:white;
}
.checkbox-replacement {
position:absolute;
top:10px;
left:5px;
border:solid 1px black;
border-radius:2px;
width:15px;
height:15px;
}

.checkbox-replacement.in-span {
    top: 7px;
    left:0px;
}

.checkbox-replacement-check {
    position:absolute;
    top:0px;
    left:0px;
    line-height:15px;
    font-size:12px;
}

.item-filter-repeat {
    margin-top:5px;
}

    .item-filter-repeat:first-child {
        margin-top:0px;
    }

.multi-select-item {
    cursor: pointer;
    padding: 10px;
    border-radius: 3px;
    border:solid 1px #269abc;
    background-color:white;
}

    .multi-select-item:hover {
        background-color: #269abc;
        color: white;
    }

    .multi-select-item.active {
        background-color: #269abc;
        color: white;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

.selected-multi-select-span > .selected-multi-select-span:before {
    content: ", ";
}

.selected-multi-select-span > .selected-multi-select-span:first-child:before {
    content: "";
}

.multi-select-done {
    width: 100%;
    text-align: center;
    line-height: 30px;
    padding: 5px;
    cursor: pointer;
    border-top: solid 1px #ccc;
    background-color: #269abc;
        color: white;
}

    .multi-select-top-button.active {
        background-color: #269abc;
        color: white;
    }

    .multi-select-done:hover {
        background-color: white;
        color: black;
    }


.multi-select {
    border: solid 1px #999;
}

.multi-select-list-item {
    cursor: pointer;
    padding: 5px;
    line-height: 30px;
    border-bottom: solid 1px #ccc;
    position:relative;
    top:0px;
    left:0px;
}

    .multi-select-list-item:hover {
        background-color: #269abc;
        color: white;
    }

    .multi-select-list-item:last-child {
        border-bottom: none;
    }

.no-drilldown {
    pointer-events: none;
}

.multi-select-list {
    overflow-x: hidden;
    overflow-y: auto;
    max-height:300px;
}

.multi-select-filter {
    padding: 5px;
    border-bottom: solid 1px #ccc;
    line-height: 30px;
}


.multi-select-filter-input{
    width:100px;
    float:left;
    margin-left:5px;
}

.multi-select-filter-input-multi{
    width:auto;
    float:left;
    margin-left:5px;
}

.multi-select-top-button {
    width: 50%;
    float: left;
    padding: 5px;
    cursor: pointer;
    border-bottom: solid 1px #ccc;
    background-color: #269abc;
    text-align: center;
    line-height: 30px;
    color:white;
}

    .multi-select-top-button.active {
        color: #269abc;
        background-color: white;
    }

    .multi-select-top-button:first-child {
        border-right: solid 1px #ccc;
    }

      .multi-select-top-button:hover {
        color: black;
        background-color: white;
    }




.multi-select-top-button-full {
    width: 100%;
    float: left;
    padding: 5px;
    cursor: pointer;
    border-bottom: solid 1px #ccc;
    background-color: #269abc;
    text-align: center;
    line-height: 30px;
    color:white;
}

    .multi-select-top-button-full.active {
        color: #269abc;
        background-color: white;
    }

    .multi-select-top-button-full:first-child {
        border-right: solid 1px #ccc;
    }

    .multi-select-top-button-full:hover {
        color: black;
        background-color: white;
    }

.search-select-recent-item-view {
    border-bottom: solid 1px #ccc;
}