@charset "utf-8";

@font-face {
    font-family:'iconRekognition';
    src:url('/css/fonts/rekognition-iconos.ttf');
    src:url('/css/fonts/Montserrat-Regular.ttf');
}

html {
    height: 100%;
    background: #f0f0f0;
}

html, body {
	padding: 0;
	margin: 0;
}

body:not(.pdf){
    height: 100%;
}

body {
	font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

img {
    vertical-align: middle;
}

a {
	text-decoration: none;
    color: black;
}

/* Cabezera */
.cabecera {
    background: #FFF;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1rem;
    background: linear-gradient(#e5e5e5 ,#FFF 10%,#FFF );
}

.cabecera__contenedor {
    margin: 0 auto;
}  

.cabecera__logo, .cabecera__logo__pdf {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center; 
    text-align: -ms-center;
    text-align: center;
    min-height: 42px;
}

.cabecera__logo__pdf{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

#cabecera__logo__adr {
    width: 10rem;
}

.cabecera__logo img {
    max-height: 50px;
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
}

.cabecera__texto {
    font-size: 10pt;
    color: #306d9b;
    font-weight: bold;
    display: inline-block;
}

.cabecera__crecer {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

/* Login */
.main {
    flex-grow: 1;
    padding-top: 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#016599), to(#048dbb));
    background-image: -webkit-linear-gradient(#016599, #048dbb);
    background-image: -o-linear-gradient(#016599, #048dbb);
    background-image: linear-gradient(#016599, #048dbb);
    color: white;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
}

.main__contenedor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2rem;
    margin-left: 0;
}

.main__contenedor__titulo {
    font-size: 1.5rem;
    margin-bottom: 3rem;
}

.label__login {
    font-size: 1.2rem;
}

.input__login {
    display: block;
    border: 1px solid #4499d9;
    width: 15.125rem;
    height: 2.8125rem;
    border-radius: 0.2rem;
    margin-top: 0.7rem;
    margin-bottom: 1rem;
    padding-left: 0.5rem;
}

.button__login {
    margin-top: 1.5rem;
    display: block;
    border: 1px solid #FFF;
    border-radius: 0.2rem;
    padding: 1rem;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center; 
    text-align: -ms-center;
    text-align: center;
    font-weight: bold;
    font-size: 1.4rem;
    color: #FFF;
    -webkit-transition: background 300ms, color 300ms;
    -o-transition: background 300ms, color 300ms;
    transition: background 300ms, color 300ms;
    background-color: transparent;
    width: 100%;
}

.button__login:hover {
    background: #FFF;
    color: #4499d9;
    cursor: pointer;
}

.c-form__msg.isError {
    color: #f53749;
}

.c-form__msg {
    width: 17.188rem;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center; 
    text-align: -ms-center;
    text-align: center;
    font-weight: 700;
    font-size: 1.225em;
    padding: 0.5rem 0;
}

/********************************************************
******** PARTICLES **************************************
*********************************************************/
.main { position: relative; z-index: 2;}
#particles-js {
    position: absolute;
    height: 100%;
    right: 0;
    bottom: 4px;
    width: 0;
    -webkit-clip-path: polygon(13% 43%, 24% 21%, 58% 18%, 67% 37%, 60% 68%, 48% 85%, 26% 84%, 17% 61%);
    clip-path: polygon(13% 43%, 24% 21%, 58% 18%, 67% 37%, 60% 68%, 48% 85%, 26% 84%, 17% 61%);
    pointer-events: none;
}


/* Nav lateral */
.nav {
    position: fixed;
    height: 100%;
    width: 4rem;
    background-color: #454545;
    color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3;
}

.ficha__cliente {
    padding-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.imagen__circulo {
    width:40px;
    height:40px;
    border-radius:150px;
    background-color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.imagen__circulo img {
    height: 25px;
}

.datos__cliente {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0.5rem;
}

.nombre__cliente {
    min-height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
}

.desconectar {
    color: #74bad6;
    background-image: url('iconos/cerrar.png');
    background-repeat: no-repeat;

    width: 1.2rem;
    height: 1.2rem;
}

.desconectar div {
    display: none;
}

.pass {
    color: #74bad6;
    background-image: url('iconos/pass.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 1.2rem;
    margin-bottom: 0.5rem;
}

.pass div {
    display: none;
}

.servicios {
    margin-top: 3rem;
    width: 100%;
}

.servicios__contratados {
    margin-left: 4.6rem;
    margin-bottom: 0.75rem;
    display: none;
    font-size: 0.9rem;
}

.face {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    cursor: pointer;
    padding-left: 1.1rem;
    margin-left: 0.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.face .icono {
    width: 2rem;
    background-image: url("../iconos/camara.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    margin-right: 1.4rem;
    height: 1rem;
}


.key {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    cursor: pointer;
    padding-left: 1.1rem;
    margin-left: 0.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.key .icono {
    width: 2rem;
    background-image: url("../iconos/teclado.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    margin-right: 1.4rem;
    height: 1rem;
}

.cert {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    cursor: pointer;
    padding-left: 1.1rem;
    margin-left: 0.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cert .icono {
    width: 2rem;
    background-image: url("../iconos/cert.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    margin-right: 1.4rem;
    height: 1.25rem;
}

.soporte {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    cursor: pointer;
    padding-left: 1.1rem;
    margin-left: 0.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.soporte .icono {
    width: 2rem;
    background-image: url("../iconos/soporte.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    margin-right: 1.35rem;
    margin-left: 0.05rem;
    height: 1.25rem;
}


.consumos {
    cursor: pointer;
    padding-left: 0.7rem;
    margin-left: 0.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
}

.consumos .icono {
    color: #8f8d8d;
}


.pulsado {
    cursor: default;
}

.face:hover, .key:hover, .cert:hover, .soporte:hover, .consumos:hover, .pulsado {
    background-color: #676767;
    font-weight: bold;
}

.face:hover .icono, .face.pulsado .icono {
    background-image: url("../iconos/camarab.png");
}

.key:hover .icono, .key.pulsado .icono {
    background-image: url("../iconos/tecladob.png");
}

.cert:hover .icono, .cert.pulsado .icono {
    background-image: url("../iconos/certb.png");
}

.soporte:hover .icono, .soporte.pulsado .icono {
    background-image: url("../iconos/soporteb.png");
}

.nombreServicio {
    display: none;
}

/* Inicio */
.inicio__clientes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    background: #F1F1F1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: auto;
}

.inicio__clientes.pdf {
    overflow-y: hidden;
}

.inicio__clientes__contenedor {
    margin-left: 4rem;
    padding-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 4rem);;
}

.inicio__clientes__contenedor.soporteDiv, .soporteIframe {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0;
    border: none;
}

.cabecera__inicio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    
    text-align: -moz-center;
    text-align: -o-center; 
    text-align: -ms-center;
    text-align: center;
    text-align: -webkit-center;
}

.volverEnlace {
    width: 10rem;
}

.volver:before {
    content: "";
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border: 0.05rem solid #000;
    border-top:0;
    border-left:0;
    transform: rotate(135deg);
}

.volver:hover:before {
    border: 0.1rem solid #000;
    border-top:0;
    border-left:0;
    transform: rotate(135deg);
    cursor: pointer;
}

.volver:hover {
    cursor: pointer;
    font-weight: bold;
}


.listado__usuarios {
    margin-top: 2rem;
}

.listado__usuarios__titulo {
    font-size: 1.125rem;
    margin-bottom: 2rem;
}





.ordenar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.flecha {
    margin-left: 0.2rem;
    padding-top: 0.5rem; 
    padding-bottom: 0.5rem; ;
    padding-right: 0.4rem;
    padding-left: 0.4rem;
    background-color: #e2e2e2;
}

.flecha__ordenar {
    background-image: url("../iconos/flechaNormal.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    width: 0.5625rem;
    height: 0.3125rem;
}

.ordenar:hover .flecha .flecha__ordenar {
    background-image: url("../iconos/flechaSeleccionada.png");
}

.ordenar.ordenadodesc .flecha .flecha__ordenar {
    background-image: url("../iconos/flechaSeleccionada.png");
}

.ordenar.ordenadodesc:hover .flecha .flecha__ordenar {
    background-image: url("../iconos/flechaSeleccionada.png");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ordenar.ordenadoasc .flecha .flecha__ordenar {
    background-image: url("../iconos/flechaSeleccionada.png");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ordenar.ordenadoasc:hover .flecha .flecha__ordenar {
    background-image: url("../iconos/flechaNormal.png");
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}





.tabla__verificacion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.icono__tabla {
    width: 1.25rem;
}

.icono__tabla.eliminar {
    height: 1.4rem;
}

.icono__tabla.perfil {
    margin-left: 0.5rem;
}

.icono__tabla.clientes__azul {
    fill: #74bad6;
    vertical-align: sub;
}

.button__svg {
    border: 0;
    background: none;
    cursor: pointer;
    padding: 0;
    outline: none;
}

.detallesvg {
    height: 20px;
}

.resetearsvg {
    height: 27px;
}

.eliminarsvg {
    height: 23px;
}

/* Verificar perfil face */
.verificar__fotos {
    margin-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}

.botones__centrados {
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center; 
    text-align: -ms-center;
    text-align: center;
}

.boton__normal {
    background-color: #048dba;
    border: 0;
    color: white;
    border-radius: 2px;
    text-transform: none;
    font-weight: normal;
    cursor: pointer;
    font-size: 13px;
    padding: 0.75rem;
    outline: 0;
    width: 12rem;
}

.boton__normal:hover {
    background-color: #e2e2e2;
    border: 0;
    color: #000;
}


.boton__azul {
    background-color: #048dba;
    border: 0;
    color: white;
    border-radius: 2px;
    text-transform: none;
    font-weight: normal;
    cursor: pointer;
    font-size: 13px;
    padding: 0.75rem;
    width: 6rem;
    margin-top: 2rem;
    outline: 0;
}

.boton__azul__filtro {
    background-color: #048dba;
    border: 0;
    color: white;
    border-radius: 2px;
    text-transform: none;
    font-weight: normal;
    cursor: pointer;
    font-size: 13px;
    padding: 0.5rem;
    outline: 0;
}

.boton__azul__filtro.no {
    background-color: #e2e2e2;
    color: #000;
    cursor: pointer;
}

.boton__azul.pagina {
    cursor: default;
}

.boton__azul.doble {
    margin-top: 0;
}    

.boton__azul.no {
    background-color: #e2e2e2;
    color: #000;
    cursor: pointer;
}

.boton__gris {
    background-color: #e2e2e2;
    border: 0;
    color: #000;
    border-radius: 2px;
    text-transform: none;
    font-weight: normal;
    cursor: pointer;
    font-size: 13px;
    padding: 0.75rem;
    width: 6rem;
    margin-top: 2rem;
    outline: 0;
}

.boton__gris.no {
    cursor: default;
    width: 2rem;
}

.boton__gris:not(.no):hover {
    background-color: #048dba;
    color: #FFF;
}

.boton__blanco {
    background-color: #FFF;
    border: 0;
    color: #000;
    border-radius: 2px;
    text-transform: none;
    font-weight: normal;
    cursor: pointer;
    font-size: 13px;
    padding: 0.75rem;
    width: 100%;
    outline: 0;
}

.boton__blanco:hover {
    background-color: #048dba;
    color: #FFF;
}

.cambiar__vista__botones {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cambiar__vista__botones:hover button:not(.no){
    background-color: #e2e2e2;
    color: #000;
}

.cambiar__vista__botones:hover button.no{
    background-color: #048dba;
    color: #FFF;
}

.girar {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH;
    -ms-filter: "FlipH";
}

.fotos__perfil {
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center; 
    text-align: -ms-center;
    text-align: center;
}

.fotos__perfil img {
    width: 100%;
}

/* Detalles face */
.detalles__face__ficha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    background-color: #fffdeb;  
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1rem; 
}

.detalles__face__ficha__datos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.imagen__perfil {
    max-width: 86px; 
    height: 65px; 
    margin: 5px;
}

hr {
   display: none;
}


.detalles__face__datos {
    margin-top: 2rem;
    font-size: 0.9rem;
    color: #535353;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.detalles__face__datos__filtro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #FFF;
    padding: 1.5rem;
}

.detalles__face__datos__filtro div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.detalles__face__datos__filtro__etiquetas{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.detalles__face__datos__filtro__datos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

.etiquetas__titulo {
    margin-bottom: 0.5rem;
}

#etiqueta1, #etiqueta2, #etiqueta3 {
    background-color: #f0f0f0;
    color: #000;
    height: 2.5rem;
    width: 10.75rem;
    margin: 0.1rem;
    border: 0;
    outline: 0;
    padding-left: 1rem;
    cursor: pointer;
    background: url("../iconos/flechaSeleccionada.png") no-repeat 150px 16px #f0f0f0 !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin-top: 0.2rem;
}

#etiqueta1.dis, #etiqueta2.dis, #etiqueta3.dis {
    color: #959595;
    cursor: default;
}

.detalles__face__datos__filtro__resultado__, .detalles__face__datos__filtro__incidencias__ {
    margin-top: 1rem;
}

/* checkbox */
/* Customize the label (the container) */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    margin-top: 3px;
    margin-left: 2px;
    top: 0;
    left: 0;
    height: 12px;
    width: 12px;
    border-radius: 2px;
    border: 1px solid #9e9e9e;
    background-color: #fff;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
    border: 1px solid #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
    border: 1px solid #2196f3; 
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 2px;
    top: -3px;
    width: 5px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg) scale(0.6);
    -ms-transform: rotate(45deg) scale(0.6);
    transform: rotate(45deg) scale(0.6);
}


/* Resultados filtro */
.leyenda__cuadro {
    height: 249px;
    background-color: #fffdeb;
    padding: 1rem;
    width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 233px;
}

.leyenda__cuadro__titulo {
    margin-bottom: 0.1rem;
}

.leyenda__cuadro__resultado {
    width: 90%;
}

.leyenda__cuadro__resultado div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    font-weight: bold;
}

.porcentaje {
    min-width: 35.08px;
}



.positivo, .Positivo {
    color: #4bac31;
}

.incertidumbre, .Incertidumbre {
    color: #e1b019;
}

.negativo, .Negativo {
    color: #ec100f;
}

.gesto {
    color: #535353;
}

.noValido {
    color: #000;
}

.Gesto, .Nulo, .Foto {
    color: #454545;
}

.Positivo, .Incertidumbre, .Negativo, .Gesto, .Nulo, .Foto {
    font-weight: bold;
}

.icono__incertidumbre {
    width: 1.1rem;
}

.icono__negativo {
    width: 0.8rem;
}


/* Resultados */
.listado__usuarios__titulo.resultados {
    margin-top: 3rem;
}

.cambiar__vista {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3rem;
}

.cambiar__vista__titulo {
    margin-right: 1rem;
}

.notificaciones__tabla {
    margin-top: 0.7rem;
    margin-left: 0.5rem;
}

.ordenar__tabla, .periodo__tabla {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.ordenar__tabla__select, .periodo__tabla__select {
    background-color: #e2e2e2;
    color: #000;
    height: 2.5rem;
    width: 8rem;
    margin: 0.1rem;
    border: 0;
    outline: 0;
    padding-left: 1rem;
    cursor: pointer;
    background: url("../iconos/flechaSeleccionada.png") no-repeat 105px 18px #e2e2e2 !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin-top: 0.2rem;
}

.rolli, .rolld, .abriendo, .sonriendo {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    margin: -15px; 
}

.rolli {
    width: 125px;
    height: 104px;
    line-height: 32px;
    background-image: url("../images/prueba-de-vida.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.rolld {
    width: 125px;
    height: 104px;
    line-height: 32px;
    background-image: url("../images/prueba-de-vida.png");
    background-repeat: no-repeat;
    background-position: 0px -130px;
}

.abriendo {
    width: 125px;
    height: 104px;
    line-height: 32px;
    background-image: url("../images/prueba-de-vida.png");
    background-repeat: no-repeat;
    background-position: -155px 0px;
}

.sonriendo {
    width: 125px;
    height: 104px;
    line-height: 32px;
    background-image: url("../images/prueba-de-vida.png");
    background-repeat: no-repeat;
    background-position: -155px -130px;
}

/* Mosaico */
.mosaico{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.mosaico.pdf {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.conjunto {
    margin-bottom: 7rem;
   
}

.conjunto:not(.primero){
    min-height: 895px;
    margin-bottom: 9.5rem;
}

.caja__mosaico {
    box-shadow: 2px 2px 10px #6666662e;
    margin: 0.5em; 
    margin-bottom: 0.8rem;
    font-size: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #FFF;
}

.caja__mosaico img {
    max-width: 100px;
    min-width: 66px;
    height: 75px;
}

.caja__mosaico__fotofecha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.caja__mosaico__fotofecha.pdf {
    margin-top: 0.5rem; 
}

.caja__mosaico .fecha {
    padding-top: 0.5rem;
}

.caja__mosaico .hora {
    padding-bottom: 0.5rem;
}

.caja__mosaico__icono {
    height: 0;
    z-index: 2;
}

.iconoGesto, .iconoFoto {
    height: 26px;
    width: 26px;
    line-height: 32px;
    margin-left: -0.5rem;
    margin-top: -0.5rem;

    background-image: url("../iconos/circuloAlerta.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 5;
    
}

.iconoPositivo {
    height: 26px;
    width: 26px;
    line-height: 32px;
    margin-left: -0.5rem;
    margin-top: -0.5rem;

    background-image: url("../iconos/circuloPositivo.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}

.iconoEntrenamiento {
    height: 26px;
    width: 26px;
    line-height: 32px;
    margin-left: -0.5rem;
    margin-top: -0.5rem;

    border-radius: 50%;
    border:1px black solid;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.8);
    background-color: white;

    background-image: url("../iconos/siluetaNegro.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}

.iconoIncertidumbre {
    height: 26px;
    width: 26px;
    line-height: 32px;
    margin-left: -0.5rem;
    margin-top: -0.5rem;

    background-image: url("../iconos/circuloIncertidumbre.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}

.iconoNegativo {
    height: 26px;
    width: 26px;
    line-height: 32px;
    margin-left: -0.5rem;
    margin-top: -0.5rem;

    background-image: url("../iconos/circuloNegativo.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}

.paginacion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.caja__mosaico.reseteado {
    background-color: #e6e6e6; 
    width: 100px;
}

.fecha.reseteado {
    background-color: #FFF;
}

.hora.reseteado {
    background-color: #FFF;
}

.texto__reseteado {
    height: 77px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center; 
    text-align: -ms-center;
}

.tableFACEDetalles th:not(.ver), .tableFACEDetalles td:not(.ver) {
    display: none;
}

.tableKEYDetalles th:not(.ver), .tableKEYDetalles td:not(.ver), .tableKEYSesiones th:not(.ver), .tableKEYSesiones td:not(.ver) {
    display: none;
}

.seleccionar__columnas {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}

.boton__columnas {
    background-color: #048dba;
    border: 0;
    color: white;
    border-radius: 2px;
    text-transform: none;
    font-weight: normal;
    cursor: pointer;
    font-size: 13px;
    padding: 0.75rem;
    width: 10rem;
    outline: 0;
}

.boton__columnas:hover {
    background-color: #e2e2e2;
    color: #000;
}



.dropdown {
    position: relative;
    display: inline-block;
}
.dropbtn {
    background-color: #048dba;
    border: 0;
    color: white;
    border-radius: 2px;
    text-transform: none;
    font-weight: normal;
    cursor: pointer;
    font-size: 13px;
    padding: 0.75rem;
    width: 10rem;
    outline: 0;
}
.dropdown-content {
    z-index: 2;
    display: none;
    position: absolute;
    background-color: #e2e2e2;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 5px 7px;
    left: -42px;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content div {
    display: flex;
    flex-direction: row;
}

.dropdown-content div label {
    width: 5rem;
}

.fecha__perfil {
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center; 
    text-align: -ms-center;    
}

.table thead, .table th {
    font-size: 1rem;
    font-weight: normal;
    background-color: #f0f0f0;
    color: #a1a1a1;
}

.table tbody {
    font-size: 1.1rem;
    background-color: #FFF;
}


.table tbody tr {
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.21);

    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px; 
    border-bottom-right-radius: 5px;
}

.table tbody tr td {
    border-right: 1px solid #e3e3e3;
}

.table tbody tr td:last-child {
    border-right: 0px solid #e3e3e3;
}

.table td {
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center; 
    text-align: -ms-center;
}

.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
    z-index: 3;
}
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 0.5rem;
}

#modal-content {
    min-width: 250px; 
}

.close-button {
    width: 1.5rem;
    line-height: 1.3rem;
    padding-bottom: 0.2rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: lightgray;
    z-index: 2;
    position: absolute;
    right: 0;
}
.close-button:hover {
    background-color: darkgray;
}
.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

/* consumos */

.ver__consumos.faceidentity {
    margin-bottom: 3.5rem;
}

.ver__consumos {
    margin-top: 2rem;
}

.ver__consumos img {
    height: 25px;
}
.consumos__meses {
    margin-top: 1rem;
}

.meses {
    padding-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.consumos__mes {
    text-align: center;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.21);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: white;
    min-width: 10rem;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    padding: 1rem;
}


.tableConsumos.faceidentity {
    margin-bottom: 2rem;
}

/*
.logo {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: -ms-fit-content;
    height: -o-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -ms-fit-content;
    width: -o-fit-content;
    width: fit-content;
}
*/

.logoFace {
    width: 190px;
    height: 24px;
}

.logoKey {
    width: 170px;
    height: 26px;
}

select::-ms-expand {
    display: none;
}

.tabFicha tr:not(.nohover):hover {
    background-color: #FFFFCC;
}

caption {
    font-size: 13px;
    color: #40474b;
    text-align: left;
    text-transform: uppercase;
    padding-top: 1em;
    padding-bottom: 2px;
    font-weight: bold;
}

.tabFicha th {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #cccccc;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #cccccc;
    color: #565A6D;
    background-color: #EAEAEA;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    border-top-style: none;
    text-align: left;
    padding-left: 5px;
}
.tabFicha tr:hover th {
    background-color: #D8D8D8;
    color: #2D2F37;
}   
.tabFicha tr.impar th {
    background-color: #E1E1E1;
}
.tabFicha td {
    text-align: left;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCCCCC;
    border-bottom-width: 1px;
    border-bottom-style: solid; 
    border-bottom-color: #CCCCCC;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #cccccc;
    padding: 3px;
}
.tabFicha {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCCCCC;
    margin-bottom: 10px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
    background-color: #F5F5F5;
}

#button_normal, #button_normal1, #button_normal2, #button_normal3, #button_normal4 {
    padding: 4px;
    padding-top: 3px;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    color: black;
    border-radius: 0;
    text-transform: none;
    font-weight: normal;
    cursor: pointer;
    font-size: 13px;
}

#formError {
    color: red;
}

.cuadro__usuarios{
    background: #e0e0e0;
    padding: 1rem;
    width: 15rem;
    float: right;
    margin-bottom: 1rem;
    margin-top: -1.9rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cuadro__usuarios div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

@media only screen and (min-width:40rem) {
    .detalles__face__datos__filtro__datos {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .detalles__face__datos.key__datos {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 1rem;
    }

    
    .cambiar__vista {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .ordenar__tabla, .periodo__tabla {
        margin-left: 0.5rem;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .dropdown-content {
        left: -84px;
    }

    .cabecera__inicio {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

}

@media only screen and (min-width:600PX) {
    /* Cabecera */
    .cabecera, .cabecera__contenedor {
        display: block;
    }

    .cabecera__logo {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .cuadro__usuarios{
        margin-top: -3rem;
    }
}

@media only screen and (min-width:1000px) {
	.imagen__cliente {
        padding-right: 3rem;
        padding-left: 3rem;
        border-bottom: 2px solid #000;
    }



    #cabecera__logo__adr {
        margin-left: 1.2rem;
    }

	

    .cabecera__texto {
        margin-left: 4.75rem;
    }

    /* Login */
    .main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

    .main__contenedor {
        margin-top: 2rem;
    }

    .label__login {
        font-size: 0.875rem;
    }

    .button__login {
        font-size: 1.2rem;
    }

    .input__login {
        width: 20.125rem;
    }


    /* Particles */
    #particles-js {
        height: 100%;
        width: 100%;
        -webkit-clip-path: none;
        clip-path: none;
    }

    /* Nav lateral */
    .nav {
        width: 15rem;
    }

    .nombre__cliente {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .ficha__cliente {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        min-width: 13.5rem;
    }

    .imagen__circulo {
        margin-right: 1.3rem;
    }
    
    .desconectar, .pass {
        background-image: none;
    }

    .desconectar div, .pass div{
        display: block;
    }

    .datos__cliente {
        margin-top: 0rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

    .servicios__contratados {
        display: block;
    }

    .nombreServicio {
        display: block;
    }

    .consumos {
        padding-left: 4.5rem;
        height: 45px;
    }

    .consumos .icono {
        display: none;
    }

    /* inicio */
    .inicio__clientes__contenedor {
        width: calc(100% - 19rem);
        margin-left: 15rem;
    }

    .fotos__perfil img {
        width: 396px;
    }

    .detalles__face__ficha__datos {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .detalles__face__ficha__datos div {
        padding: 1rem;
    }

    hr {
        display: block;
        border: 0.5px solid #e3e3e3;
    }

    hr:not(.normal) {
        height: 60%;
        height: 3rem;
    }

    hr.normal {
        margin-left: 1rem;
        margin-right: 1rem;
        width: 0;
        height: 100%;
    }

    hr.fichaKEY {
        margin-left: 0.85rem;
        margin-right: 0.85rem;
    }
    
    .detalles__face__ficha {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; 
        margin: 0; 
    }

    .detalles__face__datos {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .detalles__face__datos.key__datos {
        margin: 0rem;
        margin-top: 2rem;
    }

    .detalles__face__datos__filtro {
        height: 233px;
    }

    .detalles__face__datos__filtro__datos {
        height: 162.54px;
    }

    #etiqueta1, #etiqueta2, #etiqueta3 {
        background-color: #f0f0f0;
        color: #000;
        height: 2.5rem;
        width: 10.75rem;
        margin: 0.1rem;
        border: 0;
        outline: 0;
        padding-left: 1rem;
        cursor: pointer;
        background: url("../iconos/flechaSeleccionada.png") no-repeat 150px 16px #f0f0f0 !important;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        margin-top: 0.2rem;
    }

    
    #etiqueta1.key__select, #etiqueta2.key__select, #etiqueta3.key__select {
        width: 18.75rem;
        background: url("../iconos/flechaSeleccionada.png") no-repeat 270px 16px #f0f0f0 !important;
    }

    .inicio__clientes__contenedor {
        padding: 2rem;
    }

    .tabla__icono {
        text-align: -webkit-center;
        text-align: -moz-center;
        text-align: -o-center; 
        text-align: -ms-center;
        text-align: center;
    }

    .ordenar__tabla, .periodo__tabla {
        margin-left: 3.5rem;
    }

    

    .table {
        width: calc(100% + 2rem);
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .table:not(.tableConsumos) td:not(.tabla__icono) {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        min-height: 0.6rem;

        text-align: -webkit-left;
        text-align: -moz-left;
        text-align: -o-left; 
        text-align: -ms-left;
    }

    .tabla__verificacion {
        -ms-flex-pack: space-between;
        justify-content: space-between;
    }

    .tableConsumos td {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        min-height: 0.6rem;

        text-align: -webkit-center;
        text-align: -moz-center;
        text-align: -o-center; 
        text-align: -ms-center;
    }

}
    

@media only screen and (max-width: 1000px), (min-device-width: 768px) and (max-device-width: 1000px)  {
    td {
        padding-left: 50%;
        min-height: 2rem;
    }

    table, thead, tbody, th, td, tr {
        display: block;
    }

    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr {
        border-bottom: 2px outset;
    }
      
    
    td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;    
    }

    td:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 45%;
        height: 100%;
        padding-right: 10px;
        white-space: nowrap;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }


    .tableFACE td:nth-of-type(1):before { content: "ID usuario"; }
    .tableFACE td:nth-of-type(2):before { content: "Identificador"; }
    .tableFACE td:nth-of-type(3):before { content: "Positivos %"; }
    .tableFACE td:nth-of-type(4):before { content: "Contador"; }
    .tableFACE td:nth-of-type(5):before { content: "Verificaci\00F3n"; }
    .tableFACE td:nth-of-type(6):before { content: "Detalle"; }
    .tableFACE td:nth-of-type(7):before { content: "Resetear"; }
    .tableFACE td:nth-of-type(8):before { content: "Eliminar"; }

    .tableFACEDetalles td:nth-of-type(1):before { content: "Fecha"; }
    .tableFACEDetalles td:nth-of-type(2):before { content: "Hora"; }
    .tableFACEDetalles td:nth-of-type(3):before { content: "Etiqueta 1"; }
    .tableFACEDetalles td:nth-of-type(4):before { content: "Etiqueta 2"; }
    .tableFACEDetalles td:nth-of-type(5):before { content: "Etiqueta 3"; }
    .tableFACEDetalles td:nth-of-type(6):before { content: "Porcentaje 1"; }
    .tableFACEDetalles td:nth-of-type(7):before { content: "Porcentaje 2"; }
    .tableFACEDetalles td:nth-of-type(8):before { content: "Porcentaje 3"; }
    .tableFACEDetalles td:nth-of-type(9):before { content: "Resultado"; }
    .tableFACEDetalles td:nth-of-type(10):before { content: "Gesto"; }
    .tableFACEDetalles td:nth-of-type(11):before { content: "Foto"; }


    .tableKEY td:nth-of-type(1):before { content: "ID usuario"; }
    .tableKEY td:nth-of-type(2):before { content: "Identificador"; }
    .tableKEY td:nth-of-type(3):before { content: "Positivos %"; }
    .tableKEY td:nth-of-type(4):before { content: "Contador"; }
    .tableKEY td:nth-of-type(5):before { content: "Verificaci\00F3n"; }
    .tableKEY td:nth-of-type(6):before { content: "Detalle"; }
    .tableKEY td:nth-of-type(7):before { content: "Eliminar"; }

    .tableKEYDetalles td:nth-of-type(1):before { content: "Fecha"; }
    .tableKEYDetalles td:nth-of-type(2):before { content: "Hora"; }
    .tableKEYDetalles td:nth-of-type(3):before { content: "Etiqueta 1"; }
    .tableKEYDetalles td:nth-of-type(4):before { content: "Etiqueta 2"; }
    .tableKEYDetalles td:nth-of-type(5):before { content: "Etiqueta 3"; }
    .tableKEYDetalles td:nth-of-type(6):before { content: "IP"; }
    .tableKEYDetalles td:nth-of-type(7):before { content: "Navegador"; }
    .tableKEYDetalles td:nth-of-type(8):before { content: "SO"; }
    .tableKEYDetalles td:nth-of-type(9):before { content: "Ciudad"; }
    .tableKEYDetalles td:nth-of-type(10):before { content: "Resultado"; }

    .tableKEYSesiones td:nth-of-type(1):before { content: "Desde"; }
    .tableKEYSesiones td:nth-of-type(2):before { content: "Hasta"; }
    .tableKEYSesiones td:nth-of-type(3):before { content: "Etiqueta 1"; }
    .tableKEYSesiones td:nth-of-type(4):before { content: "Etiqueta 2"; }
    .tableKEYSesiones td:nth-of-type(5):before { content: "Etiqueta 3"; }
    .tableKEYSesiones td:nth-of-type(6):before { content: "IP"; }
    .tableKEYSesiones td:nth-of-type(7):before { content: "Navegador"; }
    .tableKEYSesiones td:nth-of-type(8):before { content: "SO"; }
    .tableKEYSesiones td:nth-of-type(9):before { content: "Ciudad"; }
    .tableKEYSesiones td:nth-of-type(10):before { content: "Totales"; }
    .tableKEYSesiones td:nth-of-type(11):before { content: "Correctas"; }
    .tableKEYSesiones td:nth-of-type(12):before { content: "% sesi\00F3n"; }
    .tableKEYSesiones td:nth-of-type(13):before { content: "Detalles"; }


    .tableConsumos td:nth-of-type(1):before { content: "Fecha"; }
    .tableConsumos td:nth-of-type(2):before { content: "Hora"; }
    .tableConsumos td:nth-of-type(3):before { content: "Usuario"; }
}


/*
.dropdown-check-list {
    display: inline-block;
}
.dropdown-check-list .anchor {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 5px 50px 5px 10px;
    border: 1px solid #ccc;
}
.dropdown-check-list .anchor:after {
    position: absolute;
    content: "";
    border-left: 2px solid black;
    border-top: 2px solid black;
    padding: 5px;
    right: 10px;
    top: 20%;
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.dropdown-check-list .anchor:active:after {
    right: 8px;
    top: 21%;
}
.dropdown-check-list ul.items {
    padding: 2px;
    display: none;
    margin: 0;
    border: 1px solid #ccc;
    border-top: none;
}
.dropdown-check-list ul.items li {
    list-style: none;
}
.dropdown-check-list.visible .anchor {
    color: #0094ff;
}
.dropdown-check-list.visible .items {
    display: block;
}
*/
.dropdown-check-list {
    display: inline-block;
    outline: none;
}

.dropdown-check-list .anchor {
    background-color: #f0f0f0;
    color: #000;
    padding: 0.5rem;
    width: 9.25rem;
    margin: 0.1rem;
    border: 0;
    outline: 0;
    padding-left: 1rem;
    cursor: pointer;
    background: url("../iconos/flechaSeleccionada.png") no-repeat 150px 16px #f0f0f0 !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin-top: 0.2rem;
}   

.dropdown-check-list ul.items {
    padding: 2px;
    display: none;
    margin: 0;
    border: 1px solid #ccc;
    border-top: none;
    background: #FFF;
    position: absolute;
    z-index: 2;
    width: 10.65rem;
}
.dropdown-check-list ul.items li {
    list-style: none;
}
.dropdown-check-list.visible .anchor {
    color: #048dba;
}
.dropdown-check-list.visible .items {
    display: block;
}

#list1, #list2, #list3 {
    max-width: 11rem;
}

.select {
    padding: 0.5rem; 
    min-width: 9.25rem; 
    width: 100%;
    border: 0; 
    outline: 0;
    cursor: pointer;
    background: url(../iconos/flechaSeleccionada.png) no-repeat 90% 13px !important; 
    -webkit-appearance: none;
}

.texto__anchor {
    padding-right: 17px;
}