.ajax-progress-fullscreen {
    background-image: unset;
    background: transparent url(/themes/custom/cpfl_theme/images/spinner.gif) no-repeat center center !important;
    height: 64px !important;
    width: 64px !important;
    border-radius: 27px;
    z-index: 999999999999 !important;
}

@media (max-width:767px) {
    .webform-flex:has(.cpfl-theme-desktop-image) {
        display: none;
    }
}

@media (min-width:768px) {
    .webform-flex:has(.cpfl-theme-mobile-image) {
        flex: 0;
    }
}

.webform-flex:has(.cpfl-theme-mobile-image) img {
    margin: 0 auto;
}


/* Modal Dialog custom properties */
.ui-dialog:has(.submit-error-modal-form),
.ui-dialog:has(.cpfl-webform-titular-menor-idade-form),
.ui-dialog:has(.cpfl-webform-address-map-error-modal-form),
.ui-dialog.cpfl-webform-modal-dialog-validate-address-modal,
.ui-dialog.cpfl-webform-modal-dialog-email-modal,
.ui-dialog.send-email-error-modal-container {
    width: unset !important;
    background: white;
    font-family: Lato;
    color: #2D2D2D;
    border: 1px solid #DFE0E1;
    border-radius: 16px;
    padding: 16px;
    z-index: 99999999999;

}

@media (max-width: 360px) {

    .ui-dialog:has(.submit-error-modal-form),
    .ui-dialog:has(.cpfl-webform-titular-menor-idade-form),
    .ui-dialog:has(.cpfl-webform-address-map-error-modal-form),
    .ui-dialog.cpfl-webform-modal-dialog-validate-address-modal,
    .ui-dialog.cpfl-webform-modal-dialog-email-modal,
    .ui-dialog.send-email-error-modal-container {
        width: 100% !important;
    }
}

@media (min-width: 768px) {

    .ui-dialog:has(.submit-error-modal-form),
    .ui-dialog:has(.cpfl-webform-titular-menor-idade-form),
    .ui-dialog:has(.cpfl-webform-address-map-error-modal-form),
    .ui-dialog.cpfl-webform-modal-dialog-validate-address-modal,
    .ui-dialog.cpfl-webform-modal-dialog-email-modal,
    .ui-dialog.send-email-error-modal-container {
        min-width: 360px;
        max-width: 600px;
    }
}

@media (max-width: 1023px) {

    .ui-dialog:has(.submit-error-modal-form),
    .ui-dialog:has(.cpfl-webform-titular-menor-idade-form),
    .ui-dialog:has(.cpfl-webform-address-map-error-modal-form),
    .ui-dialog.cpfl-webform-modal-dialog-validate-address-modal,
    .ui-dialog.cpfl-webform-modal-dialog-email-modal,
    .ui-dialog.send-email-error-modal-container {
        width: 100%;
    }
}

.ui-dialog:has(.submit-error-modal-form) .ui-dialog-titlebar,
.ui-dialog:has(.cpfl-webform-titular-menor-idade-form) .ui-dialog-titlebar,
.ui-dialog:has(.cpfl-webform-address-map-error-modal-form) .ui-dialog-titlebar,
.ui-dialog.cpfl-webform-modal-dialog-validate-address-modal .ui-dialog-titlebar,
.ui-dialog.cpfl-webform-modal-dialog-email-modal .ui-dialog-titlebar,
.ui-dialog.send-email-error-modal-container .ui-dialog-titlebar {
    background-color: transparent;
    border: none;
    color: #2D2D2D;
    padding: 0;
    margin: 0;
}

.ui-dialog:has(.submit-error-modal-form) .ui-dialog-title,
.ui-dialog:has(.cpfl-webform-titular-menor-idade-form) .ui-dialog-title,
.ui-dialog:has(.cpfl-webform-address-map-error-modal-form) .ui-dialog-title,
.ui-dialog.cpfl-webform-modal-dialog-validate-address-modal .ui-dialog-title,
.ui-dialog.cpfl-webform-modal-dialog-email-modal .ui-dialog-title,
.ui-dialog.send-email-error-modal-container .ui-dialog-title,
.ui-dialog:has(.submit-error-modal-form) .modal-title,
.ui-dialog:has(.cpfl-webform-titular-menor-idade-form) .modal-title,
.ui-dialog:has(.cpfl-webform-address-map-error-modal-form) .modal-title,
.ui-dialog.cpfl-webform-modal-dialog-validate-address-modal .modal-title,
.ui-dialog.cpfl-webform-modal-dialog-email-modal .modal-title,
.ui-dialog.send-email-error-modal-container .modal-title {
    color: #2D2D2D;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-wrap: auto;
    width: 100%;
    padding: 0;
    margin: 0;
}

