:root {
  --new-project-form-base: #176861;
}

.project-form {
  width: 800px !important;
}

.project-form md-toolbar {
  background-color: var(--new-project-form-base);
}

.project-form h3 {
  text-transform: uppercase;
  font-size: 14px;
  color: #4c5067;
  font-weight: 500;
  word-spacing: 5px;
  letter-spacing: 0.05em;
  margin-bottom: 5px;
}

.project-form button {
  background-color: var(--new-project-form-base);
}

.project-form button:hover,
.project-form button:focus {
  background-color: #016359 !important;
}

.project-form md-autocomplete-wrap {
  box-shadow: none;
}

.project-form-autocomplete .md-autocomplete-suggestions .md-autocomplete-suggestion {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
}

.project-form md-input-container.md-input-invalid input,
.project-form md-input-container.md-input-invalid md-select,
.project-form md-input-container.md-input-invalid textarea {
    border-color: #ff3700 !important;
}
.project-form md-autocomplete {
  background:transparent !important;
}

.project-form md-input-container .md-input-message-animation{
  margin-top: 0;
  padding: 0;
}