body{-webkit-animation:bugfix infinite 1s}
@-webkit-keyframes bugfix{from{padding:0}to{padding:0}}

.checkbox-btn,.radio-btn{
    position:relative;
    padding-left:0px
}

.checkbox-btn input[type="checkbox"],.checkbox-btn input[type="radio"],.radio-btn input[type="checkbox"],.radio-btn input[type="radio"]{
    position:absolute;
    opacity:0;
    z-index:1}

.checkbox-btn label,.radio-btn label{
    display:inline-block;
    /*line-height:24px;*/
    vertical-align:middle;
    position:relative;
    padding-left:4px;
    cursor:pointer;
    user-select:none;
    color:#FFF}

.checkbox-btn label::after,.radio-btn label::after{
    position:absolute;
    content:"";
    width:18px;
    height:18px;
    left:0;top:0;
    margin-left:-18px;
    border:3px solid #469FF9;
    -webkit-border-radius:3px;
    border-radius:3px;
    background-clip:padding-box;
    cursor:pointer}

.checkbox-btn label::before,.radio-btn label::before{
    position:absolute;
    content:"";
    width:10px;
    height:5px;
    top:6px;
    left:6px;
    margin-left:-18px;
    border:3px solid #4BA5F9;
    border-top:none;
    border-right:none;
    background:transparent;
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);opacity:0;
    -webkit-transition:all 0.15s ease-in-out;
    -o-transition:all 0.15s ease-in-out;
    transition:all 0.15s ease-in-out;
    z-index:1}

.checkbox-btn label:active::before,.radio-btn label:active::before{
    opacity:0.3}

.checkbox-btn input[type="checkbox"]:checked+label,.checkbox-btn input[type="radio"]:checked+label,.radio-btn input[type="checkbox"]:checked+label,.radio-btn input[type="radio"]:checked+label{
    color:#FFF}

.checkbox-btn input[type="checkbox"]:checked+label::after,.checkbox-btn input[type="radio"]:checked+label::after,.radio-btn input[type="checkbox"]:checked+label::after,.radio-btn input[type="radio"]:checked+label::after{
    border:3px solid #469FF9}

.checkbox-btn input[type="checkbox"]:checked+label::before,.checkbox-btn input[type="radio"]:checked+label::before,.radio-btn input[type="checkbox"]:checked+label::before,.radio-btn input[type="radio"]:checked+label::before{
    opacity:1}

.checkbox-btn input[type="checkbox"]:disabled+label,.checkbox-btn input[type="radio"]:disabled+label,.radio-btn input[type="checkbox"]:disabled+label,.radio-btn input[type="radio"]:disabled+label{
    color:#787878;
    cursor:default}

.checkbox-btn input[type="checkbox"]:disabled+label::after,.checkbox-btn input[type="radio"]:disabled+label::after,.radio-btn input[type="checkbox"]:disabled+label::after,.radio-btn input[type="radio"]:disabled+label::after{
    border:3px solid #787878;
    background-color:#ffffff}

.checkbox-btn input[type="checkbox"]:disabled+label::before,.checkbox-btn input[type="radio"]:disabled+label::before,.radio-btn input[type="checkbox"]:disabled+label::before,.radio-btn input[type="radio"]:disabled+label::before{
    display:none}

.radio-btn label::after{
        -webkit-border-radius:50%;
        border-radius:50%;
        background-clip:padding-box}

.radio-btn label::before{
    width:8px;
    height:8px;
    border:none;
    top:5px;
    left:5px;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-clip:padding-box;
    background-color:#FFF;
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)}
/*# sourceMappingURL=checkbox.css.map */