﻿input[type="checkbox"] {
    vertical-align:top;
}
/*
input[type="checkbox"] ~ label {
    cursor:pointer;
    outline: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type="checkbox"] ~ label:before {
    content: "";
    display: inline-block;
    height: 19px;
    width: 19px;
    margin: 1px 4px 0 0;
    vertical-align: middle;
    border-radius: 20%;
    border: solid 2px #ccc;
    box-shadow: 0 0 1px #fff;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 15px;
}

input[type="checkbox"]:checked ~ label:before {
    border: solid 2px #808080;
    border-radius: 20%;
    background-color: #fff;
}

input[type="checkbox"] ~ label:hover:before,
input[type="checkbox"]:checked ~ label:before {
    border: solid 2px #808080;
    border-radius: 20%;
    background-color: #fff;
}


input[type="checkbox"]:checked ~ label:after {
    content: '\2714';
    position: absolute;
    border-radius: 20%;
    top: 2px;
    left: 19px;
    color: #808080;
}
*/
input[type="checkbox"] ~ label {
    display: inline-block;
}

label > span {
    padding-left: 1em;
}