.required-field,
.warning {
  color: red;
}
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #f0f0f0;
}
/* do not group these rules!!!  They must be separated in order to work. */
/* standard html */
::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #999999;
  font-style: italic;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999999;
  font-style: italic;
  opacity: 1;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999999;
  font-style: italic;
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999999;
  font-style: italic;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #999999;
  font-style: italic;
}
::placeholder {
  /* Most modern browsers support this now. */
  color: #999999;
  font-style: italic;
}
/* bootstrap form-control class */
.form-control::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #999999;
  font-style: italic;
}
.form-control:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999999;
  font-style: italic;
  opacity: 1;
}
.form-control::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999999;
  font-style: italic;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999999;
  font-style: italic;
}
.form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #999999;
  font-style: italic;
}
.form-control::placeholder {
  /* Most modern browsers support this now. */
  color: #999999;
  font-style: italic;
}
/*bigger screens*/
/*smaller screens*/