a,
.btn {
  text-decoration: none;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.app-login-bg {
  background: #ccc no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.app-login-form {
  background-color: #fff;
  height: auto;
  min-height: 1px;
  padding: 15px;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
}
.app-login-form hr {  
  border-top-color: #ccc;
}
.app-login-form .form-control {
  background-color: #fff;
  border-color: #ccc;
  border-radius: 0;
  color: #242c38;
  position: relative;
  -webkit-box-shadow: inset 2px 1px 4px rgba(0,0,0,.1), 0 1px 0px rgba(255, 255, 255, 0.8), 0 0 0px #9df500;
  -moz-box-shadow: inset 2px 1px 4px rgba(0,0,0,.1), 0 1px 0px rgba(255, 255, 255, 0.8), 0 0 0px #9df500;
  box-shadow: inset 2px 1px 4px rgba(0,0,0,.1), 0 1px 0px rgba(255, 255, 255, 0.8), 0 0 0px #9df500;
  -webkit-transition: ease-in-out 0.3s all;
  -moz-transition: ease-in-out 0.3s all;
  -ms-transition: ease-in-out 0.3s all;
  -o-transition: ease-in-out 0.3s all;
  transition: ease-in-out 0.3s all;
}
.app-login-form .form-control:focus {
  background-color: #fff;
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 2px 1px 4px rgba(0,0,0,.1), 0 1px 0px rgba(255, 255, 255, 0.8), 0 0 8px #66afe9;
  -moz-box-shadow: inset 2px 1px 4px rgba(0,0,0,.1), 0 1px 0px rgba(255, 255, 255, 0.8), 0 0 8px #66afe9;
  box-shadow: inset 2px 1px 4px rgba(0,0,0,.1), 0 1px 0px rgba(255, 255, 255, 0.8), 0 0 8px #66afe9;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  /*background: #000;
  color: #fff;
  transition-property: background-color, color;
  transition: all 5000s ease-in-out 0s;*/
}
.app-login-form .form-control::-webkit-input-placeholder {
  color: #ccc;
}
.app-login-form .form-control::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
.app-login-form .form-control:-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
.app-login-form .form-control:-ms-input-placeholder {
  color: #ccc;
}
.app-login-form .inner-addon {
  position: relative;
}
.app-login-form .icono {
  color: #242c38;
  font-size: 26px;
  font-weight: normal;
  height: 34px;
  line-height: 34px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 34px;
  z-index: 1;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.app-login-form .left-addon .icono {
  left:  0px;
}
.app-login-form .right-addon .icono {
  right: 0px;
}
.app-login-form .left-addon input {
  padding-left:  34px;
}
.app-login-form .right-addon input {
  padding-right: 34px;
}
.app-login-form .btn {
  border-radius: 0px;
}
.app-login-form .btn-primary {
  background-color: #2093b6;
  border-color: #2093b6;
  color: #fff;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4);
}
.app-login-form .btn-primary:hover,
.app-login-form .btn-primary:focus,
.app-login-form .btn-primary.focus,
.app-login-form .btn-primary:active,
.app-login-form .btn-primary.active {
  background-color: #107695;
  border-color: #107695;
}
.alert {
  border-radius: 0px;
  border: 0px;
  margin-bottom: 0px;
  margin-top: 5px;
  padding: 10px 15px;
}
.recuperar-contrasenia a {
  color: #242c38;
}
.recuperar-contrasenia a:hover {
  color: #2093b6;
}
@media (max-width: 767px) {
  .app-login-form {
    margin: 5% 15px;
    width: auto;
  }
}
@media (min-width: 768px) {
  .app-login-form {
    /*margin: 5% auto;*/
    left: 50%;
    margin-left: -180px;
    margin-top: -173px;
    position: absolute;
    top: 50%;
    width: 360px;
  }
}