@media screen {
  /* IE7 needs !important */

  body  {
    background-color:#0076be !important;
  }

  body {
  background-color: #0C2340 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.35)), 
                    url('/file_resource/3086ea5a-8b9e-11f1-9d98-fb490f0d3737') !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}
.header-image.logo-padding {
  padding-top: 35px !important;
  padding-bottom: 25px !important;
}
.header-image img {
  max-height: 85px !important;
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.6)) !important;
}
#content-body {
  max-width: 900px !important;
  margin-top: 25px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 12px 12px 0 0 !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.45) !important;
}
footer {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.45) !important;
  margin-bottom: 60px !important;
}
.btn {
  border-radius: 6px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease-in-out !important;
}
.btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}
.btn-success,
.btn-primary {
  background-color: #007A87 !important;
  border-color: #007A87 !important;
  color: #ffffff !important;
}
.btn-success:hover,
.btn-primary:hover {
  background-color: #00565f !important;
  border-color: #00565f !important;
}

/* Mobile: relax the fixed width and heavy margins on small screens */
@media (max-width: 768px) {
  #content-body,
  footer {
    max-width: 100% !important;
    border-radius: 0 !important;
  }
  footer {
    margin-bottom: 0 !important;
  }
  .header-image img {
    max-height: 65px !important;
  }
}

  h1,
  h2,
  h3,
  .sa-form-title,
  .sa-form-nav-page-name,
  .sa-form-nav-pages-current i.fa-circle,
  .sa-form-field[data-flavor='section'],
  .sa-form-field[data-flavor='subsection']
  {
    color: #1e355e;
  }

  section h2:first-of-type {
    border-bottom-color: #1e355e;
  }

  #content-body {
    border-top-color: #1e355e
  }

  .notification-alert {
    background-color: rgba(30, 53, 94, 0.1);
  }

  .notification-alert .notification-icon > i {
    color: #1e355e;
  }

  .summary-communication > .notification-icon > .fa-bullhorn {
    color: #1e355e;
  }

  li.page-item.active > a.page-link {
    background-color: #1e355e
  }

  ul.header-actions > li > a > .header-action-label {
    color: #1e355e
  }

  .student-summary-action-link {
    color: #1e355e
  }

  button.btn-primary {
    background-color: #1e355e
  }

  .ap-installment-list.table {
    .ap-installment-contact-highlight {
      background-color: #1e355e
    }
  }
}