#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 1);
  z-index: 1000;
}

#loader {
 width: 500px;
 height: 450px;
 position: absolute;
 left: 45%;
 top: 40%;
 margin: -170px 0 0 -170px;
 background: url(img_sca/prueba_1.gif)no-repeat center 0;
}


/******************************************************************************/
/**************"Utilidades"*****************************************************/
/******************************************************************************/
.flex_column {
  display: flex;
  flex-direction: column;
}

.text-justify {
  text-align: justify;
}

.text-center {
  text-align: center;
}

/******************************************************************************/
/**************"estilos globales"**********************************************/
/******************************************************************************/

.fondo {
  background-image: url("img_sca/fondo_cuadro.png");
}

/******************************************************************************/
/**************"Estilos para login"********************************************/
/******************************************************************************/
.login {
	background-color: rgb(255,255,255,0.5);
	padding: 2rem 2rem 2rem 2rem;
  width: 30%;
  margin: 10% 35% 0 35%;
}

.logo_iberica {
  max-width: 60%;
	margin: 0 20% 5% 20%;
}

/******************************************************************************/
/*********"Estilos inicio usuario"*********************************************/
/******************************************************************************/

.contenedor_datos {
	background-color: rgb(255,255,255,0.5);
	padding: 2rem 2rem 2rem 2rem;
  border-radius: 0.3rem;
  width: 32%;
  margin: 3% 34% 7% 34%;
}

.foto_user {
  max-width: 50%;
}

/******************************************************************************/
/*********"Estilos asignaciones"*********************************************/
/******************************************************************************/

#tab{
    font-size: 12px;
}

table#tab th{
  font-weight: bold;
  background-color: #E1E1E1;
  padding:5px;
}

table#tab td{
  font-weight: bold;
  padding:5px;
}

table#tab  tr td:hover{
  background-color: green;
}

table#tab td{
   padding: 5px 10px;
}