/* hide the radio button */
input[type="radio"] {
    display: none;
}

input[type="radio"] + label:before {
    content: "";
    /* create custom radiobutton appearance */
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 2px;
    margin-right: 3px;
    /* background-color only for content */
    background-clip: content-box;
    border: 1px solid #bbbbbb;
    /*background-color: #e7e6e7;*/
    border-radius: 50%;
}

/* appearance for checked radiobutton */
input[type="radio"]:checked + label:before {
    background-color: #0460b5;
    border: 1px solid #0460b5;
}

    input[type="radio"]:checked:disabled + label:before {
        background-color: #0460b5;
        border: 1px solid #0460b5;
        opacity:.7;
    }



/* hide the checkboxed button */
input[type="checkbox"] {
    display: none;
}

    input[type="checkbox"] + label:before {
        content: '';
        /* create custom radiobutton appearance */
        display: inline-block;
        width: 15px;
        height: 15px;
        padding: 2px;
        margin-right: 3px;
        /* background-color only for content */
        background-clip: content-box;
        border: 1px solid #bbbbbb;
        border-radius: 25%;
        color: #0460b5;
    }

    /* appearance for checked radiobutton */
    input[type="checkbox"]:checked + label:before {
        background: #0460b5 url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==") 1px 1px no-repeat;
        border: 1px solid #0460b5;
    }

    input[type="checkbox"]:checked:disabled + label:before {
        border: 1px solid #0460b5;
        background-color: #0460b5;
        opacity: .7;
    }
    input[type="checkbox"]:disabled + label:before {
        border: 1px solid #bbbbbb;
        background-color: #eee;
        opacity: .7;
    }