/* Login styles ported from front/sessions.css.scss + layouts/authentication.html.erb (plain CSS for Propshaft) */

.formtop { top: 10px; }

/*** GENERADOR FONDO http://www.colorzilla.com/gradient-editor/ ***/
.body_login {
  background: rgb(246,248,249);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjZmOGY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzclIiBzdG9wLWNvbG9yPSIjZTVlYmVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZDdkZWUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjdmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg, rgb(246,248,249) 0%, rgb(229,235,238) 37%, rgb(215,222,227) 51%, rgb(245,247,249) 100%);
  background: -webkit-linear-gradient(-45deg, rgb(246,248,249) 0%, rgb(229,235,238) 37%, rgb(215,222,227) 51%, rgb(245,247,249) 100%);
  background: -o-linear-gradient(-45deg, rgb(246,248,249) 0%, rgb(229,235,238) 37%, rgb(215,222,227) 51%, rgb(245,247,249) 100%);
  background: linear-gradient(135deg, rgb(246,248,249) 0%, rgb(229,235,238) 37%, rgb(215,222,227) 51%, rgb(245,247,249) 100%);
  min-height: 100vh;
}

.footer-login {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 12px 20px;
  text-align: left;
}

#login {
  margin: 30px auto;
  width: 100%;
}

#login h4 {
  background-color: #2C5A77;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
  color: #fff;
  margin: 0;
  padding: 20px 26px;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

#login h4 span {
  margin-right: 14px;
}

#login fieldset {
  background-color: #fff;
  -webkit-border-radius: 0 0 20px 20px;
  -moz-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px;
  padding: 20px 26px;
}

#login fieldset p {
  color: #777;
  margin-bottom: 14px;
}

#login fieldset p:last-child {
  margin-bottom: 0;
}

#login fieldset input {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#login fieldset input[type="text"],
#login fieldset input[type="password"] {
  background-color: #eee;
  color: #777;
  padding: 4px 10px;
}

#login fieldset input[type="submit"] {
  background-color: #33cc77;
  color: #fff;
  display: block;
  margin: 0 auto;
  padding: 4px 0;
  width: 100px;
}

#login fieldset input[type="submit"]:hover {
  background-color: #28ad63;
}

#btn_login_volver {
  color: #fff;
  display: block;
  margin: 0 auto;
  padding: 4px 0;
  width: 100px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
}