/* richfaces component css */
:root {
    --radius-025: 0.25rem !important;
    --transparent: transparent !important;
}

.rf-pp-cnt {
    padding: 0 !important;
    background: var(--transparent);
    border-radius: var(--radius-025);
}

.rf-pp-shdw {
    width: auto !important;
    background: var(--transparent);
    border-radius: var(--radius-025);
}

.rf-pp-cntr {
    top: 0 !important;
    margin: 0 !important;
    z-index: 2000 !important;
    padding: 3rem 0 !important;
    position: absolute !important;
    background: var(--transparent);
    border-radius: var(--radius-025);
}

.rf-pp-shade {
    z-index: 2000 !important;
}

.rf-pp-cnt-scrlr {
    width: auto !important;
    height: auto !important;
    overflow: inherit !important;
    background: var(--transparent);
    border-radius: var(--radius-025);
}

/* For mobile phones */
@media only screen and (max-width: 768px) {

    .rf-pp-cntr {
        left: 0 !important;
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

}