.form-checkbox{
    position: relative;
    font-size: 14px;
}
.form-checkbox-head{
    height: 30px;
    line-height: 30px;
    width: 200px;
    border:1px solid #ccc;
    padding-left: 10px;
    cursor: pointer;
}
.form-checkbox-head span{
    display: inline-block;
    width: 90%;
    height: 30px;
    line-height: 30px;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    overflow: hidden;
}
.form-checkbox-head i{
    float: right;
    margin-top: 8px;
    margin-right: 8px;
}
.form-checkbox-list{
    min-width: 200px;
    border: 1px solid #ccc;
    padding:0 0;
    display: none;
    position:absolute;
    background-color: #fff;
    z-index: 99;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    overflow-y:auto;
    max-height:400px;
}

.form-checkbox-list ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.form-checkbox-option{
    margin: 5px 0 !important;	
    padding: 3px 0;
    display: inline-block;
    border-bottom: 1px solid #eee;
   	height:25px !important;
    line-height:25px !important;
    cursor: pointer;
    white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overflow: ellipsis; 
	overflow: hidden; 
}

.col_span1{width:100% !important;}
.col_span2{width:48% !important;}
.col_span3{width:32% !important;}
.col_span4{width:24% !important;}
.col_span5{width:19% !important;}
.col_span6{width:15% !important;}

.form-checkbox-option:hover {
	background-color:#428bca;
	color:#fff !important;
}
.form-checkbox-option i{
  	margin:0 5px;
}
.form-checkbox-option-checked{
    color:#438EB9 !important;
}