:root {
  --site-primary: #2d3e5e; }

.field-validation-error {
  color: #e80c4d;
  font-weight: bold; }

.field-validation-valid {
  display: none; }

input.input-validation-error {
  border: 1px solid #e80c4d; }

.validation-summary-errors {
  color: #e80c4d;
  font-weight: bold;
  font-size: 1.1em; }

.validation-summary-valid ul {
  margin: 0; }

.validation-success-message {
  animation: fade-out 3s forwards; }

@keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.navbar .navbar-nav {
  flex: 1 1 auto; }

.navbar.bg-dark {
  background-color: var(--site-primary) !important; }

.form-control {
  border-radius: unset;
  background-color: #f7f7fb;
  /*border: 1px solid #fff;*/
  border: none;
  padding: 5px; }
  .form-control:focus {
    outline: 1px solid #b2c2df;
    box-shadow: unset;
    background-color: #f7f7fb; }
  .form-control:focus-visible {
    /*border: 1px solid #2c4a80;*/
    outline: 1px solid #b2c2df; }

.btn {
  border-radius: unset; }

.modal-content {
  border-radius: unset; }

.body-container {
  margin-top: 60px;
  padding-bottom: 40px; }

.welcome-page li {
  list-style: none;
  padding: 4px; }

.logged-out-page iframe {
  display: none;
  width: 0;
  height: 0; }

.grants-page .card {
  margin-top: 20px;
  border-bottom: 1px solid lightgray; }
  .grants-page .card .card-title {
    font-size: 120%;
    font-weight: bold; }
    .grants-page .card .card-title img {
      width: 100px;
      height: 100px; }
  .grants-page .card label {
    font-weight: bold; }