.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: 6px 12px;
    border-radius: 4px;
    border: solid 1px #cccccc;
    /*padding: 10px;*/
    /*border-radius: 3px;*/
    /*border:solid 1px #269abc;*/
    background-color: white;
}

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

    .multi-select-item.active {
        /*background-color: #269abc;*/
        background-color: #428bca;
        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;*/
    background-color: #428bca;
    color: white;
}

.multi-select-top-button.active {
    /*background-color: #269abc;*/
    background-color: #428bca;
    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;*/
        background-color: #428bca;
        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;*/
    background-color: #428bca;
    text-align: center;
    line-height: 30px;
    color: white;
}

    .multi-select-top-button.active {
        /*color: #269abc;*/
        color: #428bca;
        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;*/
    background-color: #428bca;
    text-align: center;
    line-height: 30px;
    color: white;
}

    .multi-select-top-button-full.active {
        /*color: #269abc;*/
        color: #428bca;
        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;
}

.bold {
    font-weight: 700 !important;
}