@charset "UTF-8";
:root {
  --primary-color: #D4007E;
  --background-header: #D4007E;
  --background-footer: #000000;
  --background-border: #B8006D;
  --background-button-hover: #FF82B6;
  --background-button-active: #8D0052;
  --background-box-shadow: #FFD9E4;
  --background-highlight: #FFB0CD;
  --background-hover-light: #FFD9E4;
  --background-msg-warn: #9D5AAB;
  --background-msg-warn-light: #FFEFF4;
}
/* CSS Document */
html {
	font-size: 0.8em;
}
body {
	font-size: 0.750em;
	margin: 0;
	padding: 0;
	font-family: "Roboto", sans-serif !important;
	color: #b2b2b2;
	background-color: #e9e9e9 !important
}

.subheader {
	background: #ebeced;
	color: #2D2828;
}

.header {
	background: #f8f9fa;
	color: white;
	text-align: center;
	font-size: 1em;
}
.footer {
	background: black;
	color: white;
	text-align: center;
	font-size: 1em;
}

/* Logo del IFT para Header principal */
.divLogoIne {
	height: 83px;
	width: 111px;
	background-image: url("../resources/img/logo_ine.png");
	background-repeat: no-repeat;
	margin: 5px 8px 8px 50px;
	float: left;
	overflow: hidden;
}

.divLoginSol {
	background: #b2b2b2;
	border: 1px solid #b2b2b2;
	border-radius: 0px 5px 5px 5px;
	color: #ffffff;
}

.divLoginINE {
	background: #81425D;
	border: 1px solid #603B4B;
	border-radius: 5px 5px 5px 5px;
	color: #ffffff;
	min-height: 20em !important;
	font-size: 1.4em !important;
	box-shadow: -3px 5px 5px grey;
}

.divLoginSol {
	background: #809AD4;
	border: 1px solid #51648C;
	border-radius: 5px 5px 5px 5px;
	color: #ffffff;
	min-height: 20em !important;
	font-size: 1.4em !important;
	box-shadow: -3px 5px 5px grey;
}

.divLoginSol>div>div>span {
	font-size: 1.2em !important;
}

.divLoginINE>div>div>span {
	font-size: 1.2em !important;
}

.divTitle {
	/*
	background: #950054;
	box-shadow: -3px 5px 5px grey;
	color: #ffffff;
	font-size: 1.6em;
	padding: 1em;
	*/
	padding: 0.5rem 1rem;
	color: #c50f7b;
	font-family: inherit;
	font-size: 3em;
}
.divSubTitle {
	padding: 0 1rem 1.5rem 1rem;
	color: #393939;
	font-family: inherit;
	font-size: 2em;
}
.selectFull {
	min-width: 20px !important;
	width: 90% !important;
}

.max30em {
	max-width: 30em;
}

.required::after {
	content: "*";
	color: #CC181E;
	font-weight: bold;
}

.confirmacionTitulo {
	background: #DDDDDD;
	box-shadow: 3px 3px 5px grey;
	text-align: center !important;
	font-weight: bold !important;
	font-size: 1.3em !important;
}

.redBoldText {
	color: #CC181E !important;
	font-weight: bold !important;
}

.greenBoldText {
	color: #1F7244 !important;
	font-weight: bold !important;
}

.divMensaje {
	background: #20494B;
	box-shadow: -3px 5px 5px grey;
	color: #ffffff;
	font-size: 1.6em;
	padding: 3em;
}

.adaptEmbeddedInput>input {
	width: 100% !important;
}

.rowexpandarea {
	background: #8B98CE !important;
	color: #FFFFFF !important;
	font-size: 1.2em;
}

.vigenteStatus {
	background-color: #FFFFFF !important;
}

.novigenteStatus {
	background-color: #FFFFFF !important;
}

.botonHabilitar {
	background: #C6EEB6 !important;
}

.botonDeshabilitar {
	background: #FFB9BE !important;
}

.botonBuscar {
	background: #B6D5EE !important;
}

.botonEditarSuplente {
	background: #DEB0E4 !important;
}

.botonEditarSolicitud {
	background: #FAD29B !important;
}

.etiquetaVerde {
	font-weight: bold !important;
	color: #02580E !important;
}

.etiquetaRoja {
	font-weight: bold !important;
	color: #D72F05 !important;
}

