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

  body  {
    background-color:#ffffff !important;
  }

  .btn {
  background-color: #022AFF; /* Button background color */
  color: #FFFFFF; /* Button text color (white) */
  font-family: 'Orchidea', sans-serif; /* Orchidea font */
  border: 1px solid #191969; /* Button border color (navy) */
  border-radius: 5px; /* Rounded corners */
  padding: 5px 10px; /* Smaller button size */
  font-size: 14px; /* Smaller font size */
  font-weight: bold; /* Bold text */
  cursor: pointer; /* Pointer cursor on hover */
  transition: background-color 0.3s, color 0.3s, border-color 0.3s; /* Smooth hover effect */
}

/* Hover effect */
.btn:hover {
  background-color: #5245FF; /* Ultramarine blue background on hover */
  color: #FFFFFF; /* Keep text white on hover */
  border-color: #5245FF; /* Match border with hover background */
}

/* Focus effect */
.btn:focus {
  outline: none; /* Remove default focus outline */
  box-shadow: 0px 0px 4px 2px #5245FF; /* Subtle glow effect */
}

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

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

  #content-body {
    border-top-color: #191969;
  }

  .notification-alert {
    background-color: rgba(25, 25, 105, 0.1);
  }

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

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

  li.page-item.active > a.page-link {
    background-color: #191969;
  }

  ul.header-actions > li > a > .header-action-label {
    color: #191969;
  }

  .student-summary-action-link {
    color: #191969;
  }

  button.btn-primary {
    background-color: #191969;
  }

  .ap-installment-list.table {
    .ap-installment-contact-highlight {
      background-color: #191969;
    }
  }
}