@import url(https://fonts.googleapis.com/css?family=Space+Mono:400,700);

body, html {
  
  background: url("http://web.acpagro.com/controldeingresos/project/login/imagenes/inicio_wall9.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.container {
  display: flex;
  align-items: center;
  min-height: 90vh;
}

.login {
  /*width:400px;*/
  transition: all 0.2s ease-out;
  position: relative;
  border-radius: 2px;    
  box-shadow: 0 10px 10px -10px hsla(0,0%,0%,0.2);   
  
  /*border: 1px solid #FFFFFF;
  -moz-border-radius: 9px;
  -webkit-border-radius:9px;*/
  border-radius: 10px;
  padding: 10px;
  /*background-color: rgba(184, 235, 178, 0.1);*/
  background-color: rgba(0, 0, 0, 0.5);
}

.login__form {
  padding: 2em 2em 2em 2em;
  transition: all 0.2s ease-out;
}

.login:hover {
  transform: scale(1.05);
  box-shadow: 0 40px 10px -20px hsla(0,0%,0%,0.1); 
}

.login__title {
  margin-bottom: 0.5em;
  font-size: 1.2em;
  color: #FFFFFF;
  
}

.login__title--grey {
  color: #DCDCDC;
  font-size: 0.8em;
}

input {
  outline: none;
  font-family: "Space Mono";
  font-size: 1em;
  display:block;
  padding: 0.1em 1.5em;
  margin-bottom: 1em;
  background:rgb(245,245,245);
}

input[type=text], input[type=password] {
  border: 1px dashed transparent;
  transition: all  0.2s ease-out;
  box-sizing: border-box;
  border-radius: 6px;
  color: #8F8E76;
  width:100%;
}

input[type=text]:hover, input[type=password]:hover {
  border:1px dashed #209529;
}

input[type=text]:focus, input[type=password]:focus {
  border:1px dashed #209529;
  color:#209529;
}