body {
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif !important;
}

.ui-tabs-panel.settings .quick_links ul li a {
  font-size: 1rem;
}

header#top-nav .brand {
  padding-right: 0;
}

header#top-nav #nav-container {
  padding: 10px 0 2px 0;
}

header#top-nav .navbar-inner {
  margin-bottom: 0;
}

header#top-nav .brand {
  margin-top: 12px;
}

#primary-nav-links .first.open > .dropdown-menu {
  left: -260px !important;
  width: auto !important;
}

#info-footer.open {
  margin-top: 35px;
}

header#top-nav.navbar .nav#primary-nav-links > li > a {
  font-weight: 800;
  font-size: 1rem;
  letter-spacing: .75px;
  text-transform: none;
}

#primary-nav-links .primary-nav-drop h2 {
  border-bottom: 1px solid #999;
  font-size: 16px;
  text-transform: none;
}

#top-nav .icon-angle-down {
  color: #999;
}

.navbar .btn-navbar {
  background: none;
  border: none;
  float: none;
  margin: 25px 0 0 0 !important;
  padding: 0;
  text-shadow: none;
  box-shadow: none;
}

.navbar .btn-navbar:hover {
  background: none;
}

.flex-nav {
  -webkit-display: flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.navbar .nav>li>#interest_areas_nav.dropdown-menu:before {
  left: 366px;
}

.navbar .nav>li>#interest_areas_nav.dropdown-menu:after {
  left: 367px;
}

#profile-nav.nav {
  margin: 0 0 2px 0;
}

header#top-nav.navbar .nav.pull-right li:last-child a {
    padding-right: 0;
}

header#top-nav.navbar .nav > li > a {
    font-weight: normal;
}

header#top-nav.navbar .nav > li > a {
    font-weight: normal;
}

@media (max-width: 979px) {
  .nav-collapse {
    display: none;
  }
}

@media (max-width: 415px) {
  header#top-nav .brand img {
    padding-top: 2px;
    width: 175px;
  }
}

 body { background: #FFF;font-family: "Nunito Sans", Helvetica, Arial, sans-serif !important; font-size: 16px; line-height: 1.5; padding-top: 105px;}
 .well { background: #FFF; padding: 30px; box-sizing: border-box; }
 header#top-nav.navbar .nav>li>a {
   font-weight: 600;
 }
 header#top-nav.navbar .nav>li>a.bonline-login {
   background: #EE243C;
   color: #FFF !important;
   display:block;
   font-size: 1.2rem;
   margin-top:13px;
   padding: 4px 10px !important;
   transition: all ease .3s;
   text-align: center !important;
 }
 
 h1, h2 {
   font-weight: 800;
   margin-bottom: 30px;
 }
 
 .main-content-container {
   width: 97%;
   margin-left: 30px;
   box-sizing: border-box;
 }
 
 .btn-enroll {
   background: #EE243C;
   color: #FFF;
   font-size: 1.1rem;
   padding: 8px 20px;
 }

 .btn-enroll:hover, .btn-enroll:active, .btn-enroll:focus {
   background: #CF1027;
 }

 @media (max-width: 768px) {
   .main-content-container {
     margin-left: 0;
   }
 }


/* ASIDE NAV */

 .settings-content-container {
   display: flex;
 }

 @media (max-width: 768px) {
   .settings-content-container {
     flex-direction: column-reverse;
   }
 }

 .nav-content-container {
   width: 33%;
   margin-left: 30px;
 }

 @media (max-width: 768px) {
   .nav-content-container {
     width: 100%;
     margin-left: 0;
     margin-top: 20px;
   }
 }

 .nav-content-header span {
   font-size: 16px;
   display: inline-block;
   font-weight: bold;
   line-height: 22px;
   padding: 3px 0 0 0;
   font-weight: 600;
 }

 .nav-content-header i {
   margin-right: 10px;
 }

 .tab_with_panel ul li.nav-content-header:hover {
   background: #FFF;
 }

 .tab_with_panel {
   border-right: 1px solid #e6e6ec;
 }

 @media (max-width: 768px) {
   .tab_with_panel {
     border-right: none;
   }
 }

 .tab_with_panel ul {
   margin: 0;
   padding: 0;
   width: 100%;
 }

 .tab_with_panel ul li:first-child {
   border: none;
 }

 .tab_with_panel ul li {
   border-top: 1px solid #e6e6ec;
   list-style-type: none;
   padding: 10px 7px;
   margin-bottom: 0;
 }

 .tab_with_panel ul li:hover {
   background: #dee2e5;
 }

 .tab_with_panel ul li.active {
   background: #EFF1F3;
 }

 .tab_with_panel ul li a {
   display: block;
   font-size: 16px;
   font-weight: bold;
   line-height: 22px;
   margin: 0;
   padding: 0;
   text-transform: none;
 }

 .tab_with_panel ul li.active a {
   color: #005580;
 }
 
 .settings-crumb-wrap {
   width 100%; padding: 20px 0 10px 0;
 }
 
 .settings-crumb {
   color: #222;
   font-size: 1.2rem;
   box-shadow: inset 0 -1px 0 #ee243c
 }
 
 label {
   font-size: 16px;
 }