body {
  background-color: rgb(245,245,250);
  background-image: none;
}

#header-bar {
  background: linear-gradient(to right,
    rgba(247, 151,   8, 1.0) 0%,
    rgba(207,   2, 108, 1.0) 32%,
    rgba( 45, 168, 174, 1.0) 80%);
}

#score-bar {
  background: linear-gradient(to right,
    rgba(247, 151,   8, 1.0) 0%,
    rgba(207,   2, 108, 1.0) 32%,
    rgba( 45, 168, 174, 1.0) 80%);
  box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.55);
  text-shadow: rgb(0 0 0/60%) 2px 2px 1px;
  letter-spacing: 2px;
  color: white;
  font-weight: bold;
  font-size: 16px;
}

/*
  rgba(  0, 162, 179, 0.80) 20%,
  rgba(  0, 162, 179, 0.80) 32%,
  rgba(133, 207, 233, 0.68) 85%
*/

/* 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: #901275; /*#00a2b3*/
  background-size: cover; /*cover, auto*/
  background-repeat: no-repeat;
  background-image: url("login_bg.jpg");
}

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

@media only screen and (min-width : 900px) 
{/*Pantallas grandes/escritorio: Fondo grande*/
  #login-logo-space { height: 420px; }
  #login-logo { width: 510px; }
  #login-logo-2 { 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: 450px; }
}

.login input[type="text"] {
  height: 25px;
  color: rgb(45,45,45);
  border-radius: 20px !important;
  border: none;
}

.login input[type="submit"] {
  height: 40px;
  color: rgb(45,45,45);
  letter-spacing: 2px;
  background-color: rgb(239,144,  7);
  border-radius: 20px !important;
  border: none;
}

.login A { color: white !important; }

#login-text-title {
  font-size: 1.7em;
  font-family: "Lato Light";
  margin-top: 80px;
  margin-bottom: 35px;
}

#login-text {
  font-size: 1.05em;
  letter-spacing: 1px;
  margin-top: 25px;
  margin-bottom: 35px;
  font-family: "Lato", "Lato Regular";
  line-height: 36px;
}

#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);
}
