.roletable{
    margin-top: 15px;
    border: 1px solid;
    
}

.roletable td {
    border: 1px solid;
    padding-left: 8px;
    padding-right: 8px;
}

.checkboxfield 
{
    text-align: center;
}

.roletable th {
    border: 1px solid;
    margin-left: 10px;
    padding-left: 8px;
    padding-right: 8px;
}

/*checkboxes*/
label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    
input[type=checkbox].css-checkbox {
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left:17px;
    height:17px; 
    display:inline-block;
    line-height:17px;
    background-repeat:no-repeat;
    background-position: 0 0;
    background-size: 17px;
    font-size:17px;
    vertical-align:middle;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -17px;
}

.css-label{
    background-image:url(dark-check-green.png);
}


.dark-check-green{background-image:url(dark-check-green.png);}