931171

.form-matrix-table input[type='checkbox'], .form-matrix-table input[type='radio'] {
    -webkit-appearance : none;
    -webkit-user-select : none;
    border: 2px solid #9c9c9c !important;
    border-radius : 2px;
    color : #444;
    font : inherit;
    margin : 0 1px 0 0;
    outline : none !important;
    text-shadow : 0 1px 0 #F0F0F0;
    cursor : pointer;
}

.form-matrix-table input[type='radio'] {
    border-radius : 100%;
    bottom : 1px;
    height : 18px;
    position : relative;
    vertical-align : middle;
    width : 18px;
}

.form-matrix-table input[type='checkbox'] {
    bottom : 2px;
    height : 18px;
    position : relative;
    vertical-align : middle;
    width : 18px;
}

.form-matrix-table input[type='checkbox']:checked::before {
    -webkit-user-select : none;
    background-color : #9c9c9c;
    background-size : 100% 100%;
    content : '';
    display : block;
    height : 100%;
    width : 100%;
}

.form-matrix-table input[type='radio']:checked::before {
    background-color : #9c9c9c;
    border-radius : 100%;
    bottom : 3px;
    content : '';
    display : block;
    left : 3px;
    position : absolute;
    top : 3px;
    height : 8px;
    width : 8px;
}

.form-matrix-table {
    border-collapse : collapse;
    border-spacing : 0;
    width : 100%;
    height : 100%;
    margin : 0px;
    padding : 0px;
}



table, tr, th, td {
    border-collapse : collapse;
}

table {
    border : 4px solid #999;
    position : relative;
    overflow : hidden;
}

th {
    padding : 0 5px;
    color : #FFF;
    background : #333 !important;
}

tr th:first-child {
    text-align : left;
}

th, td {
    width : 70px;
    height : 40px;
    border : 2px solid #BBB;
}

.form-matrix-column-headers {
    color : white;
    font-size: 14px;
    font-weight: bold;
}

.form-matrix-row-headers {
    font-size: 14px;
    font-weight: bold;
}

.form-matrix-values {
    background: white;
}