@import "fonts.css"; 
/* Comfortaa
Ubuntu
Work Sans
Open Sans */

                /* GLOBAL GLOBAL */

/* Barra de navegacion  */
nav{
  
  width: 100%; 
  width: 100vw;
  margin: 0;
  box-shadow: 0px 1px 5px #888888;
  background:  #fcfcfc;
 /* background-image: url("../img/bg/bg-ondas-va.svg");*/
  background-attachment: fixed;
  background-size: cover;
  font-size: 18px;
  font-family: 'Open Sans', cursive;

} 



/*estructural */
 body{
  /* The image used */
 /* background-image: url("../img/bg/bg-cuadrados.svg");*/
  /* Full height */
  height: 100%; 
   background: #fcfcfc;
  overflow-x: hidden;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.h-screen { 
  min-height: 95vh;
}

h4{
  font-family: 'Open Sans', cursive;
  font-size: 18px;
  padding-top: 8px;
} 

              /*  FOOOTER GLOBAL */
.h1-footer{
color: #D5DEE4; 
font-family: 'Hind Guntur', sans-serif; 
font-size: 19px; 
font-weight: 100; 
line-height: 30px; 
letter-spacing: 1px;
padding: 0 0 5px; 
/* border-bottom: double #3D3D3D;  */
/*border-bottom: 3px solid #333333;*/
}
.p-footer {
color: #D5DEE4; 
font-family: 'Hind Guntur', sans-serif; 
font-size: 10px; 
line-height: 20px; 
 margin: 0;
}

.a-footer {
color: #FFFFFF;
}
.a-footer:hover {
color: #FFA4A4;
}

.body-footer{
  /*border-top-style: ridge;*/

  border-color: : white;
  margin-top: 10px;
  font-family: 'Hind Guntur', cursive;
  font-size: 17px;
  padding-bottom: 10px;
  /*background-color: #13495d;*/
  background-color: #28a745;
 /* background-image: url("../img/bg/bg-ondas-av.svg");*/
  background-attachment: fixed;
  background-size: cover;
}


              /*  configuraciones */

.tittle-form { 
  color: #C34E00; 
  font-family: 'Helvetica Neue', sans-serif; font-size: 19px; 
  font-weight: 100px; 
  line-height: 15px; 
  letter-spacing: 1px; 
  padding: 0 0 5px; 
  border-bottom: double #555; 
}

              /*  resumen */

             /*  graficas */
.graf-ventana{
  box-shadow: 3px 3px 5px #888888;
    border: 1px solid green;
    border-radius: 8px;
  background-color: #DBDBDB;
}
/*header tabla calendario*/
thead{
background-color:#70ad47; 
}

#calendar{
  text-align: center;
}
/*  link de graficas */
.ca-links:link {
  color: white;  // unvisited link
}
.ca-links:visited {
  color: white;  //visited link
}
.ca-links:hover {
  color: white; // mouse over link
}
.ca-links:active {
  color: white;  // selected link
}

.table_nivel {
font-family: 'Open Sans', sans-serif; 
font-size: 12px; 
 
  background-color: #DBDBDB;
  margin: 0px;
  padding: 0px;
  width: 200px; 
 
}
/* .tooltip{
 color: #D5DEE4; 
font-size: 19px; 
} */


#map {
  height: 400px;
  max-width: 650px;
  min-width: 350px;
  width: 100%; 
/*  border: 2px solid green;
    border-radius: 8px;
    padding: 5px;
    box-shadow: 2px 2px 5px #888888;
    background-color: white; */
   }

.etiqueta {
  background-color: white;
  width: 100%;
  height: 120px;
 /* width: 290px;*/
  min-width: 290px;
  max-width: 290px;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
  
  margin: 0;
  box-shadow: 0px 1px 5px #888888;

}

.etiqueta-velocidad {
  background-color: white;
  /*width: 100%;*/
  height: 185px;
  min-width: 290px;
  max-width: 290px;

  border-radius: 5px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin: 0;
  box-shadow: 0px 1px 5px #888888;

}

.etiqueta-barras{
  background-color: white;
  width: 100%;
/*   width: 595px;*/
  height: 300px;

  min-width: 595px;
  max-width: 595px;
  border-radius: 5px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin: 0;
  box-shadow: 0px 1px 5px #888888;
}


.circle {

  background: black;
  border: 0.1em solid #0F1C3F;
  border-radius: 50%;
  box-shadow: 0.1em 0.1em 0 0 rgba(15, 28, 63, 0.125);
  height: 30px;
  width: 30px;
}



.titulo {
color: #2f4257; 
font-weight: bold;
/*width: 50%;*/
margin: auto;
text-align:center;
font-family: 'Hind Guntur', sans-serif; 
font-size: 18px; 
line-height: 31px; 
}


.titulo-etiqueta {
color:  #3c3d54; 
/*width: 50%;*/
margin: auto;
text-align:center;
padding-left: 5px;
font-family: 'Hind Guntur', sans-serif; 
font-size: 14px; 
line-height: 18px; 
}


.body-etiqueta {

/*  border: 0.15em solid #0F1C3F;*/
text-align: justify;
font-family: 'Hind Guntur', sans-serif; 
font-size: 18px; 
line-height: 30px; 
}


.number-counter {

/*  border: 0.15em solid #0F1C3F;*/
text-align:center;
font-family: 'Copse', serif; 
font-size: 26px; 
line-height: 30px; 
}




/*SEMI CIRCLE*/

.highcharts-figure .chart-container {
  width: 250px;
  height: 180px;
  float: center;
}

.highcharts-figure, .highcharts-data-table table {
  width: 255px;
  margin: 0 auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
  font-weight: 200;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

@media (max-width: 250px) {
  .highcharts-figure, .highcharts-data-table table {
    width: 100%;
  }
  .highcharts-figure .chart-container {
    width: 250px;
    float: none;
    margin: 0 auto;
  }

}


/*
SEMI CIRCLE
*/
/*.row{
border: 2px solid green;
}

.col-md-3{
  border: 2px solid red;
}

.col-md-6{
  border: 2px solid red;
}*/
/*figure{
border: 2px solid green;
}*/

/*  cementerio */

/* .contorno-tradicional-mapa {
  background-color: white;
  width: 100%;
  border: 1px solid #327a81;
  border-radius: 10px;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
   max-width: 600px;  
  min-width: 350px; 
  height: 400px;
  overflow: hidden;
} */

/* .thread-comp{
  background-color: #d5d1ce;
  background-image: url("../img/bg/bg-table-compuerta.svg");
  background-attachment: fixed;
  background-size: cover;
  font-size: 16px;
  font-family: 'Work Sans', cursive;
} */
/* .btn-tabla{
  box-shadow: 1px 1px 2px #888888;
  border: 1px ridge;
  border-radius: 5px;
  padding:1px ;
}  */
/* .btn-tabla:hover{
  box-shadow: 1px 1px 3px #888888;
  border: 2px ridge;
  padding:0px;
  border-color: red ;
}  */

/* .arrow_up_comp1{
 display: none;
}
.arrow_down_comp1{
 display: none;
}
.arrow_up_comp2{
 display: none;
}
.arrow_down_comp2{
 display: none;
} */