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

  body  {
    background-color:#002e56 !important;
  }

  .btn {
background-color: #002e56;
border: 0px;
color: white;
}
.btn:hover {
background-color: #79bde9;
color: white;
border: 0px;
}

.sign-in-content {
border-radius: 20px;
margin: auto;
margin-bottom: 10px;
border: 0px;
width: 600px;
}

#content-body {
border-radius: 20px 20px 0 0;
}

#content-body.sign-in-content {
border-radius: 20px; 
}

footer {
border-radius: 0 0 20px 20px;
margin: 0px;
}

.main {
background-color: gray;
}

.footer {
color: #002e56;
padding: 15px;
}

.header-image  {
width: 400px;
height: auto;
margin: auto;
}

.school-admin-sign-in-logo {
content-visibility: hidden;
height: 0px;
}

#content-body {
opacity: 1;
}

  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: #002e56;
  }

  section h2:first-of-type {
    border-bottom-color: #002e56;
  }

  #content-body {
    border-top-color: #002e56
  }

  .notification-alert {
    background-color: rgba(0, 46, 86, 0.1);
  }

  .notification-alert .notification-icon > i {
    color: #002e56;
  }

  .summary-communication > .notification-icon > .fa-bullhorn {
    color: #002e56;
  }

  li.page-item.active > a.page-link {
    background-color: #002e56
  }

  ul.header-actions > li > a > .header-action-label {
    color: #002e56
  }

  .student-summary-action-link {
    color: #002e56
  }

  button.btn-primary {
    background-color: #002e56
  }

  .ap-installment-list.table {
    .ap-installment-contact-highlight {
      background-color: #002e56
    }
  }
}