@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css";
label{
    cursor: pointer;
    color: #666666;
}
input[type=checkbox]{
    display: none;
}
.label-text:before{
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    background: white;
}
input[type=checkbox] + .label-text:before{
    content: "\f096";
}
input[type=checkbox]:checked + .label-text:before{
    content: "\f14a";
    color: #06a3e9;
    animation: tick-in 180ms ease-in;
}
input[type=checkbox]:disabled{
    color: #aaaaaa;
}
input[type=checkbox]:disabled + .label-text:before{
    content: "\f0c8";
    color: #cccccc;
}
@keyframes tick-in{
    0%{
        transform: scale(0);
    }
    0%{
        transform: scale(1.4);
    }
    100%{
        transform: scale(1);
    }
}