@font-face {
   font-family: 'EkMukta Regular';
   src: url('../fonts/ekmukta/EkMukta-Regular.ttf') format("truetype");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "EkMukta Bold";
   src: url('../fonts/ekmukta/EkMukta-Bold.ttf') format("truetype");
   font-weight: bold;
   font-style: normal;
}
@font-face {
   font-family: 'EkMukta Light';
   src: url('../fonts/ekmukta/EkMukta-Light.ttf') format("truetype");
   font-weight: lighter;
   font-style: normal;
}
body{
	font-family: 'EkMukta Regular';
    align-items: column;
	flex-direction: column;
	margin: 0px;
	padding: 0px;
	background-color: white;
}
.nav-item.active{
	background-color: lightblue;
}
nav a{
	color: black;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	z-index: 10;
}
.row{
	flex: 100%;
	text-align: center;
	font-size: 16px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
aside{
	flex: 20%;
	background-color: whitesmoke;
	padding: 0px,0px,0px,0px;
	text-align: center;
}
section{
	flex: 79%;
	min-height: 450px;
	background-color: white;
	padding-top: 0px;
	text-align: center;
}
thead tr th{ 
	top: 0;
	z-index: 2;
	background-color: lightblue !important;
}
/*Formulario Nueva llamada telefonica*/
.modal {
  display: none; /* Por defecto, estará oculto */
  position: fixed; /* Posición fija */
  z-index: 200; /* Se situará por encima de otros elementos de la página*/
  padding-top: 100px; /* El contenido estará situado a 200px de la parte superior */
  left: 0;
  width: 100%; /* Ancho completo */
  height: 100%; /* Algura completa */
  overflow: auto; /* Se activará el scroll si es necesario */
  background-color: rgba(0,0,0,0.5); /* Color negro con opacidad del 50% */
}
/* Ventana o caja modal */
.contenido-modal {
  position: relative; /* Relativo con respecto al contenedor -modal- */
  background-color: white;
  margin: auto; /* Centrada */
  padding: 20px;
  width: 60%;
  -webkit-animation-name: animarsuperior;
  -webkit-animation-duration: 0.5s;
  animation-name: animarsuperior;
  animation-duration: 0.5s
}

/* Animación */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animarsuperior {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* Botón cerrar */
.close,.closeinmu {
  color: black;
  float: right;
  font-size: 20px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #FF0000;
  text-decoration: none;
  cursor: pointer;
}
.closeprop {
  color: black;
  float: right;
  font-size: 20px;
  font-weight: bold;
}

.closeprop:hover,
.closeprop:focus {
  color: #FF0000;
  text-decoration: none;
  cursor: pointer;
}
.closeWhatsApp {
  color: black;
  float: right;
  font-size: 20px;
  font-weight: bold;
}

.closeWhatsApp:hover,
.closeWhatsApp:focus {
  color: #FF0000;
  text-decoration: none;
  cursor: pointer;
}