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

  body  {
    background-color:#004aad !important;
  }

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

footer {
  border-radius: 0 0 12px 12px;
}
/* Add space below the logo/header area */
header, .fsPortal-header {
  padding-bottom: 20px !important; /* adjust number if needed */
}
/* Change main action button to blue */
.btn, button, .button, a.btn {
  background-color: #004aad !important;
  border-color: #0001ef !important;
  color: #ffffff !important;
}

/* Hover effect (optional but recommended) */
.btn:hover, button:hover, .button:hover, a.btn:hover {
  background-color: #2874ea !important; /* your dark accent color */
  border-color: #2874ea !important;
}
/* Fix for Google & Microsoft sign-in buttons */
button.social-button,
button[id*="google"],
button[id*="microsoft"],
.google-signin-btn,
.microsoft-login-btn {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove blue border/highlight when clicked */
button.social-button:focus,
button[id*="google"]:focus,
button[id*="microsoft"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Keep them looking clean */
button.social-button,
button[id*="google"],
button[id*="microsoft"] {
  border-radius: 6px !important;
  background-color: #ffffff !important;
}
/* Remove blue border / outline from Google & Microsoft buttons */
button.sign-in-google {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 auto;
  display: inline-block;
}

/* Keep image buttons crisp + clickable */
button.sign-in-google img {
  display: block;
  border-radius: 4px;
  box-shadow: none !important;
  border: none !important;
}
/* Reduce content area width from left & right */
#content-body, footer, #portal-container, .fsPortal-container {
  width: 90% !important;      /* adjust width */

  margin-left: auto !important;
  margin-right: auto !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: #004aad;
  }

  section h2:first-of-type {
    border-bottom-color: #004aad;
  }

  #content-body {
    border-top-color: #004aad
  }

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

  .notification-alert .notification-icon > i {
    color: #004aad;
  }

  .summary-communication > .notification-icon > .fa-bullhorn {
    color: #004aad;
  }

  li.page-item.active > a.page-link {
    background-color: #004aad
  }

  ul.header-actions > li > a > .header-action-label {
    color: #004aad
  }

  .student-summary-action-link {
    color: #004aad
  }

  button.btn-primary {
    background-color: #004aad
  }

  .ap-installment-list.table {
    .ap-installment-contact-highlight {
      background-color: #004aad
    }
  }
}