/* RADIOS & CHECKBOXES STYLES */

/* base styles */
/*input[type="radio"],*/
input[type="checkbox"] {
    font-size: 15px;
    height: 1.2em;
    width: 1.2em;
    vertical-align: middle;
    margin: 0 0.4em 0.4em 0;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(#FCFCFC, #DADADA);
    -webkit-appearance: none;
    -webkit-transition: box-shadow 200ms;
    box-shadow:inset 1px 1px 0 #fff, 0 1px 1px rgba(0,0,0,0.1);
}

/* border radius for radio*/
/*input[type="radio"] {
    -webkit-border-radius:100%;
    border-radius:100%;
}*/

/* border radius for checkbox */
input[type="checkbox"] {
    -webkit-border-radius:2px;
    border-radius:2px;
}

/* hover state */
/*input[type="radio"]:not(:disabled):hover,*/
input[type="checkbox"]:not(:disabled):hover {
    border-color:rgba(0,0,0,0.5);
    box-shadow:inset 1px 1px 0 #fff, 0 0 4px rgba(0,0,0,0.1);
}

/* active state */
/*input[type="radio"]:active:not(:disabled),*/
input[type="checkbox"]:active:not(:disabled) {
    background-image: -webkit-linear-gradient(#C2C2C2, #EFEFEF);
    box-shadow:inset 1px 1px 0 rgba(0,0,0,0.2), inset -1px -1px 0 rgba(255,255,255,0.1);
    border-color:rgba(0,0,0,0.5);
}

/* focus state */
/*input[type="radio"]:focus,*/
input[type="checkbox"]:focus {
    outline:none;
    box-shadow: 0 0 1px 1px green;
}

/* input checked border color */
/*input[type="radio"]:checked,*/
input[type="checkbox"]:checked {
    border-color:rgba(0, 0, 0, 0.1)
}

/* radio checked */
/*input[type="radio"]:checked:before {
    display: block;
    height: 0.3em;
    width: 0.3em;
    position: relative;
    left: 0.4em;
    top: 0.4em;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    content: '';
}*/

/* checkbox checked */
input[type="checkbox"]:checked:before {
    font-weight: bold;
    color: rgba(0, 0, 0, 0.7);
    content: '\2713';
    -webkit-margin-start: 0;
    margin-left: 2px;
    font-size: 0.9em;
}

/* disabled input */
input:disabled {
    opacity: .6;
    box-shadow: none;
    background: rgba(0, 0, 0, 0.1);
    box-shadow:none;
}

/* style label for disabled input */
input:disabled + label {
    opacity: .6;
    cursor:default;
    -webkit-user-select: none;
}