.custom_checkbox {
    width: 38px;
    height: 38px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: none;
    content: none;
}

.custom_checkbox:before {
    width: 38px;
    height: 38px;
    line-height: 35px;
    font-size: 20px;
    content: "✓";
    font-weight: bold;
    text-align: center;
    color: transparent !important;
    background: transparent !important;
    display: block;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.custom_checkbox:checked:before {
    color: white !important;
    background: #e16a1a !important;
}