/* =============================================================================
   Input fields
   ========================================================================== */
/*
input, textarea, select {
  width: 40%;
}
*/

input, textarea {
  height: 30px;
  padding: 0 6px;
  display: inline-block;
  color: gray;
  border: 1px solid;
  border-color: #ccc #d4d4d4 #d8d8d8;
  border-radius: 3px;
  background-color: #fcfcfc;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #fefefe));
  background-image: -webkit-linear-gradient(top, #fcfcfc, #fefefe);
  background-image: -moz-linear-gradient(top, #fcfcfc, #fefefe);
  background-image: -ms-linear-gradient(top, #fcfcfc, #fefefe);
  background-image: -o-linear-gradient(top, #fcfcfc, #fefefe);
  background-image: linear-gradient(top, #fcfcfc, #fefefe);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition-property: border, box-shadow;
  -moz-transition-property: border, box-shadow;
  -ms-transition-property: border, box-shadow;
  -o-transition-property: border, box-shadow;
  transition-property: border, box-shadow;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -ms-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -ms-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}
input:focus, textarea:focus {
  color: #404040;
  background: white;
  border-color: #77b9f0;
  outline: 0;
  -webkit-box-shadow: inset 0 0 1px #77b9f0, 0 0 2px #77b9f0;
  box-shadow: inset 0 0 1px #77b9f0, 0 0 2px #77b9f0;
}
input[disabled], input[readonly], textarea[disabled], textarea[readonly] {
  background: #f8f8f8;
  cursor: not-allowed;
}

textarea {
  height: auto;
  padding: 4px 6px;
  line-height: 20px;
  min-height: 70px;
}

select, input[type=file] {
  margin-top: 5px;
  padding: 1px;
  height: 23px;
}

select[multiple] {
  height: auto;
  background-color: white;
}

input[type="file"], input[type=checkbox], input[type=radio] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: 0;
  border: initial;
  background: white;
  background: initial;
  -webkit-box-shadow: none;
  box-shadow: none;
}

input[type=checkbox], input[type=radio] {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0 2px 0 0;
  cursor: pointer;
}

input[type="submit"], input[type="reset"], input[type="button"] {
  width: auto;
}

:-moz-placeholder {
  color: #bfbfbf !important;
}

::-webkit-input-placeholder {
  color: #bfbfbf;
}