.tabla-content
{
  width: 100%;
	overflow-x: auto; 
}

#tabla 
{
  font-family: "Roboto";
  border-collapse: collapse;
  width: 100%;
  font-size: 11.5px;
}

#tablaj 
{
  font-family: "Roboto";
  border-collapse: collapse;
  width: 100%;
  font-size: 11.5px;
}

#tabla td, #tabla th 
{
  border: 1px solid #C3C3C3;
  padding: 5px;
}

#tablaj td, #tablaj th 
{
  border: 1px solid #C3C3C3;
  padding: 5px;
}

#tablaj tr:nth-child(even)
{
	background-color: #F0F0F0;
}

#tabla tr:nth-child(even)
{
	background-color: #F0F0F0;
}

#tabla tr:hover 
{
	background-color: #D0D0D0;
}

#tablaj tr:hover 
{
	background-color: #D0D0D0;
}

#tabla th 
{
  padding: 5px;
  text-align: left;
  background-color: #424242;
  color: #F9F9F9;
  font-size: 13px;
}

#tablaj th 
{
  padding: 5px;
  text-align: left;
  background-color: #424242;
  color: #F9F9F9;
  font-size: 13px;
}


#tabla_jornada 
{
  font-family: "Roboto";
  border-collapse: collapse;
  width: 100%;
  font-size: 11.5px;
}

#tabla_jornada td, #tabla th 
{
  border: 1px solid #C3C3C3;
  padding: 5px;
}

#tabla_jornada tr:nth-child(even)
{
	background-color: #F0F0F0;
}

#tabla_jornada tr:hover 
{
	background-color: #D0D0D0;
}

#tabla_jornada th 
{
  padding: 5px;
  text-align: left;
  background-color: #424242;
  color: #F9F9F9;
  font-size: 13px;
}

td.center
{
  text-align: center;
}

button.tabla-btn
{
  padding: 5px;
  border: 1px solid #3F729B;
  color: #3F729B;
  border-radius: 100%;
  cursor: pointer;
}

button.tabla-btn:hover
{
  background: #3F729B;
  border: 1px solid #F9F9F9;
  color: #F9F9F9;
}

button .tabla-btn-icon
{
  font-size: 13px;
  margin-right: 0;
}

.asignados
{
  display: flex;
  justify-content: center;
  color: seagreen;
}

.disabeled
{
  padding: 5px;
  border: 1px solid #F7F7F7;
  color: #F7F7F7;
  background: #CCCCCC;
  border-radius: 100%;
}
/* ------------------------------------------------------------ */
/* RESPONSIVE */
@media (min-width: 768px)
{
  #tabla
  {
    font-size: 12.5px;
  }

  #tabla th 
  {
    font-size: 14px; 
  }
}

@media (min-width: 992px)
{
  #tabla th 
  {
    font-size: 15px; 
  }
}