/*
.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}
*/

/* VENTANA MODAL -------------------------------------- */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 2rem; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow:hidden; /* NO Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.02); /* Black w/ opacity */
}
.modalvisible {
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding: 0.2rem; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0); /* Black w/ opacity */
}

.modalvisibleOscuro {
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding: 0.2rem; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}

/* The Close Button */
#closeX {
  float: right;
  width:1.5rem;
  height:1.5rem;
}

#closeX:hover{
  cursor: pointer;
}
/* The Close Button */
#closeX2 {
  float: right;
  width:1.5rem;
  height:1.5rem;
}

#closeX2:hover{
  cursor: pointer;
}
/* FIN VENTANA MODAL -------------------------------------- */

.mostrar {
  display: block; /* Hidden by default */
}
.ocultar {
  display: none; /* Hidden by default */
}


/* para que los anclas no me queden debajo del título */
a.ancla2 { 
	display: block; 
	position: relative; 
	top: -5.5rem; 
	visibility: hidden;
}


/* Ocultar las flechas en navegadores basados en WebKit (Chrome, Edge, Safari) */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Ocultar las flechas en Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}