/* Background Colors
-------------------------------------------------- */

.bg-grey {
  background-color: #efefef;
}

.bg-yellow {
  background-color: #FEBA11;
  color: #062D53;
}

.yellow {
  color: #FEBA11;
}

.bg-blue {
	background-color: #062D53;
	color: #fff;
}

.bg-blue .form-field {
  border: none;
  background-color: #123A62;
  color: #fff;
}

.bg-blue .button {
  background-color: #FEBA11;
  color: #062D53;
}

.bg-black {
	background-color: #000;
	color: #fff;
}

.bg-black .button {
  background-color: #FEBA11;
  color: #000;
}

.bg-black .form-field {
  border: none;
  background-color: #222;
  color: #fff;
}

.bg-black ::-webkit-input-placeholder,
.bg-blue ::-webkit-input-placeholder {
  color: #fff;
}

.bg-black :-ms-input-placeholder,
.bg-blue :-ms-input-placeholder {
  color: #fff;
}

.bg-black ::placeholder,
.bg-blue ::placeholder {
  color: #fff;
}

/* Topo
-------------------------------------------------- */

.warning {
  background-color: #e90000;
  color: #fff;
  padding: 8px;
  border-radius: 4px;
  
  font-weight: bold;
}