:root {
    --backGroundColorCheckBox: #9464A7;
}

.pretty .state label:before {
    border-color: #E8E7E7 !important;
}

.pretty.p-round.p-icon .state .icon:before {
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
}

.pretty.p-icon .state .icon {
    font-size: 24px !important;
    left: -3px !important;
    margin-top: -9px !important;
}

.pretty input[type=checkbox] .state label:after, .pretty .state label:before {
    border: 0.15em solid transparent;
}

.pretty input[type=checkbox]:checked ~ .state.p-primary label:after {
    background-color: var(--backGroundColorCheckBox) !important;
}