.fieldsetRojo {
	background: #F5A9BC !important;
	box-shadow: -3px 5px 5px grey;
}

.fieldsetRojo>.ui-panel-titlebar {
	font-size: 1.2em !important;
	/*color: #FFFFFF !important;*/
	background: #B40431 !important;
}

.fieldsetGris {
	background: #FFFFFF !important;
	box-shadow: -3px 5px 5px grey;
}

.fieldsetGris>.ui-panel-titlebar {
	font-size: 1.2em !important;
	color: #FFFFFF !important;
	background: #878787 !important;
	text-align: center;
}

.fieldsetGris.ui-panel .ui-panel-titlebar .ui-panel-title {
	background: #878787;
	color: white;
	font-weight: bold;
	font-family: "Roboto", arial;
	text-align: center;
}


.fieldsetGrisC {
	background: #FFFFFF !important;
	box-shadow: -3px 5px 5px grey;
	font-family: "Roboto", arial;
}

.fieldsetGrisC.ui-panel-titlebar {
	font-size: 1.2em !important;
	color: #FFFFFF !important;
	background: #878787 !important;
	font-family:"Roboto", arial;

}

.fieldsetGrisC.ui-panel .ui-panel-titlebar .ui-panel-title {
	background: #878787;
	color: white;
	font-weight: bold;
	font-family:"Roboto", arial;
	text-align: center;


}

.ui-panel .ui-panel-titlebar {
	padding: .5em 1em .3em;
	text-align: center;
}

.ui-panel .ui-panel-content {
	border: 0;
	background: 0;
	padding: .5em 1em;
	font-size: 10px;
}

.fieldsetBlanco {
	background: #FFFFFF !important;
	box-shadow: -3px 5px 5px grey;
}

.fieldsetBlanco>.ui-panel-titlebar {
	font-size: 1.2em !important;
	
	background: #D1D1D1 !important;
}

.fieldsetGrisReportes>.ui-panel-titlebar {
	font-size: 1.2em !important;
	font-weight: normal !important;
	color: #000 !important;
	background: #eee !important;
}

.campoVerde {
	color: #0B610B !important;
	font-weight: bold !important;
}

.campoRojo {
	color: #B40431 !important;
	font-weight: bold !important;
}

.fieldsetVerde {
	background: #BCF5A9 !important;
	box-shadow: -3px 5px 5px grey;
}

.fieldsetVerde>.ui-panel-titlebar {
	font-size: 1.2em !important;
	color: #FFFFFF !important;
	background: #0B610B !important;
}

.divNoAutorizacion {
	background: #950054;
	box-shadow: -3px 5px 5px grey;
	color: #ffffff;
	font-size: 3em;
	padding: 1em;
}

.botonSalirGrande {
	background: #47304E !important;
	color: #ffffff !important;
	font-size: 0.5em !important;
	padding: 0.8em !important;
	border-radius: 0.3em !important;
}

.botonSalirChico {
	margin: 0;
	outline: 0 none;
	border-radius: 4px;
	transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
	background: #607D8B;
	border: 1px solid #607D8B;
	background-color: transparent;
	color: #607D8B;
	border-color: transparent;
	font-size: 1rem;
	display: inline-block;
	position: relative;
	padding: 0;
	margin-right: 0.1em;
	text-decoration: none!important;
	cursor: pointer;
	cursor: hand;
	text-align: center;
	overflow: visible;
	padding: 0.5rem 1rem;
}

.botonSalirChico:hover{
	background: rgba(96, 125, 139, 0.04);
	border-color: transparent;
	color: #607D8B;
}

.inputUsuario {
	background: #FFFFFF !important;
}

.divMenuInicio {
	background: #DDDDDD;
	border: 1px solid #878787;
	border-radius: 5px 5px 5px 5px;
	color: #ffffff;
	min-height: 10em !important;
	font-size: 1.4em !important;
	box-shadow: -3px 5px 5px grey;
}

.divMenuInicioHeader {
	background: #878787;
	color: #ffffff;
	font-size: 1.2em !important;
}

.linksDiv {
	color: #551A8B !important;
	font-size: 1em !important;
	padding: 2em !important;
}

.fieldsetSuplente {
	margin-bottom: 1em !important;
	margin-top: 1em !important;
}

