.login-margin {
  padding-top: 5%; }



.login-container {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  border-radius: 3px; }

.login-inp {
  border-radius: 0;
  border: 2px solid black; }

.opacity {
  border-radius: 4px;
  top: 0;
  left: 0;
  z-index: -1;
  font-family: sans-serif;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.5); }

.button-login {
    background-color: white;
    border: solid 2px black;
    height: 2.5em;
    color: #000000;
}

.remember {
  text-decoration: underline; }

.remember:hover {
  color: black; }

.anchor-button:hover{
    color: white;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.responsive-login-position {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Reglas para responsive */
@media only screen and (max-width : 575px) {

    .responsive-login-position {
        position: relative;
        left: 48%;
        margin: 0 2%;
    }

}