/*
*	ESTE ARCHIVO FUE CREADO PARA INCORPORAR ESTILOS PERSONALIZADOS 
*	SE DEBEN INCORPORAR REGLAS DE ESTILO PARA CUADROS DE DIALOGO
*/
.dialog-base.ui-dialog {
	max-width: 90%;
}
@media (max-width: 576px) { /* sm-width */
	.dialog-base.ui-dialog {
		width: 90% !important;
	}
}
@media (min-width: 576px) { /* sm-width */
	.dialog-base.ui-dialog {
		width: 80% !important;
	}
}
@media (min-width: 768px) { /* md-width */
	.dialog-base.ui-dialog {
		width: 70% !important;
	}
}
@media (min-width: 992px) { /* lg-width */
	.dialog-base.ui-dialog {
		width: 60% !important;
	}
}
@media (min-width: 1200px) { /* xl-width */
	.dialog-base.ui-dialog {
		width: 40% !important;
	}
}

.dialog-lg.ui-dialog {
	width: 90% !important;
}

.dialog-base.ui-dialog .ui-dialog-titlebar,
.dialog-lg.ui-dialog .ui-dialog-titlebar {
    background: var(--white);
    color: var(--gris);
    padding: 1rem;
    border-radius: 4px 4px 0 0;
}
.dialog-base.ui-dialog .ui-dialog-content,
.dialog-lg.ui-dialog .ui-dialog-content {
    background: var(--white);
    color: var(--gris);
    padding: 0 2rem 2rem 2rem;
    border: 0 none;
    border-radius: 0 0 4px 4px;
}
.dialog-lg.ui-dialog .ui-dialog-content {
	max-height: 80vh;
	overflow-y: auto;
}