.tablaLetraChica>div>table>tbody {
	font-size: 0.98em !important;
}

.totalesTablaTexto {
	background-color: #5B9BD5 !important;
	font-weight: bold !important;
	text-align: right !important;
	color: #FFFFFF !important;
}

.totalesTablaNumero {
	background-color: #5B9BD5 !important;
	font-weight: bold !important;
	text-align: left !important;
	color: #FFFFFF !important;
}

img.zoomOut {
	max-width: 400px;
	max-height: 290px;
}

.imgVerifG {
	width: 24%;
	margin: auto;
}

.imgVerif {
	height: 300px;
	max-width: 600px;
	overflow-y: auto;
	overflow-x: auto;
	vertical-align: bottom;
}

.imgsVerifMain {
	display: flex;
	flex-direction: row;
	width: 100%;
}

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

.mesa-direccion {
	width: 100%;
	color: black !important;
}

.veinteVW {
	overflow: hidden;
	max-width: 20vw;
}
.c-principal {
	padding: 1.5em;
	background-color: #f8f9fa;
	min-height: 50em;
}
.no-padding {
	padding:0 !important;
}
.btn-file-download {
	align-items: center;
	box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
	color: white;
	background-color: #4a863a;
	padding: 1em;
	margin: 0.5em 0;
	display: inline-flex;
	font-size: 1rem;
	text-decoration: none;

}

.padr-1 {
	padding-right:1em;
}
.padl-1 {
	padding-left:1em;
}
.padt-1 {
	padding-top:1em;
}
.padb-1 {
	padding-bottom:1em;
}

.marr-1 {
	margin-right:1em;
}
.marl-1 {
	margin-left:1em;
}
.mart-1 {
	margin-top:1em;
}
.marb-1 {
	margin-bottom:1em;
}

.btn-file-download i {
	margin-right: 0.5em;
}
.fondo {
	max-width: 100%;
}
.main-container {
	margin: 0 auto 0em auto;
	padding: 0em;
	max-width: 150em;
}
body .ui-menu.ui-menubar {
	border-left: none !important;
	border-right: none !important;
	border-radius: 0px !important;
}
.card-p {
	background: linear-gradient(180deg, rgb(255 255 255) 0%, rgba(255,255,255,0) 100%) !important;
	/*box-shadow: none !important;*/
    height: 28rem;
    width: auto;
}
.ui-wizard-content {
	margin-top: 1em !important;
}
.ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
	color: #ffffff !important;
	background: #c50f7b !important;
}
.cuadro_azul_menu > span {
	color: #008df1 !important;
}
.cuadro_naranja_menu > span {
	color: #eb5b16 !important;
}
.cuadro_rojo_menu > span {
	color: #c12446 !important;
}
.cuadro_verde_menu > span {
	color: #13ad00 !important;
}
.cuadro_amarillo_menu > span {
	color: #b7aa16 !important;
}
.cuadro_rosa_menu > span {
	color: #ff33ca !important;
}
.text-center {
	text-align:center;
}
.text-right {
	text-align:right;
}

@media print {
	.ui-fieldset {
		/*
		zoom: 65%;
		-moz-transform: scale(0.65);
		-moz-transform-origin: 0 0;
		*/
	    background: #FFF; 
	    font-size: 5pt;
	}
	body, html {
		font-size: 5pt;
	}
	@-moz-document url-prefix() {
		 .ui-fieldset {
			width: 100%;
		}
	}
	
	
}
@page{
	margin: 0.3cm;
}
.tableCedulaImg {
	width:100%; 
	border: none; 
	border-collapse: collapse; 
	margin:0;
}
.tableCedulaImg tr td {
	padding:0; border: none;
}
.tableCedulaImg tr td:nth-child(1), .tableCedulaImg tr td:nth-child(3) {
	width:20%;
}
.tableCedulaImgRF tr td:nth-child(2) {
	width:60%;
}


.tableCedulaImgRF tr td:nth-child(1), .tableCedulaImg tr td:nth-child(3) {
	width:35%;
}
.tableCedulaImgRF tr td:nth-child(2) {
	width:30%;
}


