.icon-checkradios-checkmark,
.icon-checkradios-circle {
    /*font-family: 'checkradios-icons';*/
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*Icon Placeholder*/
.checkradios-checkbox:after, .checkradios-radio:after {
    content: "";
    height: 100%;
    width: 100%;
    position: relative;
    display: block;
    vertical-align: bottom;
}

/* standard checkbox */
.icon-checkradios-checkmark:before {
    /* fa-check */
    content: "\f00c";
}

/* excused checkbox */
.checkradios-checkbox.checkradios-excused:before {
    font-family: 'Roboto', sans-serif;
    content: "E";
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* late checkbox */
.checkradios-checkbox.checkradios-late:before {
    font-family: 'Roboto', sans-serif;
    content: "L";
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-checkradios-circle:before {
    /*content: "\e601";*/
    content: "\f111";
    position: absolute;
    top: 4px;
    left: 4px;
}

/*
    Default Styles for checkradios
*/
.checkradios-checkbox, .checkradios-radio {
    font-size: 16px;

    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;

    border: 1px solid #959595;
    border-radius: 4px;
    color: #333;
    width: 1em;
    height: 1em;
    cursor: pointer;
    padding: 0.2em;
    margin: 2px;
    /*top: 6px;*/

    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;

    overflow: hidden;

    opacity: 100 !important;
}

div.checkradios-checkbox.checked {
    background-color: #5fa800;
    border: 1px solid #5fa800;
    color: #fff;
}

div.checkradios-checkbox.checked.disabled,
div.checkradios-radio.checked.disabled {
    background-color: #d8d8d8;
    border: 1px solid #ccc;
    color: #eee;
    pointer-events: none;
}

div.checkradios-checkbox.unchecked {
    background-color: #fff;
    border: 1px solid #959595;
}

div.checkradios-checkbox.checkradios-excused.unchecked {
    background-color: #eee;
    color: #d8d8d8;
}

div.checkradios-checkbox.checkradios-late.unchecked {
    background-color: #eee;
    color: #d8d8d8;
}

div.checkradios-checkbox.unchecked.disabled,
div.checkradios-radio.unchecked.disabled {
    background-color: #fff;
    border: 1px solid #ccc;
    pointer-events: none;
}

div.checkradios-radio.checked {
    background-color: #5fa800;
    border: 1px solid #5fa800;
    color: #fff;
}

div.checkradios-checkbox.checkradios-excused.checked {
    background-color: #cbc029;
    border: 1px solid #cbc029;
    color: #333;
}

div.checkradios-checkbox.checkradios-late.checked {
    background-color: #e86e73;
    border: 1px solid #e86e73;
    color: #333;
}

div.checkradios-radio.unchecked {
    background-color: #fff;
    border: 1px solid #959595;
}

.checkradios-radio {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/*Focus*/
/*.checkradios-checkbox.focus, .checkradios-radio.focus {

    -webkit-box-shadow: 0 0 3px rgba(22, 150, 255, 0.9);
    -moz-box-shadow: 0 0 3px rgba(22, 150, 255, 0.9);
    box-shadow: 0 0 3px rgba(22, 150, 255, 0.9);
    border-color: #1696f1;
}*/

/*Hide original*/
.checkradios-checkbox input[type=checkbox], .checkradios-radio input[type=radio] {
    margin: 0;
    position: absolute;
    top: 0;
    left: -9999%;
    width: 100%;
    height: 100%;
    position: absolute;
    display: inline-block;
    vertical-align: bottom;
}