@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@300;700;900&display=swap");
/*///////////////////////Publico/////////////////////////////*/

.template-principal{
	width: 100%;
	background: linear-gradient(to bottom, rgba(235,235,235,1) 0%, rgba(246,246,246,1) 47%, rgba(224,224,224,1) 100%);
}
.template-principal .template-secundario{
	width: 70%;
    position: relative;
    left: 15%;
    text-shadow: 1px 1px 3px #A1A1A1;
}

/*///////////////////////Panel Foto/////////////////////////////*/
.panel-recorte-foto{
	height: calc(40vh) !IMPORTANT;
	width: 100% !IMPORTANT;
    align-content: center;
}
.panel-camara-principal{
	width: 100% !IMPORTANT;    
	height: 640px !IMPORTANT;
}
.panel-camara-principal video {
    width: 640px ! IMPORTANT;
    height: 640px ! IMPORTANT;
}
.input-foto{
	filter: drop-shadow(var(--colorGrisBorde) 0.5rem 0.5rem 1rem);
	padding: 1rem;
}

.input-foto::file-selector-button {
	background: var(--colorBotones);    
  	color: var(--colorBlanco);
    outline: 2px solid var(--colorBlanco);
    border: 2px solid var(--colorBlanco);
    outline-offset: -2px;
    transition: outline-width 200ms ease, outline-offset 200ms ease;
    padding: 0.5em 1rem 0.5rem 1rem;
    border-radius: 1rem;
}

.input-foto::file-selector-button:hover {
    outline: 0.4rem solid var(--colorFondoPrincipal);
    border-color: transparent;
	background: var(--colorBotonesActivo);    
}
.firma-principal{
    width: 30% ! IMPORTANT;
 	height: 250px ! IMPORTANT;
    border-radius: 0.5rem;
	filter: drop-shadow(var(--colorGrisBorde) 0.5rem 0.5rem 1rem);
}
.foto-principal{
	max-height: calc(40vh);
	max-width: 90%;
	min-width: 150px;
    border-radius: 0.5rem;
	filter: drop-shadow(var(--colorGrisBorde) 0.5rem 0.5rem 1rem);
}
.foto-template{
    width: 80% ! IMPORTANT;
    border-radius: 0.5rem;
	filter: drop-shadow(var(--colorGrisBorde) 0.5rem 0.5rem 1rem);
}


.panel-camara{
	width: 205px !IMPORTANT;    
	height: 325px  !IMPORTANT;
}
.panel-camara video {
    width: 205px ! IMPORTANT;
    height: 325px ! IMPORTANT;
    border: 0.3rem solid var(--colorFondoPrincipal); 
    background: var(--colorFondoPrincipal); 
/* 	filter: drop-shadow(var(--colorFondoPrincipal) 0.5rem 0.5rem 1rem); */
}
.foto-ejemplo{
	opacity: 0.9;
}
.foto-credencial{
	min-width: 250px ! IMPORTANT;
/* 	min-width: 50% ! IMPORTANT; */
    max-width: 90% ! IMPORTANT;
    max-height: calc(40vh);
    border-radius: 0.5rem;
	filter: drop-shadow(var(--colorGrisBorde) 0.5rem 0.5rem 1rem);
}
.foto-persona{
/*     min-height: 310px ! IMPORTANT; */
    min-width: 220px ! IMPORTANT;
    border-radius: 1rem;
	filter: drop-shadow(var(--colorGrisBorde) 0.5rem 0.5rem 1rem);
}
/*///////////////////////Estilo Home/////////////////////////////*/

.logo-peon-home{
	filter: drop-shadow(var(--colorVacio) 0.5rem 0.5rem 1rem);
	padding: 2rem;
	width: 20%;
}

