/*******************************************************
 *
 * General
 *
 *******************************************************/

.MultiCheckBox {
    border-bottom:1px solid #e2e2e2 !important;
    padding: 6px !important;
    border-radius:0px !important;
    cursor:pointer !important;
    color: #fff;
    font-size: 10px !important;
    /*font-size: 8px !important;*/
    height: 23px !important;
}
.qs-field.qs-lg.yellow-select .MultiCheckBox {
    color: yellow
}

.MultiCheckBox .k-icon{ 
    font-size: 15px;
    float: right;
    font-weight: bolder;
    margin-top: -5px;
    height: 10px;
    width: 8px;
    color:#fff;
    position: absolute;
} 

.MultiCheckBoxDetail {
    display:none;
    position:absolute;
    border:1px solid #e2e2e2;
    overflow-y:hidden;
    width: 8%;
    font-size: 14px;
    background-color: #fff;
    z-index: 9;
}

.MultiCheckBoxDetailBody {
    overflow-y:scroll;
}

    .MultiCheckBoxDetail .cont  {
        clear:both;
        overflow: hidden;
        padding: 2px;
    }

    .MultiCheckBoxDetail .cont:hover  {
        background-color:#007cba;
        color: #fff;
    }

    .MultiCheckBoxDetailBody > div > div {
        float:left;
    }

.MultiCheckBoxDetail>div>div:nth-child(1) {

}

.MultiCheckBoxDetailHeader {
    overflow:hidden;
    position:relative;
    height: 28px;
    /*background-color:#3d3d3d;*/
    background-color: #007cba;
}

    .MultiCheckBoxDetailHeader>input {
        position: absolute;
        top: 4px;
        left: 3px;
    }

    .MultiCheckBoxDetailHeader>div {
        position: absolute;
        top: 5px;
        left: 24px;
        color:#fff;
    }