.imgWithMarca{
	width: 100%; 
	object-fit: cover;
}
.contImgMarca {
	position: relative;
    display: inline-block;
    pointer-events: none;
}
.contImgMarca::after {
	content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(255, 0, 0, 0.5); /* Color y opacidad de la marca de agua */
    font-size: 24px; /* Tamaño de la marca de agua */
    font-weight: bold; /* Peso de la fuente de la marca de agua */
    pointer-events: none; /* Evita que la marca de agua sea clickeable */	
    
    
    background:repeat url("../resources/img/ine-logo-min-trans.png");
	background-size: auto 2em;
    opacity: 7%;
	width: 100%;
	height: 100%;
	
	-webkit-print-color-adjust: exact !important;
	color-adjust: exact !important;
	print-color-adjust: exact !important; 
}
.codeCed {
	word-break: break-all; 
	text-align: justify;
	font-size:0.8em;
}
body .ui-inputfield {
	background-color:#fafeff !important;
}
body .ui-selectonemenu .ui-selectonemenu-label {
	background-color:#fafeff !important;
}
body .ui-selectonemenu {
	background-color:#fafeff !important;
}

.mesa-control-style {
	background-color: #FFFFFF;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cpattern id='p' width='250' height='30' patternUnits='userSpaceOnUse' patternTransform='scale(2.03)'%3E%3Cpath id='a' data-color='outline' fill='none' stroke='%23DEF3FF' stroke-width='0.91' d='M-62.5-15C-31.3-15 0-7.5 0-7.5S31.3 0 62.5 0 125-7.5 125-7.5s31.3-7.5 62.5-7.5S250-7.5 250-7.5 281.3 0 312.5 0'%3E%3C/path%3E%3Cuse xlink:href='%23a' y='15'%3E%3C/use%3E%3Cuse xlink:href='%23a' y='30'%3E%3C/use%3E%3Cuse xlink:href='%23a' y='45'%3E%3C/use%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23p)' width='100%25' height='100%25'%3E%3C/rect%3E%3C/svg%3E");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.mesa-audiencia-style {
	background-color: #FFFFFF;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cpattern id='p' width='250' height='30' patternUnits='userSpaceOnUse' patternTransform='scale(2.03)'%3E%3Cpath id='a' data-color='outline' fill='none' stroke='%23FDF8D1' stroke-width='0.91' d='M-62.5-15C-31.3-15 0-7.5 0-7.5S31.3 0 62.5 0 125-7.5 125-7.5s31.3-7.5 62.5-7.5S250-7.5 250-7.5 281.3 0 312.5 0'%3E%3C/path%3E%3Cuse xlink:href='%23a' y='15'%3E%3C/use%3E%3Cuse xlink:href='%23a' y='30'%3E%3C/use%3E%3Cuse xlink:href='%23a' y='45'%3E%3C/use%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23p)' width='100%25' height='100%25'%3E%3C/rect%3E%3C/svg%3E");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.ui-widget, .ui-widget * {
	font-family: "Roboto", sans-serif !important;
}

body .pi {
	font-family: "primeicons" !important;
}

.footer .img-cont-f img{
	width: 12em;
}
.footer .der-res-f {
}
.footer .titulo-f {
	font-weight: bold;
	font-size: 1.2em;
}
.footer .contact-f {
	font-weight: bold;
	font-size: 1.3em;
}
.footer .tel-f {
}

.p-menuitem-link:hover {
	background-color: #FFD9E4 !important;
}
.p-menuitem-active a {
	background: #FFD9E4 !important;
}
.p-submenu-link:hover {
	background-color: #FFD9E4 !important;
}
body .ui-menu.ui-menubar {
	background: none;
	border: none;
}
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child {
	color: #D5007E;
}

body .ui-menu .ui-menuitem.ui-menuitem-active>.ui-menuitem-link {
	background-color: #FFD9E4 !important;
}

body .ui-badge {
	background: #ffd9e473;
	color: #fff;
	font-size: .75rem;
	font-weight: 700;
	min-width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
}

body .ui-overlay-badge .ui-badge {
	margin-top: 0.4em;
	margin-right: 0.4em;
}

.ui-menuitem-text {
	font-size: 1rem;
}

.containerLogin {
	background-color: #FFFFFF;
	width: 100%;
	height: 100vh;
	font-size: 16px;
	display: grid;
	grid-template-rows: auto 1fr auto;
}

.serverName {
	display: flex;
	justify-content: right;
	align-items: center;
	padding-top: 4rem;
}