.tabla-home{
	width: 100% !IMPORTANT;
	background: transparent;
/*     height: calc(100vh - 220px); */
    border: 0px solid !IMPORTANT;
    border-spacing: 0px !IMPORTANT;
/*     background: linear-gradient(to bottom, var(--colorFondoPrincipalOscuro) 0%, var(--colorFondoPrincipal) 44%, var(--colorFondoPrincipalClaro) 100%); */
}
.tabla-home .columna-header{
	background: var(--colorFondoPrincipal);
    height: 100px;
}
.tabla-home .columna-logo{
	vertical-align: bottom;
	text-align: right;
}
.tabla-home .fila-color{
    border: 0px solid !IMPORTANT;
}
.tabla-home .columna-territorio{
 	font-family: "Exo 2", sans-serif !IMPORTANT;
	vertical-align: bottom;
	text-align: left;
	font-size: 2rem;
    border: 0px solid !IMPORTANT;
 	font-weight: bold;
    text-transform: uppercase;
    height: 50px;
}
.tabla-home .fila-color .columna-nombre{
	padding-left: 50px;
 	font-family: "Exo 2", sans-serif !IMPORTANT;
 	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	font-size: 2rem;
    border: 0px solid !IMPORTANT;
    text-transform: uppercase;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.tabla-home .columna-cargo{
 	font-family: "Exo 2", sans-serif !IMPORTANT;
    border: 0px solid !IMPORTANT;
	vertical-align: top;
	padding-left: 100px;
	text-align: left;
	font-size: 1.5rem;
	color: var(--colorSombra);
    height: 100px;
}
.tabla-home .fila-color .columna-foto{
	text-align: center;
	width: 200px;
    border: 0px solid !IMPORTANT;
}
.tabla-home .fila-color .columna-foto .foto{
/*     border: 1rem solid var(--colorSombra) !IMPORTANT; */
    position: absolute;
    border-radius: 50%;
	width: 160px;
    top: 230px;
    left: 50px;
}
.tabla-home .fila-color .columna-foto .foto-8a{
    position: absolute;
	width: 130px;
    top: 200px;
    right: 0px;
}
.tabla-home .columna-foto{
	vertical-align: top;
	padding-top: 2rem;
}
.tabla-home .columna-foto .foto-8a{
	width: 300px;
}
.tabla-menu{
	width: 100% !IMPORTANT;
	border: 0 solid !IMPORTANT;
    display: flex;
    flex-wrap: wrap;
}
.tabla-menu .columna{
	width: 33%;
    padding: 0.5rem 0.5rem;
	text-align: center;
	vertical-align: top;
}
.tabla-menu .columna .boton{
    border-radius: 1rem 1rem 0rem 0rem;
 	font-family: "Exo 2", sans-serif !IMPORTANT;
    background: var(--colorFondoPrincipalOscuro);
    color: var(--colorBlanco);
    box-sizing: content-box;
    padding: 0.5rem 0.2rem;
    text-align: center;
	font-size: 1.5rem;
    width: 100%;
}

.tabla-menu .columna .boton-home{
 	font-family: "Exo 2", sans-serif !IMPORTANT;
	font-size: 2.5rem;
    color: var(--colorBlanco);
    border-radius: 2.5rem;
    text-align: center;
    min-width: 50%;
    max-width: 80%;
    position: relative;
    left: 10%;
    padding: 2rem 0.8rem;
    min-height: 300px;
	vertical-align: middle;
}
.tabla-menu .columna .boton-home .logo{
    width: 90%;
    max-height: 220px;
    padding: 1rem;
    object-fit: scale-down;
}



.tabla-menu .columna .menu-titulo{
 	font-family: "Exo 2", sans-serif !IMPORTANT;
	font-size: 2.5rem;
    color: var(--colorBlanco);
    border-radius: 2.5rem;
    text-align: center;
    min-width: 50%;
    max-width: 80%;
    position: relative;
    left: 10%;
    padding: 0.5rem;
	vertical-align: middle;
}
.tabla-menu .columna .menu-titulo .tabla{
	width: 100%;
	vertical-align: middle;
}
.tabla-menu .columna .menu-titulo .tabla .columna-texto{
	width: 70%;
	text-align: left;
	padding-left: 1rem;
	vertical-align: middle;
/*     overflow-wrap: anywhere; */ */
    word-break: break-word;
}
.tabla-menu .columna .menu-titulo .tabla .columna-logo{
	width: 20%;
	text-align: right;
	padding-right: 1rem;
	vertical-align: middle;
}
.tabla-menu .columna .menu-titulo .tabla .columna-logo .logo{
    height: 55px;
    object-fit: scale-down;
}

.tabla-menu .columna .sub-menu{
    min-width: 50%;
    max-width: 80%;
    position: relative;
    left: 10%;
    padding: 0rem 3.5rem 0rem 5rem;
}
.tabla-menu .columna .sub-menu .tabla{
	width: 100%;
	vertical-align: middle;    
	box-shadow: 1px 1px 5px var(--colorSombra);
}
.tabla-menu .columna .sub-menu .tabla .columna{
	width: 100%;
	padding: 0.2rem 0.5rem
}
.tabla-menu .columna .sub-menu .tabla .columna .tabla-sub-menu{
	width: 100%;
	border-radius: 0.5rem;
}
.tabla-menu .columna .sub-menu .tabla .columna .tabla-sub-menu:hover{
	background: var(--colorSeleccionado) !IMPORTANT;
}
.tabla-menu .columna .sub-menu .tabla .columna .tabla-sub-menu .columna-logo{
	width: 15%;
	vertical-align: middle;    
}
.tabla-menu .columna .sub-menu .tabla .columna .tabla-sub-menu .columna-texto{
 	font-family: "Exo 2", sans-serif !IMPORTANT;
	font-size: 1.2rem;
	font-weight: bold;
	width: 70%;
	vertical-align: middle;
    text-align: left;  
    padding-left: 0.3rem;  
}
.tabla-menu .columna .sub-menu .tabla .columna .tabla-sub-menu .columna-flecha{
	width: 15%;
	vertical-align: middle;    
}
.tabla-menu .columna .sub-menu .tabla .columna .tabla-sub-menu .columna-flecha .logo{
    height: 35px;
    object-fit: scale-down;
}
.tabla-menu .columna .sub-menu .tabla .columna .tabla-sub-menu .columna-logo .logo{
    height: 35px;
    width: 35px;
    object-fit: scale-down;
}
.menus-home{
	width: 100% !IMPORTANT;
}
.menus-home .columna-menus{
	min-width: 250px;
}


.tabla-menu .columna .afiliacion{
    background: linear-gradient(90deg, var(--botonAfiliados) 0%, var(--botonAfiliadosObscuro) 100%);
}
.tabla-menu .columna .eventos{
    background: linear-gradient(90deg, var(--botonEventos) 0%, var(--botonEventosObscuro) 100%);
}
.tabla-menu .columna .programas{
    background: linear-gradient(90deg, var(--botonProgramas) 0%, var(--botonProgramasObscuro) 100%);
}
.tabla-menu .columna .demograficos{
    background: linear-gradient(90deg, var(--botonDemograficos) 0%, var(--botonDemograficosObscuro) 100%);
    min-height: 230px;
    max-height: calc(30vh);
}
.tabla-menu .columna .demograficos .tabla .columna-texto {
    width: 50% !IMPORTANT;
}
.tabla-menu .columna .demograficos .tabla .columna-logo {
    width: 50% !IMPORTANT;
    text-align: center !IMPORTANT;
}
.tabla-menu .columna .demograficos .tabla .columna-logo .logo {
    height: 200px;
    object-fit: scale-down;
}

.tabla-menu .columna .estadisticas{
    background: linear-gradient(90deg, var(--botonEstadisticas) 0%, var(--botonEstadisticasObscuro) 100%);
}
.tabla-menu .columna .agenda{
    background: linear-gradient(90deg, var(--botonAgenda) 0%, var(--botonAgendaObscuro) 100%);
/*     min-height: 230px; */
/*     max-height: calc(30vh); */
}
/* .tabla-menu .columna .agenda .tabla .columna-texto { */
/*     width: 50% !IMPORTANT; */
/* } */
/* .tabla-menu .columna .agenda .tabla .columna-logo { */
/*     width: 50% !IMPORTANT; */
/*     text-align: center !IMPORTANT; */
/* } */
/* .tabla-menu .columna .agenda .tabla .columna-logo .logo { */
/* /*     height: 200px; */ */
/*     object-fit: scale-down; */
/* } */


.tabla-home .columna-vacio{
	width: 18%;
}
.tabla-home .columna-home{
	padding: 2rem;
	text-align: left;
	vertical-align: top;
}
.tabla-home .columna-home-logo{
	padding: 2rem;
	text-align: right;
	vertical-align: bottom;
}
.tabla-home .columna-logos{
	padding: 2rem;
	text-align: center;
	vertical-align: bottom;
	width: 18%;
}
.tabla-home .columna-logos .logo-home{
	width: 50%;
}
.tabla-home .columna-logos .logo-home-movil{
	width: 0%;
    visibility: hidden;
}


.tabla-home .columna-home .etiqueta{
 	font-family: "Exo 2", sans-serif !IMPORTANT;
 	font-weight: 700;
 	text-shadow: 5px 5px 5px var(--colorVacio), 0 0 5px var(--colorSombra);
 	color: var(--colorBlanco)
}

/*///////////////////////Estilo Login/////////////////////////////*/

body .ui-button {
	color: var(--colorBlanco);
	/* outline: 0.3rem solid var(--colorFondoPrincipalSombreado); */
	border: 0.3rem solid var(--colorFondoPrincipalSombreado);
	/* outline-offset: -2px; */
	transition: outline-width 200ms ease, outline-offset 200ms ease;
}

/* body .ui-button:hover, */
/* body .ui-button:focus, */
/* body .ui-button:active { */
/*  	box-shadow: inset 0 0 0 25px var(--colorFondoPrincipalSombreado); */
/*   outline: 2px solid var(--colorFondoPrincipalSombreado); */
/*   outline-width: 0.4rem; */
/*   outline-offset: -0.4rem; */
/* } */
body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active {
 	outline: 2px solid var(--colorFondoPrincipal);
 	outline-width: 0.4rem;
	outline-offset: -0.4rem;
}
body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus {
  outline: 2px solid var(--colorFondoPrincipal);
  outline-width: 0.4rem;
  outline-offset: -0.4rem;
}
body .ui-button.ui-state-hover {
  outline: 2px solid var(--colorFondoPrincipal);
  outline-width: 0.4rem;
  outline-offset: -0.4rem;
}
body .ui-inputfield {
    margin-right: 1rem;
}

body .ui-inputfield::after {
	border: 0px solid;
	box-shadow: 0px 0px 0px 0px !IMPORTANT;
}
body .ui-inputfield:focus {
	border: 0px solid;
	box-shadow: 0px 0px 0px 5px var(--colorFondoPrincipal) !IMPORTANT;
}



.tabla-form-login{
	width: 100%;
	background: var(--colorFondoPrincipalOscuro) !IMPORTANT;    
	position: relative;
    left: -1px;
    box-shadow: 5px 5px 5px 3px var(--colorLetraSeleccionado);
}
.tabla-form-login .columna-form-logo{
	text-align: center;
}
.tabla-form-login .columna-form-icono{
	text-align: right;
}
.tabla-form-login .columna-form-entrada{
	text-align: left;
}
.tabla-form-login .columna-form-boton{
	text-align: center;
}
.tabla-form-login .columna-form-vacia{
	width: 2rem;
	min-width: 18px;
	background: var(--colorVacio) !IMPORTANT;
}
.form-icono{
	padding: 1rem;
}
.form-logo{
	display: none;
}
.form-logo-peon{
	display: none;
}


@keyframes moveToLeft {
      0% {
        transform: translateY(100%);
/*  		transform: scale(0.9); */
        opacity: 0%;
      }
      25% {
        transform: translateY(50%);
      }
      50% {
        transform: translateY(0rem);
        opacity: 50%;
      }
      70% {
        transform: translateY(-3%);
      }
      80% {
        transform: translateY(3%);
      }
      90% {
        transform: translateY(-3%);
      }
      100% {
        transform: translateY(0rem);
        opacity: 100%;
      }
}


.tabla-login{
	width: 100%;
	position: absolute;
    top: 35%;    
    border-collapse: collapse;
    animation: moveToLeft 1s linear;
    animation-delay: 10ms;
}
.tabla-login tr td{
	border: 0px solid;
    border-spacing: 0px;
}
.tabla-login tr{
	border: 0px solid;
    border-spacing: 0px;
}
.tabla-login .columna-vacia{
	height: 2rem;
}
.tabla-login .columna-logo{
	width: 15%;
	vertical-align: bottom;
	text-align: center;
}
.columna-form-login{
	width: 20%;
}
.titulo-peon {
	background: var(--colorFondoPrincipalOscuro) !IMPORTANT;
	vertical-align: middle;
	text-align: center;
	width: 20%;
	height: 90px;
}
.logo-peon {
	vertical-align: bottom;
	text-align: center;
}
.imagen-logo {
	padding-top: 1rem;
}

/*///////////////////////Estilo Mapas/////////////////////////////*/

.estiloMapa {
  	position: sticky !IMPORTANT;
	height: 600px;
	width: 100%;
}

.estiloMapaTab {
  	position: sticky !IMPORTANT;
	min-height: 500px;
	width: 100%;	
}

.estilo-grafico-barras {
  	position: sticky !IMPORTANT;
	min-height: 500px;
	width: 100%;	
}

.codigo-qr{
  	position: relative;
  	left: 20%;
	width: 60%;	
}

/*///////////////////////Estilo General/////////////////////////////*/
.popup-cargando{
	text-align: center;
}
.panel-principal{
	width: 100%;
    background: var(--colorFondoEstadisticas) !IMPORTANT; 
 	min-height: 70%;
}
.panel-reg-programas{
    background: linear-gradient(90deg, var(--colorFondoPrincipalOscuro) 0%, var(--colorFondoPrincipalClaro) 15%, var(--colorFondoPrincipalClaro) 85%, var(--colorFondoPrincipalOscuro) 100%) !IMPORTANT;
    border-radius: 2rem;
}
.dialogo-detalle{
	width: 60% !IMPORTANT;
}

/*///////////////////////Estilo Panel Registros Codigos/////////////////////////////*/

.popup-registro-codigos{
	text-align: center;
	background: transparent;
    box-shadow: none !IMPORTANT;
}
.popup-registro-codigos .ui-dialog-content {
	background: transparent !IMPORTANT;
}
.panel-registro-mediosfera{
	width: 100%;
	background: var(--colorBlanco) !IMPORTANT;
    box-shadow: none !IMPORTANT;
	text-align: center;
}
.panel-registro-codigos{
	width: 100%;
    box-shadow: none !IMPORTANT;
	text-align: center;
}
.panel-registro-codigos .etiqueta-validacion{
	font-size: 1rem;
    padding: 0.5rem 1rem;
	background: var(--colorRegistroCodigosFondo) !IMPORTANT;
}
.panel-registro-codigos .mensaje-error{
	text-shadow: 0 0 5px var(--colorErrorSombra), 0 0 5px var(--colorErrorSombra);
	color: var(--colorError) !IMPORTANT;
	font-size: 1.2rem;
}
.panel-registro-codigos .mensaje-error-obligatorio{
	text-shadow: 0 0 5px var(--colorErrorSombraObligatorio), 0 0 5px var(--colorErrorSombraObligatorio);
	color: var(--colorErrorObligatorio) !IMPORTANT;
	font-size: 1.3rem;
}
.logo-codigo-estructuras{
	width: 20%;
	padding: 1rem;
}
.logo-registro-estructuras{
	width: 10%;
	padding-top: 1rem;
}
.logo-texto-registro-estructuras{
	width: 15%;
	padding: 1rem 2rem 2rem 2rem;
}
.logo-registro-codigos{
	max-width:150px;
	padding-top: 1rem;
	padding-bottom: 1rem;
	filter: drop-shadow( 0rem 0rem 1rem var(--colorGrisSombra) );
/* 	border-radius: 50%; */
}
.logo-registro-codigos-footer{
	width: 5%;
	padding-top: 1rem;
	padding-bottom: 1rem;
	filter: drop-shadow( 0rem 0rem 1rem var(--colorGrisSombra) );
}
.logo-texto-registro-codigos{
	width: 350px;
	padding: 1rem 2rem 2rem 2rem;
}
.logo-error-reg-cod{
	width: 10%;
	padding: 2rem;
}
.titulo-registro-codigos{
	font-size: 2rem !IMPORTANT;
	color: var(--colorRegistroCodigosLetra) !IMPORTANT;
 	font-family: "Exo 2", sans-serif !IMPORTANT;
 	font-weight: 600;
/* 	padding: 1.5rem; */
}
.mensaje-registro-codigos{
	font-size: 1.2rem !IMPORTANT;
	color: var(--colorRegistroCodigosLetra) !IMPORTANT;
 	font-family: "Exo 2", sans-serif !IMPORTANT;
 	font-weight: 500;
}
.mensaje-4t-registro-codigos{
	font-size: 1.3rem !IMPORTANT;
	color: var(--colorRegistroCodigosLetra) !IMPORTANT;
 	font-family: "Exo 2", sans-serif !IMPORTANT;
 	font-weight: bolder;
}
.panel-foto-persona{
 	width: 100%;
 	line-height: normal;
	text-align: center;
}
.panel-foto-persona .ui-panel-footer{
	text-align: center;
	background: transparent !IMPORTANT;
	border-radius: 1rem;
}
.panel-reg-cod-entada{
	left: 15%;
 	width: 70%;
	text-align: left;
	position: relative;
 	line-height: normal;
 	border-radius: 2.5rem !IMPORTANT;
 	line-height: 2em;
}
.panel-reg-cod-mensaje{
 	line-height: 2em !IMPORTANT;
}
.panel-reg-cod-aviso{
	text-align: left;
    padding: 1rem 3rem 3rem 3rem;
}
.panel-reg-cod-entada .ui-panel-content{
 	border-radius: 2.5rem !IMPORTANT;
}
.panel-afiliador-foto{
    position: absolute;
    z-index: 100;
}
.panel-afiliador{
	text-align: center;
    box-shadow: none !IMPORTANT;
    line-height: normal;
}
.panel-afiliador .ui-panel-content{
	background: var(--colorFondoPrincipalSombreado) !IMPORTANT;
	color: var(--colorBlanco) !IMPORTANT;
    align-content: center;
}
.panel-poco-contenido{
 	line-height: 2.5em;
	text-align: center;
    box-shadow: none !IMPORTANT;
    align-content: center;
    height: calc( 100vh );
}
.panel-poco-contenido .ui-panel-footer{
	text-align: center;
	background: transparent !IMPORTANT;
	border-radius: 1rem;
}
.panel-poco-contenido .ui-panel-content{
	background: var(--colorRegCodFondoEntrada) !IMPORTANT;
    align-content: center;
}

.panel-reg-cod-entada-princ{
 	line-height: 2.5em;
	text-align: center;
    box-shadow: none !IMPORTANT;
}
.panel-reg-cod-entada-princ .ui-panel-footer{
	text-align: center;
	background: transparent !IMPORTANT;
	border-radius: 1rem;
}
.panel-reg-cod-entada-princ .ui-panel-content{
	background: var(--colorRegCodFondoEntrada) !IMPORTANT;
	min-height:calc( 100vh - 120px );
    align-content: center;
}
.panel-reg-cod-entada-princ .titulo{
	font-size: 1.5rem !IMPORTANT;
	color: var(--colorRegistroCodigosLetra) !IMPORTANT;
 	font-family: "Exo 2", sans-serif !IMPORTANT;
 	font-weight: 600;
}
.panel-reg-cod-entada-princ .entrada-telefono{
 	border-radius: 0.6rem !IMPORTANT;
    text-align: center;
}
.panel-reg-cod-entada-princ .combo-cod-reg{
	line-height: 2em !IMPORTANT;
	width: 96%;
	min-width: 150px !IMPORTANT;
    border-radius: 0.8rem;
}
.panel-reg-cod-entada-princ .combo-cod-reg .ui-selectonemenu-label{
    padding: 0rem 0.5rem;
    border-radius: 0.8rem;
    text-align: center;
}

body .ui-selectbooleanbutton, body .ui-selectonebutton > .ui-button.ui-state-active, body .ui-selectmanybutton > .ui-button.ui-state-active{
/* .panel-reg-cod-entada-princ .combo-cod-reg.ui-state-active{ */
/* .panel-reg-cod-entada-princ .combo-cod-reg> .ui-button:not(:last-child){ */
	background: var(--colorBotonesActivo) !IMPORTANT;
	color: var(--colorBlanco) !IMPORTANT;
}

.panel-reg-cod-entada-princ .combo-cod-reg-fecha {
	width: 32%;
}
.panel-reg-cod-entada-princ .entrada-telefono .ui-inputfield {
 	border-radius: 0.6rem !IMPORTANT;
    text-align: center;
}


.botones-flujo {
	background: var(--colorBlanco) !IMPORTANT;
    color: var(--colorNegro) !IMPORTANT;
    min-width: 125px !IMPORTANT;
    box-shadow: 0px 8px 21px -2px var(--colorFondoPrincipalClaro);
}
.botones-flujo.ui-state-active {
	background: var(--colorBotones) !IMPORTANT;
    color: var(--colorBlanco) !IMPORTANT;	
    outline: none !IMPORTANT;
	border: 0.3rem solid var(--colorFondoPrincipalSombreado) !IMPORTANT;
}
.botones-flujo.ui-state-focus {
	background: var(--colorBotones) !IMPORTANT;
    color: var(--colorBlanco) !IMPORTANT;
    outline: none !IMPORTANT;
	border: 0.3rem solid var(--colorFondoPrincipalSombreado) !IMPORTANT;
}
.botones-flujo.ui-state-hover {
	background: var(--colorBotones) !IMPORTANT;
    color: var(--colorBlanco) !IMPORTANT;
    outline: none !IMPORTANT;
	border: 0.3rem solid var(--colorFondoPrincipalSombreado) !IMPORTANT;
}
.botones-tomar {    
	padding: 0.5rem 2.5rem 0.5rem 0.5rem !IMPORTANT;
}
.leyenda-validacion {   
	font-size: 1rem !IMPORTANT;
    line-height: 1 !IMPORTANT;
    text-align: justify;
    padding: 1rem 5rem;
}
.panel-registro-codigos .aviso-privacidad{
	font-size: 1.5rem !IMPORTANT;
	color: var(--colorBlanco) !IMPORTANT;
 	font-family: "Exo 2", sans-serif !IMPORTANT;
 	font-weight: 500;
    text-shadow: 1px 1px 3px var(--colorLetraDashMinimo);
}
.panel-registro-codigos .link-aviso-privacidad{
	font-size: 1.5rem !IMPORTANT;
	color: var(--colorLetraDashMinimo) !IMPORTANT;
 	font-family: "Exo 2", sans-serif !IMPORTANT;
 	font-weight: 600;
    text-shadow: 1px 1px 3px var(--colorBlanco);
}
.panel-reg-cod-entada .etiqueta-principal{
	font-size: 1rem !IMPORTANT;
	color: var(--colorFiltrosSeleccionado) !IMPORTANT;
 	font-family: "Exo 2", sans-serif !IMPORTANT;
 	font-weight: 500;
 	margin-left: 2rem;
}
.panel-reg-cod-entada .etiqueta{
	font-size: 1.2rem !IMPORTANT;
	color: var(--colorRegistroCodigosLetra) !IMPORTANT;
 	font-family: "Exo 2", sans-serif !IMPORTANT;
 	font-weight: 600;
 	margin-left: 2rem;
}
.panel-reg-cod-entada .boton{
 	border-radius: 1rem !IMPORTANT;
    margin: 2px 2px 0px 2px;
}
.panel-reg-cod-entada .boton-compartir{
 	border-radius: 1rem !IMPORTANT;
	font-size: 2rem !IMPORTANT;
}
.panel-reg-cod-entada .boton-compartir .pi {
    font-size: 2rem;
}
.panel-reg-cod-entada .boton-compartir .ui-icon {
    top: 35% !IMPORTANT;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	left: 0.5rem !IMPORTANT;
}
.panel-reg-cod-entada .boton-compartir .ui-button-text {
    padding: 0.4em 1rem 1rem 4rem !IMPORTANT;
}
.panel-reg-cod-entada .codigoQR{
	 width:15%;
}
.panel-reg-cod-entada .boton.ui-button-text-icon-left .ui-icon {
	color: var(--colorFiltros);
    border: 2px solid var(--colorFiltros);
    border-radius: 50%;
    padding: 3px;
    left: auto;
    top: 35%;
    right: 5%;
}
.panel-reg-cod-entada .boton.ui-button-text-icon-left .ui-button-text {
    padding: 0.5em 2.5rem 0.5rem 1rem;
}	
/*///////////////////////Estilo Tablas General/////////////////////////////*/

.tabla-agregado-corto{
	width: 50%;
	position: relative;
	left: 25%
}
.tabla-principal{
	width: 100%;
}
.panel-fotos{
	text-align: center;
}
.panel-cargar-fotos{
	text-align: center;
	width: 350px;
	max-width: 350px;
    word-wrap: break-word
}
.panel-cargar-fotos .nombre-archivo{
	font-weight: 500;
}
.columna-etiqueta-larga{
	font-weight: bold;
	width: 20%;
	max-width: 20% ;
	min-width: 5%;
}
.columna-etiqueta{
	background: var(--colorRegistroCodigosFondo) !IMPORTANT;
	font-weight: bold;
	width: 10%;
	max-width: 20% ;
	min-width: 5%;
}
.columna-foto{
	text-align: center;
	width: 120px;
	min-width: 50px;
}
.columna-credencial{
	text-align: center;
	min-width: 50px;
}
.columna-triple{
	max-width: 40%;
	min-width: 33%;
	text-align: center;
}
.columna-ruta{
	max-width: 80%;
	min-width: 70%;
	width: 60%;
}
.columna-num-registros{
	max-width: 15%;
	min-width: 5%;
	width: 10%;
}
.columna-sumatoria{
	background: var(--colorLetraDashSubTitulo) !IMPORTANT;
	color: var(--colorBlanco) !IMPORTANT;
	font-weight: bolder !IMPORTANT;
	font-size: 1rem !IMPORTANT;
}
.columna-entrada{
	max-width: 90%;
	min-width: 80%;
}
.columna-tablas{
	width: 50%;
	vertical-align: top;
}
.columna-grafico{
	width: 88%;
	vertical-align: top;
/* 	background-color: transparent !IMPORTANT; */
}
.columna-totales{
	text-align: center;
	width: 12%;
	vertical-align: middle;
/* 	background-color: transparent !IMPORTANT; */
}
.logo-totales{
	width: 70%;
}
.numero-totales{
	font-size: 2.5em !IMPORTANT;
	font-weight: bolder;
	color: var(--colorFondoPrincipalOscuro) !IMPORTANT;
 	font-family: "Exo 2", sans-serif !IMPORTANT;
}
.titulo-totales{    
	padding: 0.4rem !IMPORTANT;
	font-size: 1.5rem !IMPORTANT;
	font-weight: bold !IMPORTANT;        
	text-align: right !IMPORTANT;
	background: var(--colorFondoPrincipal) !IMPORTANT;
	color: var(--colorBlanco) !IMPORTANT;
}
.cantidad-totales{   
	padding: 0.4rem !IMPORTANT;
	font-size: 1.5rem !IMPORTANT;          
	text-align: left !IMPORTANT;   
	font-weight: bold !IMPORTANT;
	background: var(--colorFondoPrincipal) !IMPORTANT;
	color: var(--colorBlanco) !IMPORTANT;
}
.boton-nodos-reporte{
 	border-radius: 50% !IMPORTANT;
}
.botones-compartir{
 	width: 95% !IMPORTANT;
}

/*///////////////////////Estilo Entradas de Datos General/////////////////////////////*/

.texto-resaltado{
	font-weight: bold;     
}
.entrada-texto{
	width: 100%;
	min-width: 150px;
}
.entrada-telefono{
	width: 96%;
	min-width: 150px;
}
.entrada-telefono .ui-inputfield, .entrada-telefono .ui-inputfield {
    text-align: center !IMPORTANT;
    font-size: 1.2rem;
}
.combo{
	width: 100%;
	min-width: 150px;
}
.combo-fecha {
	width: 31%;
    border-radius: 0.3rem;
    padding: 0.3rem 1rem;
    box-shadow: 1px 1px 4px 0px var(--colorSombra);
}
.combo-dashboard {
	width: 94%;
	min-width: 150px;
    border-radius: 0.3rem;
    padding: 0.3rem 1rem;
    box-shadow: 1px 1px 4px 0px var(--colorSombra);
}
.entrada-texto-dashboard {
	width: 94%;
	min-width: 150px;
    border-radius: 0.3rem;
    padding: 0.3rem 1rem;
    box-shadow: 1px 1px 4px 0px var(--colorSombra);
}
/*///////////////////////Estilo de Dashboard/////////////////////////////*/

/*   	Cuadro de candidato y partido 		 */ 
.panel-pres-mun {
 	position: absolute;
  	top: 90%;
  	left: -10%;
  	width: 40%;
  	min-height: 150px; 
    padding: 1.8rem 1rem;
    border-radius: 1rem !IMPORTANT;
    background: var(--colorPrincipalClaro);
    box-shadow: 5px 5px 5px var(--colorGrisSombra);
    border: 1px solid var(--colorGrisBorde);
}
.tabla-pres-mun {
    width: 100%;
}
.pres-mun-titulo{
	font-size: 1.5rem !IMPORTANT;
 	color: var(--colorLetraDashSubTitulo);
}
.pres-mun-candidato{
	font-size: 1.8rem !IMPORTANT;
	font-weight: bold;
 	color: var(--colorLetraDashTitulo);
}
.logo-partido {
	width: 100px;
    height: 100px;
	border-radius: 50%;
	filter: drop-shadow( 0 0 0.2rem var(--colorGrisSombra) );
}
.logo-foto {
	width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 3px solid var(--colorLetraDashSubTitulo);
	filter: drop-shadow( 0 0 0.2rem var(--colorGrisSombra) );
    display: inline-block;
}

/*   	Cuadro de N° de secciones 		 */ 


.panel-num-secciones {
 	position: absolute;
  	top: 90%;
  	left: 55%;
  	width: 28%;
    padding: 0.8rem 1rem;
  	min-height: 150px;
    border-radius: 1rem !IMPORTANT;
    background: var(--colorPrincipalClaro);
    box-shadow: 5px 5px 5px var(--colorGrisSombra);
    border: 1px solid var(--colorGrisBorde);
}
.tabla-num-secciones {
 	width: 100%;
}
.tabla-num-secciones .tipos {
 	text-align: left;
 	padding-left: 0.5rem;
}
.tabla-num-secciones .tipos-numero {
 	text-align: right;
}
.num-secciones{
	font-size: 2.5rem !IMPORTANT;
	font-weight: bold;
 	color: var(--colorNegro);
}
.texto-num-secciones{
	font-size: 1.3rem !IMPORTANT;
 	color: var(--colorLetraDashSubTitulo);
}
.num-secciones-tipo{
	font-size: 1.9rem !IMPORTANT;
	font-weight: bold;
 	color: var(--colorNegro);
}
.texto-num-secciones-tipo{
	font-size: 1.4rem !IMPORTANT;
 	color: var(--colorLetraDashSubTitulo);
}
.logo-mapa {
	width: 50px;
	filter: drop-shadow( 0 0 0.2rem var(--colorGrisSombra) );
}

/*   	Cuadro de Listado Nominal		 */ 

.panel-ln {
 	position: absolute;
  	top: 90%;
  	left: 85%;
  	width: 28%;
    padding: 2.5rem 1rem;
  	min-height: 150px;
    border-radius: 1rem !IMPORTANT;
    background: var(--colorPrincipalClaro);
    box-shadow: 5px 5px 5px var(--colorGrisSombra);
    border: 1px solid var(--colorGrisBorde);
}
.tabla-ln {
    width: 100%;
}
.logo-ln {
	width: 75px;
	filter: drop-shadow( 0 0 0.1rem var(--colorGrisSombra) );
}
.ln{
	font-size: 42px;
	font-weight: bold;
 	color: var(--colorLetraDashTitulo);
}
.ln-entidad{
	font-size: 32px;
	font-weight: bold;
 	color: var(--colorLetraDashTitulo);
}


/*   	Cuadro de Detalle elecciones		 */ 

.tabla-resultados{
    width: 100%;
	padding-top: 13rem;
    padding-bottom: 2rem;
	text-align: center;
}
.tabla-resultados td{
    vertical-align: top;
}
.panel-detalle-eleccion {
    margin: 5px;
  	width: 230px;
  	min-height: 150px;
    border-radius: 1rem !IMPORTANT;
    background: var(--colorPrincipalClaro);
    box-shadow: 5px 5px 5px var(--colorGrisSombra);
    border: 1px solid var(--colorGrisBorde);
}
.tabla-detalle-eleccion {
 	width: 100%;
 	line-height: normal;
    padding: 1.5rem 0.5rem;
}
.tabla-detalle-eleccion td {
 	text-align: center;
}

/* .grafica-resultados-elecciones { */
/*  	width: 100%;  */
/* } */
/* .grafica-participacion { */
/*  	width: 500px;  */
/* } */
/* .grafica-pie { */
/*  	width: 300px; */
/*  	height: 300px;  */
/*     position: relative; */
/*     left: calc(50% - 150px); */
/* } */
.tabla-dash-datos .ui-panel-content {
    display: flex;
    flex-wrap: wrap;
}
.tabla-dash-datos .panel-grafica-barras-completo {
 	width: 100% !important; 
}
.tabla-dash-datos .panel-grafica-barras {
 	width: 50%; 
 	vertical-align: middle;
}
.tabla-dash-datos .panel-grafica-pie {
 	width: 50%; 
 	vertical-align: middle;
}
.tabla-dash-datos .panel-grafica-barras .grafica-barras {
	padding: 1rem;
 	width: 100%;
 	min-height: 400px; 
 	filter: drop-shadow(2px 2px 10px var(--colorGrisSombra));
}
.tabla-dash-datos .panel-grafica-pie .grafica-pie {
	padding: 1rem;
	position: relative;
/* 	left: calc((100% - 200px)/2);   */
	left: calc(25%);
 	width: 400px;
 	height: 400px; 
 	filter: drop-shadow(2px 2px 10px var(--colorGrisSombra));
}

.tabla-ganadores {
    width: 95%;
    left: 2%;
    position: relative;
}
.tabla-ganadores td {
    width: 10%;
}
.tabla-ganadores .td-primera-fuerza {
 	background: #DEDEDE;
}
.tabla-ganadores .primera-fuerza {
	font-size: 1.5rem !IMPORTANT;
 	color: var(--colorLetraDashPorcentaje);
}
.tabla-ganadores .ganadores-titulo {
	font-size: 1rem !IMPORTANT;
 	color: var(--colorLetraDashPorcentaje);
}
.tabla-ganadores .ganadores-partido {
	font-size: 1.2rem !IMPORTANT;
	font-weight: bold;
 	color: var(--colorLetraDashPorcentaje);
}
.tabla-ganadores .ganadores-votos {
	font-size: 1rem !IMPORTANT;
 	color: var(--colorLetraDashPorcentaje);
}
.ln{
	font-size: 3rem !IMPORTANT;
	font-weight: bold;
 	color: var(--colorLetraDashTitulo);
}
.ln-entidad{
	font-size: 2.5rem !IMPORTANT;
	font-weight: bold;
 	color: var(--colorLetraDashTitulo);
}
.detalle-eleccion-maximo-ent{
	font-size: 1.8rem !IMPORTANT;
	font-weight: bold;
 	color: var(--colorLetraDashMaximo);
}
.detalle-eleccion-promedio-ent{
	font-size: 1.8rem !IMPORTANT;
	font-weight: bold;
 	color: var(--colorLetraDashSubTitulo);
}
.detalle-eleccion-minimo-ent{
	font-size: 1.8rem !IMPORTANT;
	font-weight: bold;
 	color: var(--colorLetraDashMinimo);
}
.detalle-eleccion-maximo{
	font-size: 2rem !IMPORTANT;
	font-weight: bold;
 	color: var(--colorLetraDashMaximo);
}
.detalle-eleccion-promedio{
	font-size: 2rem !IMPORTANT;
	font-weight: bold;
 	color: var(--colorLetraDashSubTitulo);
}
.detalle-eleccion-minimo{
	font-size: 2rem !IMPORTANT;
	font-weight: bold;
 	color: var(--colorLetraDashMinimo);
}
.detalle-promedios-titulo{
	font-size: 1.2rem !IMPORTANT;
 	color: var(--colorLetraDashSubTitulo);
}
.detalle-eleccion-porcentaje{
	font-size: 1.2rem !IMPORTANT;
 	color: var(--colorLetraDashPorcentaje);
}
.detalle-eleccion-numero{
	font-size: 1.5rem !IMPORTANT;
	font-weight: bold;
 	color: var(--colorLetraDashSubTitulo);
}
.detalle-eleccion-titulo{
	font-size: 1.4rem !IMPORTANT;
 	color: var(--colorLetraDashSubTitulo);
}
.logo-partido-ficha {
	height: 3rem;
	filter: drop-shadow(var(--colorGrisBorde) 0.1rem 0.1rem 0.5rem);
	border-radius: 0.3rem;
	max-width: 80%;
}
.logo-coalicion-pri {
	width:50%;
}
.logo-promedios{
	width:80%;
}
.logo-coalicion-morena {
	width:65%;
}
.logo-codigo{
	width: 20%;
	padding: 1rem;
}



.logo-medalla {
    width: 30px;
/*     right: 10%; */
/*     position: absolute; */
}
.texto-medalla {
    top: -10px;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    position: relative;
}
.texto-titulo-asamblea {
    padding: 1rem;
    font-size: 1.2rem !important;
}
.texto-asamblea {
	white-space: pre;
	font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
    font-size: 1rem;
/*     font-weight: normal; */
}
.texto-medalla-numero {
	font-size: 2.8rem !IMPORTANT;
}
.texto-metas {
	color: var(--colorGrisSombra);
}
.texto-numero-metas {
	font-size: 1rem !IMPORTANT;
}
.titulo-municipio {
	font-size: 2rem !IMPORTANT;
    padding: 0.5rem;
}
.tabla-metas {
	left: 5%;
	position: relative;
	background: var(--colorErrorSombra);
	width: 90% !IMPORTANT;
    border-radius: 1rem;
    padding: 1rem;
}
.tabla .columna-tablas{
	vertical-align: top;
	text-align: center;
    padding: 1rem;
}
.tabla-metas .columna{
	text-align: left !IMPORTANT;
    padding-bottom: 1rem;
    padding-left: 1rem;
}
.tabla-metas .columna-numeros{
	text-align: left !IMPORTANT;
    padding-bottom: 1rem;
    width: 10%;
}
.tabla-metas .columna-logo{
	text-align: right !IMPORTANT;
    padding-right: 1rem;
    padding-bottom: 1rem;
}
.estrellas-tabla .ui-rating-star-on a {
    color: #F9DD1A !IMPORTANT;
/*     font-size: 1.9rem !IMPORTANT; */
/*     height: 2rem !IMPORTANT; */
/*     width: 2rem !IMPORTANT; */
}
/* .estrellas-tabla .ui-rating-star a { */
/*     font-size: 1.9rem !IMPORTANT; */
/*     height: 2rem !IMPORTANT; */
/*     width: 2rem !IMPORTANT; */
/* } */
.estrellas .ui-rating-star-on a {
    color: #F9DD1A !IMPORTANT;
    font-size: 1.9rem !IMPORTANT;
    height: 2rem !IMPORTANT;
    width: 2rem !IMPORTANT;
}
.estrellas .ui-rating-star a {
    font-size: 1.9rem !IMPORTANT;
    height: 2rem !IMPORTANT;
    width: 2rem !IMPORTANT;
}
.barra-progreso{
    height: 2rem !IMPORTANT;
}
.grafico-afiliacion{
	width: 90% !IMPORTANT;
	position: relative;
	top: 5%;
/*     max-width: 350px !IMPORTANT; */
/*     position: sticky !IMPORTANT; */
}
.columna-titulo-blanca{
    background: var(--colorBlanco) !IMPORTANT;
    padding: 0px !IMPORTANT;
    border: 0px solid var(--colorBlanco) !IMPORTANT;
}
.columna-titulo-tabla{
    background: var(--colorErrorSombra) !IMPORTANT;
}
.columna-titulo-tabla .ui-column-title {
    font-weight: bold !IMPORTANT;
}
.columa-textos-tabla{
	text-align: left;
}
.columna-id-reporte{
	text-align: center;
    text-shadow: 0px 0px 5px var(--colorBlanco);
    font-weight: bold;
}
.elemento-radio-fondo{
	width: 15px;
	height: 15px;
}


.buscador-columna-titulo {
    font-weight: bold !IMPORTANT;
    max-width: 20%;
    width: 10%;
}
.buscador-columna-combo {
	padding: 0.1rem;
}



.tabla-dash-datos {
	left: 15%;
 	width: 70%;
	position: relative;
}
.panel-dash-footer{
	left: 15%;
 	width: 70%;
	text-align: center;
	position: relative;
 	line-height: normal;
}
.panel-dash-footer .ui-panel-content{
 	background: var(--colorFondoPrincipal) !IMPORTANT;
 	color: var(--colorBlanco) !IMPORTANT;
}
.panel-dash-contenido {
	left: 15%;
 	width: 70%;
	text-align: center;
	position: relative;
 	line-height: normal;
}
.panel-dash-contenido .boton {
	font-size: 1.2rem;
	font-weight: bold;
 	font-family: "Exo 2", sans-serif !IMPORTANT;
	box-shadow: 0 0.2rem 0.2rem var(--colorFiltrosSeleccionado), 0px -0.2rem 0.2rem var(--colorFiltros);
}
.panel-dash-contenido .boton .ui-button-text {
    padding: 0.3em 1rem 0.5rem 2.5rem !IMPORTANT;
	text-shadow: 0 1px 1px var(--colorFondoPrincipalClaro), 0px -1px 1px var(--colorFondoPrincipalOscuro);
}
.panel-dash-contenido .boton .ui-icon {
	text-shadow: 0 1px 1px var(--colorFondoPrincipalClaro), 0px -1px 1px var(--colorFondoPrincipalOscuro);
}
.panel-dash-contenido .titulo {
	font-size: 1.5rem;
	font-weight: normal;
 	font-family: "Exo 2", sans-serif !IMPORTANT;
	color: var(--colorNegro);
	text-shadow: 0 1px 1px var(--colorFiltrosSeleccionado), 0px -1px 1px var(--colorFiltros);
}
.panel-dash-contenido .etiqueta {
	font-size: 1.5rem;
	font-weight: bold;
 	font-family: "Exo 2", sans-serif !IMPORTANT;
 	text-transform: uppercase;
	color: var(--colorBlanco);
	text-shadow: 0 1px 1px var(--colorFondoPrincipalClaro), 0px -1px 1px var(--colorFondoPrincipalOscuro);
	box-shadow: 0 1px 1px var(--colorNegro), 0px -1px 1px var(--colorFondoPrincipalOscuro);
	background: var(--colorFondoPrincipal);
	padding: 0.2rem 1rem;
}
.panel-dash-titulo {
	left: 15%;
 	width: 70%;
	text-align: center;
	position: relative;
 	line-height: normal;
 	background: var(--colorNegro) !IMPORTANT;
 	color: var(--colorBlanco) !IMPORTANT;
    border-radius: 2rem 4px 2rem 4px !IMPORTANT;
}
.panel-dash-titulo .ui-panel-content{
 	background: var(--colorNegro) !IMPORTANT;
 	color: var(--colorBlanco) !IMPORTANT;
    border-radius: 2rem 4px 2rem 4px !IMPORTANT;
}
.panel-dash-titulo .logo-titulo {
    width: 60px;
    right: 10%;
    position: absolute;
}
.panel-dash-titulo .titulo {
	font-size: 3rem;
	font-weight: bold;
 	font-family: "Exo 2", sans-serif !IMPORTANT;
	text-shadow: 2px 2px 1px var(--colorFondoPrincipalOscuro), -1px -1px 1px var(--colorFondoPrincipalOscuro), -2px 2px 1px var(--colorFondoPrincipal), 1px -1px 1px var(--colorFondoPrincipalClaro);
}
.panel-dash-titulo .tabla {
	width: 100%;
}
.panel-dash-titulo .tabla .columna-titulo {
	width: 40%;
	text-align: right !IMPORTANT;
	padding-bottom: 0.2rem;
}
.panel-dash-titulo .tabla .columna-combo {
	width: 60%;
	text-align: left !IMPORTANT;
	padding-bottom: 0.2rem;
}
.panel-dash-titulo .tabla .columna-botones {
	width: 100%;
	padding-top: 0.5rem;
}
.panel-dash-titulo .sub-titulo {
	font-size: 20px;
	padding-right: 1rem;
}
.panel-dash-titulo .combo-titulo{
	width: 450px;
	height: 25px;
	min-width: 100px;
}
.panel-dash-titulo .combo-titulo .ui-selectcheckboxmenu-label-container {
	padding: 5px;
}
.panel-dash-titulo .combo-titulo .ui-selectonemenu-label {
    text-align: center;
    padding: 5px;
}
.tabla-dash-datos .tabla .columna-asamblea-titulo {
    border: 0.2rem solid var(--colorGrisBorde);
	text-align: center !IMPORTANT;
	width: 50% !IMPORTANT;
	padding: 1rem;
}
.tabla-dash-datos .tabla .columna-asamblea-textos {
    border: 0.2rem solid var(--colorGrisBorde);
	text-align: justify !IMPORTANT;
	width: 50% !IMPORTANT;
	padding: 2rem 4rem;
    align-content: center;
}


.texto-confirmacion {
    font-size: 1.3rem;
}
.aud-solicitadas {
	text-transform: uppercase !IMPORTANT;
	font-size: 1.2rem !IMPORTANT;
	font-weight: bold !IMPORTANT;
	background: var(--colorAudSolicitadas) !IMPORTANT;
}
.aud-acepadas {
	text-transform: uppercase !IMPORTANT;
	font-size: 1.2rem !IMPORTANT;
	font-weight: bold !IMPORTANT;
	background: var(--colorAudAcepadas) !IMPORTANT;
}
.aud-reprogramadas {
	text-transform: uppercase !IMPORTANT;
	font-size: 1.2rem !IMPORTANT;
	font-weight: bold !IMPORTANT;
	background: var(--colorAudReprogramadas) !IMPORTANT;
}
.aud-rechazadas {
	text-transform: uppercase !IMPORTANT;
	font-size: 1.2rem !IMPORTANT;
	font-weight: bold !IMPORTANT;
	background: var(--colorAudRechazadas) !IMPORTANT;
}
.aud-candeladas {
	text-transform: uppercase !IMPORTANT;
	font-size: 1.2rem !IMPORTANT;
	font-weight: bold !IMPORTANT;
	background: var(--colorAudCandeladas) !IMPORTANT;
}
.panel-principal .mascota-reporte-programa {
    width: 15% ! IMPORTANT;
    position: fixed;
}


/* .tabla-menu { */
/* 	width: 100%; */
/* } */
/* .tabla-menu .columna { */
/* 	width: 100%; */
/* } */



body .ui-card .ui-card-footer {
    text-align: center;
}

/* body .ui-growl .ui-growl-item-container .ui-growl-item{ */
	
/* } */

body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal {
  animation: vibrar 0.15s infinite;
/*   background: #FF8787; */
/*   color: var(--colorBlanco); */
}
body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image{
/*   color: var(--colorBlanco); */
}
body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon{
/*   color: var(--colorBlanco); */
}

@keyframes vibrar {
  0% { transform: rotate(0deg); }
  15% { transform: rotate(1deg); }
  30% { transform: rotate(0eg); }
  45% { transform: rotate(1deg); }
  60% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

body .ui-selectonemenu.ui-state-focus{
/*     border: 0.3rem solid var(--colorFondoPrincipal);  */
/* 	border: 0px solid; */
	box-shadow: 0px 0px 0px 5px var(--colorFondoPrincipal) !IMPORTANT;
}

@media (max-width: 1920px) {
	.tabla-menu .columna .demograficos{
	    min-height: 200px;
	}
	.tabla-menu .columna .demograficos .tabla .columna-logo .logo {
	    height: 190px;
	}
	.tabla-menu .columna .demograficos .tabla .columna-texto {
	    font-size: 2rem;
	}
/* 	.tabla-menu .columna .agenda{ */
/* 	    min-height: 200px; */
/* 	} */
/* 	.tabla-menu .columna .agenda .tabla .columna-logo .logo { */
/* 	    height: 190px; */
/* 	} */
}
@media (max-width: 1440px) {
	
	/*///////////////////////Estilo de Dashboard/////////////////////////////*/

	/*   	Cuadro de candidato y partido  */ 
	.pres-mun-titulo{
		font-size: 16px;
	}
	.pres-mun-candidato{
		font-size: 18px;
	}
	
	/*   	Cuadro de N° de secciones  */ 
	.num-secciones{
		font-size: 24px;
	}
	.texto-num-secciones{
		font-size: 14px;
	}
	.num-secciones-tipo{
		font-size: 16px;
	}
	.texto-num-secciones-tipo{
		font-size: 14px;
	}

	/*   	Cuadro de Listado Nominal		 */ 
	.ln {
	    font-size: 32px;
	}
	.ln-entidad{
		font-size: 24px;
	}
	/*   	Cuadro de Listado Nominal		 */ 
	.panel-detalle-eleccion {
	    margin: 2px;
	  	width: 160px;
	}
	.detalle-eleccion-maximo-ent{
		font-size: 13px;
	}
	.detalle-eleccion-promedio-ent{
		font-size: 13px;
	}
	.detalle-eleccion-minimo-ent{
		font-size: 13px;
	}
	.detalle-eleccion-maximo{
		font-size: 15px;
	}
	.detalle-eleccion-promedio{
		font-size: 15px;
	}
	.detalle-eleccion-minimo{
		font-size: 15px;
	}
	.detalle-promedios-titulo{
		font-size: 11px;
	}
	
	
	.tabla-dash-datos {
		left: 10%;
	 	width: 80%;
	}
	.panel-dash-contenido {
		left: 10%;
	 	width: 80%;
	}
	.panel-dash-footer{
		left: 10%;
	 	width: 80%;
	}
	.panel-dash-contenido .titulo {
		font-size: 1.2rem;
	}
	.panel-dash-contenido .etiqueta {
		font-size: 1.2rem;
	}
	.panel-dash-titulo {
		left: 10%;
	 	width: 80%;
	}
	.panel-dash-titulo .titulo {
		font-size: 2.5rem;
	}
	.panel-dash-titulo .sub-titulo {
		font-size: 20px;
	}
	.panel-dash-titulo .combo-titulo{
		font-size: 14px;
		width: 300px;
	}

	/*///////////////////////Estilo General/////////////////////////////*/
	
	.dialogo-detalle{
		width: 70% !IMPORTANT;
	}
	
	/*///////////////////////Pantalla Home/////////////////////////////*/
	.tabla-home .fila-color .columna-foto{
		width: 250px;
	}
	.tabla-home .fila-color .columna-foto .foto{
		width: 150px;
	    top: 220px;
	    left: 100px;
	}

 	.tabla-menu .columna{ 
		width: 50% !IMPORTANT;
   		padding: 0.5em 0.2em;
	}
	.tabla-menu .columna .boton-home{
    	min-height: 250px;
    	font-size: 1.5rem;
	}
}

@media (max-width: 1366px) {
	/*///////////////////////Pantalla Home/////////////////////////////*/
	.tabla-home .columna-territorio{
		font-size: 1.5rem;
	}
	.tabla-home .fila-color .columna-nombre{
		padding-left: 20px;
		font-size: 1.5rem;
	}
	.tabla-home .columna-cargo{
		padding-left: 40px;
		font-size: 1rem;
	}
	.tabla-home .fila-color .columna-foto{
		width: 250px;
	}
	.tabla-home .fila-color .columna-foto .foto{
		width: 150px;
	    top: 220px;
	    left: 100px;
	}
	.tabla-home .fila-color .columna-foto .foto-8a{
	    position: absolute;
		width: 120px;
	    top: 190px;
	}
	
 	.tabla-menu .columna{
		width: 50% !IMPORTANT;
   		padding: 0.5em 0.2em;
	}
	.tabla-menu .columna .boton-home{
    	min-height: 250px;
    	font-size: 1.5rem;
	}
}


@media (max-width: 1050px) {
	.tabla-menu .columna .demograficos{
	    min-height: 170px;
	}
	.tabla-menu .columna .demograficos .tabla .columna-logo .logo {
	    height: 150px;
	}
/* 	.tabla-menu .columna .agenda{ */
/* 	    min-height: 170px; */
/* 	} */
/* 	.tabla-menu .columna .agenda .tabla .columna-logo .logo { */
/* 	    height: 150px; */
/* 	} */
}
@media (max-width: 768px) {
	
	/*///////////////////////Panel Home/////////////////////////////*/
	
	.tabla-home .columna-home{
		display: list-item;
	}
	.tabla-home .columna-home-logo{
		display: list-item;
	}
	.tabla-home .columna-logos{
		padding: 0.5rem 2rem;
		display: list-item;
		width: 100%;
	}
	.tabla-home .columna-vacio{
		display: list-item;
		width: 0%;
	}
	
	.tabla-home .columna-logos .logo-home{
		width: 0%;
	    visibility: hidden;
	}
	.tabla-home .columna-logos .logo-home-movil{
		width: 100%;
	    visibility: visible;
	}
	
	/*///////////////////////Panel Foto/////////////////////////////*/
	.panel-camara-principal {
	    width: 100% ! IMPORTANT;
	    height: 320px ! IMPORTANT;
	}
	.panel-camara-principal video {
	    width: 240px ! IMPORTANT;
	    height: 320px ! IMPORTANT;
	}
/* 	.foto-principal{ */
/* 	    width: 90% ! IMPORTANT; */
/* 	} */
	.foto-template{
	    width: 100% ! IMPORTANT;
	}
	.leyenda-validacion {   
	    padding: 0.8rem;
	}
	
	
	
	

	.panel-camara{
		width: 307px !IMPORTANT;    
		height: 487px  !IMPORTANT;;
	}
	.panel-camara video {
	    width: 307px ! IMPORTANT;
	    height: 487px ! IMPORTANT;
	}
	.foto-credencial{
		min-width: 50% ! IMPORTANT;
	}
	.logo-codigo{
		width: 55%;
		padding: 1rem;
	}
	.tabla-agregado-corto{
		width: 100%;
    	position: inherit;
    	left: 0%;
	}
	/*///////////////////////Estilo Login/////////////////////////////*/
	.tabla-form-login{
		width: 100%;
		background: var(--colorFondoPrincipalOscuro) !IMPORTANT;
	}
	.tabla-form-login .columna-form-vacia{
		width: 2rem;
		background: var(--colorVacio) !IMPORTANT;
	}
	.tabla-login{
		width: 100%;
		position: absolute;
	    top: 25%;    
	    border-collapse: collapse;
	}
	.tabla-login .columna-vacia{
		width: 2rem;
	}
	.columna-form-login{
		width: 40%;
	}
	.titulo-peon {
		width: 40%;
	}
	/*///////////////////////Estilo de Dashboard/////////////////////////////*/
	.tabla-dash-datos {
		left: 0%;
	 	width: 100%;
        position: inherit !IMPORTANT;
	}
	.tabla-dash-datos .panel-grafica-pie .grafica-pie{
	    width: calc(100%);
	    height: -webkit-fill-available;
	}
	.tabla-dash-datos .panel-grafica-barras .grafica-barras{
        min-height: auto;
        height: 200px;
	}
	.panel-principal .mascota-reporte-programa {
	    display: none;
	}
	.panel-dash-contenido {
		left: 0%;
	 	width: 100%;
        position: inherit !IMPORTANT;
	}
	.panel-dash-contenido .titulo {
		padding: 2rem;
		font-size: 1.2rem;
	}
	.panel-dash-contenido .etiqueta {
		font-size: 1.5rem;
	}
	.panel-dash-titulo {
		left: 0%;
	 	width: 100%;
	}
	.panel-dash-footer{
		left: 0%;
	 	width: 100%;
	}
	.panel-dash-titulo .logo-titulo {
	    width: 30px;
	    right: 1rem;
	}
	.panel-dash-titulo .titulo {
		padding-top: 2rem;
		font-size: 20px;
        padding-right: 40px;
	}
	.panel-dash-titulo .sub-titulo {
		font-size: 16px;
	}
	.panel-dash-titulo .combo-titulo{
		font-size: 11px;
		width: 150px !IMPORTANT;
	}

	/*///////////////////////Estilo General/////////////////////////////*/
	
	.dialogo-detalle{
		width: 100% !IMPORTANT;
	}
	
	/*///////////////////////Estilo Panel Registros Codigos/////////////////////////////*/
	.logo-codigo-estructuras{
		width: 75%;
		padding: 1rem;
	}
	.logo-registro-codigos{
		width: 30%;
	}
	.logo-registro-codigos-footer{
		width: 15%;
	}
	.logo-texto-registro-codigos{
		width: 50%;
	}
	.logo-error-reg-cod{
		width: 40%;
	}
	.panel-reg-cod-entada{
		left: 2%;
	 	width: 96%;
	}
	.panel-registro-codigos .mensaje-error{
		font-size: 1.1rem;
	}
	.panel-registro-codigos .mensaje-error-obligatorio{
		font-size: 1.2rem;
	}
	.panel-reg-cod-entada .codigoQR{
		 width:60%;
	}
	
	
	/*///////////////////////Panel Foto/////////////////////////////*/
	
	.panel-camara{
		width: 205px !IMPORTANT;    
		height: 325px  !IMPORTANT;
	}
	.panel-camara video {
	    width: 205px ! IMPORTANT;
	    height: 325px ! IMPORTANT;
	}
/* 	.foto-credencial{ */
/* 	    min-width: 90% ! IMPORTANT; */
/* 	} */
	.foto-persona{
	    min-width: 90% ! IMPORTANT;
	    min-height: 90% ! IMPORTANT;
	}
	
	
	
	/*///////////////////////Pantalla Home/////////////////////////////*/
	.tabla-home .columna-territorio{
		font-size: 1.5rem;
	}
	.tabla-home .fila-color .columna-nombre{
		padding-left: 20px;
		font-size: 1.5rem;
	}
	.tabla-home .columna-cargo{
		padding-left: 40px;
		font-size: 1rem;
	}
	.tabla-home .fila-color .columna-foto{
		width: 170px;
	}
	.tabla-home .fila-color .columna-foto .foto{
		width: 150px;
	    top: 220px;
	    left: 20px;
	}
	.tabla-home .fila-color .columna-foto .foto-8a{
	    position: absolute;
		width: 120px;
	    top: 200px;
	}
	
	.menus-home{
	}
	.menus-home .columna-menus{
		width: 98%;
		display: grid;
	}
	.menus-home .columna-foto {
		display: grid;
	}
	
	
	.tabla-menu .columna{
		width: 100% !IMPORTANT;
		display: grid;
        padding: 0.2rem 0rem;
	}
	.tabla-menu .columna .boton-home{
        min-height: 280px;
        width: 50%;
	}
	.tabla-menu .columna .menu-titulo{
		max-width: 90%;
	}
	.tabla-menu .columna .menu-titulo .tabla .columna-texto{
		font-size: 1.5rem;
    	padding-left: 0.5rem !IMPORTANT;
	}
/* 	.tabla-menu .columna .agenda{ */
/* 	    min-height: 130px; */
/* 	} */
/* 	.tabla-menu .columna .agenda .tabla .columna-logo .logo{ */
/* 		width: 120px !IMPORTANT; */
/*     	padding-right: 0.5rem !IMPORTANT; */
/* 	} */
	.tabla-menu .columna .demograficos{
	    min-height: 130px;
	}
	.tabla-menu .columna .demograficos .tabla .columna-logo .logo{
		width: 120px !IMPORTANT;
    	padding-right: 0.5rem !IMPORTANT;
	}
/* 	.tabla-menu .columna .demograficos .tabla .columna-texto { */
/* 		font-size: 1.2rem !IMPORTANT; */
/*     	padding-left: 0rem !IMPORTANT; */
/* 	} */
}

@media (max-width: 500px) {
	.logo-codigo{
		width: 75%;
		padding: 1rem;
	}
	/*///////////////////////Estilo Login/////////////////////////////*/
	.tabla-login {
	    table-layout: fixed;
	    top: 25%;    
	}
	.tabla-login .columna-vacia{
		display: none;
	}
	.titulo-peon {
   		width: 0%;
		display: none;
	}
	.logo-peon {
		display: none;
	}
	.tabla-form-login .columna-form-vacia{
		width: 3rem;
		background: var(--colorVacio) !IMPORTANT;
	}
	.form-logo{
		display: initial;
		width: 20%;
	}
	.form-logo-peon{
		display: initial;
		padding: 0.5rem;
	}
	
	/*///////////////////////Estilo Panel Registros Codigos/////////////////////////////*/
	.logo-registro-codigos{
		width: 20%;
	}
	.logo-registro-codigos-footer{
		width: 20%;
	}
	.logo-texto-registro-codigos{
		width: 55%;
	}
	.logo-error-reg-cod{
		width: 50%;
	}
	
	.panel-reg-cod-entada .codigoQR{
		 width:85%;
	}
	
	
	
	/*///////////////////////Pantalla Home/////////////////////////////*/
	.tabla-home .columna-territorio{
		font-size: 1rem;
		padding-left: 10px;
	}
	.tabla-home .fila-color .columna-nombre{
		padding-left: 30px;
		font-size: 1rem;
	}
	.tabla-home .columna-cargo{
		padding-left: 50px;
		font-size: 0.8rem;
	}
	.tabla-home .fila-color .columna-foto{
		width: 100px;
	}
	.tabla-home .fila-color .columna-foto .foto{
		width: 100px;
	    top: 230px;
	    left: 20px;
	}
	.tabla-home .fila-color .columna-foto .foto-8a{
	    position: absolute;
		width: 100px;
	    top: 190px;
	}
	
	.tabla-menu .columna .boton-home{
    	font-size: 2rem;
    	width: 95%;
    	min-height: 250px;
	}
}

/* @media (max-width: 350px) { */
/* 	.tabla-menu .columna .demograficos .tabla .columna-texto { */
/* 	    font-size: 1rem !IMPORTANT; */
/* 	} */
/* } */