:root {
    --rz-dialog-content-padding: 1rem;
    /*--rz-border-radius: 8px;*/
}

.ab-custom-validate.invalid.rz-textbox,
.ab-custom-validate.invalid.rz-spinner,
.ab-custom-validate.invalid > .rz-calendar .rz-inputtext,
.ab-custom-validate.invalid.rz-dropdown,
.ab-custom-validate.invalid.rz-textarea {
    border: 2px solid #FF461E; /*var(--rz-input-border);*/
    border-radius: var(--rz-input-border-radius);
    /* outline: 1px solid #FF461E; */
}

.ab-custom-validate-label > .rz-form-field-content:has(.invalid) {
    border: 2px solid #FF461E; /*var(--rz-input-border);*/
    border-radius: 0px;
    /* pointer-events: none; */
    /* outline: 1px solid #FF461E; */
}

/* @keyframes invalid-animation {   
    0%,100% {
        box-shadow: inset 0 0 0 0 rgb(255 15 15 / 75%)
    }

    50% {
        box-shadow: inset 0 0 0 0.05rem rgb(255 15 15 / 75%)
    }
} */

/* Estilo para pantallas de hasta 768px */
@media (max-width: 768px) {
    .ab-dialog.ab-phone {
        width: 100%;
        height: 100% !important;
        background-color: var(--rz-layout-body-background-color);
    }
    .ab-phone > .rz-dialog-content > .ab-app-component > .ab-app-component-header {
        padding: 1rem 1rem 0 1rem;
        background-color: var(--rz-dialog-background-color);
    }

    .ab-phone > .rz-dialog-content {
        padding: 0px;
    }
    .ab-dialog-content {
        padding: var(--rz-dialog-content-padding);
    }
}

@media (min-width: 769px) {
    .ab-phone > .rz-dialog-content > .ab-app-component > .ab-dialog-content {
        margin: var(--rz-layout-body-margin);
        padding: var(--rz-layout-body-padding);
        border-radius: var(--rz-layout-body-border-radius);
    }
}
.ab-phone > .rz-dialog-content > .ab-app-component > .ab-dialog-content {
    background-color: var(--rz-layout-body-background-color);
}
    .ab-app-component {
        height: 100%;
    }

    .ab-phone > .rz-dialog-content > .ab-app-component > .ab-app-component-header {
        padding: 1rem 1rem 0 1rem;
    }


.ab-dialog-content {
    flex: 0 1 auto;
    overflow: auto;
}

.ab-btn {
    text-transform: none;
    font-weight: 500;
}