button#wpua-upload-existing {
    display: none !important;
}

.textoerror::before{
	content:"pruebaaa";
}
.hidden{
  display: none;
}

form.ambientesSelect {
    display: none !important;
}
.bloqueo{
	opacity:39%;
	pointer-events:none;
}
.tituusers{
  color: white;
  width: 100%;
}
.open-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 280px;
}
.form-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;
}


.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}


.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}


.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

.form-container .btn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}


.form-container .cancel {
  background-color: red;
}


.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}

/*PASO AQUI LO NECESARIO PARA VISUALIZAR LAS ANALITICAS*/
body{
    margin: 0;
}
#analitycs_container{
	Position: relative;
	width: 100%;
    height: 600px;
    max-height: 100vh;
    background: #ccc;
    top: 0;
    left: 0;
    display: flex;
}
.menu_container {
    height: auto;
    width: 100%;
    display: flex;
    color: #fff;
    text-align: center;
    padding: 20px;
    flex-direction: column;
    align-content: center;
    box-sizing: border-box;
    overflow-y: scroll;
}
.menu_container h2,.menu_container h3 {
    margin: 2px auto;
}
.linea_separar{
	width: 200px;
	max-width: 80%;
	
	
    margin: 10px auto;border-bottom: 2px solid black;
}
.ambientesSelect{
    text-align: left;
}
.content_area{
    height: 100%;
    width: 100%;
    background: #ededed;
    /*display: flex;*/
    color: #000;
    text-align: center;
    padding: 20px;
    flex-direction: column;
    align-content: center;
    box-sizing: border-box;
}
.interaccionesSelect{
    text-align: left;
}

.header_content{
    height: 60px;
    text-align: right;
    border-bottom: 3px solid #5e5e5e;
    margin-bottom: 30px;
}
.header_content a{
    text-decoration: none;
}
.table_content, .chart_content{
    max-width: 100%;
    overflow: scroll;
    border: 2px solid #000;
    box-sizing: border-box;
    height: 450px;
    max-height: 100%;
}
.table_content table td{
    border: 1px solid #000;
    padding: 2px 15px;
}
.cuadrospadre {
    box-sizing: border-box;
    display: flex;
    margin-top: -5px;
    width: calc(100% + 24px);
    margin-left: -24px;
}

.cuadrospadre > .primercuadro {
    padding-left: 24px;
}

.cuadrospadre > .primercuadro {
    padding-top: 24px;
}


.css-13qzgsu {
    box-sizing: border-box;
    margin: 0px;
    flex-direction: row;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0; 
    max-width: 100%; 
   
}
.hijos{
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-image: none;
    overflow: hidden;
    border-radius: 16px;
    position: relative;
    z-index: 0;
    box-shadow: none;
    text-align: center;
    padding: 40px 0px;
}
.primer {
    color: rgb(0, 82, 73);
    background-color: rgb(35 243 55 / 34%);
}
.quinto.hijos {
    background: rgb(255 209 209);
}
.segundo {
    color: rgb(4, 41, 122);
    background-color: rgb(0 99 247 / 62%);
}
.tercero {   
    color: rgb(122, 79, 1);
    background-color:rgb(210 205 255);

}
.septimo.hijos {
    background: rgb(0 196 255 / 48%);
}
.cuarto{
    color: rgb(122, 12, 46);
    background-color: rgb(251 229 119);
}
.sexto.hijos {
    background: rgb(255 141 0 / 50%);
}
.octavo.hijos {
    background: rgb(7 153 99 / 76%);
}
.css-189e0nv {
    margin: auto auto 24px;
    display: flex;
    border-radius: 50%;
    -webkit-box-align: center;
    align-items: center;
    width: 64px;
    height: 64px;
    -webkit-box-pack: center;
    justify-content: center;
    color: rgb(12, 83, 183);
    background-image: linear-gradient(
135deg, rgba(12, 83, 183, 0) 0%, rgba(12, 83, 183, 0.24) 100%);
}

@media (min-width: 100px){

.css-13qzgsu {
    flex-basis: 50%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 50%;
}
}

.imagenusers {
    margin-left: auto;
    margin-right: auto;
    background: url(images/profile.png);
    width: 64px;
    height: 64px;
    margin: -10px auto 10px;
}
.imagenava {
    
    background: url(images/man.png);

}
.imagen{
    margin-left: auto;
    margin-right: auto;
    width: 64px;
    height: 64px;
    margin: -10px auto 10px;
   
}
.imagenst1 {
    
    background: url(images/presentacion.png);

}
.imagenst2{
  background: url(images/recinto-ferial.png);
}
.imagenAL{
  background: url(images/presentacion-de-video.png);
}
.imagenAL{
  background: url(images/presentacion-de-video.png);
}
.imagenAP{
   background: url(images/maestro.png);
}
.TOTAL{
  color: white;
  font-weight: bold;
  font-size: 45px;
   padding: 10px 0px 0px 0px;
}

.titulos{
  font-family: auto;

}

.hijosG {
    margin-left: 30px;
    border: double;
    border-color: #0093ff;
    text-align: center;
    width: 822px;
    height: auto;
}
.graficas{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.grafica{
  padding: 10px;
}
.hide{
    display: none !important;
}
.cuadrospadre.cgrafica.hide {
    margin-top: 35px;
}
.hijos:hover{
  cursor: pointer;
  box-shadow: 0 0 20px #46ff00;
}
.tituloeve {
    background: #99e5ff;
    color: #3f4649;
    font-weight: bold;
}
.tituloinfo {
    background: #7fccff;
    margin-top: 11px;
}

#wrapper{
    overflow: auto;
}

