/* Forms */
.form-item {
  margin: 0 0 10px 0;
}

button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
  padding: 11px 19px;
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #bdbdbd;
  color: #999;
  font-family: "FS Albert Web Regular", Arial, sans-serif;
  font-size: 1em;
  margin: 0;
  padding: 6px;
}

button:focus,
a.button:focus,
button:active,
a.button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  -moz-box-shadow: #06f 0 0 4px;
  -webkit-box-shadow: #06f 0 0 4px;
  box-shadow: #06f 0 0 4px;
  z-index: 1; /* For Opera */
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

select[disabled],
textarea[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
  background-color: #eee;
}

input[type="text"],
input[type="password"],
select {
  border: 1px solid #bdbdbd;
  color: #999;
  height: auto;
  position: relative;
}

@media all and (min-width: 640px) {
  input[type="text"],
  input[type="password"],
  select {
    padding: 8px 5px;
  }
}

input[type="text"],
textarea,
input[type="submit"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

/* User login form */
#user-login {
  margin: 0 0 20px 0;
}

#user-login input,
#user-login .description {
  margin: 0 0 10px 0;
}

#user-login .form-submit {
  background-color: #0093D0;
  border: none;
  color: #fff;
}

#user-login input {
  width: 100%;
}

@media (min-width: 640px) {
  #user-login input {
    width: auto;
  }
}

#user-login .form-submit:hover {
  background-color: #40AEDC;
}
