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

#header-bar {
  background: linear-gradient(to right,
    rgba(  2, 111, 196, 0.80) 5%,
    rgba( 22, 150, 251, 0.80) 70%,
    rgba(238, 215, 103, 0.70) 88%);
}

/* rgba(255,255,255,1.00) 99%,
   rgb(0 0 0 / 7%) 100%);*/

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

#footer-back-btn {
  background-color: rgb(239,144, 7);
  /*border: 1px solid rgba(176,158,157, 1.0);*/
  /*box-shadow: 1px 2px 4px 0px rgb(0 0 0 / 50%);*/
}

/* registro.php password.php */

input[type="text"], input[type="tel"], input[type="email"], 
input[type="password"], input[type="date"], select {
  border-bottom-color: rgb(  0, 162, 179);
}

input[type="submit"] {
  letter-spacing: 2px;
  background-color: rgb(239,144, 7);
}

/* index.php practica.php */

.panel {
  background-color: #00a2b3;
}

/* login.php */

.login {
  color: white;
  background-color: rgb(22, 150, 251);
  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: 295px; }
  #login-logo { width: 390px; }
}

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

.login input[type="submit"] {
  color: white;
  letter-spacing: 2px;
  background-color: rgb(239,144,  7);
  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(239,144, 7);
  color: rgb(255,255,255);
}