.serverName .app {
	width: 2.9375rem;
	height: 2rem;
	border-radius: 0.5rem 0rem 0rem 0.5rem;
	background: #D4007E;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.75rem;
	letter-spacing: 0.03125rem;
}

.containerMain {
	display: grid;
	grid-template-columns: auto auto;
	place-items: center;
}

.sectionLeft {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.sectionLeft .titleText {
	color: #D4007E;
	text-align: center;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.03125rem;
	/*width: 45rem;*/
}

.sectionLeft .carousel {
	max-width: 40rem;
	/*height: 25rem;*/
	/*border-radius: 1.0625rem;*/
	/*background: #FFF;*/
	/*box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);*/
	/*display: flex;*/
	/*flex-direction: column;*/
	/*justify-content: center;*/
	/*align-items: center;*/
}

.carousel-item .carousel-item-content {
	border-radius: 1.0625rem;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	margin: .3rem;
	text-align: center;
	padding: 0 2rem .5rem 2rem;
}

.carousel-item .carousel-image {
	width: 55%;
}

body .ui-carousel .ui-carousel-content .ui-carousel-prev,
body .ui-carousel .ui-carousel-content .ui-carousel-next {
	background: #FFF;
	border: 2px solid #D5007F;
	color: #D5007F;
}

body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover,
body .ui-carousel .ui-carousel-content .ui-carousel-next:hover {
	background: #D5007F;
	color: #FFF;
}

body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button {
	background: #D5007F;
}

.nombreCarousel {
	color: #D5007F;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.textoCarousel {
	color: #252525;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1rem;
	letter-spacing: -0.02563rem;
}

.sectionRight {
	width: 28rem;
	height: 35rem;
	flex-shrink: 0;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 1.0625rem;
}

.sectionRight h5 {
	color: #343434;
	text-align: center;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.5rem;
	letter-spacing: 0.03125rem;
}

.sectionRight .logoApp {
	width: 17.03188rem;
	height: 6.02813rem;
	flex-shrink: 0;
	background-image: url("../resources/img/login/logo-ac-nuevo.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.sectionRight .cardBtnSocial {
	display: inline-flex;
	height: 3rem;
	align-items: center;
	gap: 0.9375rem;
	flex-shrink: 0;
	border-radius: 0.25rem;
	width: 20rem;
	margin-top: 1.5rem;
	padding-left: 2.5rem;
}

.cardBtnSocial span {
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.25rem;
	letter-spacing: 0.03125rem;
}

.cardBtnSocial .twitterLogo {
	background:
			url("/portal_captacion/resources/img/twitter.png?pfdrid_c=true")
			no-repeat center center;
	background-size: auto 100%;
	width: 1.25rem;
	height: 1.25rem;
}

.btnTwitter{
	background: #000000;
}

.btnLoginTwitter span {
	color: #FFF;
}

.cardBtnSocial .googleLogo {
	background:
			url("/portal_captacion/resources/img/googleLogo.png?pfdrid_c=true")
			no-repeat center center;
	background-size: auto 100%;
	width: 1.25rem;
	height: 1.25rem;
}

.btnGoogle {
	border: 1px solid rgba(86, 87, 88, 0.16);
}

.btnLoginTwitter, .btnLoginGoogle, .btnLoginFacebook {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 1rem;
}

.btnLoginGoogle span {
	color: #181819E5;
	font-weight: 500;
}

.cardBtnSocial .facebookLogo {
	background:
			url("/portal_captacion/resources/img/facebookLogo.png?pfdrid_c=true")
			no-repeat center center;
	background-size: auto 100%;
	width: 1.25rem;
	height: 1.25rem;
}

.btnLoginFacebook span {
	color: #FFF;
}

.btnFacebook {
	background: #2761cd;
}

.containerFooter {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4rem;
}

.containerFooter h6 {
	color: #343434;
	text-align: center;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.5rem;
	letter-spacing: 0.03125rem;
}

.containerFooter .logoIne {
	width: 8.3125rem;
	height: 2.5625rem;
	flex-shrink: 0;
	background-image: url("../resources/img/logo_ine.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
}

body .ui-commandlink:hover, body .ui-link:hover {
	text-decoration: none;
}

.containerAviso {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(51, 51, 51, 0.70);
}

.content {
	overflow: hidden;
	width: 50%;
	min-width: 50%;
	background-color: #FFF;
	padding: 20px;
	border-radius: 8px;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 5rem;
}

.content h1 {
	text-align: center;
	color: #252525;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.75rem;
	padding-top: 4rem;
}

.ui-dialog-titlebar {
	text-align: center;
	padding: 2.5rem;
}

.ui-dialog-title {
	color: #000;
}

.aviso {
	text-align: center;
	padding: 0 60px;
	overflow-y: auto;
	max-height: 50vh;
}

.aviso label {
	font-size: 1.2rem;
}

/*.ui-dialog-titlebar-icon {*/
/*	display: none;*/
/*}*/

.btnAvisoContainer {
	text-align:right;
	padding-bottom: 1.5rem;
}

.btnAviso {
	margin-top: 3em !important;
	padding: 0 2em !important;
}

.ine-button-color {
	color: white !important;
	background-color: #d5007f !important;
	border: 1px solid #d5007f !important;
}

.container-login {
	background: linear-gradient(to right, #D4007E 50%, white 50%);
	width: 100%;
	height: 100vh;
	font-size: 16px;
	display: grid;
	grid-template-rows: auto auto 1fr;
}

.container-main {
	display: grid;
	grid-template-columns: auto auto auto;
	place-items: center;
}

.container-main .logoIne {
	width: 11.0625rem;
	height: 3.375rem;
	flex-shrink: 0;
	background-image: url("../resources/img/logo_ine.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
	margin-top: 3.5rem;
}

.container-form {
	display: grid;
	grid-template-rows: auto auto 1fr auto;
	place-items: center;
	border-radius: 4.625rem;
	background: #FFF;
	width: 35rem;
	height: 48.4rem;
	flex-shrink: 0;
}

.container-form h4 {
	color: #D4007E;
	text-align: center;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.75rem;
	letter-spacing: 0.03125rem;
	padding: 0 2.5rem 0 2.5rem;
}

.container-form h6 {
	color: #434343;
	text-align: center;
	font-size: 0.9rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25rem;
	letter-spacing: 0.03125rem;
	padding: 1rem 3.5rem;
}

.img-left {
	width: 22rem;
	height: 19rem;
	flex-shrink: 0;
	background-image: url("../resources/img/login/log-img-izq.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.img-rigth {
	width: 22rem;
	height: 22rem;
	flex-shrink: 0;
	background-image: url("../resources/img/login/log-img-der.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.container-inputs {
	padding: 0 3.5rem;
}

.container-inputs label {
	color: #434343;
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	/*margin: 2rem;*/
}

.container-inputs input {
	border-radius: 0.5rem;
	border: 1px solid #B2B2B2;
	background: #FFF;
	width: 100%;
	color: #434343;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	padding: 1rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
}

.container-inputs button {
	border-radius: 0.5rem;
	background: #D4007E;
	color: #FFF;
	text-align: center;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	cursor: pointer;
	width: 100%;
	padding: 1rem;
	margin-top: 1rem;
	border: none;
}

.container-inputs input:focus-visible {
	border: none;
}

.p-text-center {
	font-size: 1.2rem;
	text-align: center;
}

/*tab*/
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
	background: #fff !important;
	border-color: #D4007E !important;
}

/* letras */
body .ui-tabmenuitem.ui-state-active a {
	color: #D4007E !important;
}

.ui-icon-color {
	color: #D4007E !important;
}

.active {
	border-bottom-color: #D4007E !important;
}

.ine-border-button-color {
	color: #d5007f !important;
	background-color: #FFFFFF !important;
	border: 1px solid #d5007f !important;
}

body .ui-button.ui-wizard-nav-next {
	color: white !important;
	background-color: #d5007f !important;
	border: 1px solid #d5007f !important;
	border-radius: 2rem !important;
}

body .ui-button.ui-wizard-nav-back {
	color: #d5007f !important;
	background-color: #FFFFFF !important;
	border: 1px solid #d5007f !important;
	border-radius: 2rem !important;
}
/* inputtext selected */
body .ui-inputfield.ui-state-hover {
	border-color: #FFD9E4 !important;
}

body .ui-inputfield.ui-state-focus {
	border-color: #d5007f !important;
	box-shadow: 0 0 0 0.1em #d5007f;
}
/* selectonemenu selected item */
body .ui-selectonemenu.ui-state-hover {
	border-color: #d5007f !important;
}

body .ui-selectonemenu.ui-state-focus {
	border-color: #d5007f !important;
	box-shadow: 0 0 0 0.1em #d5007f;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
	background: #FFD9E4 !important;
	color: #d5007f !important;
	overflow: auto;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover {
	background: #FFD9E4 !important;
	color: #d5007f !important;
	overflow: auto;
}

/* inputswitch inactive */
body .ui-inputswitch .ui-inputswitch-handle {
	color: #FFD9E4 !important;
	background: #fff;
	border-color: #FFD9E4 !important;
}
body .ui-inputswitch {
	background: #FFD9E4;
}
/* inputswitch active*/
body .ui-inputswitch.ui-inputswitch-checked {
	background: #d5007f !important;
}

body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
	background: #fff !important;
	color: #d5007f !important;
	border-color: #d5007f !important;
	margin-left: 2px;
}

body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus {
	border-color: #d5007f !important;
	outline: 0 none;
	box-shadow: 0 0 0 .2em #d5007f !important;
}

body .ui-calendar .ui-button.ui-button-icon-only {
	width: 2.357rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	color: #fff !important;
	background: #d5007f !important;
	border: #d5007f !important;
}

body .ui-datepicker .ui-timepicker-timeinput input:hover {
	border-color: #d5007f !important;
}

body .ui-datepicker .ui-timepicker-timeinput input:focus {
	border-color: #d5007f !important;
	outline: 0 none;
	box-shadow: 0 0 0 .2em #d5007f !important;
}

body .ui-datepicker .ui-datepicker-calendar td>a.ui-state-active,body .ui-datepicker .ui-datepicker-calendar td>span.ui-state-active {
	background: #d5007f !important;
	color: #fefefe !important;
	border: 0 none
}

.ine-pi-eye-button-color {
	color: #FFFFFF !important;
	background-color: #d5007f !important;
	border: 1px solid #d5007f !important;
}

body .ui-button.ui-button-info, body .ui-splitbutton.ui-button-info>.ui-button, body .ui-menubutton.ui-button-info>.ui-button {
	background: #d5007f !important;
	color: #fff;
	border: 1px solid #d5007f !important;
}

body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down {
	background: #d5007f !important;
	border: 1px solid #d5007f !important;
}

body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up {
	background: #d5007f !important;
	border: 1px solid #d5007f !important;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
	border-color: #d5007f !important;
	background: #d5007f !important;
	color: #fff;
}

body .ui-chkbox .ui-chkbox-box.ui-state-hover {
	border-color: #d5007f !important;
}

body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight {
	background: #FFD9E4 !important;
	color: #d5007f !important;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
	background-color: #FFFFFF !important;
	color: #d5007f !important;
	border-color: #d5007f !important;
	border-radius: 12px;
}

body .ui-button.ui.ui-state-active {
	background: #d5007f !important;
	border-color: #d5007f !important;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
	color: #d5007f !important;
}

body .ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.ui-state-active {
	border-color: #d5007f !important;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline {
	outline: 0 none;
	outline-offset: 0;
	box-shadow: inset 0 0 0 0.2rem #FFD9E4 !important;
}


body .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
	color: #d5007f !important;
	background-color: #FFFFFF !important;
	border: 1px solid #d5007f !important;
}

body .ui-splitbutton .ui-button:first-child {
	color: #d5007f !important;
	background-color: #FFFFFF !important;
	border: 1px solid #d5007f !important;
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover {
	background: #FFD9E4 !important;
	color: #0a0a0a !important;
}

body .ui-button.ui-state-focus {
	background: var(--background-button-active) !important;
	border-color:var(--background-border) !important;
	box-shadow: 0 0 0 0.2em #d5007f !important;
}

body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today>a,
	body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today>span, body .ui-datepicker .ui-datepicker-calendar
	td.ui-datepicker-current-day>a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day>span {
	color: #d5007f !important;
}

body .ui-datepicker .ui-datepicker-calendar td>a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td>span.ui-state-active {
	background: #FFD9E4 !important;
}

body .ui-datepicker {
	color: #d5007f !important;
}

body .ui-datepicker .ui-datepicker-next, body .ui-datepicker .ui-datepicker-prev {
	color: #d5007f !important;
}

body .ui-datepicker .ui-datepicker-next:hover,body .ui-datepicker .ui-datepicker-prev:hover {
	background: #FFD9E4 !important;
}

body .ui-datepicker .ui-datepicker-next:focus,body .ui-datepicker .ui-datepicker-prev:focus {
	box-shadow: 0 0 0 .2rem #FFD9E4 !important;
}

body .ui-datepicker .ui-datepicker-calendar td>a:focus,body .ui-datepicker .ui-datepicker-calendar td>span:focus {
	box-shadow: 0 0 0 .2rem #FFD9E4 !important;
}

body .ui-datepicker .ui-picker-up {
	color: #d5007f !important;
}

body .ui-datepicker .ui-picker-up:hover {
	background: #FFD9E4 !important;
	color: #d5007f;
	border-color: transparent
}

body .ui-datepicker .ui-picker-down {
	color: #d5007f !important;
}

body .ui-datepicker .ui-picker-down:hover {
	background: #FFD9E4 !important;
	color: #d5007f;
	border-color: transparent
}

.w-auto {
	width:auto !important;
}

body .ui-paginator-next.ui-state-focus, body .ui-paginator .ui-paginator-last.ui-state-focus {
	box-shadow: 0 0 0 0.2rem #FFD9E4 !important;
}

body .ui-paginator-next.ui-state-hover, body .ui-paginator .ui-paginator-last.ui-state-hover {
	background: #FFD9E4 !important;
	color: #d5007f !important;
	border-bottom-color: #d5007f !important;
}

body .ui-paginator .ui-paginator-first, body .ui-paginator .ui-paginator-prev, body .ui-paginator .ui-paginator-next, body .ui-paginator .ui-paginator-last {
	color: #d5007f !important;
}

body .ui-datatable .ui-datatable-data>tr.ui-state-hover {
	background: #FFD9E4 !important;
	color: #495057 !important;
}

body .ui-button.ui-button-secondary, body .ui-splitbutton.ui-button-secondary>.ui-button, body .ui-menubutton.ui-button-secondary>.ui-button {
	background: #d5007f !important;
	color: #fff;
	border: 1px solid #d5007f !important;
}

body .ui-button.ui-button-danger, body .ui-splitbutton.ui-button-danger>.ui-button, body .ui-menubutton.ui-button-danger>.ui-button {
	color: #d5007f !important;
	background-color: #FFFFFF !important;
	border: 1px solid #d5007f !important;
}

body .ui-commandlink,body .ui-link {
	color: #718ba6;
	transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
}

body .ui-commandlink:hover,body .ui-link:hover {
	color: #d5007f !important;
	text-decoration: underline
}

body .ui-commandlink:active,body .ui-link:active {
	color: #d5007f !important;
}

body .ui-card .ui-card-title {
	color: #d5007f !important;
}

body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
	color: #d5007f !important;
}

body .ui-paginator .ui-paginator-current,body .ui-paginator .ui-paginator-rpp-options {
	color: white !important;
	background: #D5007E !important;
	border-color: #D5007E !important;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
	background: #D5007E !important;
	color: white !important;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus {
	box-shadow: 0 0 0 0.2rem #FFD9E4 !important;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover {
	background: #FFD9E4 !important;
	color: white;
}
.wbreak {
	word-break: break-all;
}
body .ui-paginator .ui-paginator-first.ui-state-hover,body .ui-paginator .ui-paginator-prev.ui-state-hover,body .ui-paginator .ui-paginator-next.ui-state-hover,body .ui-paginator .ui-paginator-last.ui-state-hover {
	background: #FFD9E4 !important;
	color: #d5007f !important;
	border-bottom-color: #d5007f !important;
}

body .ui-paginator .ui-paginator-first.ui-state-focus {
	box-shadow: 0 0 0 0.2rem #FFD9E4 !important;
}

body .ui-paginator .ui-paginator-prev.ui-state-focus {
	box-shadow: 0 0 0 0.2rem #FFD9E4 !important;
}

.txt_rosa {
	color: #d5007f !important;
}

.menu_width {
	width: 13.5em !important;
}

.menu_width_sol {
	width: 16em !important;
}