@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;
}

/* Se sobreescribe este estilo de la datatable solo agregándole !important.
* Lo anterior debido a que si el panelGrid usa ui-panelgrid-blank o ui-noborder quitará los bordes del panel pero también cualquier
* borde de las datatable anidadas. Esto afecta sobretodo a la separación entre renglones de una datatable cuando está en modo reflow en responsive
*/
.ui-datatable-reflow .ui-datatable-data tr {
	border-bottom: 1px solid rgba(0, 0, 0, .08) !important;
}

/* Se sobreescribe este estilo del div del picklist que muestra los listados de seleccionado y no seleccionado
* Se incrementa el alto de dichos divs para que se vean todos los elementos ya que el default solo muestra 5 renglones aprox.
* 
* También se sobreescribe el border solo agregándole el !important. 
* Lo anterior debido a que si el panelGrid usa ui-panelgrid-blank o ui-noborder quitará los bordes del panel pero también cualquier borde de picklist anidado
*/
.ui-picklist .ui-picklist-list {
	height: 100%;
	border: 1px solid #dee2e6 !important;
	font-size: x-small;
}

/** Se sobreescribe el estlo del titulo de cada listado del picklist para que muestre sus margenes a pesar de que el panelGrid tenga noborder */
.ui-picklist .ui-picklist-caption {
	border: 1px solid #dee2e6 !important;
}

/** Estilos para errores p:message */
.ui-widget .ui-widget {
	font-size: 14px;
}

.ui-message {
	padding: 1.5% !important;
	font-family: 'Montserrat', 'Inter', sans-serif !important;
}

/** Estilos para paneles */

body .ui-panelgrid .ui-panelgrid-cell {
	background: none;
	padding: 5px 15px 5px 10px;
}

.ui-columns-topbottom1px-padding.ui-panelgrid .ui-panelgrid-cell {
	padding: 1px 0 !important;
}

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

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

.ui-columns-padding-img.ui-panelgrid .ui-panelgrid-cell {
	background: none;
	padding: 0px 15px 0px 10px;
}

.ui-columns-padding-banner-in.ui-panelgrid .ui-panelgrid-cell {
	background: none;
	padding: 0 !important;
}

/* Estilo para los renglones y columnas del p:panelGrid */
.ui-grid-row .ui-grid-col-4 {
	padding: 0.5em 0;
}

/*MESSAGES*/

.ui-message-info-detail,
.ui-message-warn-detail,
.ui-message-error-detail,
.ui-message-fatal-detail {
	margin-left: 0 !important;
	font-size: 1.125rem !important;
	font-weight: 600 !important;
}

.ui-message-error {
	background-color: #FBECEC !important;
	border-radius: 4px !important;
	padding: 3px 1px !important;
	color: #8B1232 !important;
}

.ui-message-error-detail {
	color: #8B1232;
}

.ui-outputlabel.ui-state-error {
	border: none !important;
	background: none !important;
	color: #cd0a0a !important;
}

.ui-message-info {
	background-color: #C7EFBD !important;
	border-radius: 0 !important;
	padding: 3px 1px !important;
	color: #1B5C4F !important;
	border: none !important;
}

/* Estilo para el botón regresar */
.btn-regresar {
	background-color: #611232 !important;
	color: #FFFFFF !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	border: 2.2px solid #611232 !important;
	border-radius: 10px !important;
	background-image: url(/resources/img/regresar.png) !important;
	background-position: left !important;
	background-repeat: no-repeat !important;
	background-position-x: 10px !important;
}

.btn-guinda {
	background-color: #602333 !important;
	color: #FFFFFF !important;
	width: 150px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	border: 2.2px solid #602333 !important;
	border-radius: 7.55px !important;
}

.btn-blanco {
	background-color: #FFFFFF !important;
	color: #611232 !important;
	width: 150px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	border: 2.2px solid #611232 !important;
	border-radius: 7.55px !important;
}

.ui-button.btn-blanco:hover {
	border: 2.2px solid #611232 !important;
}

/* Estilos para Autenticación y Verificación */
.opnl-maxwidth {
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
}

.text-descripcion-paso {
	font-weight: bold !important;
	font-stretch: normal !important;
	font-family: Montserrat, sans-serif !important;
	font-style: normal !important;
	font-size: 36px !important;
	line-height: 1.6 !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	color: #611232 !important;
}

