@charset "UTF-8";

/* Colocar aquí SOLO estilos que puedan ser reutilizados en diferentes pantallas.
   Si son estilos que solo se usarán en un xhtml en particular es mejor colocarlos en el propio xhtml o un un .css particular */

.ui-panelgrid-sin-pading .ui-panelgrid-cell {
	padding: 0px 0 !important;
}

.ui-panelgrid-sin-fondo {
	background: none !important;
}

body .ui-selectonemenu.ui-state-focus {
	border-color: rgb(148, 130, 163) !important;
	box-shadow: none !important;
}

body .ui-inputfield.ui-state-focus {
	border-color: rgb(148, 130, 163) !important;
	box-shadow: none !important;
}

body .ui-inputfield.ui-state-hover {
	border-color: rgb(148, 130, 163) !important;
	box-shadow: none !important;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
    background: #FFF !important;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover {
	background: linear-gradient(148.95deg, rgba(243, 218, 218, 0.5) 44.63%, rgba(191, 178, 220, 0.11) 96.68%);
}

.ui-button-regresar {
	width: 118px !important;
	color: #FFF !important;
	background: #9482A3 !important;
	border: 1px solid #9482A3 !important;
	background-image: url(/resources/img/flecha-left.svg) !important;
	background-position: left !important;
	background-repeat: no-repeat !important;
	background-position: 7px 7px !important;
	font-weight: 500;
	font-family: 'Montserrat' !important;
	text-align: center !important;
	padding: 0rem 0rem 0rem 1rem !important;
	border-radius: 10px !important;
}

@media screen and (max-width: 480px ) {
	.modalResponsivo {
		width: 100% !important;
		border-radius: 20px !important;
	}
}

@media screen and (max-width: 768px ) and (min-width: 481px ) {
	.modalResponsivo {
		width: 90% !important;
		border-radius: 20px !important;
	}
}

@media screen and (min-width: 769px ) {
	.modalResponsivo {
		width: 50% !important;
		border-radius: 20px !important;
	}
}