* {
   margin: 0px;
   padding: 0px;
}

body,
html {
   height: 100%;
   background: -webkit-linear-gradient(left, #244b9a, #5c86da);
}

.navbar-header {
   background: -webkit-linear-gradient(left, #244b9a, #5c86da);
   text-align: center;
}

#logoPrincipal {
   width: 200px;
   margin-top: 10px;
}

#imagenContenido {
   position: relative;
   width: 100%;

   -webkit-animation: mover 2s infinite alternate;
   animation: mover 1s infinite alternate;
}

.login-form-1 {
   padding: 10%;
}

.login-form-2 {
   padding-right: 5%;
   padding-left: 5%;
   padding-top: 20px;
   margin-top: 10%;
   background: white;
   box-shadow:
      0 5px 8px 0 rgba(0, 0, 0, 0.2),
      0 9px 26px 0 rgba(0, 0, 0, 0.19);
   height: 320px;
   border-radius: 60px;
}

#logoSecundario {
   position: relative;
}

.footer-pic {
   position: absolute;
   width: 15%;
   bottom: 10px;
   left: calc(85% / 2);
}

@-webkit-keyframes mover {
   0% {
      transform: translateY(0);
   }
   100% {
      transform: translateY(-20px);
   }
}
@keyframes mover {
   0% {
      transform: translateY(0);
   }
   100% {
      transform: translateY(-20px);
   }
}

.register-content {
   margin-top: 5%;
}

.register-heading {
   text-align: center;
   color: #243762;
}

.iconosLogin {
   width: 5%;
   height: 5%;
}

#txtUsuario {
   width: 80%;
   margin-left: 5%;
   background-color: #aac2df;
   color: #243762;
}

.form-control::placeholder {
   color: white;
}

#txtContraseña {
   width: 80%;
   background-color: #aac2df;
   color: #404040;
}

#show_hide_password {
   width: 80%;
   margin-left: 5%;
}

.input-password-hide i {
   color: #243762;
}

.row .form-group {
   display: flex;
   align-items: center;
   justify-content: center;
}

#btnEntrar {
   background-color: #89bd29;
   border-color: transparent;
   border-radius: 10px;
   width: 30%;
}

#btnEntrar:hover {
   background-color: #243762;
}

#lnkOlvidasteContraseña {
   color: #243762;
}

.copyright {
   font-size: 12px;
   color: #243762;
}

@media screen and (max-width: 992px) {
   .btn-link {
      font-size: 15px;
      padding: 0px !important;
   }

   .register-heading {
      font-size: 18px;
   }

   #imagenContenido {
      margin-top: 15px;
      width: 30%;
   }

   #logoPrincipal {
      width: 40%;
   }
   .login-form-1 {
      padding: 5px;
   }

   #txtUsuario {
      height: 35px;
   }

   #txtContraseña {
      width: 70%;
      height: 35px;
   }

   #btnEntrar {
      margin-top: -10px;
      width: 50%;
   }

   #imagenContenido {
      width: 60%;
      margin-left: 20%;
   }

   .login-container form {
      padding: 0px;
   }

   .login-form-2 {
      margin-top: 0;
      z-index: 3;
      height: 260px;
      width: 90%;
      left: 5%;
      padding: 10px;
   }

   .footer-pic {
      z-index: 1;
   }
}

@media screen and (max-width: 992px) and (max-height: 400px) {
   #imagenContenido {
      margin-top: 20px;
      width: 60%;
   }

   .login-form-1 {
      padding: 0;
   }

   .login-form-2 {
      padding-top: 10px;
      height: 270px;
   }

   .copyright {
      margin: 0;
      padding: 0;
   }

   #lnkOlvidasteContraseña {
      padding: 0;
   }
   .btn {
      line-height: 1;
   }

   .footer-pic {
      display: none;
   }
}