/* Sidebar Styles */

.sidebar_nav {
    /* list-style-type: none; */
    margin: 0;
    padding: 11px;
    width: 316px;
    background-color: #f1f1f1;
    position: absolute;
    height: 100%;
    overflow: scroll;
   
}

/*li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}

li a.active {
  background-color: #04AA6D;
  color: white;
}

li a:hover:not(.active) {
  background-color: #555;
  color: white;
}*/
.rango_fecha2 {
    display: flex;
}

input#fecha_a2 {
    margin-left: 3px;
   width: 135px;
    font-size: 11px;
}
input#fecha_b2 {
    margin-left: 1px;
    width: 135px;
    font-size: 11px;
}
.rangof {
    margin-top: 33px !important;
}
.limenu {
  width: auto;
    
    margin: 6px 0px 13px 6px;
    background: #074c9c;
    text-align: center;
    border-radius: 11px;
}
.titlew{
    color: white;
    padding: 9px 0px 0px 0px;
    font-size: 17px;
}
.consultAna{
    color: white;
}
.titulossub {
    margin-top: 34px;
}
.limenu2 {
  width: auto;
    
    margin: 6px 0px 13px 6px;
    background: #074c9c;
    text-align: center;
   
}
.titulosprincipal{
    padding: 0px 45px;
    background: #99e5ff;
        margin-top: 38px;
}
.titulosprincipal2{
    padding: 0px 45px;
    background: #7fccff;
}

.column_column ul, .column_helper ul, .column_visual ul, .icon_box ul, .mfn-acc ul, .ui-tabs-panel ul, .post-excerpt ul, .the_content_wrapper ul {
        color: transparent !important;

}
.titlepri{
    color: white;
}

.flex-container {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
}

.flex-item-left {
 background-color: #f1f1f1;
    padding: 10px;
    margin: 10px;
    flex: 50%;
      width: auto;

    border-radius: 8px;
  

}


.flex-item-right {
 background-color: #f1f1f1;
  padding: 10px;
  margin: 10px;
  flex: 50%;
  border-radius: 8px;
}


.usuactivos {
    background: #99cc66;
}
.usuaplat{
    background:#c9f;
}
.usualand{
    background:#fc3;
}
.usuactivosIn {
    background: #6cf;
}
.usuaplatIn{
    background:#9c6;
}
.usualandIn{
    background:#fc3;
}
.cajitas{
    padding: 5px;
    border-radius: 33px;
    width: 240px;
    margin: 3px;
}
.iconousuarios{
    font-size: 22px;
}
.flex-item-left2 {
    margin: 10px;
        width: auto;

   flex: 50%;
}
.flex-item-right2 {
 margin: 10px;
   flex: 50%;
}


input#tabla_general {
    display: none !important;
}
#page_content{
  margin-left: 328px;
  padding:1px 16px;
}

.linea_separar_vertical{
    border-left: 1px solid black;
    height: 59px;
}
span.texttotal {
    font-size: 20px;
}

.liambie, .liinterac, .litabla_general {
    margin: 0px 12px 0px;
    width: auto;
    background: white;
    height: 40px;
    text-align: center;
    border-radius: 11px;
}
.liambie label, .liinterac label , .tabla_general label {
    color: black;
    font-size: 15px;
    display: inline-block;
    width: 123px;
    margin: auto;
    margin-right: -30px;
    line-height: 21px;
    text-align: left;
}
.ambientesSelect, .interaccionesSelect, .tabla_generalSelect{
   
 
     background-color: #ccedef;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;

}

.ambientesSelect .liambie:hover, .interaccionesSelect .liinterac:hover {
    background-color: #ddd !important;
}

.ambientemenu:hover .ambientesSelect, .interaccionesmenu:hover .interaccionesSelect {
    display: block;
}

.ambientemenu:hover .amb , .interaccionesmenu:hover .inte {
    background-color: #3e8e41;
}
.iconotable {
    background: url(images/table.png);
    width: 32px;
    height: 32px;
    margin: 0px 0px -31px 30px;
    /* left: 106px; */
    position: absolute;
    z-index: 999;
}
.linea_separar_abajo {
    width: 200px;
    height: 50px;
}

.flex-container2, .containertable {
  display: flex;
  flex-wrap: wrap;
 
}
.containerIngresos, .containerInteracciones{
    background:  #f1f1f1
}
.flex-container2 > span {

  width: AUTO;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
}
table.fl-table {
    width: auto;
    font-size: 15px;
}
th.titulo {
    font-size: 14px;
    background: transparent;
}
.totales {
    color: black;
    font-size: 17px;
    font-weight: bold;
}
.caja0{
    background: #99cc66;
}
.caja1{
    background: #c9f;
}
.caja2{
    background: #fc3;
}

.cargando {
    font-size: 31px;
    /* margin: 22% 48%; */
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 0em #ffffff;
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 0.2em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 0.2em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 0.2em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0.2em #ffffff, -2em -2em 0 0em #ffffff;
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 0.2em #ffffff;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 0em #ffffff;
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 0.2em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 0.2em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 0.2em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0.2em #ffffff, -2em -2em 0 0em #ffffff;
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 0.2em #ffffff;
  }
}
#contentcargando, #vacio {
    background: #0e1c1ca6;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: absolute;
    z-index: 999;
    flex-direction: column;
}
span.mensaje {
    color: white;
    font-weight: bold;
    font-size: 50px;
    width: 508px;
    line-height: 1;
}
.close {
    margin-top: 21px !important;
    width: auto;
    padding: 15px;
    font-size: 25px;
}
.pensativo{
    background: url(images/pensativo.gif);
}