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

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

  /* True buttons only */
a.btn,
.btn-success,
.btn-primary,
.btn-info,
button.btn,
input[type="submit"],
input[type="button"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    background: transparent !important;
    border: 1px solid #003366 !important;
    border-radius: 900px !important;

    color: #1b2e4b !important;
    padding: 2px 8px !important;

    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;

    box-shadow: none !important;
}

/* Arrow only on true buttons */
a.btn::after,
.btn-success::after,
.btn-primary::after,
.btn-info::after,
button.btn::after,
input[type="submit"]::after,
input[type="button"]::after {
    content: " →";
    color: #d71920;
    font-size: 16px;
    margin-left: 8px;
}

/* Hover */
a.btn:hover,
.btn-success:hover,
.btn-primary:hover,
.btn-info:hover,
button.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background: #0072bc !important;
    color: #ffffff !important;
}

/* Hover arrow */
a.btn:hover::after,
.btn-success:hover::after,
.btn-primary:hover::after,
.btn-info:hover::after,
button.btn:hover::after,
input[type="submit"]:hover::after,
input[type="button"]:hover::after {
    color: #ffffff;
}
/* =========================================
   BODY / PARAGRAPH TEXT
========================================= */

body,
p,
.portal p,
.portal-text {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #333333 !important;
}

/* =========================================
   HEADINGS
========================================= */

h1,
.page-title,
.hero-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 2.5 !important;
    color:  #003366 !important;
}

/* =========================================
   SMALL SECTION LABELS
========================================= */

.section-label,
.small-heading,
.overline {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: # #333333 !important;
}
/* =========================================
   LINKS
========================================= */

a,
.portal a,
.text-success,
.btn-success,
a.text-success {
    color: #0072bc !important;
    text-decoration: none !important;
}

/* Hover */
a:hover,
.portal a:hover,
.text-success:hover,
a.text-success:hover {
    color: #003366 !important;
}

/* Icons */
.text-success i,
.text-success .fa,
a.text-success i {
    color: #0072bc !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: #153051;
  }

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

  #content-body {
    border-top-color: #153051
  }

  .notification-alert {
    background-color: rgba(21, 48, 81, 0.1);
  }

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

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

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

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

  .student-summary-action-link {
    color: #153051
  }

  button.btn-primary {
    background-color: #153051
  }

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