input[type=checkbox] {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
    }

    input[type=checkbox] {
        border-radius: 4px;
        height: 15px;
        width: 15px;
        background: #fff;
        border: 1px solid #ccc;
        position: relative;
        top:2px;
        cursor:pointer;
    }

    input[type=checkbox] + label {
        cursor:pointer;
    }

    input[type="checkbox"]:checked {
        background: black;
        margin:0px;
        padding: 0 0 0 1px;
        font-size: 12px;
        line-height:15px;
        font-weight:bold;
        
    }

    input[type="checkbox"]:checked:before {
        content: '\2713';
        display: block;
        color: white;
        position: absolute;
    }