body {
  background-color: white;
  background-image: url("background.png");
}

#header-bar {
  background: linear-gradient(to right,
    rgba( 71, 84,164, 0.70) 30%, 
    rgba( 50, 62,124, 0.95) 80%);
}

#header-logo-img {
  height: 50px;
  content: url('logo_header.png');
}

#footer-back-btn {
  background-color: rgb( 71, 84,164);
}

#tMain > tbody >tr > td a {
  color: rgb(71, 84,164) !important; /* Ajustar color de los textos de inicio de sesion  */
}

#bienvenida-img {
  box-shadow: none !important; /* Quitar sombra de la imagen de bienvenida */
}

/* registro.php password.php reactivo.php */

input[type="text"], input[type="tel"], input[type="email"], 
input[type="password"], input[type="date"], select {
  border-bottom-color: #323e7c;
}

input[type="submit"] {
  letter-spacing: 2px;
  background-color: rgb( 71, 84,164);
}

#item-footer button {
  background-color: rgb( 71, 84,164);
}

#reactivo-item-respuesta > tbody > tr > td > table > 
tbody > tr:hover { background-color: rgb( 71, 84,164); }

/* index.php practica.php */

.panel {
  background-color: #707fd1;
}

/* login.php */

.login {
  color: white;
  background-color: #4754a4;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("login_bg.jpg");
}

#login-logo { content:url('login_logo.png'); }

@media only screen and (min-width : 900px) 
{/*Pantallas grandes/escritorio: Fondo grande*/
  #login-logo-space { height: 105px; } /* Ajustar altura del logo de inicio de sesion */
  #login-logo { width: 380px; }
}

@media only screen and (max-width : 900px)
{/*Pantallas pequeñas/celulares */
  .block { line-height: 30px; }
  #login-logo-space { height: 205px; }
  #login-logo { width: 290px; }
}

.login input[type="submit"] {
  color: white;
  letter-spacing: 2px;
  background-color: rgb(112,127,209);
  border: 1px solid rgb(245,245,245);
}

.login A { color: white !important; }

#login-footer td {
  text-shadow: rgba(0,0,0, 0.5) 2px 1px 1px;
  background-color: rgb( 50, 62,124);
  color: rgb(255,255,255);
}