
///////////////////////////////////////////////////////////////
//////////////////////////// NEW /////////////////////////////
/////////////////////////////////////////////////////////////


.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.prettycheckbox,
.prettyradio {
    align-items: center;
    display: flex;
    padding: 0;
    margin: 0;
}

.prettycheckbox a,
.prettyradio a {
    height: 30px;
    width: 30px;
    display: block;
    float: left;
    cursor: pointer;
    margin: 0;
    background: url('../img/prettyCheckable.png');
}

.prettycheckbox a:focus,
.prettyradio a:focus {
    outline: 0 none;
}

.prettycheckbox label,
.prettyradio label {
    display: block;
    float: left;
    margin: 0 5px!important;
    cursor: pointer;
}

.prettycheckbox a.disabled,
.prettycheckbox label.disabled,
.prettyradio a.disabled,
.prettyradio label.disabled {
    cursor: not-allowed;
}

.prettycheckbox.blu a,
.prettyradio.blu a{ background-image: url(../img/prettyCheckable_blu.png);}

.prettycheckbox.red a,
.prettyradio.red a{ background-image: url(prettyCheckable-red.png);}

.prettycheckbox.yellow a,
.prettyradio.yellow a{ background-image: url(prettyCheckable-yellow.png);}

.prettycheckbox a {
    background-position: 0 0;
}

.prettycheckbox a:focus {
    background-position: 0 -30px;
}

.prettycheckbox a.checked {
    background-position: 0 -60px;
}

.prettycheckbox a.checked:focus {
    background-position: 0 -90px;
}

.prettycheckbox a.checked.disabled {
    background-position: 0 -90px;
}

.prettycheckbox a.disabled {
    background-position: 0 -90px;
}


.prettyradio a {
    background-position: 0 -120px;
}

.prettyradio a:focus {
    background-position: 0 -150px;
}

.prettyradio a.checked {
    background-position: 0 -150px;
}

.prettyradio a.checked:focus {
    background-position: 0 -150px;
}

.prettyradio a.checked.disabled {
    background-position: 0 0;
}

.prettyradio a.disabled {
   background-position: 0 0;
}
