/* Custom CSS to force checkbox icons to be visible for answer feedback */

/* Force icons to be visible when we add p-success or p-danger classes */
.pretty.p-icon .state.p-success .icon,
.pretty.p-icon .state.p-danger .icon {
    opacity: 1 !important;
    display: block !important;
}

/* Ensure the icon color is correct for success (green checkmark) */
.pretty input:checked~.state.p-success .icon,
.pretty input~.state.p-success .icon {
    color: #fff !important;
    stroke: #fff !important;
}

/* Ensure the icon color is correct for danger (white X on red) */
.pretty input:checked~.state.p-danger .icon,
.pretty input~.state.p-danger .icon {
    color: #fff !important;
    stroke: #fff !important;
}

/* Make sure the background colors are applied */
.pretty input:checked~.state.p-success label:after,
.pretty input~.state.p-success label:after {
    background-color: #5cb85c !important;
}

.pretty input:checked~.state.p-danger label:after,
.pretty input~.state.p-danger label:after {
    background-color: #d9534f !important;
}