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

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

  /* =========================================
   STARGATE SCHOOL - CUSTOM CSS

   Purple: #622A80
   Gray:   #BFBFBF
   ========================================= */


/* =========================================
   STANDARD HYPERLINKS
   Purple + underlined
   ========================================= */

a {
    color: #622A80 !important;
    text-decoration: underline !important;
}

a:hover,
a:focus {
    color: #4F2267 !important;
    text-decoration: underline !important;
}


/* =========================================
   BUTTONS / ACTIONS
   Purple background + white text
   ========================================= */

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
.button,
a.btn,
a.button {
    background-color: #622A80 !important;
    border-color: #622A80 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}


/* =========================================
   BUTTON HOVER / FOCUS
   ========================================= */

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
.btn:hover,
.btn:focus,
.button:hover,
.button:focus,
a.btn:hover,
a.btn:focus,
a.button:hover,
a.button:focus {
    background-color: #4F2267 !important;
    border-color: #4F2267 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}


/* =========================================
   KEEP LINKS INSIDE BUTTONS WHITE
   ========================================= */

button a,
.btn a,
.button a {
    color: #FFFFFF !important;
    text-decoration: none !important;
}


/* =========================================
   FORM FIELD FOCUS
   ========================================= */

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
    border-color: #622A80 !important;
}


/* =========================================
   CHECKBOXES + RADIO BUTTONS
   ========================================= */

input[type="checkbox"],
input[type="radio"] {
    accent-color: #622A80;
}


/* =========================================
   PROGRESS BARS
   ========================================= */

.progress-bar {
    background-color: #622A80 !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: #622a80;
  }

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

  #content-body {
    border-top-color: #622a80;
  }

  .notification-alert {
    background-color: rgba(98, 42, 128, 0.1);
  }

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

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

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

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

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

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

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