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

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

  @font-face {
    font-family: ‘FranklinGothic-Condensed’;
    src: url(’https://www.avenues.org/fonts/FranklinGothic-Condensed.woff2') format(‘woff2’), url(’https://www.avenues.org/fonts/FranklinGothic-Condensed.woff') format(‘woff’);
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: ‘FranklinGothic’;
    src: url(’https://www.avenues.org/fonts/FranklinGothic-Book.woff2') format(‘woff2’), url(’https://www.avenues.org/fonts/FranklinGothic-Book.woff') format(‘woff’);
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: ‘FranklinGothic’, sans-serif !important;
    font-size: 16px;
    line-height: 1.6em;
    color: #000;
}
.logo-padding {
    padding-top: 30px !important;
    padding-bottom: 0px !important;
}
.header-image img {
    max-width: 200px !important;
    max-height: 90px !important;
}
#content-body {
    border-top-color: #000 !important;
    border-top: 0px solid #EA6800 !important;
}
.page-header {
    grid-area: header !important;
    margin-bottom: 40px !important;
;
}
.page-header h1, .summary-title {
    margin-top: 0 !important;
    font-size: 32px !important;
    line-height: 1.5 !important;
    font-weight: normal !important;
    text-align: center !important;
    color: #000 !important;
}
.page-header h4 span strong span {
    font-size: 24px !important;
    line-height: 1.67 !important;
    font-weight: normal !important;
    color: #000 !important;
}
#content-body h2 {
    font-family: ‘FranklinGothic-Condensed’, sans-serif !important;
    color: #000;
    position: relative !important;
    font-weight: bold !important;
    font-size: 24px !important;
    border-bottom: none !important;
    margin-bottom: 10px !important;
}
.create-account { 
    margin: auto;
}
#content-body h2::after {
    display: none;
}
#content-body h2 .fa {
    display:none !important;
}
#content-body .sa-form-teacher-rec-points h2{
    margin-bottom: 10px !important;
    font-weight: 500 !important;
    font-size: 18px !important;
}
 #content-body .sa-form-teacher-rec-points h2:after{
    height: 0px !important;
}
#content-body .sa-form-teacher-rec-points p{
    margin-bottom: 40px !important;
}
.portal-nav {
    border-bottom: 1px solid #000;
}
.header-actions li.active {
    border-bottom: 3px solid #000 !important;
}
.cta-widget-large{
  margin-left:0 !important;
}
.header-action-label {
    display: inline-block;
}
form{
    font-size:16px !important;
    max-width: 800px !important;
    }
.sa-form-name {
    margin-bottom: 20px !important;
}
h1, h2, h3, .sa-form-title, .sa-form-nav-page-name, .sa-form-field[data-flavor=‘section’], .sa-form-field[data-flavor=‘subsection’] {
    color: #000 !important;
}
.sa-form-nav-pages-current i.fa-circle {
color: #248E68 !important;}
form label{
    font-weight:normal !important;
    float:none !important;
    width:100% !important;
    text-align:left !important;
    color: #000 !important;
    padding-bottom:10px !important;
    }
form div[data-flavor="likert"] label{
    float: left !important;
    width: 25% !important;
}
.sa-form-likert-definition-field-labels {
    font-size: .8em !important;
    text-align: left !important;
    padding-right: 10px !important;
}
.sa-form-likert-radio-text {
    text-align: left;
    font-weight: normal;
    font-size: .8em;
    padding-right: 60px;
}
div[data-flavor="likert_definition"] .sa-form-field-group-body{
    margin-left: 25%;
}
.form-responsive .form-control-container{
    float:none !important;
    width:100% !important;
}
.form-responsive .form-actions{
    margin-left:0px !important;
    display: flex !important;
    float: none !important;
    width: auto; !important}
.form-responsive .control-label {
    float: none !important;
    }
.sa-form-submit-buttons{
  text-align: left;
}
.sa-form-submit-buttons input, .sa-form-submit-buttons button{
  display: inline-block;
}
.btn{
    display: flex ;
    -webkit-box-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important;
    text-transform: none !important;
    cursor: pointer !important;
    position: relative !important;
    background-color: #248E68 !important;
    min-width: 262px !important;
    min-height: 51px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    padding: 0px 15px !important;
    overflow: hidden !important;
    transition: background-color 0.25s ease 0s !important;
    border-width: 0px !important;
    border-style: solid !important;
    border-color: rgb(233, 232, 231) !important;
    border-radius: 40px;
    border-image: initial !important;
    font-size: 1rem !important;}
.btn.btn-xs{
    width: 262px !important;
    min-height: 35px !important;
}
.create-account-description{
     font-size:16px !important;
     margin-bottom:40px !important;
    }
.btn .fa{
    padding-right: 5px!important;
}
main{
     grid-area: header;
}
.header-actions li.active a {
    color: #248E68;
}
.checklist-item-name, .checklist-item-action {
    float:none !important;
}
.checklist-item-action{
    margin-bottom: 20px;
}
.save_finish {
    background-color: #ccc !important;
    color: rgb(0, 42, 88) !important;
}
.sa-form-boolean-field .sa-form-boolean-label {
    width: auto !important;
}
.modal-footer .inner{
  text-align:left !important;
}
.modal-footer .inner .btn {
   display: inline-block;
}
.modal-footer .inner a.btn{
   padding-top:15px !important;
   background-color: #ccc !important;
}
.modal-cancel{
  background-color:#ccc !important;
  color: #000 !important;
}
.save_finish {
    background-color: #ccc !important;
    color: #000 !important;
  font-weight:normal;
}
@media (max-width: 767px){
.header-image {
    display: block !important;
}
  }
@media  (max-width: 991px) {
  section:first-of-type {
    margin-top: 0px !important;
  }
  section:not(:last-of-type) {
    margin-bottom: 0px !important;
  }
  form div[data-flavor="likert"] label{
    float: none !important;
    width: 100% !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: #002A58;
  }

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

  #content-body {
    border-top-color: #002A58;
  }

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

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

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

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

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

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

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

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