/*Checkbox CSS --Start*/
input[type=checkbox] ~ .lbl
{
    position: relative;
    /*z-index: 11;*/
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 14px;
    min-width: 14px;
    font-weight: normal;
}
    input[type=checkbox] ~ .lbl::before
    {
        font-family: fontAwesome;
        font-weight: normal;
        font-size: 11px;
        color: #32a3ce;
        content: "\a0";
        background-color: #fafafa;
        border: 1px solid #CCC;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05);
        border-radius: 0;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        height: 13px;
        line-height: 13px;
        min-width: 13px;
        margin-right: 1px;
    }
input[type=checkbox]:checked ~ .lbl::before
{
    display: inline-block;
    content: '\f00c';
    background-color: #f5f8fc;
    border-color: #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0 -15px 10px -12px rgba(0,0,0,0.05),inset 15px 10px -12px rgba(255,255,255,0.1);
}
input[type=checkbox]:hover ~ .lbl::before,
input[type=checkbox] ~ .lbl:hover::before
{
    border-color: #ff893c;
}
input[type=checkbox]:active ~ .lbl::before,
input[type=checkbox]:checked:active ~ .lbl::before
{
    box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0 1px 3px rgba(0,0,0,0.1);
}
input[type=checkbox]:disabled ~ .lbl::before,
input[type=checkbox][disabled] ~ .lbl::before,
input[type=checkbox].disabled ~ .lbl::before
{
    background-color: #DDD!important;
    border-color: #CCC!important;
    box-shadow: none!important;
    color: #BBB;
}
/*Checkbox CSS --End*/

.blur-login {
    background: url("img/login_back.jpg") repeat scroll 0 0 #394557;
}