.checkListBox {
    padding: 0;
    list-style: none;
    margin-right: 10px;
}

.checkListBox li, .checkListBox li label{
    cursor: pointer;
}

.checkListBox > li > span {
    display:table-cell;
    margin-right: 5px;
    vertical-align: middle;
    width: 22px;
}

.checkListBox > li > span > span {
    width: 22px;
    height: 22px;
    background-position: 0 0;
    background: url("/css/plugins/iCheck/green.png");
    background-repeat: no-repeat;
    display: block;
    margin: 2px;

}

.checkListBox li label{
    padding-left: 10px;
    vertical-align: middle;
    display:table-cell;
}

.checkListBox > li {
    outline: none;
    margin-right: 10px;
    border-bottom: 1px solid rgba(204, 204, 204, 0.44);
    display: table;
    width: 100%;
    margin-bottom: 1px;
}

.checkListBox > li:focus {

    border: 2px solid #1ab394;

}

.checkListBox > li:focus span>span {

    /*border: 2px solid #1ab394;*/
    margin: 2px;

}

.checkListBox > li > span:hover {
    background-position: -24px 0;
}

.checkListBox > li > span>span.checked {
    background-position: -48px 0;
}

.checkListBox > li > label > input  {
    display: none;
}