.ui-dialog:has(.submit-error-modal-form) .ui-dialog-titlebar-close,
.ui-dialog:has(.cpfl-webform-titular-menor-idade-form) .ui-dialog-titlebar-close,
.ui-dialog:has(.cpfl-webform-address-map-error-modal-form) .ui-dialog-titlebar-close,
.ui-dialog.cpfl-webform-modal-dialog-validate-address-modal .ui-dialog-titlebar-close,
.ui-dialog.cpfl-webform-modal-dialog-email-modal .ui-dialog-titlebar-close,
.ui-dialog.send-email-error-modal-container .ui-dialog-titlebar-close {
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    border: none;
    background-color: transparent;
    background-image: url(../images/x.svg);
    background-repeat: no-repeat;
    background-position: center center;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;

    .ui-icon-closethick {
        background-image: unset !important;
    }
}

.ui-dialog:has(.submit-error-modal-form) .ui-dialog-content,
.ui-dialog:has(.cpfl-webform-titular-menor-idade-form) .ui-dialog-content,
.ui-dialog:has(.cpfl-webform-address-map-error-modal-form) .ui-dialog-content,
.ui-dialog.cpfl-webform-modal-dialog-validate-address-modal .ui-dialog-content,
.ui-dialog.cpfl-webform-modal-dialog-email-modal .ui-dialog-content,
.ui-dialog.send-email-error-modal-container .ui-dialog-content {
    padding: 24px 16px 0 16px;
    color: #2D2D2D;
}

.ui-dialog:has(.submit-error-modal-form) ::-webkit-scrollbar,
.ui-dialog:has(.cpfl-webform-titular-menor-idade-form) ::-webkit-scrollbar,
.ui-dialog:has(.cpfl-webform-address-map-error-modal-form) ::-webkit-scrollbar,
.ui-dialog.cpfl-webform-modal-dialog-validate-address-modal ::-webkit-scrollbar,
.ui-dialog.cpfl-webform-modal-dialog-email-modal ::-webkit-scrollbar,
.ui-dialog.send-email-error-modal-container ::-webkit-scrollbar {
    width: 20px;
}

.ui-dialog:has(.submit-error-modal-form) ::-webkit-scrollbar-track,
.ui-dialog:has(.cpfl-webform-titular-menor-idade-form) ::-webkit-scrollbar-track,
.ui-dialog:has(.cpfl-webform-address-map-error-modal-form) ::-webkit-scrollbar-track,
.ui-dialog.cpfl-webform-modal-dialog-validate-address-modal ::-webkit-scrollbar-track,
.ui-dialog.cpfl-webform-modal-dialog-email-modal ::-webkit-scrollbar-track,
.ui-dialog.send-email-error-modal-container ::-webkit-scrollbar-track {
    background: #DFE0E1;
    border-left: 9.5px solid white;
    border-right: 9.5px solid white;
}

.ui-dialog:has(.submit-error-modal-form) ::-webkit-scrollbar-thumb,
.ui-dialog:has(.cpfl-webform-titular-menor-idade-form) ::-webkit-scrollbar-thumb,
.ui-dialog:has(.cpfl-webform-address-map-error-modal-form) ::-webkit-scrollbar-thumb,
.ui-dialog.cpfl-webform-modal-dialog-validate-address-modal ::-webkit-scrollbar-thumb,
.ui-dialog.cpfl-webform-modal-dialog-email-modal ::-webkit-scrollbar-thumb,
.ui-dialog.send-email-error-modal-container ::-webkit-scrollbar-thumb {
    background: #00ADE1;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    border-left: 7px solid white;
    border-right: 7px solid white;
    border-top-left-radius: 32px 12px;
    border-top-right-radius: 32px 12px;
    border-bottom-left-radius: 32px 12px;
    border-bottom-right-radius: 32px 12px;
}

.ui-dialog:has(.submit-error-modal-form) ::-webkit-scrollbar-button,
.ui-dialog:has(.cpfl-webform-titular-menor-idade-form) ::-webkit-scrollbar-button,
.ui-dialog:has(.cpfl-webform-address-map-error-modal-form) ::-webkit-scrollbar-button,
.ui-dialog.cpfl-webform-modal-dialog-validate-address-modal ::-webkit-scrollbar-button,
.ui-dialog.cpfl-webform-modal-dialog-email-modal ::-webkit-scrollbar-button,
.ui-dialog.send-email-error-modal-container ::-webkit-scrollbar-button {
    display: none;
}


.ui-widget-overlay {
    background: unset;
    opacity: unset;
    background-color: rgba(45, 45, 45, 0.60);
}