.form-control.MultiCheckBox {
  border:1px solid #e2e2e2;
  cursor:pointer;
  border-radius:var(--gf-std-border-radius);
  border:var(--gf-std-border);
}

.MultiCheckBox .k-icon{
  font-size: 15px;
  float: right;
  font-weight: bolder;
  margin-top: -7px;
  height: 10px;
  width: 14px;
  color:#787878;
}

.MultiCheckBoxDetail {
  display:none;
  position:absolute;
  border:1px solid #78daea;
  overflow-y:hidden;
  z-index:100;
  background-color:white;
  width:100%;
  height:0px;
}

.MultiCheckBoxDetailBody {
  overflow-y:scroll;

}

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

.MultiCheckBoxDetail .cont:hover  {
  background-color:#78daea;
  color:white;
}

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

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

}

.MultiCheckBoxDetailHeader {
  overflow:hidden;
  position:relative;
  height: 28px;
  background-color:#78daea;
}

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

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