.ui-textos-secciones-adyt-001 {
	font-family: Montserrat, sans-serif !important;
	font-style: normal !important;
	font-size: 22px !important;
	letter-spacing: -0.555816px !important;
	color: #5D5D5D !important;
}

.ui-panels-titulo-001 {
	font-size: 22px !important;
	font-family: Montserrat, sans-serif !important;
	padding: 0 !important;
	font-style: normal;
	line-height: normal;
	font-weight: 500;
	color: #5D5D5D !important;
}

.ui-contactos-2fa {
	color: #5D5D5D !important;
	font-family: Montserrat, sans-serif !important;
	font-style: normal;
	line-height: normal;
}

/* Estilos Contraseñas */
.cajas-texto {
	max-width: 520px !important;
	width: 100%;
	border-radius: 4px !important;
	height: 37px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	font-stretch: normal !important;
	font-style: normal !important;
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	line-height: 1.5 !important;
	letter-spacing: normal !important;
	text-align: left !important;
	color: #5D5D6B !important;
}

.cajas-texto.ui-inputfield {
	border: solid 1px #f6f6f6 !important;
}

.ui-link-mostrarpass {
	font-size: 16px !important;
	font-weight: bold !important;
	font-stretch: normal !important;
	font-family: 'Montserrat', 'Inter', sans-serif !important;
	font-style: normal !important;
	line-height: 1.56 !important;
	letter-spacing: -0.5px !important;
	text-align: left !important;
	color: #611232 !important;
}

/* ESTILOS PARA FILE UPLOAD **/

/*Estilo para file upload*/
.ui-ful-identificacion-actualizar .ui-fileupload-buttonbar {
	border: none !important;
	width: 40% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	background-position: center !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background-image: url(/resources/img/upload.svg) !important;
	background-repeat: no-repeat !important;
}

/*Estilo para el boton subir Archivo*/
.ui-fileupload .ui-fileupload-buttonbar {
	font-size: 14px !important;
	font-weight: 700 !important;
	vertical-align: middle !important;
	height: 40px !important;
	font-family: 'Montserrat', sans-serif !important;
	border-radius: 4px !important;
}

/* Estilos para focus y active */
.ui-fileupload .ui-fileupload-choose:focus {
	background-color: transparent !important;
	border-color: transparent !important;
	outline: none !important;
}

/* Definimos que el hover solo afectara a los componentes fileUpload */
body .ui-fileupload .ui-state-hover {
	background: none !important;
	border-color: transparent !important;
	outline: none !important;
}

/* Estilos para el ícono */
.ui-fileupload .ui-fileupload-choose .ui-icon {
	color: transparent !important;
	background-color: transparent !important;
	border-color: transparent !important;
}

body .ui-fileupload .ui-fileupload-content {
	border: none !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	background: #FAFAFA !important;
}

.ui-ful-identificacion .ui-fileupload-buttonbar {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Estilos para el texto del botón */
.ui-ful-identificacion .ui-fileupload-choose .ui-button-text {
	justify-content: center !important;
	display: flex !important;
	align-items: center !important;
	gap: 15px;
}

/* Estilos para el ícono */
.ui-ful-identificacion .ui-fileupload-choose .ui-button-text::before {
	content: "";
	display: inline-block;
	width: 23px;
	height: 23px;
	background-image: url('/resources/img/upload-icon.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.ui-fluid .ui-fileupload .ui-button {
	width: 100% !important;
	height: auto !important;
	box-shadow: none !important;
}

body .ui-button.ui-state-hover {
	border-color: transparent !important;
}

.cajas {
	width: 100% !important;
	height: 35px !important;
	border-radius: 4.05px !important;
	gap: 10.12px !important;
	border: 2px solid #A4A4A4 !important;
	color: #A4A4A4 !important;
	font-size: 14px !important;
	padding: 4.05px 8.1px !important;
	line-height: 16.04px !important;
	font-weight: 400 !important;
	font-family: 'Monserrat', sans-serif !important;
}

.ui-lnk-001 {
	color: #611232 !important;
	font-family: Montserrat, sans-serif !important;
	font-size: 17.198px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 25.491px !important;
	text-decoration-line: underline !important;
}

/* ESTILOS PARA EL MENSAJE GENERAL  */
@media screen and (max-width: 1025px) {
	#container {
		margin-top: 25px !important;
	}
}

@media screen and (max-width: 769px) {
	#container {
		margin-top: 33px !important;
	}
}

@media screen and (max-width: 426px) {
	#container {
		margin-top: 45px !important;
	}
}