.checkbox, .radio {
    display: inline-block;
    margin-bottom: 15px;
}
.checkbox:hover, .radio:hover {
    cursor: pointer;
}
.checkbox .fa, .radio .fa {
    width: 1em;
}
.indent {
    padding-left: 30px;
}
.indent .fa {
    margin-left: -30px;
}
.checkbox input[type="checkbox"], .radio input[type="radio"] {
    display: none;
}
.checkbox input[type="checkbox"] + i:before, .radio input[type="radio"] + i:before {
    content: "\f096";
    position: relative;
    bottom: -8px;
    margin-right: 5px;
    color: #fff;
}
.checkbox:hover input[type="checkbox"] + i:before, .radio:hover input[type="radio"] + i:before {
    color: #fff;
}
.checkbox input[type="checkbox"]:checked + i:before, .radio input[type="radio"]:checked + i:before {
    content: "\f046";
    color: #fff;
}
.checkbox input[type="checkbox"]:disabled + i:before, .checkbox input[type="checkbox"]:disabled:checked + i:before, .radio input[type="radio"]:disabled + i:before, .radio input[type="radio"]:disabled:checked + i:before {
    color: #ddd;
}