@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600");
@import url("https://fonts.googleapis.com/css?family=Crimson+Text:400,600,700|Open+Sans:300,400,600,700|Raleway:400,500,600,700");/* Resets
   ========================================================================== */html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
}

*,*::before,*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}/* General Fixes
   ========================================================================== */label {
  font-weight: 400;
  display: inline;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9CA5AC;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #9CA5AC;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #9CA5AC;
}
:-moz-placeholder { /* Firefox 18- */
  color: #9CA5AC;
}

blockquote {
  font-size: inherit;
  border-left: none;
}

.btn-danger {
border-radius:46px;
}

.field {
  padding-left: 5px !important;
  padding-bottom: 5px;
}

.label-r label {
  display: inline;
}

td.hint {
  padding: 0 4px;
}

.small {
  font-size: 1.083rem;
}

#efcWorksheet td.label-l {
  width: 60%;
}

.middleSchoolCredit {
  color: #fff !important;
  font-weight: bold;
  text-decoration: none !important;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}/* Body
   ========================================================================== */body {
  background-color: #fff;
  background-image: none;
  color: #000;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  font-size: 0.8125rem;
  line-height: 18px;
  margin: 0;
  padding: 0;
}/* Layout - Main Navigation
   ========================================================================== */#primarynav {
  background: #DFF6FC url("/Images/Transitions/icons_bckg.gif") 12px 10px repeat-x;
  width: 100%;
  position: relative;
}

#primarynav:after {
  content: "";
  display: table;
  clear: both;
}

#navigation {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  display: block;
  float: right;
}

#navigation:after {
  content: "";
  display: table;
  clear: both;
}

#navigation li {
  display: block;
  float: left;
  text-indent: -3000px;
}

#navigation li a {
  display: block;
  background-image: url("/Images/Transitions/upper_nav.gif");
  background-repeat: no-repeat;
  height: 39px;
  text-decoration: none;
}

#navigation #Home a {
  background-position: 0 0;
  width: 47px;
}

#navigation #Home.selected a,#navigation #Home a:hover,#navigation #Home a:focus {
  background-position: 0 -39px;
}

#navigation #CareerPlanning a {
  background-position: -47px 0;
  width: 121px;
}

#navigation #CareerPlanning.selected a,#navigation #CareerPlanning a:hover,#navigation #CareerPlanning a:focus {
  background-position: -47px -39px;
}

#navigation #HighSchoolPlanning a {
  background-position: -168px 0;
  width: 122px;
}

#navigation #HighSchoolPlanning.selected a,#navigation #HighSchoolPlanning a:hover,#navigation #HighSchoolPlanning a:focus {
  background-position: -168px -39px;
}

#navigation #OfftoWork a {
  background-position: -673px 0;
  width: 122px;
}

#navigation #OfftoWork.selected a,#navigation #OfftoWork a:hover,#navigation #OfftoWork a:focus {
  background-position: -673px -39px;
}

#navigation #CollegePlanning a {
  background-position: -290px 0;
  width: 122px;
}

#navigation #CollegePlanning.selected a,#navigation #CollegePlanning a:hover,#navigation #CollegePlanning a:focus {
  background-position: -290px -39px;
}

#navigation #FinancialAidPlanning a {
  background-position: -412px 0;
  width: 122px;
}

#navigation #FinancialAidPlanning.selected a,#navigation #FinancialAidPlanning a:hover,#navigation #FinancialAidPlanning a:focus {
  background-position: -412px -39px;
}

#navigation #YourPortfolio a {
  background-position: -534px 0;
  width: 122px;
}

#navigation #YourPortfolio.selected a,#navigation #YourPortfolio a:hover,#navigation #YourPortfolio a:focus {
  background-position: -534px -39px;
}

#dashboard {
  background: transparent url("/Images/Transitions/icons_rd_crnr.gif") 0px 10px no-repeat;
  clear: both;
  float: left;
  margin: 0px;
  padding: 0px;
  position: relative;
}

#dashboard li {
  display: block;
  height: 29px;
  list-style: none;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
}

#dashboard a {
  color: #FFF;
  display: block;
  font-weight: bold;
  font-family: inherit;
  height: 29px;
  text-decoration: none;
}

#dashboard {
  height: auto;
  background: none;
  z-index: 100;
  float: left;
  width: auto;
  border-left: none;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  left: 0.9375rem;
  top: 0.3125rem;
}

#dashboard:after {
  content: "";
  display: table;
  clear: both;
}

#dashboard li {
  display: inline-block;
  float: left;
  height: auto;
  width: auto;
  margin: auto;
  position: relative;
}

#dashboard li:after {
  margin-right: 0;
}

#dashboard li a {
  color: #5b5b5b;
}

#dashboard li:before {
  display: none;
}

#dash1 a {
  padding: 8px 0px 0px 40px;
}

#dash2 a {
  padding: 8px 0px 0px 40px;
}

#dash2 {
  border-left: none;
  left: auto;
}

#dash2:after {
  content: "\f073" !important;
}

#dash1,#dash2 {
  width: 30px;
  height: 30px;
  padding: 0;
  position: relative;
}

#dash1:after,#dash2:after {
  display: block;
  content: "\f003";
  text-align: center;
  font-family: FontAwesome;
  line-height: 30px;
  font-size: 1.25rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#dash1:hover:after,#dash2:hover:after {
  color: #ffa263;
}

#dash1 a,#dash2 a {
  background: none;
  display: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: relative;
  z-index: 5;
}

#primarynav {
  padding: 0 1px;
  margin-top: 0.4375rem;
  background: url("/Images/ok/uppr_nav_bgr.png") 0 0;
  background-repeat: repeat-x;
}

#primarynav .HomeSub {
  height: 0px;
  line-height: 0px;
}

#navigation {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  display: block;
  float: right;
  padding-right: 0.9375rem;
}

#navigation:after {
  content: "";
  display: table;
  clear: both;
}

#navigation li {
  display: block;
  float: left;
  text-indent: -3000px;
}

#navigation li a {
  display: block;
  background-image: url("/Images/Transitions/upper_nav.gif");
  background-repeat: no-repeat;
  background-position: 0px -48px;
  height: 39px;
  text-decoration: none;
}

#navigation #Home a {
  background-position: 0 0;
  width: 47px;
}

#navigation #Home.selected a,#navigation #Home a:hover,#navigation #Home a:focus {
  background-position: 0 -39px;
}

#navigation #CareerPlanning a {
  background-position: -47px 0;
  width: 121px;
}

#navigation #CareerPlanning.selected a,#navigation #CareerPlanning a:hover,#navigation #CareerPlanning a:focus {
  background-position: -47px -39px;
}

#navigation #HighSchoolPlanning a {
  background-position: -168px 0;
  width: 122px;
}

#navigation #HighSchoolPlanning.selected a,#navigation #HighSchoolPlanning a:hover,#navigation #HighSchoolPlanning a:focus {
  background-position: -168px -39px;
}

#navigation #OfftoWork a {
  background-position: -673px 0;
  width: 122px;
}

#navigation #OfftoWork.selected a,#navigation #OfftoWork a:hover,#navigation #OfftoWork a:focus {
  background-position: -673px -39px;
}

#navigation #CollegePlanning a {
  background-position: -290px 0;
  width: 122px;
}

#navigation #CollegePlanning.selected a,#navigation #CollegePlanning a:hover,#navigation #CollegePlanning a:focus {
  background-position: -290px -39px;
}

#navigation #FinancialAidPlanning a {
  background-position: -412px 0;
  width: 122px;
}

#navigation #FinancialAidPlanning.selected a,#navigation #FinancialAidPlanning a:hover,#navigation #FinancialAidPlanning a:focus {
  background-position: -412px -39px;
}

#navigation #YourPortfolio a {
  background-position: -534px 0;
  width: 122px;
}

#navigation #YourPortfolio.selected a,#navigation #YourPortfolio a:hover,#navigation #YourPortfolio a:focus {
  background-position: -534px -39px;
}

#subnavigation {
  background: #34c6dd;
}

#subnavigation li {
  text-align: right;
}

#subnavigation li a {
  color: #000;
}

#subnavigation li a:hover {
  color: #000;
  text-decoration: underline;
}

#subnavigation li.selected a {
  color: #fff;
}/* Layout - Sub Navigation
   ========================================================================== */#subnavigation {
  list-style: none;
  list-style-type: none;
  background: #34c6dd;
  padding: 0rem 0.75rem;
  margin: 0;
  float: right;
  min-width: 100% !important;
}

#subnavigation:after {
  content: "";
  display: table;
  clear: both;
}

#subnavigation li {
  display: block;
  float: left;
  font-weight: bold;
  font-size: 0.6875rem;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

#subnavigation li a {
  text-decoration: none;
  color: #000;
  display: inline-block;
  padding: 0.3125rem 0.4375rem;
}

#subnavigation li a:hover {
  text-decoration: underline;
}

#portfolioSubnavigation {
  float: right;
  width: 100% !important;
  text-align: right;
  position: relative;
  background: #1b91a4;
}/* Layout - Top Navigation
   ========================================================================== */#topnav {
  background: #fff;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  width: 18.375rem;
}

#topnavlinks {
  color: #444444;
  text-align: right;
}

#topnavlinks a {
  color: #888;
  text-decoration: none;
}

#topnavlinks a:hover,#topnavlinks a:focus {
  color: #FF3800;
  text-decoration: underline;
}

.userfullname {
  color: #21A6B5;
}

#topnav label,#topnav .lblPrompt {
  color: #888;
  display: inline;
  font-size: 1.083rem;
  font-family: inherit;
  line-height: 22px;
  text-transform: lowercase;
}

#topnav input,#topnav select {
  border: 1px solid #8CD7E7;
  border-width: 1px 0px 0px 1px;
  color: #888;
  font-size: 0.9167rem;
  font-family: inherit;
  margin: 0px;
}

#topnav input {
  height: 21px;
  padding: 2px 0px 0px 8px;
  width: 130px;
}/* Excludes IE */#topnav select {
  margin: 3px 1px 0px 0px;
  padding: 3px;
  width: 92px;
}

#languagebox {
  float: right;
  font-size: 0.875rem;
}

#languagebox:after {
  content: "";
  display: table;
  clear: both;
}

#localeLinks span {
  margin-right: 5px;
}

#localeLinks a {
  color: #333;
  font-size: 0.9167rem;
  font-family: inherit;
}

#topnav a.simpleSearchButton,#topnav a.btnGo {
  background: transparent url("/Images/Transitions/go_btn_off.gif") 0px 0px no-repeat;
  color: #fff;
  display: block;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  position: absolute;
  right: 3px;
  text-decoration: none;
  top: 1px;
  width: 25px;
}/* Mobile Navigation
========================================================================== */#mobile-menu-toggle {
  display: none;
  position: relative;
  min-height: 2.5rem;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 0.625rem;
}

#mobile-menu-toggle a {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  text-align: right;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}

#mobile-menu-toggle a:after {
  display: inline-block;
  content: "\f0c9";
  font-family: FontAwesome;
  min-height: 2.5rem;
  line-height: 2.5rem;
  margin-right: 0.625rem;
  margin-left: 0.625rem;
}

#mobile-menu-toggle a.close-menu:after {
  content: "\f00d";
}/* Layout - Main
   ========================================================================== */#main {
  border: 1px solid #34c6dd;
  border-top: none;
  margin: 0;
}

#main:after {
  content: "";
  display: table;
  clear: both;
}

#main-content {
  float: left;
  width: 76%;
}

#main-content.no-sidebar {
  width: 100%;
}

#main-rightbar {
  float: left;
  width: 24%;
  padding-top: 0.9375rem;
  padding-right: 0.875rem;
}

#mainpanel {
  width: 100% !important;
  position: relative;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-bottom: 0.9375rem;
  padding-top: 0rem;
}

#mainbody {
  background: #FFF;
}

#mainbody h2 {
  color: #6B5D4A;
  font-weight: bold;
  font-size: 1.667rem;
  font-family: inherit;
  margin: 0;
  padding: 0.9375rem 0rem 1.125rem 0rem;
}

#main .dualbox h3 {
  background: transparent url("/images/transitions/subpages/portfolio/PlanBy_hdr.png") 0 0 no-repeat;
  color: #1FAFBA;
  font-weight: bold;
  font-size: 1.167rem;
  font-family: inherit;
  height: 24px;
  padding: 18px 0 0 15px;
  text-transform: none;
  width: 214px;
}

#main .dualbox .dualboxleft,#main .dualbox .dualboxright {
  width: 244px;
}

#main .dualboxleft {
  margin-left: 14px;
}

#main .dualboxleft h3 {
  margin-left: 14px;
}

#main .dualboxleft .sectionbody {
  margin-right: 0;
  padding: 10px 0 0 14px;
}

#main .dualboxright .sectionbody {
  margin-left: 0;
  padding: 10px 0 0 14px;
}

#main .dualbox .sectionlink {
  margin-left: 1.875rem;
}

#main p.sectionIntro {
  font-weight: 700;
  padding: 0 10px 8px 0;
}/* Layout - Page
   ========================================================================== */#page {
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 50rem;
}

#pageheader {
  background: none;
  margin-bottom: 4.375rem;
}

#pageheader h1 {
  margin: 0;
  padding: 0;
}

#pageheader a {
  display: inline-block;
  background-image: url("/Images/Transitions/transitions_logo.png");
  background-repeat: no-repeat;
  width: 333px;
  height: 64px;
  text-indent: -9000px;
  position: relative;
}

.pageContent {
  padding: 0rem !important;
}/* Layout - Section
   ========================================================================== */.sectionbody table td .narrowcolumn {
  padding-left: 1.25rem;
}

.sectionboxwide {
  position: relative;
  background: #FFF;
  min-height: 100px;
  border: 2px solid #33BAC4;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  z-index: 0;
  width: 100% !important;
  padding: 0.9375rem 0rem;
  margin: 0rem 0rem 1.25rem !important;
}

.portfolio_MGAAP .portfolio-box {
    width:100%;
}

.portfolio_MGAAP .portfolio-introduction {
    padding-right: .45rem;
}

.sectionboxwide:last-child {
  margin-bottom: 0;
}

.sectionboxtabs {
  background: url("/images/transitions/subpages/box_cross_section_tabbed.png") top center repeat-y;
  padding: 0rem 0.6875rem;
  width: 484px;
}

.sectionboxtabs ul,.sectionboxtabswide ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.sectionboxtabs ul:after,.sectionboxtabswide ul:after {
  content: "";
  display: table;
  clear: both;
}

.sectionboxtabs ul li,.sectionboxtabswide ul li {
  display: block;
  float: left;
  text-align: center;
  margin-right: 0.0625rem;
}

.sectionboxtabs ul li a,.sectionboxtabswide ul li a {
  display: block;
  background-color: #FAFAFA;
  padding: 0.625rem 0.9375rem;
  color: #858585;
  font-size: 0.75rem;
  text-decoration: none;
  text-transform: uppercase;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.sectionboxtabs ul li a:hover,.sectionboxtabswide ul li a:hover {
  color: #333;
}

.sectionboxnoborder {
  width: 100%;
}

.sectionbox strong {
  font-weight: normal;
}

#insiderinfo,#jobmarket {
  margin: 0rem 0.625rem 1.25rem !important;
  padding: 1.25rem;
  overflow: hidden;
}

#insiderinfo .sectionimage {
  position: relative;
  top: -1.25rem;
}

.boxtoptabbed {
  background: transparent;
  height: 18px;
  margin: 0;
  width: 506px;
}

.sectionboxtabs .headerlink,.sectionboxtabs .headerlink a,.sectionboxtabswide .headerlink,.sectionboxtabswide .headerlink a,.sectionboxtabs h3,.sectionboxtabs h3 a,.sectionboxtabswide h3,.sectionboxtabswide h3 a {
  color: #232323;
  padding: 6px 0 8px 0;
}

.sectionboxtabs ul li.sectionboxtabon a,.sectionboxtabswide ul li.sectionboxtabon a {
  background-color: #FFF;
  color: #267FB4;
  font-weight: bold;
}

.smallsection {
  border-radius: 0.3125rem;
  background-color: #bcfffe;
  border: 2px solid #33bac4;
  border-radius: 5px;
  color: #524542;
  font-size: 0.75rem;
  font-family: inherit;
}

.smallsectiongray {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #f5f5f5;
  border: 2px solid #cccccc;
  border-radius: 5px;
  color: #524542;
  font-size: 0.75rem;
  font-family: inherit;
  width: 200px;
}

.smallsectiontop {
  background: transparent;
  font: 1px sans-serif;
  height: 14px;
  width: 200px;
}

.smallsectionmiddle {
  background: transparent;
  margin: 0;
  padding: 0 10px;
}

.smallsectionbottom {
  background: transparent;
  font: 1px sans-serif;
  height: 14px;
  margin: 0 0 5px;
  width: 200px;
}

.smallsection h3,.smallsection h4 {
  color: #f94212;
  font-family: inherit;
  font-weight: bold;
  margin: 0;
  text-decoration: none;
}

.smallsection h4 {
  font-size: 0.9167rem;
  padding-bottom: 0.5rem;
  text-align: center;
  text-transform: none;
}

.sectionprompt {
  color: #18869C;
  font-weight: bold;
  font-family: inherit;
}

.equicolumn td {
  vertical-align: top;
  width: 50%;
}/* Layout - Sidebar
   ========================================================================== */#main .sectionbox .interfaceSearchbox {
  background-color: #EFFBFF;
  border: 1px solid #BDEFFF;
  color: #666;
  margin: 0 0 5px 5px;
  padding: 2px;
  width: 130px;
}

#main .sectionbox .interfaceSearchBtn {
  background-color: #21A6B5;
  border: 1px solid #18869C;
  border-left-color: #999;
  border-top-color: #ccc;
  color: #fff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 0;
}

#main .sectionbox .interfaceSorterPanel {
  padding-top: 0.9375rem;
}

#mainpanel #rightbar .portfolioEditPanel .hint {
  font-size: 0.625rem;
}

#mainpanel .sectionbox .interfaceSearchBox {
  background-color: #EFFBFF;
  border: 1px solid #BDEFFF;
  color: #666;
  margin: 0rem 0rem 0.3125rem 0.3125rem;
  padding: 0.125rem;
  width: 130px;
}

#mainpanel .sectionbox .interfaceSearchBtn {
  background-color: #21A6B5;
  border: 1px solid #18869C;
  border-left-color: #999;
  border-top-color: #ccc;
  color: #fff;
  font: bold 0.625rem verdana, geneva, sans-serif;
  margin-bottom: 0.625rem;
  padding: 0;
}

#mainpanel .sectionbox .interfaceSorterPanel {
  padding-top: 0.9375rem;
}

#right tr.portfolioDivider td {
  border-bottom: 1px dotted #84E3F7;
  padding: 4 0;
}

#right .inputButtonWide {
  background-color: #21A6B5;
  border: 1px solid #18869C;
  border-left-color: #999;
  border-top-color: #ccc;
  color: #fff;
  font: bold 0.625rem verdana, geneva, sans-serif;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: auto;
}

#right .inputButtonWide:hover,#right .inputButtonWide:focus {
  background-color: #fff;
  color: #21A6B5;
  cursor: pointer;
}

#rightbar {
  position: relative;
}

.rightsection {
  background: transparent;
  color: #524142;
  margin: 0;
  padding: 0rem 0.5625rem;
  font-size: 0.875rem;
}

.rightsectiontop {
  border: 2px solid #267fb4;
  border-radius: 0.3125rem;
  margin: 0rem 0rem 0.625rem;
  padding: 0;
}

.rightsectiontop h3 {
  color: #111;
  font-size: 1rem;
  padding: 0.625rem;
  font-weight: bold;
  text-transform: uppercase;
}

.rightsection p {
  margin: 0;
  padding-top: 0.3125rem;
}

.rightsection ul {
  margin: 0;
  padding: 0;
}

.rightsection .sectionlist li {
  background: transparent url("/Images/Transitions/blue_arw.png") 0 4px no-repeat;
  border-bottom: 1px dotted #84E3F7;
  list-style: none;
  padding: 0.125rem 0rem 0.25rem 0.9375rem;
}

.rightsection .logonButton {
  display: inline-block;
  color: #000;
  margin: 0 auto;
  width: auto;
  height: auto;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  padding: 0.4375rem 0.875rem;
  border-radius: 62.4375rem;
  border: 2px solid #267fb4;
  text-decoration: none;
}

.rightsection .logonButton:hover,.rightsection .logonButton:focus {
  color: #3eb0c8 !important;
}

#signinbox table tbody tr:last-child td {
  width: 100% !important;
  text-align: center;
}

#summaryMessages .mailSummary a {
  display: block;
  overflow: hidden;
  width: 152px;
}

.rightsectiontop#guideways h3 {
  background: transparent url("/Images/Transitions/guideways_arw.png") 2px 1px no-repeat;
  height: 78px;
  margin: 0;
  padding: 0;
  text-indent: -3000px;
}

.rightsectiontop#guideways .rightsection {
  padding: 0 0 0 40px;
}

.rightsectiontop#guideways .rightsection a {
  background: transparent url("/Images/Transitions/blue_arw.png") 38px 4px no-repeat;
  display: block;
  font-family: inherit;
  font-size: 1rem;
  padding: 2px 0 4px 55px;
  text-decoration: none;
}

.rightsectiontop#forcounselors h3 {
  background: transparent url("/Images/Transitions/for-counselors-txt.png") 10px 17px no-repeat;
  height: 42px;
  margin: 0;
  padding: 0;
  text-indent: -3000px;
}

#counselorsection {
  background: transparent url(/Images/Transitions/counselor_img.png) 0 bottom no-repeat;
  border: 0;
  height: 91px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#counselorsection li {
  background: transparent url("/Images/Transitions/blue_arw.png") 10px 12px no-repeat;
  font-family: inherit;
  font-size: 1rem;
  margin: 0;
  padding: 10px 0 0 28px;
  text-decoration: none;
  width: 85px;
}

.rightsectiontop#yourportfolio .rightsectionbottom {
  background: transparent url(/Images/Transitions/sm_box_btm2.png) left bottom no-repeat;
  margin: 0 0 10px 0;
  padding: 0;
}

#signinbox input {
  background: none;
  border: 1px solid #BDEBF7;
  color: #21A6B5;
  width: 80px;
}

.videoList a {
  background: transparent url(/images/Transitions/icons/video_icon.png) 0 0 no-repeat;
  display: block;
  font-weight: 700;
  padding: 10px 0 17px 65px;
}

.militaryList a {
  background: transparent url(/images/Transitions/icons/career_cluster_icon.png) 0 0 no-repeat;
  display: block;
  font-weight: 700;
  padding: 10px 0 17px 50px;
}

.portfolioSummary td {
  border-bottom: 1px dotted #7BCFD6;
  margin: 0;
  padding: 2px 0 5px;
  vertical-align: top;
}

.portfolioSummaryItem {
  background: transparent url(/images/transitions/brwn_dot.gif) 12px 4px no-repeat;
  color: #666;
  padding: 0 0 3px 20px;
}

.portfolioSummarySubheader {
  color: #FF4910;
  font-weight: 700;
}

.portfolioSummarySubheader a {
  background: transparent url(/Images/Transitions/blue_arw.png) 0 2px no-repeat;
  display: block;
  padding: 2px 0 4px 17px;
  text-decoration: none;
}

.portfolioSummaryMoreLink {
  display: block;
  text-align: right;
  text-decoration: none;
}

.browseSchoolTypes {
  position: relative;
}

.browseSchoolTypes:after {
  content: "";
  display: table;
  clear: both;
}

.browseSchoolTypes div {
  background: transparent url("/images/transitions/icons/career_cluster_icon.png") 7px 0 no-repeat;
  float: left;
  height: 66px;
  padding: 0.1875rem 0.1875rem 0.1875rem 4.375rem;
  width: 50%;
}

.browseSchoolTypes div#Two-Year {
  background: transparent url("/images/transitions/icons/2_yr_college_icon.png") 0 0 no-repeat;
}

.browseSchoolTypes div#Four-Year {
  background: transparent url("/images/transitions/icons/4_yr_college_icon.png") 0 0 no-repeat;
}

.browseSchoolTypes div#Graduate {
  background: transparent url("/images/transitions/icons/grad_school_icon.png") 0 0 no-repeat;
}

.browseSchoolTypes div#Online {
  background: transparent url("/images/transitions/icons/online_app_icon.png") 0 0 no-repeat;
}

.browseSchoolTypes div#YourSavedSchools {
  background: transparent url("/images/transitions/icons/saved_schools_icon.png") 0 0 no-repeat;
}

#rightbar tr.portfolioDivider td {
  border-bottom: 1px dotted #84E3F7;
  padding: 4px 0;
}

#rightbar .inputButtonWide {
  background-color: #21A6B5;
  border: 1px solid #18869C;
  border-left-color: #999;
  border-top-color: #ccc;
  color: #fff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: bold;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: auto;
}

#rightbar .inputButtonWide:hover,#rightbar .inputButtonWide:focus {
  background-color: #fff;
  color: #21A6B5;
  cursor: pointer;
}

#main #rightbar .portfolioEditPanel .hint {
  font-size: 10px;
}

.buttonImage {
  height: 1px;
  width: 1px;
}

#guideways.rightsectiontop .rightsection {
  padding: 0;
}

#guideways.rightsectiontop .rightsection p {
  margin-left: 40px;
}

.rightsection .sectionlist li a,#counselorsection li a {
  text-decoration: none;
}

#signinbox .questionLabel,#rightbar .storageRemove {
  text-align: left;
}

#signinbox.rightsectiontop .small {
  padding-top: 20px;
}

.portfolioSummary,#rightbar .simpleForm {
  width: 100%;
}/* end right bar */.rightsectionbottom,#yourportfolio.rightsectiontop .rightsectionbottom {
  background: transparent;
}

.rightsection {
  margin: 0;
}

.rightsectiontop h3 strong,.rightsectiontop h3 span {
  font-weight: 300;
}

.rightsectiontop h4 {
  margin: 0px;
  padding: 0px 0px 5px 2px;
  font-size: 1.25rem !important;
  color: #fff !important;
}

.rightsection,#rightsection,.rightsection p,#rightsection p {
  font-family: inherit;
}/* BORDERS */.rightsection .sectionlist li,.portfolioSummary td,#rightbar tr.portfolioDivider td {
  border: 0px;
}/* LINKS, ARROWS */.rightsection .sectionlist {
  margin: 0 auto;
  padding: 0;
}

.rightsection .btn {
  background: transparent;
  border: 2px solid #fff;
  border-radius: 40px;
  height: auto;
  width: 50%;
  font-weight: 400;
  font-size: 1.25rem;
  text-transform: uppercase;
  margin: 10px auto 0px auto !important;
  padding: 8px 24px;
  color: #FFF !important;
}

.rightsection .btn:hover,.rightsection .btn:focus {
  background: #FFF;
  color: #3eb0c8 !important;
}

.rightsection .sectionlist li:before,.rightsectiontop#guideways .rightsection a:before,#counselorsection li:before,.portfolioSummarySubheader a:before,.articleIndex .articleListPanel ul li:before,ul.sidecontentList li:before,.arrowList:before,.newinvite a:before {
  content: "\f105";
  font-family: FontAwesome;
  padding-right: 4px;
}

.rightsection .sectionlist li,.articleIndex .articleListPanel ul li {
  padding: 2px 0 4px 0;
}

.rightsection .sectionlist li,.rightsectiontop#guideways .rightsection a,#counselorsection li,.rightsection .sectionlist li:focus,.rightsection .sectionlist li:hover,.rightsectiontop#guideways .rightsection a:hover,#counselorsection li:focus,#counselorsection li:hover,.portfolioSummarySubheader a,.portfolioSummarySubheader a:hover,.articleIndex .articleListPanel ul li,.articleIndex .articleListPanel ul li:focus,.articleIndex .articleListPanel ul li:hover,ul.sidecontentList li,ul.sidecontentList li:focus,ul.contentList li:hover,.arrowList,.arrowList:hover {
  background: transparent !important;
  border: none !important;
}

.articleIndex .articleListPanel ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.articleIndex .articleListCategoryName {
  display: none;
}

.articleIndex .articleListPanel #articleBlurbClass {
  display: none;
}

ul.sidecontentList {
  padding-left: 20px;
}/* SIGN IN */.rightsection #signinbox .questionLabel {
  whitespace: nowrap !important;
}

#signinbox input[type="image"] {
  background-color: transparent !important;
}

#signinbox table,#signinbox table tr,#signinbox table td.questionLabel {
  display: block;
}

#signinbox .questionLabel {
  text-transform: uppercase;
  font-size: 0.875rem;
  display: block;
}

#signinbox.rightsectiontop .small a:before {
  content: "\f105";
  font-family: FontAwesome;
  padding-right: 4px;
}/* PORTFOLIO */#yourportfolio.rightsectiontop #fullportfolio {
  padding: 10px 0px;
}

.portfolioSummarySubheader {
  font-weight: 500 !important;
}

table.portfolioSummary {
  font-size: 0.625rem;
}

.portfolioSummaryItem:before {
  font-family: FontAwesome;
  content: "\f0da";
  padding-right: 4px;
}

.portfolioSummaryItem {
  background: transparent;
  color: #fff;
  padding: 0 0 3px 20px;
}/* GUIDEWAYS */#guideways.rightsectiontop .rightsection a {
  font-size: 1rem;
}/* Custom Badges */#catBadge h3 {
  min-height: 100px;
  border-color: #fff;
  background: #fff url("/images/cic/new/sidebar/cat_bg.png") right top no-repeat;
  text-indent: -9000px;
}

#catBadge .sectionlist a,#catBadge .sectionlist li:before {
  color: #000 !important;
}

#pollBadge h3 {
  background: transparent url("/images/cic/new/icons/poll_icon.png") right top no-repeat;
}

#pollBadge h3 {
  padding: 18px 65px 18px 0px;
}

#msBadge {
  background: #fff url("/images/cic/new/sidebar/ms_bg.png") left top no-repeat;
  background-size: cover;
}

#msBadge h3 {
  color: #000;
  border-color: #000;
}

#msBadge p,#msBadge .sectionlist a,#msBadge .sectionlist li:before {
  color: #000 !important;
}

#oyfBadge {
  background: #d9d9d9 url("/images/cic/new/sidebar/oyf_logo.png") 0 0 no-repeat;
}

#oyfBadge h3 {
  border: none;
  text-indent: -9000px;
  margin: 0;
  padding: 0;
  line-height: 1px;
}

#oyfBadge .rightsectionbottom {
  margin: 0;
  padding: 0;
}

#oyfBadge a {
  display: block;
  min-width: 240px;
  min-height: 100px;
  text-indent: -9000px;
  padding: 0;
  margin: 0;
}

#summaryMessages .mailSummary a {
  display: block;
  overflow: hidden;
  width: 152px;
}

.rightsectiontop#guideways h3 {
  background: transparent url("/Images/Transitions/guideways_arw.png") 2px 1px no-repeat;
  height: 78px;
  margin: 0;
  padding: 0;
  text-indent: -3000px;
}

.rightsectiontop#guideways .rightsection {
  padding: 0rem 0rem 0rem 2.5rem;
}

.rightsectiontop#guideways .rightsection a {
  background: transparent url("/Images/Transitions/blue_arw.png") 38px 4px no-repeat;
  display: block;
  font: 11px arial,helvetica;
  padding: 0.125rem 0rem 0.25rem 3.4375rem;
  text-decoration: none;
}

.rightsectiontop#forcounselors {
  background: transparent url("/Images/Transitions/for-counselors-txt.png") 10px 17px no-repeat;
  height: 42px;
  margin: 0;
  padding: 0;
  text-indent: -3000px;
}

.rightsectiontop#yourportfolio .rightsectionbottom {
  background: none !important;
  margin: 0rem 0rem 0.625rem 0rem;
  padding: 0;
}

.rightsectiontop#yourportfolio #fullportfolio {
  text-align: center;
}

#counselorsection {
  background: transparent url("/Images/Transitions/counselor_img.png") 0 bottom no-repeat;
  border: 0;
  height: 91px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#counselorsection li {
  background: transparent url("/Images/Transitions/blue_arw.png") 10px 12px no-repeat;
  font: 11px arial,helvetica;
  margin: 0;
  padding: 0.625rem 0rem 0rem 1.75rem;
  text-decoration: none;
  width: 85px;
}

#signinbox input {
  background: #fff;
  border: 1px solid #BDEBF7;
  color: #21A6B5;
  width: 100%;
  font-size: 0.625rem;
}

#signinbox input[type="image"] {
  border: none;
}

.videoList a {
  background: transparent url("/images/Transitions/icons/video_icon.png") 0 0 no-repeat;
  display: block;
  font-weight: 700;
  padding: 0.625rem 0rem 1.0625rem 4.0625rem;
}

.militaryList a {
  background: transparent url("/images/Transitions/icons/career_cluster_icon.png") 0 0 no-repeat;
  display: block;
  font-weight: 700;
  padding: 0.625rem 0rem 1.0625rem 3.125rem;
}

.portfolioSummary td {
  border-bottom: 1px dotted #7BCFD6;
  margin: 0;
  padding: 0.125rem 0rem 0.3125rem;
  vertical-align: top;
}

.portfolioSummaryItem {
  background: transparent url("/images/transitions/brwn_dot.gif") 12px 4px no-repeat;
  color: #666;
  padding: 0 0 3 20;
}

.portfolioSummarySubheader {
  color: #FF4910;
  font-weight: 700;
}

.portfolioSummarySubheader a {
  background: transparent url("/Images/Transitions/blue_arw.png") 0 2px no-repeat;
  display: block;
  padding: 2 0 4 17;
  text-decoration: none;
}

.portfolioSummaryMoreLink {
  display: block;
  text-align: right;
  text-decoration: none;
}

.buttonImage {
  height: 1px;
  width: 1px;
}

#guideways.rightsectiontop .rightsection {
  padding: 0;
}

#guideways.rightsectiontop .rightsection p {
  margin-left: 2.5rem;
}

.rightsection .sectionlist li a,#counselorsection li a {
  text-decoration: none;
}

.portfolioSummary,#rightbar .simpleForm {
  width: 100%;
}/* Footer
   ========================================================================== */#footer {
  color: #666;
  font-size: .95rem;
  text-align: center;
  width: 100%;
  margin-top: 1.875rem;
}

#footer a {
  text-decoration: none;
}/* Typography
   ========================================================================== */.sectionbox p,#main .sectionbody p {
  margin: 0rem 0.625rem 0.625rem 0rem;
  font-family: inherit;
  font-size: 0.875rem;
}

#mainpanel > h2,.pageContent > h2 {
  margin: 0.9375rem 0rem;
  padding: 0;
  font-size: 1.25rem;
  font-weight: bold;
}

ul.sectionlink {
  list-style: none;
}

#main h2 .subtitle {
  background: url("/images/transitions/subtitle.gif") 0 0 no-repeat;
  color: #206CA0;
  display: inline-block;
  font-weight: bold;
  font-size: 1.5rem;
  font-family: inherit;
  padding-left: 1.5rem;
}

.bold {
  font-weight: 700;
}

h3,h4 {
  font-weight: bold;
  font-family: inherit;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

h3 {
  text-transform: uppercase;
  font-size: 1.667rem;
}

h3 a {
  color: #f94212;
}

h4 a {
  color: #f94212;
}

.sectionbox p,#main .sectionbody p {
  margin: 0rem 0.625rem 0.625rem 0rem;
  font-family: inherit;
  font-size: 0.875rem;
}

.headerlink {
  background: transparent;
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  text-decoration: none;
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 1.5625rem;
}

#main .narrowcolumn .headerlink {
  margin: 0;
}

.headerlink .subheader {
  display: block;
  color: #000;
  text-indent: 20px;
  font-weight: bold;
}

#signinbox.rightsectiontop .small {
  padding-top: 5px;
  font-size: 0.875rem;
}/* Component - Pagination
   ========================================================================== */#pagination,#paginationTop {
  display: block;
  height: 23px;
  margin: 0;
  padding: 2px 10px;
  position: relative;
  text-align: right;
}

#pagination a,#paginationTop a {
  font-weight: bold;
  font-family: inherit;
  text-align: center;
  border: 1px solid #fff;
  padding: 3px;
  text-align: center;
}

#pagination {
  margin-top: 0.625rem;
}/* DOUGHNUT CHART */#scholarships doughnut-chart .doughnut-graph {
  margin: 0px auto;
  padding-bottom: 0px;
}

.doughnut-text {
  position: absolute;
  display: table;
  margin-left: 40px;
}

.doughnut-text span {
  display: table-cell;
  height: 100px;
  vertical-align: middle;
  font-size: 0.9rem;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  width: 124px;
}

#scholarships .section-header-content doughnut-chart .doughnut-graph {
  width:175px;
}

#scholarships .section-header-content .doughnut-text {
  margin-left: 25px;
}

#scholarships .section-header-content .doughnut-text span {
  height: 90px;
}/* Component - Masonry
   ========================================================================== */.masonry {
  position: relative;
}

.masonry .item {
  background: #FFF;
  padding: 2em 1em 1em 1em;
  width: 24%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-box-shadow: 2px 2px 4px 0 #ccc;
  box-shadow: 2px 2px 4px 0 #ccc;
}

.masonry .item-2x {
  width: 49.25% !important;
}

.masonry-nav {
  background: #333;
  padding: 0;
}

.masonry-nav ul {
  background: #FFF;
  border-bottom: .2rem solid #FFF;
}

.masonry-nav ul li {
  background: #333;
  margin-top: 0px;
  border-bottom: .2rem solid #FFF;
  border-top: .2rem solid #FFF;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: center;
}

.masonry-nav ul li a {
  display: block;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  border-radius: 0px;
  color: #FFF;
}

.masonry-nav ul li:hover {
  background: #564E49;
}

.masonry-nav ul li.selected {
  display: block;
  background: #564E49;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.masonry-nav ul li.selected a {
  background: #564E49;
}

.masonry-nav ul li.selected .fa {
  color: #FFF;
}

.masonry-nav ul li.selected .fa-usd {
  color: #000;
  font-weight:600;
}

.masonry-nav ul li .fa-tile-badge i.fa-stack-1x {
  padding-top: 0.0625rem;
  color: #333333;
}

.masonry-nav ul li:hover .fa-tile-badge i.fa-stack-2x {
  color: #FFF;
}

.masonry-nav ul li:hover .fa-tile-badge i.fa-stack-1x {
  color: #564E49;
}

.masonry-nav ul li .badge {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: #AD3D2A;
}

.masonry-nav ul li a:hover {
  background: none;
}

#masonry-nav-search:hover {
  cursor: default;
}/* MASONRY - NAVIGATION - SEARCHBOX */.masonry-nav-searchbox {
  background: #CCC;
  padding: 1.75rem;
  border-radius: 7px;
  -webkit-box-shadow: 7px 7px 7px 1px rgba(204, 204, 204, 0.5);
  box-shadow: 7px 7px 7px 1px rgba(204, 204, 204, 0.5);
}

.masonry-nav-searchbox .form-control {
  width: 95%;
}

.masonry-nav-searchbox .input-group-addon {
  background: #181717;
  padding: 0px;
  border: 0px;
  border-radius: 0px;
}

.masonry-nav-searchbox button {
  background: #181717;
  margin-left: .6rem;
  border: 0px;
}

.masonry-nav-searchbox button .fa {
  font-size: 2.5rem;
  padding: .5rem .6rem .5rem .3rem;
  color: #FFF;
}

.masonry-nav-searchbox .searchbox-reults {
  padding: 1rem 0rem 0rem 0rem;
  font-size: 1.5rem;
}

.masonry-nav-searchbox .searchbox-reults span {
  font-weight: bold;
}/* MASONRY - ITEM */#scholarships.row-height {
  display: table;
  width: 100%;
  margin-bottom: 1rem;
}

.masonry {
  position: relative;
}

.masonry-main {
  padding: 1rem;
}

.masonry-main .item h4 {
  margin: 0rem;
  padding: 0rem 0rem 1.5rem 0rem;
  font-size: 1.125rem;
  line-height: 1;
  text-transform: uppercase;
}

.masonry-main .item-highlight h4 {
  color: #FFF;
}

.masonry-main .item {
  border-radius: 5px;
  color: #333;
  font-size: 1rem;
  text-align: center;
}

.masonry-main .item p {
  text-align: left;
}

.masonry-main .item-highlight {
  background: #564E49 !important;
  color: #FFF;
}

.masonry-main .item-highlight p {
  text-align: center;
}

.masonry-main .item ul,.masonry-main .item ol {
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

.masonry-main .item ul li,.masonry-main .item ol li {
  padding: .75rem 0px;
  border-top: 1px dotted #000;
}

.masonry-main .item ul li:first-child,.masonry-main .item ol li:first-child {
  border: 0px;
}

.masonry-main .item .btn-item a {
  color: #333;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

.masonry-main .item-highlight a {
  color: #FFF;
}

.masonry-main .item-highlight .item-message {
  background: #36322D;
  padding: 10px;
  margin: 0px -15px 3rem -15px;
  border-top: 1px dotted #FFF;
  border-bottom: 1px dotted #FFF;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}/*
.masonry-main .item-highlight a:after {
content: "\00a0\003e";
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
*/.masonry-main .item-alerts {
  position: absolute;
  top: 1rem;
  left: 1rem;
  margin: 0px;
  padding: 0px;
  font-size: 2.5rem;
}

.masonry-main .item-alerts .badge {
  position: absolute;
  top: -.5rem;
  left: 1.5rem;
}

.masonry-main .item-match-alerts-msg {
  position: absolute;
  display: none;
  background: #EC6817;
  width: 15rem;
  padding: 1rem;
  margin-top: 0rem;
  border: 1px solid #FFF;
  color: #FFF;
  border-radius: 5px;
  font-size: 1.5rem;
  text-align: left;
}

.masonry-main .item-match-alerts-msg:after,.masonry-main .item-match-alerts-msg:before {
  bottom: 100%;
  left: 25%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.masonry-main .item-match-alerts-msg:after {
  border-color: rgba(236, 104, 23, 0);
  border-bottom-color: #EC6817;
  border-width: 7px;
  margin-left: -7px;
}

.masonry-main .item-match-alerts-msg:before {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #FFF;
  border-width: 8px;
  margin-left: -8px;
}

.masonry-main #item-match .item-alerts:hover .item-match-alerts-msg,.masonry-main #item-saved .item-alerts:hover .item-match-alerts-msg {
  display: block;
}

.masonry-main .item-alerts ul li {
  border-color: #FFF;
}

.masonry-main .item .fa-tile-badge {
  width: 100%;
  padding-bottom: 7rem;
  text-align: center;
}

.masonry-main .item .fa-tile-badge i.fa-stack-2x {
  font-size: 12rem;
  color: #333;
}

.masonry-main .item-highlight .fa-tile-badge i.fa-stack-2x {
  color: #FFF;
}

.masonry-main .item .fa-tile-badge i.fa-stack-2x {
  font-size: 5rem;
}

.masonry-main .item .fa-tile-badge i.fa-stack-1x {
  padding-top: 1.25rem;
  font-size: 2.5rem;
  color: #564E49;
 /*line-height: 12rem;*/;
}

.masonry-main .item-highlight .btn-item a {
  background: #333;
  border: none;
  color: #FFF;
  font-size: inherit;
}

.masonry-main .item-highlight .btn-item a:hover {
  background: #CCC;
}

.masonry-nav .badge,.masonry-main .badge {
  padding: 4px 5px;
  border-radius: 14px;
  background: #EC6817;
  border: 1px solid #FFF;
}

.item-guidance h4 {
  margin: 0px 0px 1.5rem 0px !important;
  padding: .75rem 0px !important;
}

.masonry-main .item-article p.more-link {
  margin: 0px;
  padding: 0px;
  text-align: right;
}

.masonry-main .item-article p.more-link a:after {
  content: " ...";
}

.masonry umbraco {
  width: 24%;
}

.masonry umbraco .item {
  width: 100%;
}

.item-guidance.item-guidance-feature.email {
    display: none!important;
}

.masonry-nav ul li#masonry-nav-email {
  display:none;
}

.item-guidance {
  padding-top: 1rem;
}

.item-guidance:before {
  position: relative;
  top: 1rem;
  font-family: "FontAwesome";
  border: 1px solid;
  padding: 7px 7px 5px 6px;
  border-radius: 50%;
  font-size: 2rem;
  margin-bottom: 1rem;
}

.item-guidance-progress:before {
  content: "\f277";
}

.item-guidance-definition:before {
  content: "\f024";
}

.item-guidance-alert:before {
  content: "\f0e7";
  padding: 7px 12px 6px 12px;
}

.item-guidance-feature:before {
  content: "\f005";
}

.item-guidance,.item-article {
  padding-top: 1.75rem !important;
}

.item-guidance h4,.item-article h4 {
  margin: 1rem 0px 1.5rem 0px !important;
  padding: .75rem 0px !important;
  padding-bottom: 0rem !important;
  text-transform: none !important;
}

.item-guidance .fa {
  padding: .5rem;
  margin-bottom: .5rem;
  border: 1px solid #333;
  border-radius: 50%;
  font-size: 1.75rem;
}

.masonry-main .item-article p.more-link {
  margin: 0px;
  padding: 0px;
  text-align: right;
}

.masonry-main .item-article p.more-link a:after {
  content: " ...";
}/* MASONRY - OTHER */#scholarships .hidden-header {
  position: absolute;
  left: -10000px;
  top: 0px;
}

.masonry-more {
  display: block;
  padding: 10px;
  text-align: center;
}

.item-alert-icon {
  position: absolute;
  top: 2px;
  left: -28px;
  font-size: 1.5rem;
}

.tooltips {
  position: absolute;
  background: #EC6817;
  padding: .75rem;
  border: 1px solid #FFF;
  color: #FFF;
  border-radius: 5px;
  font-size: .9rem;
  text-align: left;
  z-index: 9999;
}

.tooltip-box {
  position: absolute;
  background: #EC6817;
  width: 9rem;
  padding: .75rem;
  margin-top: 1rem;
  border: 1px solid #FFF;
  color: #FFF;
  border-radius: 5px;
  font-size: .8rem;
  text-align: left;
  z-index: 9999;
  -webkit-box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.3);
}

#item-match .tooltip-box,#item-saved .tooltip-box {
 /*display: none;*/
  background: #EC6817 !important;
  top: 1.35rem;
  left: -.25rem;
}

.tooltip-box:after,.tooltip-box:before {
  bottom: 100%;
  left: 25%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#item-match .tooltip-box:after,#item-saved .tooltip-box:after {
  border-bottom-color: #EC6817 !important;
}

.form-horizontal .tooltip-box {
  left: -4.75rem;
  top: .5rem;
  font-weight: normal;
}

.form-horizontal .tooltip-box:after,.form-horizontal .tooltip-box:before {
  left: 50%;
}

.tooltip-box:after {
  border-color: rgba(236, 104, 23, 0);
  border-bottom-color: #EC6817;
  border-width: 11px;
  margin-left: -11px;
}

.tooltip-box:before {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #FFF;
  border-width: 12px;
  margin-left: -12px;
}

.input-tooltip .tooltip-box {
  top: 1rem;
}

.tooltip-box p:last-child {
  margin-bottom: 0px;
}

.tooltip-box .more-link {
  display: block;
  font-weight: bold;
  text-align: right;
  text-transform: uppercase;
}/* Component - Voices
   ========================================================================== */#voices {
  position: relative;
  padding: 1.25rem;
}

#voicesTop {
  position: relative;
  display: block;
  background: url("/images/transitions/blog/Main_Img.jpg") center top no-repeat;
  width: 100%;
  min-height: 305px;
  padding-bottom: 40%;
}

#voicesTop > div {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

#voicesTop h2 {
  position: absolute !important;
  display: block;
  background: url("/images/transitions/blog/voices_logo.png") 0px 0px no-repeat;
  width: 20%;
  height: 100%;
  text-indent: -10000px;
  background-size: 100%;
  top: -10px;
  left: -10px;
}

#voicesMid {
  display: block;
  background: url("/images/transitions/blog/triangle.png") right 0px no-repeat;
}

#voicesMid > div {
  display: block;
  background: url("/images/transitions/blog/pencil_img.jpg") 20px center no-repeat;
  background-size: 30%;
  padding: 40px 0px;
}

#voicesMid > div > p {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
  margin: 0 0 0 40%;
  padding: 0px 30px 0px 0px;
  font-size: 16pt;
  line-height: 20pt;
  color: #395d6d;
}

#voicesMid > div > p span.highlight {
  font-family: "Crimson Text", serif !important;
  font-style: italic;
  font-weight: 600;
  font-size: 20pt;
}

#voicesBtm {
  position: relative;
  display: block;
}

#voicesBtm:after {
  content: "";
  display: table;
  clear: both;
}

#voicesBtm h3 {
  display: block;
  padding: 0rem 0rem 0rem 8.4375rem;
  margin: 0;
  font-family: inherit;
  font-weight: 800 !important;
  height: 4.875rem;
  font-size: 1.75rem;
  line-height: 78px;
  color: #395d6d !important;
  position: relative;
}

#voicesBtm h3:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -25px;
  left: 0;
  z-index: 100;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 40px 0 0;
  border-color: #dddddd transparent transparent transparent;
}

#voicesBtm h3:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 8.4375rem;
  height: 4.875rem;
  background-repeat: no-repeat;
  background-position: top left;
}

.voicesMainLink {
  margin-left: 50%;
  position: relative;
  top: 38%;
  -webkit-transform: translateY(-39%);
  transform: translateY(-39%);
}

.voicesMainLink a {
  font-family: inherit;
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1;
  color: #ed4338 !important;
  text-decoration: none !important;
  text-transform: uppercase;
}

.voicesMainLink a:hover {
  color: #61b5d1 !important;
}

.voicesHelpLink a {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  background-color: #62b5d1;
  background-image: url("/images/transitions/blog/help_me_bar.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 75%;
  padding: 0.8125rem 1.25rem 0.4375rem 7.5rem;
  font-family: "Crimson Text", serif !important;
  font-size: 1.625rem;
  font-style: italic;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
  text-decoration: none !important;
  color: #FFF !important;
}

.voicesHelpLink a:hover {
  background-image: url("/images/transitions/blog/help_me_bar_on.png");
  background-size: 75%;
  color: #fddc25 !important;
}

#voicesFaith {
  background: url("/images/transitions/blog/faiths_blog_img.jpg") 0px bottom no-repeat;
}

#voicesFaith h3 {
  background: #dddddd !important;
  color: #395d6d !important;
}

#voicesFaith h3:before {
  background-image: url("/images/transitions/blog/faiths_blog_header.png");
}

#voicesWork h3 {
  color: #FFF !important;
  background: #395d6d !important;
}

#voicesWork h3:before {
  background-image: url("/images/transitions/blog/work_blog_header.png");
}

#voicesWork h3:after {
  border-color: #395d6d transparent transparent transparent;
}

#voicesWork,#voicesCollege,#voicesHS {
  background: url("/images/transitions/blog/blogger_img.jpg") 0px bottom no-repeat;
}

#voicesCollege h3 {
  background: url("/images/transitions/blog/college_blog_header.png") 0px 0px no-repeat;
  background-size: 100%;
  color: #FFF !important;
}

#voicesFaith:hover .blurb {
  background: rgba(51, 51, 51, 0.5);
  color: #FFF;
}

#voicesWork:hover .blurb,#voicesCollege:hover .blurb {
  background: rgba(51, 51, 51, 0.5);
  color: #FFF;
}

.blogBox {
  display: block;
  float: left;
  width: 50%;
  position: relative;
  min-height: 19.3125rem;
}

.blogBox .blurb {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 4.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  visibility: hidden;
}

.blogBox .blurb p {
  position: relative;
  padding: 0px 30px;
  margin: 0px;
  vertical-align: middle;
  font-size: 1rem;
  font-family: inherit;
  line-height: 1.65rem !important;
}

.blogBox .blurb p a {
  display: block;
  padding-top: 5px;
  font-family: "Crimson Text", serif !important;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
}

.blogBox .blurb p a:before {
  content: "\003e \00a0";
}

.blogBox:hover .blurb {
  visibility: visible;
}

#voicesFaith .blurb p a {
  color: #FFF !important;
}

#voicesFaith .blurb p a:hover {
  color: #fddc25 !important;
}

#voicesWork .blurb p a,#voicesCollege .blurb p a {
  color: #fff !important;
}

#voicesWork .blurb p a:hover,#voicesCollege .blurb p a:hover {
  color: #ed4338 !important;
}

#voicessection h3.headerlink a {
  display: block;
  background: url("/images/transitions/blog/Voices_ldpg.png") 0px 0px no-repeat;
  width: 168px;
  height: 33px;
  text-indent: -10000px;
}

#voiceBlog {
  position: relative;
  padding: 10px;
  font-family: inherit;
}

#voiceBlogFaith {
  background-image: url("/images/transitions/blog/Faiths_Blog_headr.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

#voiceBlogWork {
  background-image: url("/images/transitions/blog/Work_Blog_headr.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

#voiceBlogCollege {
  background-image: url("/images/transitions/blog/College_Blog_headr.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

#voiceAskFaith {
  background-image: url("/images/transitions/blog/Ask_Faith_headr.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

.voiceBlogHeader {
  position: relative;
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0 0 15% 0;
}

.voiceBlogHeader h2 {
  display: block;
  top: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  padding: 0px !important;
  margin: 0px !important;
  font-family: inherit;
  font-size: 3.25em !important;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase !important;
  color: #ed4338 !important;
}

.askFaithQuestion {
  padding-right: 10px;
  font-size: 1.25em;
  font-weight: bold;
  text-align: right;
}

.askFaithQuestion p:before {
  content: "\003e \00a0";
}

.voiceBlogEntry {
  padding: 10px;
  font-size: 10pt;
}

.voiceBlogEntry .date {
  color: #593468;
  font-weight: bold;
  text-transform: uppercase;
}

.voiceBlogEntry .question {
  color: #395c6f;
  font-size: 12pt;
  font-weight: bold;
}

.voiceBlogEntry .answer {
  border-left: 1px solid #62b6d2;
  padding-left: 15px;
  margin: 0px 30px 30px 30px;
}/* Component - Tools Container
   ========================================================================== */#toolsContainer .toolsectionbodyshort,#toolsContainer .toolsectionbody,#toolsContainer .floatSection {
  padding-right: 1.875rem;
  padding-left: 1.875rem;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  margin-bottom: 1.25rem;
  min-width: initial;
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
}

#toolsContainer .toolsectionbodyshort:after,#toolsContainer .toolsectionbody:after,#toolsContainer .floatSection:after {
  display: block;
  content: "";
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  left: 10px;
  z-index: 5;
  border: 2px solid #33bac4;
  border-radius: 5px;
}

#toolsContainer .toolsectionbodyshort > *,#toolsContainer .toolsectionbody > *,#toolsContainer .floatSection > * {
  position: relative;
  z-index: 10;
}

#toolsContainer {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#toolsContainer h3 {
  font-size: 0.9375rem;
  margin-bottom: caclRem(5);
}

#toolsContainer .floatSection .sectionbody {
  margin-right: 10px;
}

.sectionbox,#toolsContainer .floatSection .sectionbody {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #FFF;
  border: 2px solid #33BAC4;
  border-radius: 5px;
  clear: both;
  margin: 0px 0px 10px;
  padding: 5px 0px;
  position: relative;
  z-index: 0;
}

.toolsection-borderfix .floatSection {
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.toolsection-borderfix .floatSection:after {
  display: none !important;
}

.toolsection-borderfix .sectionbody {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}/* Component - Scholarships
   ========================================================================== */.scholarship-info {
  position: relative;
  background: #FFF;
  padding: 1.5rem;
  margin: 2rem 0rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-box-shadow: 2px 2px 4px 0 #CCC;
  box-shadow: 2px 2px 4px 0 #CCC;
  border-radius: 7px;
  border: 1px solid #CCC;
}

.scholarship-info h5 {
  color: #8A8A8A;
  font-weight: bold;
  text-transform: uppercase;
}

.scholarship-info a .fa {
  font-size: 2.5rem;
  padding: 0rem .25rem;
}

.scholarship-info .btn {
  background: #333;
  color: #FFF;
}

.scholarship-info .scholarship-notes {
  position: relative;
  background: #F8F8F8;
  margin-top: 1rem;
  border-top: 1px dotted #555;
}

.scholarship-highlight {
  padding-bottom: 1rem;
}

.scholarship-won .scholarship-highlight {
  padding-top: 3.25rem;
}

.scholarship-notes {
  padding: 1rem 0rem;
}

.scholarship-notes > div > i {
  display: table-cell;
  float: none;
  padding: 0rem 2rem 0rem 0rem;
  vertical-align: middle;
  font-size: 2rem;
}

.scholarship-notes .scholarship-notes-content {
  display: table-cell;
  float: none;
  vertical-align: top;
}

.scholarship-notes .actions {
  padding-top: 0px;
  text-align: right;
}

.scholarship-details {
  border-top: 1px dotted #555;
}

.scholarship-details-content {
  background: #EBEBEB;
  padding: 1rem 0rem;
}

.scholarship-details-content h5 {
  margin-top: 0px;
  padding-top: 0px;
  color: #333;
  font-weight: bold;
  text-align: right;
  text-transform: none;
}

.scholarship-saved h4,.scholarship-applied h4,.scholarship-unsuccessful h4,.scholarship-contacted h4,.scholarship-won h4 {
  margin-left: 110px;
}

.scholarship-new h4 {
  padding-right: 60px;
}/* RIBBONS */.scholarship-won .ribbon-status {
  position: absolute;
  display: block;
  background: url("/images/transitions/portfolio/icon-won.png") 0px 0px no-repeat;
  top: -15px;
  left: 10px;
  width: 100px;
  height: 100px;
  text-indent: -10000px;
}

.scholarship-applied .ribbon-status,.scholarship-contacted .ribbon-status,.scholarship-saved .ribbon-status,.scholarship-unsuccessful .ribbon-status {
  position: absolute;
  top: -4px;
  -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.35));
  width: 90px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.scholarship-applied .ribbon-status {
  background: #EC6817;
  -webkit-box-shadow: 5px 0 0 #EC6817, -5px 0 0 #EC6817;
  box-shadow: 5px 0 0 #EC6817, -5px 0 0 #EC6817;
}

.scholarship-contacted .ribbon-status {
  background: #34D6DD;
  -webkit-box-shadow: 5px 0 0 #34D6DD, -5px 0 0 #34D6DD;
  box-shadow: 5px 0 0 #34D6DD, -5px 0 0 #34D6DD;
}

.scholarship-saved .ribbon-status {
  background: #A6D14B;
  -webkit-box-shadow: 5px 0 0 #A6D14B, -5px 0 0 #A6D14B;
  box-shadow: 5px 0 0 #A6D14B, -5px 0 0 #A6D14B;
}

.scholarship-unsuccessful .ribbon-status {
  background: #6E7273;
  -webkit-box-shadow: 5px 0 0 #6E7273, -5px 0 0 #6E7273;
  box-shadow: 5px 0 0 #6E7273, -5px 0 0 #6E7273;
}

.scholarship-applied .ribbon-status:after,.scholarship-applied .ribbon-status:before,.scholarship-contacted .ribbon-status:after,.scholarship-contacted .ribbon-status:before,.scholarship-saved .ribbon-status:after,.scholarship-saved .ribbon-status:before,.scholarship-unsuccessful .ribbon-status:after,.scholarship-unsuccessful .ribbon-status:before {
  content: '';
  height: 0;
  position: absolute;
  top: 100%;
  width: 0;
}

.scholarship-applied .ribbon-status:after,.scholarship-applied .ribbon-status:before {
  border-top: 10px solid #EC6817;
}

.scholarship-contacted .ribbon-status:after,.scholarship-contacted .ribbon-status:before {
  border-top: 10px solid #34D6DD;
}

.scholarship-saved .ribbon-status:after,.scholarship-saved .ribbon-status:before {
  border-top: 10px solid #A6D14B;
}

.scholarship-unsuccessful .ribbon-status:after,.scholarship-unsuccessful .ribbon-status:before {
  border-top: 10px solid #6E7273;
}

.scholarship-applied .ribbon-status:after,.scholarship-contacted .ribbon-status:after,.scholarship-saved .ribbon-status:after,.scholarship-unsuccessful .ribbon-status:after {
  border-left: 60px solid transparent;
  right: -5px;
}

.scholarship-applied .ribbon-status:before,.scholarship-contacted .ribbon-status:before,.scholarship-saved .ribbon-status:before,.scholarship-unsuccessful .ribbon-status:before {
  border-right: 60px solid transparent;
  left: -5px;
}

.scholarship-applied .ribbon-content,.scholarship-contacted .ribbon-content,.scholarship-saved .ribbon-content,.scholarship-unsuccessful .ribbon-content {
  margin: 0px 5px;
  padding: 1.25rem 0rem 1rem 0rem;
  width: 80px;
  text-align: center;
}

.scholarship-applied .ribbon-content:before,.scholarship-contacted .ribbon-content:before,.scholarship-saved .ribbon-content:before,.scholarship-unsuccessful .ribbon-content:before {
  position: relative;
  display: block;
  font-size: 1.25rem;
  color: #FFF;
  text-transform: uppercase;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.scholarship-applied .ribbon-content:before {
  content: 'Applied';
}

.scholarship-contacted .ribbon-content:before {
  content: 'Contacted';
}

.scholarship-saved .ribbon-content:before {
  content: 'Saved';
}

.scholarship-unsuccessful .ribbon-content:before {
  content: 'No Award';
}

.scholarship-applied .ribbon-status .ribbon-content span,.scholarship-contacted .ribbon-status .ribbon-content span,.scholarship-saved .ribbon-status .ribbon-content span,.scholarship-unsuccessful .ribbon-status .ribbon-content span {
  position: absolute;
  top: 0px;
  left: -10000px;
}

.scholarship-new .ribbon-status {
  position: absolute;
  top: -5px;
  right: -4px;
  width: 85px;
  height: 85px;
  overflow: hidden;
}

.scholarship-new .ribbon-status .ribbon-content {
  position: relative;
  background-color: #A6D14B;
  top: 15px;
  left: -5px;
  width: 120px;
  padding: 7px 0px;
  text-shadow: rgba(51, 51, 51, 0.5) 1px 1px 1px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #FFF;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.scholarship-new .ribbon-status .ribbon-content:before,.scholarship-new .ribbon-status .ribbon-content:after {
  position: absolute;
  bottom: -3px;
  content: "";
  border-top: 3px solid #6E8900;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}

.scholarship-new .ribbon-status .ribbon-content:before {
  left: 0px;
}

.scholarship-new .ribbon-status .ribbon-content:after {
  right: 0px;
}
.scholarship-notes input[type="checkbox"] {
    margin-right: 4px;
}
/* Component - Data Grid
   ========================================================================== */#main .dataGrid {
  font-family: inherit;
  margin: 0;
  padding: 2px;
}

#main .dataGrid .dataGridHeader,#main .dataGrid .dataGridSubheader {
  padding: 3px;
  font-family: inherit;
  font-weight: 700;
}

#main .dataGridHeader {
  background-color: #18869C;
  color: #fff;
}

#main .dataGridHeader a {
  background: transparent url("/images/transitions/sort.gif") right 4px no-repeat;
  color: #fff;
  display: block;
  padding-right: 12px;
}

#main .dataGridSubheader {
  background-color: #CEF3FF;
  color: #000;
  font-size: 0.9167rem;
}

#main .dataGridOddrow {
  background-color: #EFF7FF;
}

#main .dataGrid td {
  font-size: 0.75rem !important;
  vertical-align: top;
}

#main .dataGrid th {
  font-size: 0.75rem !important;
}/* Component - Portfolio
   ========================================================================== */.portfolio-box {
  position: relative;
  border: 1px solid #EBEBEB;
  border-radius: 5px;
  margin: 5px 20px 15px 0px;
  font-family: inherit;
  font-weight: 1em;
  -webkit-box-shadow: 0px 5px 7px -2px gray;
  box-shadow: 0px 5px 7px -2px gray;
  overflow: hidden;
  width:100%;
}

.portfolio-box h3 {
  padding-left: 15px;
  color: #f47025 !important;
  font-family: inherit;
  font-weight: 700;
  text-transform: uppercase;
}

.portfolio-box a:hover {
  text-decoration: none;
}

.portfolio-body {
  position: relative;
  padding: 10px 0px;
}

.portfolio-body a {
  font-weight: 600;
}

.portfolio-body-color {
  background: #F5F5F5;
}

.portfolio-body .divider {
  border-top: 2px solid #E8EAE9;
  margin: 10px 15px 10px 15px;
  padding: 10px 0px 5px 0px;
  color: #267FB4;
  text-transform: uppercase;
}

.portfolio-body .divider:first-of-type {
  border: 0;
  margin-top: 0;
}

.portfolio-info {
  position: absolute;
  float: right;
  top: 10px;
  right: 15px;
}

.portfolio-info ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.portfolio-info ul li {
  display: inline;
  float: right;
  padding-left: 20px;
}

.portfolio-milestone {
  position: absolute;
  margin-top: -75px;
  color: #FFF;
  font-family: inherit;
  font-size: .9rem;
  font-weight: 600;
  text-align: right;
  right: 15px;
}

.portfolio-introduction {
  padding: 10px 15px 0px 165px !important;
}

.portfolio-introduction h3 {
  margin-left: 165px;
  padding-left: 0px;
}

.portfolio-introduction .portfolio-desc {
  margin-left: 165px;
  padding-right: 15px;
}

.portfolio-introduction .portfolio-start-link {
  background: #F3F3F3;
  padding-top: 10px;
  padding-left: 34px;
  padding-bottom: 10px;
  margin-left: 131px;
}

.portfolio-legend {
  padding-top: 20px;
}

.portfolio-legend .col-height {
  display: inline-block;
  vertical-align: bottom !important;
}

.portfolio-legend-1,.portfolio-legend-2,.portfolio-legend-3,.portfolio-legend-4 {
  padding: 0rem 0rem 0.1875rem 0rem;
  text-align: center;
  text-transform: uppercase;
  border-left: 2px solid #FFF;
  border-right: 2px solid #FFF;
}

.portfolio-help a {
  font-size: 2.2rem;
}

.portfolio-help a:hover {
  cursor: pointer;
}

.portfolio-top-header-banner {
  background: #989898;
  -webkit-box-shadow: inset 0 10px 20px -10px #888, inset 0 -10px 20px -10px #888;
  box-shadow: inset 0 10px 20px -10px #888, inset 0 -10px 20px -10px #888;
  height: 35px;
}

#portfolio_PSAT .portfolio-introduction,#portfolio_SAT .portfolio-introduction,#portfolio_ACT .portfolio-introduction,#portfolio_ASPIRE .portfolio-introduction,#portfolio_PREACT .portfolio-introduction,#portfolio_WorkKeys .portfolio-introduction,
#portfolio_IBTest .portfolio-introduction {
  background: url("/images/transitions/portfolio/icon-test-bg.png") left center no-repeat;
  padding-left: 6px;
}

#portfolio-scholarships .portfolio-introduction {
  background: url("/images/transitions/portfolio/icon-scholarships-bg.png") left center no-repeat;
  padding-left: 6px;
}
#portfolio-savedcollege .portfolio-introduction {
    background: url("/images/transitions/portfolio/icon-saved-college.png") left center no-repeat;
    padding-left: 6px;
}
#portfolio-bragsheet .portfolio-introduction {
    background: url("/images/transitions/portfolio/icon-brag-sheet.png") left center no-repeat;
    padding-left: 6px;
}

.PCompletedDate {
  position: absolute;
  top: 15px;
  right: 15px;
  text-transform: none;
  color: #333;
}

.portfolio-start-link p {
  margin-bottom: 0px;
}

.portfolio-start-link p a {
  font-weight: 600;
  text-transform: uppercase;
}

.portfolio-start-link p a:hover {
  text-transform: uppercase;
}

.portfolio-start-link p a:before {
  content: "\0003E";
  padding-right: 5px;
}/* Foundation XY Grid (Foundation v6.4)
   ========================================================================== */.grid-container {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  max-width: 61.0625rem;
  margin: 0 auto;
}

.grid-container.fluid {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  max-width: 100%;
  margin: 0 auto;
}

.grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin: 0 auto;
}

.grid-x {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
}

.cell {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%;
}

.cell.auto {
  -ms-flex: 1 1 0px;
  -webkit-box-flex: 1;
  flex: 1 1 0px;
}

.cell.shrink {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
}

.grid-x > .auto {
  width: auto;
}

.grid-x > .shrink {
  width: auto;
}

.grid-x > .small-shrink,.grid-x > .small-full,.grid-x > .small-1,.grid-x > .small-2,.grid-x > .small-3,.grid-x > .small-4,.grid-x > .small-5,.grid-x > .small-6,.grid-x > .small-7,.grid-x > .small-8,.grid-x > .small-9,.grid-x > .small-10,.grid-x > .small-11,.grid-x > .small-12 {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.grid-x > .small-1 {
  width: 8.33333%;
}

.grid-x > .small-2 {
  width: 16.66667%;
}

.grid-x > .small-3 {
  width: 25%;
}

.grid-x > .small-4 {
  width: 33.33333%;
}

.grid-x > .small-5 {
  width: 41.66667%;
}

.grid-x > .small-6 {
  width: 50%;
}

.grid-x > .small-7 {
  width: 58.33333%;
}

.grid-x > .small-8 {
  width: 66.66667%;
}

.grid-x > .small-9 {
  width: 75%;
}

.grid-x > .small-10 {
  width: 83.33333%;
}

.grid-x > .small-11 {
  width: 91.66667%;
}

.grid-x > .small-12 {
  width: 100%;
}

.grid-margin-x:not(.grid-x) > .cell {
  width: auto;
}

.grid-margin-y:not(.grid-y) > .cell {
  height: auto;
}

.grid-margin-x {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

.grid-margin-x > .cell {
  width: calc(100% - 1.875rem);
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
}

.grid-margin-x > .auto {
  width: auto;
}

.grid-margin-x > .shrink {
  width: auto;
}

.grid-margin-x > .small-1 {
  width: calc(8.33333% - 1.875rem);
}

.grid-margin-x > .small-2 {
  width: calc(16.66667% - 1.875rem);
}

.grid-margin-x > .small-3 {
  width: calc(25% - 1.875rem);
}

.grid-margin-x > .small-4 {
  width: calc(33.33333% - 1.875rem);
}

.grid-margin-x > .small-5 {
  width: calc(41.66667% - 1.875rem);
}

.grid-margin-x > .small-6 {
  width: calc(50% - 1.875rem);
}

.grid-margin-x > .small-7 {
  width: calc(58.33333% - 1.875rem);
}

.grid-margin-x > .small-8 {
  width: calc(66.66667% - 1.875rem);
}

.grid-margin-x > .small-9 {
  width: calc(75% - 1.875rem);
}

.grid-margin-x > .small-10 {
  width: calc(83.33333% - 1.875rem);
}

.grid-margin-x > .small-11 {
  width: calc(91.66667% - 1.875rem);
}

.grid-margin-x > .small-12 {
  width: calc(100% - 1.875rem);
}

.grid-padding-x .grid-padding-x {
  margin-right: -0.9375rem;
  margin-left: -0.9375rem;
}

.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.9375rem;
  margin-left: -0.9375rem;
}

.grid-padding-x > .cell {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}

.small-up-1 > .cell {
  width: 100%;
}

.small-up-2 > .cell {
  width: 50%;
}

.small-up-3 > .cell {
  width: 33.33333%;
}

.small-up-4 > .cell {
  width: 25%;
}

.small-up-5 > .cell {
  width: 20%;
}

.small-up-6 > .cell {
  width: 16.66667%;
}

.small-up-7 > .cell {
  width: 14.28571%;
}

.small-up-8 > .cell {
  width: 12.5%;
}

.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.875rem);
}

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.875rem);
}

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.33333% - 1.875rem);
}

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.875rem);
}

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.875rem);
}

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.66667% - 1.875rem);
}

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.28571% - 1.875rem);
}

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.875rem);
}

.small-margin-collapse {
  margin-right: 0;
  margin-left: 0;
}

.small-margin-collapse > .cell {
  margin-right: 0;
  margin-left: 0;
}

.small-margin-collapse > .small-1 {
  width: 8.33333%;
}

.small-margin-collapse > .small-2 {
  width: 16.66667%;
}

.small-margin-collapse > .small-3 {
  width: 25%;
}

.small-margin-collapse > .small-4 {
  width: 33.33333%;
}

.small-margin-collapse > .small-5 {
  width: 41.66667%;
}

.small-margin-collapse > .small-6 {
  width: 50%;
}

.small-margin-collapse > .small-7 {
  width: 58.33333%;
}

.small-margin-collapse > .small-8 {
  width: 66.66667%;
}

.small-margin-collapse > .small-9 {
  width: 75%;
}

.small-margin-collapse > .small-10 {
  width: 83.33333%;
}

.small-margin-collapse > .small-11 {
  width: 91.66667%;
}

.small-margin-collapse > .small-12 {
  width: 100%;
}

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0;
}

.small-padding-collapse > .cell {
  padding-right: 0;
  padding-left: 0;
}

.small-offset-0 {
  margin-left: 0%;
}

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + (calcRem($xy-grid-padding)));
}

.small-offset-1 {
  margin-left: 8.33333%;
}

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.33333% + (calcRem($xy-grid-padding)));
}

.small-offset-2 {
  margin-left: 16.66667%;
}

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.66667% + (calcRem($xy-grid-padding)));
}

.small-offset-3 {
  margin-left: 25%;
}

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + (calcRem($xy-grid-padding)));
}

.small-offset-4 {
  margin-left: 33.33333%;
}

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.33333% + (calcRem($xy-grid-padding)));
}

.small-offset-5 {
  margin-left: 41.66667%;
}

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.66667% + (calcRem($xy-grid-padding)));
}

.small-offset-6 {
  margin-left: 50%;
}

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + (calcRem($xy-grid-padding)));
}

.small-offset-7 {
  margin-left: 58.33333%;
}

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.33333% + (calcRem($xy-grid-padding)));
}

.small-offset-8 {
  margin-left: 66.66667%;
}

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.66667% + (calcRem($xy-grid-padding)));
}

.small-offset-9 {
  margin-left: 75%;
}

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + (calcRem($xy-grid-padding)));
}

.small-offset-10 {
  margin-left: 83.33333%;
}

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.33333% + (calcRem($xy-grid-padding)));
}

.small-offset-11 {
  margin-left: 91.66667%;
}

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.66667% + (calcRem($xy-grid-padding)));
}

.grid-y {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: column nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-flow: column nowrap;
}

.grid-y > .cell {
  width: auto;
}

.grid-y > .auto {
  height: auto;
}

.grid-y > .shrink {
  height: auto;
}

.grid-y > .small-shrink,.grid-y > .small-full,.grid-y > .small-1,.grid-y > .small-2,.grid-y > .small-3,.grid-y > .small-4,.grid-y > .small-5,.grid-y > .small-6,.grid-y > .small-7,.grid-y > .small-8,.grid-y > .small-9,.grid-y > .small-10,.grid-y > .small-11,.grid-y > .small-12 {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.grid-y > .small-1 {
  height: 8.33333%;
}

.grid-y > .small-2 {
  height: 16.66667%;
}

.grid-y > .small-3 {
  height: 25%;
}

.grid-y > .small-4 {
  height: 33.33333%;
}

.grid-y > .small-5 {
  height: 41.66667%;
}

.grid-y > .small-6 {
  height: 50%;
}

.grid-y > .small-7 {
  height: 58.33333%;
}

.grid-y > .small-8 {
  height: 66.66667%;
}

.grid-y > .small-9 {
  height: 75%;
}

.grid-y > .small-10 {
  height: 83.33333%;
}

.grid-y > .small-11 {
  height: 91.66667%;
}

.grid-y > .small-12 {
  height: 100%;
}

.grid-padding-y .grid-padding-y {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem;
}

.grid-padding-y > .cell {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}

.grid-margin-y {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem;
}

.grid-margin-y > .cell {
  height: calc(100% - 1.875rem);
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
}

.grid-margin-y > .auto {
  height: auto;
}

.grid-margin-y > .shrink {
  height: auto;
}

.grid-margin-y > .small-1 {
  height: calc(8.33333% - 1.875rem);
}

.grid-margin-y > .small-2 {
  height: calc(16.66667% - 1.875rem);
}

.grid-margin-y > .small-3 {
  height: calc(25% - 1.875rem);
}

.grid-margin-y > .small-4 {
  height: calc(33.33333% - 1.875rem);
}

.grid-margin-y > .small-5 {
  height: calc(41.66667% - 1.875rem);
}

.grid-margin-y > .small-6 {
  height: calc(50% - 1.875rem);
}

.grid-margin-y > .small-7 {
  height: calc(58.33333% - 1.875rem);
}

.grid-margin-y > .small-8 {
  height: calc(66.66667% - 1.875rem);
}

.grid-margin-y > .small-9 {
  height: calc(75% - 1.875rem);
}

.grid-margin-y > .small-10 {
  height: calc(83.33333% - 1.875rem);
}

.grid-margin-y > .small-11 {
  height: calc(91.66667% - 1.875rem);
}

.grid-margin-y > .small-12 {
  height: calc(100% - 1.875rem);
}

.grid-frame {
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
  width: 100vw;
}

.cell .grid-frame {
  width: 100%;
}

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-stype: -ms-autohiding-scrollbar;
}

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-stype: -ms-autohiding-scrollbar;
}

.cell-block-container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  max-height: 100%;
}

.cell-block-container > .grid-x {
  max-height: 100%;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
  height: 100vh;
}

.cell .grid-y.grid-frame {
  height: 100%;
}

.grid-margin-y {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem;
}

.grid-margin-y > .cell {
  height: calc(100% - 1.875rem);
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
}

.grid-margin-y > .auto {
  height: auto;
}

.grid-margin-y > .shrink {
  height: auto;
}

.grid-margin-y > .small-1 {
  height: calc(8.33333% - 1.875rem);
}

.grid-margin-y > .small-2 {
  height: calc(16.66667% - 1.875rem);
}

.grid-margin-y > .small-3 {
  height: calc(25% - 1.875rem);
}

.grid-margin-y > .small-4 {
  height: calc(33.33333% - 1.875rem);
}

.grid-margin-y > .small-5 {
  height: calc(41.66667% - 1.875rem);
}

.grid-margin-y > .small-6 {
  height: calc(50% - 1.875rem);
}

.grid-margin-y > .small-7 {
  height: calc(58.33333% - 1.875rem);
}

.grid-margin-y > .small-8 {
  height: calc(66.66667% - 1.875rem);
}

.grid-margin-y > .small-9 {
  height: calc(75% - 1.875rem);
}

.grid-margin-y > .small-10 {
  height: calc(83.33333% - 1.875rem);
}

.grid-margin-y > .small-11 {
  height: calc(91.66667% - 1.875rem);
}

.grid-margin-y > .small-12 {
  height: calc(100% - 1.875rem);
}

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.875rem);
}

.align-right {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
}

.align-center {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.align-justify {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.align-spaced {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.align-right.vertical.menu > li > a {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.align-top {
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
}

.align-self-top {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.align-bottom {
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end;
}

.align-self-bottom {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.align-middle {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.align-self-middle {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.align-stretch {
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.align-self-stretch {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.align-center-middle {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.small-order-1 {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
}

.small-order-2 {
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
  order: 2;
}

.small-order-3 {
  -ms-flex-order: 3;
  -webkit-box-ordinal-group: 4;
  order: 3;
}

.small-order-4 {
  -ms-flex-order: 4;
  -webkit-box-ordinal-group: 5;
  order: 4;
}

.small-order-5 {
  -ms-flex-order: 5;
  -webkit-box-ordinal-group: 6;
  order: 5;
}

.small-order-6 {
  -ms-flex-order: 6;
  -webkit-box-ordinal-group: 7;
  order: 6;
}

.flex-container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

.flex-child-auto {
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
}

.flex-child-grow {
  -ms-flex: 1 0 auto;
  -webkit-box-flex: 1;
  flex: 1 0 auto;
}

.flex-child-shrink {
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
}

.flex-dir-row {
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

.flex-dir-row-reverse {
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}

.flex-dir-column {
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.flex-dir-column-reverse {
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
}/* School Finder
   ========================================================================== */.mainInstructions,.savedSearches {
  padding: 0.625rem !important;
}/* Explore Schools
   ========================================================================== *//* Career Clusters
   ========================================================================== */#ccluster .tfnavtabs li a {
  padding-top: 0.625rem !important;
}

#ccluster .tfnavtabs li > div {
  background: none !important;
  width: 100% !important;
  margin: -0.125rem 0 0 0 !important;
  padding: 0 0 0.625rem 0 !important;
  border: none !important;
}

#ccluster .tfnavtabs li > div a {
  padding: 0 0 0 2.5rem !important;
}/* Your Journal
   ========================================================================== */#portfolioJournal > table td {
  vertical-align: middle;
}/* Footer
   ========================================================================== */#cFinder .smallsection {
  width: 50%;
  float: right;
}

#jobinterview .sectionlink {
  margin-left: 20% !important;
  margin-top: 10px !important;
}

.yp-divider {
  margin: 0.875rem 0rem 0.4375rem;
  border-bottom: 2px dotted #014466;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

.yp-divider-vt {
  border-right: 2px dotted #014466;
  margin-right: 0.875rem;
  margin-left: 0.875rem;
}

.section-img-fix {
  padding: 0 !important;
  padding-right: 0.9375rem !important;
}

.section-img-fix img {
  max-width: 100%;
}

.section-img-fix-lft {
  padding: 0 !important;
  padding-left: 0.9375rem !important;
}

#recruitercontainer .searchpanel,#applycontainer .searchpanel {
  width: 100%;
  margin: 0rem 0rem 1.25rem 0rem !important;
}

#recruitercontainer .searchpanel td,#applycontainer .searchpanel td {
  display: block;
}

#recruitercontainer .searchpanel .searchBox,#applycontainer .searchpanel .searchBox {
  height: 24px !important;
}

#recruitercontainer .searchpanel .searchBoxLabel,#applycontainer .searchpanel .searchBoxLabel {
  padding-top: 2px !important;
}

.alphabetList td {
  display: table-cell !important;
}

#footer {
  margin-bottom: 0.625rem;
}

.input-tooltip tool-tip {
  position: absolute;
  top: 0px;
  right: 0px;
}

.input-tooltip .form-control {
  width: 335px;
}

.form-control {
  height: auto;
}

.input-resize-sm .form-control {
  width: 200px;
}

#fnavigation,.fnavigation {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

#fnavigation li,.fnavigation li {
  display: inline-block;
  margin-right: 0.625rem;
}

#fnavigation li:after,.fnavigation li:after {
  content: "|";
  display: inline-block;
  margin-left: 0.625rem;
}

#fnavigation li:last-child,.fnavigation li:last-child {
  margin-right: 0;
}

#fnavigation li:last-child:after,.fnavigation li:last-child:after {
  display: none;
}

#fnavigation li.poweredbyXAP,.fnavigation li.poweredbyXAP {
  display: block;
  margin-bottom: 0.625rem;
}

#fnavigation li.poweredbyXAP:after,.fnavigation li.poweredbyXAP:after {
  display: none;
}/* Google Site Search
   ========================================================================== */.cse table.gsc-search-box td.gsc-input,table.gsc-search-box td.gsc-input {
  padding-right: 0 !important;
}

#searchbox {
  height: 32px;
  float: right;
}

#searchbox:after {
  content: "";
  display: table;
  clear: both;
}

#searchbox span {
  display: block;
  float: left;
  height: 32px;
  line-height: 32px;
  margin-right: 0.625rem;
  color: #000;
}

#searchbox #___gcse_0 {
  float: left;
  width: 150px;
}

.gsc-input {
  width: 80%;
}

.gsc-input input {
  width: 100% !important;
  height: 32px !important;
  border-radius: 0 !important;
  margin: 0 !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  border: 1px solid #000 !important;
}

.gsc-search-button {
  width: 20%;
  min-width: 32px;
  max-width: 32px;
  position: relative;
}

.gsc-search-button input {
  min-width: 100% !important;
  height: 32px !important;
  width: 32px !important;
  text-indent: -9000px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: 1px solid #000 !important;
  border-left: none !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  position: relative;
  z-index: 10;
  background: none !important;
}

.gsc-search-button:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 32px;
  height: 32px;
  background: #fff;
  -webkit-box-shadow: -2px 0px 2px -1px rgba(0, 0, 0, 0.25);
  box-shadow: -2px 0px 2px -1px rgba(0, 0, 0, 0.25);
  content: "\f105";
  font-family: FontAwesome;
  color: #000;
  text-align: center;
  line-height: 32px;
  font-size: 1.125rem;
}

.gsc-clear-button {
  display: none !important;
}/* Job Interview
   ========================================================================== */.jobanswer table tbody tr td {
  display: block;
}

.jobanswer table tbody tr td textarea {
  width: 100% !important;
  resize: vertical;
  overflow: auto;
}

.jobanswer table tbody tr td:first-child {
  margin-bottom: 0.625rem;
}/* Sign In
   ========================================================================== */#signInContainer table tbody tr td {
  vertical-align: top;
}/* Temp
   ========================================================================== */.planByButton {
  padding: 0rem 0rem 0.0625rem 0.625rem;
  text-align: center;
}

.planByButton a {
  background: transparent url("/images/transitions/subpages/portfolio/PlanBy_buttons.png") 0 -36px no-repeat;
  color: #fff;
  display: block;
  font-weight: bold;
  font-family: inherit;
  height: 27px;
  padding-top: 0.5625rem;
  text-align: center;
  text-decoration: none;
  width: 190px;
}

.planByButton a:hover,.planByButton a:focus {
  background: transparent url("/images/transitions/subpages/portfolio/PlanBy_buttons.png") 0 0 no-repeat;
}

.boxtopdual {
  background: url("/images/transitions/subpages/sgl_box_split_upr.png") top center no-repeat;
  height: 19px;
  margin: 0;
  width: 506px;
}

.boxbottomdual {
  background: url("/images/transitions/subpages/sgl_box_split_lwr.png") top center no-repeat;
  height: 24px;
  margin-bottom: 10px;
  width: 506px;
}

.dualbox {
  padding-bottom: 12px;
  width: 500px;
}

.dualboxor {
  background: transparent url("/images/transitions/subpages/portfolio/PlanBy_vert_line.png") 4px 0 repeat-y;
  position: relative;
  width: 12px;
}

.orImage {
  background: transparent url("/images/transitions/PlanBy_OR_img.png") 0 0 no-repeat;
  font: 1px sans-serif;
  height: 33px;
  left: 0;
  text-indent: -2000px;
  top: 0;
  width: 29px;
}/* Header Styles
   ========================================================================== */span.headerlink a,span.headerlink,#main a span.headerlink {
  background: none;
  color: #f94212;
  font-family: inherit;
  margin: 5px 0;
  text-decoration: none;
}

.widecolumn {
  width: 284px;
}/* General Classes
   ========================================================================== */a {
  color: #267FB4;
}
a {
    -webkit-transition: 0.2s ease-in-out !important;
    -moz-transition: 0.2s ease-in-out !important;
    -ms-transition: 0.2s ease-in-out !important;
    -o-transition: 0.2s ease-in-out !important;
    transition: 0.2s ease-in-out !important;
}
a:hover {
    color: #56aadb;
    text-decoration:none !important;
}

.invisible {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  text-indent: -3000px;
}/* Link Styles */.sectionlink a {
  font-size: 0.875rem;
  font-family: inherit;
  text-decoration: none;
}

.sectionlink a:before {
  display: inline-block;
  content: "\f105";
  font-family: FontAwesome;
  margin-right: 5px;
  color: #3d8d8c;
  position: relative;
  top: -1px;
}

.actionlink a,.guidewaysNavigator .actionbutton a {
  background: transparent url("/Images/Transitions/blue_arw.png") 0 4px no-repeat;
  color: #267fb4;
  font-family: inherit;
  font-size: 0.9167rem;
  padding: 0.125rem 0rem 0.25rem 1rem;
  text-decoration: none;
}

.guidewaysNavigator .actionbutton a {
  color: inherit;
  text-align: left;
  width: 160px;
}

.guidewaysNavigator .actionbutton a:hover,.guidewaysNavigator .actionbutton a:focus {
  background: transparent url(/Images/Transitions/blue_arw.png) 0 4px no-repeat;
  color: #267fb4;
  text-decoration: underline;
}

.nextprevlinks {
  margin: auto;
}

.nextlink {
  width: 50%;
}

.nextlink a {
  background: transparent url("/Images/Transitions/blue_arw.png") right 4px no-repeat;
  font-weight: bold;
  font-family: inherit;
  padding: 0.125rem 1rem 0.25rem;
  text-decoration: none;
}

.prevlink a {
  background: transparent url("/Images/Transitions/left_blue_arw.png") 0 4px no-repeat;
  font-weight: bold;
  font-family: inherit;
  padding: 2px 16px 4px;
  padding: 0.125rem 1rem 0.25rem;
  text-decoration: none;
}

ul.linklist {
  list-style: none;
  margin: 0;
}

ul.linklist padding:calcRem(0 0 0 20) li {
  margin: 0;
  padding: 0;
}

ul.linklist padding:calcRem(0 0 0 20) li a,ul.linklist padding:calcRem(0 0 0 20) li span {
  background: transparent url("/Images/Transitions/blue_arw.png") 0 2px no-repeat;
  color: #18869C;
  display: block;
  font-family: inherit;
  padding: 0rem 0rem 0rem 1.0625rem;
  text-decoration: none;
}

ul.linklist padding:calcRem(0 0 0 20) li span {
  color: #000000;
}

.smallsection ul.linklist {
  list-style-type: none;
}

.journalentry strong {
  color: #846D5A;
  font-weight: bold;
  font-family: inherit;
  margin: 10px 0 5px;
  padding-bottom: 2px;
}

.journalentry textarea {
  background: #FFFBEF;
  border: 1px solid #846D5A;
  font-size: 1rem;
  padding: 3px;
  width: 390px;
}

.journalentry table td {
  padding: 5px;
  vertical-align: top;
}

#datagrid td {
  font-family: inherit;
  margin: 0;
  padding: 2px;
}

.simpleFormHeader {
  background-color: #02A0BD;
  border: 1px solid #000;
  color: #FFF;
  display: block;
  font-weight: 700;
  padding: 4px;
}

table.listPageSelector {
  margin-left: 6.25rem;
}

#main .sectionboxwide table.listPageSelector {
  margin-left: auto;
}

#main a.pageLinks,#main .pageLinks,#main .pageIndex {
  font-weight: bold;
  font-family: inherit;
  text-align: center;
}

#main .pageLinksSelected a,#main span.pageLinksSelected {
  border: 1px solid #CEF3FF;
  color: #333;
}

#main span.pageLinksSelected {
  font-weight: bold;
  font-family: inherit;
  padding: 3px;
}

#main a.pageLinksPrev,#main .pageLinksPrev a,#main .pageLinks .previousLink a {
  background: transparent url("/images/transitions/prev_small.gif") 0 6px no-repeat;
  padding-left: 11px;
  text-transform: lowercase;
}

#main a.pageLinksNext,#main .pageLinksNext a,#main .pageLinks .nextLink a {
  background: transparent url("/images/transitions/next_small.gif") right 6px no-repeat;
  padding-right: 11px;
  text-transform: lowercase;
}

#main .pageLinksLast a,#main .pageLinks .lastLink a {
  background: transparent url("/images/transitions/last_small.gif") right 6px no-repeat;
  padding-right: 17px;
  text-transform: lowercase;
}

#main .pageLinksFirst a,#main .pageLinks .firstLink a {
  background: transparent url("/images/transitions/first_small.gif") 0 6px no-repeat;
  padding-left: 17px;
  text-transform: lowercase;
}

#main .pageLinks a:hover,#main a.pageLinks:hover {
  background-color: #39BAC6;
  color: #fff;
}

#main .pageLinks .previousLink a:hover,#main .pageLinks .nextLink a:hover,#main .pageLinks .lastLink a:hover,#main .pageLinks .firstLink a:hover {
  background-color: #fff;
  color: #FF3800;
}

.pageIndex {
  color: #ccc;
  padding: 10px 0;
  text-align: center;
  width: 95%;
}

#main #pagination a.pageLinksPrev:disabled,#main #pagination a.pageLinksNext:disabled,#main #paginationTop a.pageLinksPrev:disabled,#main #paginationTop a.pageLinksNext:disabled {
  color: #ACA8AC;
}

#releaseNumber {
  color: #f94212;
  font-weight: bold;
  font-size: 0.8333rem;
  font-family: inherit;
}/* Assessment Characteristic */.characteristic {
  height: 50px;
  padding: 12px 0 4px 58px;
}

.characteristic,.characteristic a {
  color: #E74D00;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

#interest1 {
  background: url("/Images/Career/realistic_icon.png") 0 0 no-repeat;
}

#interest2 {
  background: url("/Images/Career/investigative_icon.png") 0 0 no-repeat;
}

#interest3 {
  background: url("/Images/Career/artistic_icon.png") 0 0 no-repeat;
}

#interest4 {
  background: url("/Images/Career/social_icon.png") 0 0 no-repeat;
}

#interest5 {
  background: url("/Images/Career/enterprising_icon.png") 0 0 no-repeat;
}

#interest6 {
  background: url("/Images/Career/conventional_icon.png") 0 0 no-repeat;
}

#workValue1 {
  background: url("/Images/Transitions/icons/icon_achievement.gif") 0 0 no-repeat;
}

#workValue2 {
  background: url("/Images/Transitions/icons/icon_independence.gif") 0 0 no-repeat;
}

#workValue3 {
  background: url("/Images/Transitions/icons/icon_recognition.gif") 0 0 no-repeat;
}

#workValue4 {
  background: url("/Images/Transitions/icons/icon_relationships.gif") 0 0 no-repeat;
}

#workValue5 {
  background: url("/Images/Transitions/icons/icon_support.gif") 0 0 no-repeat;
}

#workValue6 {
  background: url("/Images/Transitions/icons/icon_working_conditions.gif") 0 0 no-repeat;
}

#cluster1 {
  background: url("/Images/Transitions/icons/s_career-cluster1.gif") 0 0 no-repeat;
}

#cluster2 {
  background: url("/Images/Transitions/icons/s_career-cluster2.gif") 0 0 no-repeat;
}

#cluster3 {
  background: url("/Images/Transitions/icons/s_career-cluster3.gif") 0 0 no-repeat;
}

#cluster4 {
  background: url("/Images/Transitions/icons/s_career-cluster4.gif") 0 0 no-repeat;
}

#cluster5 {
  background: url("/Images/Transitions/icons/s_career-cluster5.gif") 0 0 no-repeat;
}

#cluster6 {
  background: url("/Images/Transitions/icons/s_career-cluster6.gif") 0 0 no-repeat;
}

#cluster7 {
  background: url("/Images/Transitions/icons/s_career-cluster7.gif") 0 0 no-repeat;
}

#cluster8 {
  background: url("/Images/Transitions/icons/s_career-cluster8.gif") 0 0 no-repeat;
}

#cluster9 {
  background: url("/Images/Transitions/icons/s_career-cluster9.gif") 0 0 no-repeat;
}

#cluster10 {
  background: url("/Images/Transitions/icons/s_career-cluster10.gif") 0 0 no-repeat;
}

#cluster11 {
  background: url("/Images/Transitions/icons/s_career-cluster11.gif") 0 0 no-repeat;
}

#cluster12 {
  background: url("/Images/Transitions/icons/s_career-cluster12.gif") 0 0 no-repeat;
}

#cluster13 {
  background: url("/Images/Transitions/icons/s_career-cluster13.gif") 0 0 no-repeat;
}

#cluster14 {
  background: url("/Images/Transitions/icons/s_career-cluster14.gif") 0 0 no-repeat;
}

#cluster15 {
  background: url("/Images/Transitions/icons/s_career-cluster15.gif") 0 0 no-repeat;
}

#cluster16 {
  background: url("/Images/Transitions/icons/s_career-cluster16.gif") 0 0 no-repeat;
}

#basicSkill1 {
  background: url("/Images/Transitions/icons/icon_sml_reading.gif") 0 0 no-repeat;
}

#basicSkill2 {
  background: url("/Images/Transitions/icons/icon_sml_active-listening.gif") 0 0 no-repeat;
}

#basicSkill3 {
  background: url("/Images/Transitions/icons/icon_sml_writing.gif") 0 0 no-repeat;
}

#basicSkill4 {
  background: url("/Images/Transitions/icons/icon_sml_speaking.gif") 0 0 no-repeat;
}

#basicSkill5 {
  background: url("/Images/Transitions/icons/icon_sml_mathematics.gif") 0 0 no-repeat;
}

#basicSkill6 {
  background: url("/Images/Transitions/icons/icon_sml_science.gif") 0 0 no-repeat;
}

#basicSkill7 {
  background: url("/Images/Transitions/icons/icon_sml_critical.gif") 0 0 no-repeat;
}

#basicSkill8 {
  background: url("/Images/Transitions/icons/icon_sml_active-learning.gif") 0 0 no-repeat;
}

#basicSkill9 {
  background: url("/Images/Transitions/icons/icon_sml_learning.gif") 0 0 no-repeat;
}

#basicSkill10 {
  background: url("/Images/Transitions/icons/icon_sml_monitoring.gif") 0 0 no-repeat;
}

.match {
  background: url("/Images/Transitions/tabbed-feature/match.png") 50px 0 no-repeat;
}

.innerboxmedium,.innerboxbig {
  background-color: #BCFFFE;
  border-radius: 5px;
  border: 2px solid #33BAC4;
}

.innerboxmedium {
  position: relative;
}

.innerboxmedium .instructions {
  color: #666;
  font-weight: bold;
  font-family: inherit;
  padding: 5px 0px 13px;
}

.innerboxbig {
  margin-top: 10px;
}

.innerboxlargemiddle {
  background-color: #aed0e3;
  border: 2px solid #267fb4;
  border-radius: 5px;
  padding: 0.625rem;
}

.innerboxlargebottom {
  background: transparent;
  height: 13px;
}

#iprofiler .innerboxmedium {
  width: 270px;
}

.innerboxhalfmiddle {
  background-color: #aed0e3;
  border: 2px solid #267fb4;
  border-radius: 5px;
  padding: 0rem 0.625rem 0.3125rem;
}

.timertable {
  margin-bottom: 20px;
}

.timertable .head {
  color: #847173;
  font-weight: bold;
  font-size: 0.9375rem;
  font-family: inherit;
  padding: 0.625rem;
}

.timertable .body {
  color: #847173;
  font-size: 0.75rem;
  font-family: inherit;
  padding: 0.625rem;
}

.timer10,.timer20,.timer30,.timer45,.timer1hr {
  height: 53px;
  vertical-align: top;
  width: 53px;
}

.timer10 {
  background: url("/Images/Transitions/timer/10min_timer.png") 0 0 no-repeat;
}

.timer20 {
  background: url("/Images/Transitions/timer/20min_timer.png") 0 0 no-repeat;
}

.timer30 {
  background: url("/Images/Transitions/timer/30min_timer.png") 0 0 no-repeat;
}

.timer45 {
  background: url("/Images/Transitions/timer/45min_timer.png") 0 0 no-repeat;
}

.timer1hr {
  background: url("/Images/Transitions/timer/1hr_timer.png") 0 0 no-repeat;
}

.equicolumn .timertable {
  width: 220px;
}

.actionbuttonlist {
  clear: both;
  height: 39px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.actionbuttonlist li {
  float: left;
  left: 0;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
}

.actionbuttonlist li.or {
  font-weight: bold;
  font-family: inherit;
  padding-top: 1.25rem;
  text-align: center;
  text-transform: lowercase;
  width: 30px;
}

.actionbuttonlist li.numberofmatches {
  padding: 1.25rem 0.625rem 0rem !important;
}

.actionbutton a {
  background: transparent url("/Images/Transitions/btn_off_90.png") 0 0 no-repeat;
  color: #f9f9f9;
  display: block;
  font-weight: bold;
  font-size: 0.9167rem;
  font-family: inherit;
  height: 27px;
  padding-top: 8px;
  text-align: center;
  text-decoration: none;
}

.actionbuttonwide a {
  color: #f9f9f9;
  display: block;
  font-weight: bold;
  font-family: inherit;
  text-decoration: none;
}

.actionbuttonarrow a {
  background: transparent url(/Images/Transitions/btn_off_45.png) 0 0 no-repeat;
  color: #f9f9f9;
  display: block;
  font-weight: bold;
  font-size: 0.9167rem;
  font-family: inherit;
  text-align: center;
  text-decoration: none;
}

#actionbuttonon a,.actionbutton a:hover,.actionbutton a:focus,#main a.actionbuttonOn {
  background: transparent url("/Images/Transitions/btn_on_90.png") 0 0 no-repeat;
  color: #fff;
}

#actionbuttononwide a,.actionbuttonwide a:hover,.actionbuttonwide a:focus,#main a.actionbuttonOnwide {
  background: transparent url("/Images/Transitions/btn_on_155.gif") 0 0 no-repeat;
  color: #fff;
}

#actionbuttononnarrow a,.actionbuttonnarrow a:hover,.actionbuttonnarrow a:focus,#main a.actionbuttonOnnarrow {
  background: transparent url("/Images/Transitions/btn_on_45.png") 0 0 no-repeat;
  color: #fff;
}

.devnotes {
  background: #ffc url("/images/transitions/devnotes.png") 0 0 no-repeat;
  border: 1px solid #666;
  display: block;
  font-weight: bold;
  font-size: 1rem;
  margin: 0.625rem;
  padding: 1.25rem 0.3125rem 0.3125rem;
}

.requiredfield {
  background: transparent url("/images/transitions/star.gif") 0 0 no-repeat;
  padding-left: 16px;
}/* Explore Page Styles */.searchpanel td {
  font-family: inherit;
  vertical-align: top;
}

#main .alphacontainer {
  background: transparent url("/Images/Transitions/AlphaSort_SM.png") 0 0 no-repeat;
  height: 57px;
  width: 173px;
}

.alphabetList td {
  background: #42c1cc;
  height: 15px;
  filter: alpha(opacity=30);
  -khtml-opacity: 0.3px;
  -moz-opacity: 0.3px;
  opacity: 0.3px;
  padding: 0;
  width: 12px;
}

.alphabetList td a {
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 1rem;
  font-family: inherit;
  height: 15px;
  text-align: center;
  text-decoration: none;
  width: 12px;
}

#main .alphaListMedium .alphacontainer {
  background: transparent url("/Images/Transitions/AlphaSort_SM.png") 0 0 no-repeat;
  height: 57px;
  margin: 0 0 0 1px;
  padding: 0;
  width: 173px;
}

#main .alphaListMedium .alphabetList td {
  height: 15px;
  padding: 0;
  width: 12px;
}

#main .alphaListMedium .alphabetList td a {
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 0.9167rem;
  font-family: inherit;
  height: 15px;
  padding: 2px 0 0;
  text-align: center;
  text-decoration: none;
  width: 12px;
}

#main .alphaListMedium .alphabetList td.all,#main .alphaListMedium .alphabetList td.all {
  height: 15px;
  text-align: center;
  width: 170px;
}

.matches {
  color: #18869C;
  font-weight: bold;
  font-family: inherit;
}

.searchForPane {
  padding-right: 1.875rem;
}

.searchBoxLabel {
  float: left;
  width: 68px;
}

.searchBox {
  border: 1px solid #8CD7E7;
  border-right-width: 0;
  color: #888;
  float: left;
  font-family: inherit;
  height: 16px;
  margin: 0;
  padding: 3px;
  width: 130px;
}

.searchBtn {
  background: transparent url("/Images/Transitions/go_btn_off.gif") 0 0 no-repeat;
  color: #fff;
  display: block;
  float: left;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  vertical-align: bottom;
  width: 25px;
}

span.checkmark,span.checkMark {
  background: transparent url("/images/transitions/checkmark.gif") 0 bottom no-repeat;
  padding: 0.9375rem 0.9375rem 0rem 0rem;
}

span.checked {
  background: transparent url("/images/transitions/checkmark.gif") 0 0 no-repeat;
  display: block;
  height: 15px;
  width: 14px;
}

span.xmark,span.xMark {
  background: transparent url("/images/transitions/icons/x.gif") 0 bottom no-repeat;
  padding: 0.9375rem 0.9375rem 0rem 0rem;
}

.label-c {
  text-align: center;
}

.hint {
  color: #999;
  font-family: inherit;
}

.errorMessage {
  background: #fff;
  color: #cc0000;
  font-family: inherit;
  padding: 0.125rem;
}

.errorMessage ul li {
  margin: 0rem 0.9375rem;
  font-size: 1rem;
}/* Hover Tips IE7+ and Firefox */#main div.clusterList ul {
  margin: 0;
  padding: 0;
}

#main div.clusterList ul li {
  color: #21A6B5;
  margin-left: 15px;
}

#main div.clusterList ul li a {
  position: relative;
  text-decoration: none;
  z-index: 24;
}

#main div.clusterList ul li a span.tip {
  position: absolute;
  left: -10000px;
  top: auto;
}

#main div.clusterList ul li a:hover,#main div.clusterList ul li a:focus {
  z-index: 25;
}

#main div.clusterList ul li a:hover span.tip,#main div.clusterList ul li a:focus span.tip {
  background: #fff;
  border: 2px solid #FF4110;
  bottom: 10px;
  color: #333;
  display: block;
  left: 90px;
  padding: 4px;
  position: absolute;
  text-decoration: none;
  width: 350px;
  z-index: 26;
}

.dataDisclaimer {
  color: #000;
  display: none;
  font-size: 1rem;
  margin: 0 auto;
  width: 780px;
}

#main .bodysmall {
  font-size: 0.625rem;
}

.progressIndicator {
  color: #846D5A;
  font-weight: bold;
  font-family: inherit;
  padding-bottom: 3px;
}

.disabledCheckbox,.disableCheckbox {
  background: transparent url("/images/transitions/disabled_checkbox.gif") 0 0 no-repeat;
  color: #999;
  padding-left: 26px;
  display: none !important;
}

.mailIcon {
  background: transparent url("/images/transitions/mail_icon_temp.gif") 5px 5px no-repeat;
  display: block;
  height: 34px;
  width: 34px;
}

.srTitle,.srTitle a {
  font-family: inherit;
}

.srCategory {
  color: #F94212;
  text-align: right;
}

.srDivider td {
  border-top: 1px dotted #D6F3FF;
  height: 10px;
}

.srDescription {
  font-family: inherit;
  padding-bottom: 10px;
}

#summaryAccessParent .field input,#summaryAccessStudent .field input,#summaryImportPortfolio .field input,#signInBox .field input,#signInBox .questionAnswer input {
  background-color: #fff;
  border: 1px solid #21AEBD;
  color: #666;
  margin-bottom: 4px;
  padding: 2px;
}

#signinbox input[type="image"] {
  border: none;
}

#signInBox .errorMessage {
  background: #fff;
  margin-left: 3.4375rem;
}

#signInBox .errorMessage li {
  margin-left: 0.625rem;
  padding-bottom: 0.3125rem;
}

#signInBox p.instructions {
  color: #666;
  font-size: 0.9167rem;
  font-weight: 700;
  padding: 0.3125rem 0.1875rem;
}

#signInBox .label-r,#signInBox .questionLabel {
  color: #666;
  text-align: left;
  padding: 3px;
  margin-bottom: 0.3125rem;
}

#signInBox .headerlink {
  display: block;
  position: relative;
}

#signInContainer legend {
  padding: 0;
  margin: 0;
}

#signInBox a.logonButton,#signInBox .actionlink a.logonButton {
  background: transparent url("/images/transitions/sign-in-btn-hmpg.png") right 0 no-repeat;
  display: block;
  height: 54px;
  padding-right: 10px;
  padding-top: 18px;
  width: 148px;
}

.roleSelect {
  width: 85%;
}

.roleSelect td {
  border-bottom: 1px dotted #84E3F7;
  padding: 10px;
  text-align: left;
  vertical-align: center;
}

.roleSelect tr:hover td {
  background: #EFF7FF;
}

#signInBox .field input,#signInBox .field select,#signInBox .questionAnswer field {
  background-color: #fff;
  border: 1px solid #21AEBD;
  color: #666;
  margin: 0;
  padding: 2px;
}

#signInBox .inputButton {
  background-color: #21A6B5;
  border: 1px solid #18869C;
  border-left-color: #999;
  border-top-color: #ccc;
  color: #fff;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: auto;
}

#signInBox .inputButton:hover,#signInBox .inputButton:focus {
  background-color: #fff;
  color: #21A6B5;
  cursor: pointer;
}

#main #signInBox .inputCheckBox,#main #signInBox .inputRadio {
  border: 0;
}

.required {
  color: #cc0000 !important;
  font-weight: 700;
}

#signInBox .actionbuttonwide {
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
}

#signInBox .sectionboxwide {
  border: none;
  width: auto;
}

#pagecontrols {
  color: #846D5A;
  display: block;
  margin: 0;
  padding: 2px 10px 0 28px;
  text-decoration: none;
}

#pagecontrols:after {
  content: "";
  display: table;
  clear: both;
}

#pagecontrols a {
  display: block;
  font-size: 1rem;
  font-family: inherit;
  text-decoration: none;
}

#pagecontrols tbody {
  float: right;
}

#pagecontrols tbody td {
  width: 1%;
  white-space: nowrap;
}

.simpleSearchButton {
  background: transparent url("/Images/Transitions/go_btn_off.gif") 0 0 no-repeat;
  color: #FFF;
  display: block;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 25px;
}

.simpleSearchList {
  background-color: #FFF;
  border: 1px solid #BDEFFF;
  color: #666;
  font-size: 1rem;
  font-family: inherit;
  padding: 3px;
}

.simpleSearchBox {
  background-color: #FFF;
  border: 1px solid #BDEFFF;
  color: #666;
  font-size: 1rem;
  font-family: inherit;
  height: 18px;
  padding: 2px;
}/* Article Styles */.subCategoryPanel ul,#article .articleListPanel ul {
  list-style: none;
  margin: 0;
  padding: 10px;
}

.subCategoryPanel ul li a,#article .articleListPanel ul li a {
  font-family: inherit;
}

.subCategoryPanel ul li,#article .articleListPanel ul li {
  background: transparent url(/Images/Transitions/blue_arw.png) 14px 2px no-repeat;
  padding: 0 0 10px 30px;
}

#articleBlurbClass {
  color: #666;
  font-family: inherit;
}

#article .articleListPanel ul li:hover #articleBlurbClass {
  color: #000;
}

#main .articleContentPanel {
  padding: 10px;
  word-wrap: break-word;
}

#main .articleContentPanel p {
  margin: 0;
  padding: 0 0 13px;
}

#main .articleContentPanel ul li,#main .articleContentPanel ol li {
  padding: 0 0 10px;
}

#main .articleContentPanel ul ul {
  list-style: disc;
}

#main .articleContentPanel,#main .articleContentPanel p,#main .articleContentPanel li {
  font-family: inherit;
}

#main .articleContentPanel .articleTitle,#article .subMainCategoryName,#article .articleListCategoryName {
  color: #f94212;
  display: block;
  font-weight: bold;
  font-size: 1.333rem;
  font-family: inherit;
  margin: 5px 0 0 0;
  padding: 0 10px 15px 0;
  text-decoration: none;
}

#main .articleContentPanel h2,#article step-title {
  color: #18869C;
  font-weight: bold;
  font-size: 1.25rem;
  font-family: inherit;
  margin: 0;
  padding: 0 0 10px;
  text-decoration: none;
}

#articleIndex .headerlink {
  display: block;
  padding-bottom: 10px;
}

#articleIndex .equicolumn td {
  padding: 0 20px;
}

#articleIndex .equicolumn p {
  font-family: inherit;
  margin: 0;
  padding: 0 0 10px;
}

#articleIndex .articleListPanel ul li a,.articleList ul li a {
  background: transparent url(/Images/Transitions/blue_arw.png) 0 2px no-repeat;
  margin: 0;
  padding: 0 0 10px 16px;
}

.rightsectionDivider td {
  border-bottom: 1px dotted #84E3F7;
}

sub-step-title,question {
  color: #18869C;
  display: block;
  font-weight: bold;
  font-family: inherit;
  padding-bottom: 4px;
  padding-top: 8px;
}/* Your Plan of Study Styles */td.courseBlock {
  -moz-border-radius: 6px;
  background: #e7f7fb;
  border: 2px solid #b0ecfb;
  cursor: hand;
  margin: 3px;
}

td.courseBlock:hover {
  background: #f1f1f1;
  border: 2px solid #d5d5d5;
}

#courseplanner table.dataGrid td {
  padding: 0;
}

div.courseinfo {
  padding: 5px 8px;
}

td.courseSummary table {
  margin: 5px;
}

#courseplanner tbody th {
  -moz-border-radius: 6px;
}/* Guideways Styles */#guidewaysInstructions p.instructions {
  padding: 0 200px 20px 0;
}

#guidewaysInstructions {
  background: url("/images/transitions/Guideways_logo_small.png") right 0 no-repeat;
  margin-left: -5px;
}

#guidewaysInstructions .innerboxlarge a {
  display: block;
}

#guidewaysContent .tfnavtabs li {
  background: url("/Images/Transitions/tabbed-feature/finger_tab_off.png") 0 0 no-repeat;
  color: #267fb4;
  display: block;
  font-size: 12px;
  height: 43px;
  padding: 0;
  text-decoration: none;
  width: 181px;
}

#guidewaysContent .tfnavtabs li.menuItemActive {
  background: transparent url(/Images/Transitions/tabbed-feature/finger_tab_on.png) 0 0 no-repeat;
  color: #FF4110;
}

#guidewaysContent .tfnavtabs li a {
  padding: 5px 10px 0 29px;
  color: #333333;
}

#guidewaysInstructions .simpleForm {
  font-size: 1rem;
  font-family: inherit;
  width: 100%;
}

#guidewaysInstructions .guidewaysIndex {
  padding: 0 20px 0 0;
  width: 60%;
}

#guidewaysInstructions .guidewaysProgress {
  vertical-align: bottom;
}

#guidewaysInstructions .guidewaysName {
  font-size: 12px;
  font-weight: 700;
  padding-bottom: 5px;
}

#guidewaysInstructions .actionlink a {
  font-size: 1rem;
  font-family: inherit;
}

#guidewaysInstructions .guidewaysDate {
  color: #666;
  display: block;
  padding-bottom: 5px;
}

.guidewaysNavigator {
  -moz-border-radius: 6px;
  background: #e7f7fb url(/images/transitions/guideways_arw.png) 0 0 no-repeat;
  border: 2px solid #42C3CE;
  display: block;
  padding: 2px 10px 3px 200px;
  position: relative;
}

.guidewaysStepNumber {
  font-weight: 700;
  height: 17px;
  position: absolute;
  right: 2px;
  text-align: right;
  top: 2px;
  width: 100px;
}

.guidewayName {
  color: #FA531D;
  font-size: 1.083rem;
  font-family: inherit;
  padding: 4px 100px 0 0;
}

.guidewaysStepName {
  color: #1F5E9A;
  font-weight: bold;
  font-family: inherit;
  margin: 0;
  padding: 2px 0 0;
}

a.simpleGoBtn {
  background: transparent url("/Images/Transitions/go_btn_off.gif") 0 0 no-repeat;
  color: #fff;
  display: block;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 25px;
}

.searchBoxContainer {
  height: 24px;
  width: 136px;
}

.interfaceSearchBox {
  background-color: #FFFBEF;
  border: 1px solid #A69585;
  border-width: 1px 0 1px 1px;
  color: #666;
  height: 18px;
  margin: 0 0 0 5px;
  padding: 2px;
  width: 130px;
}

.searchButtonContainer {
  height: 24px;
  width: 25px;
}

a.interfaceSearchBtn {
  background: transparent url("/Images/Transitions/go_btn_off.png") 0 0 no-repeat;
  color: #fffff;
  display: block;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: 25px;
}

.searchForm td {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

#main #textContent .sectionbox p {
  font-size: 0.75rem;
  margin: 0;
  padding: 0rem 0.625rem 0.625rem 0rem;
}

#textContent h4,#textContent h3 {
  margin: 0;
  padding: 0.625rem 0.625rem 0.625rem 0rem;
}

#main #textContent ul {
  padding-bottom: 0.9375rem;
}

#main .loadingMessage {
  background: url("/images/transitions/loading.gif") 0 0 no-repeat;
  color: #333;
  font-size: 1.25rem;
  font-weight: bold;
  font-family: inherit;
  height: 40px;
  margin-left: 110px;
  padding: 10px 0 0 45px;
  text-align: left;
}

#main .coppaUpdate {
  background: transparent url("/SharedImages/icons/s/ab/stop.gif") 0 0 no-repeat;
  padding: 0 0 0 40px;
}

#main .pdfLink a {
  background: transparent url("/images/transitions/icons/pdf.gif") 0 0 no-repeat;
  display: block;
  padding: 0rem 0rem 0.3125rem 1.625rem;
  background-position: 0 5px;
}

.paramSelectionList ul {
  list-style-type: none;
}

#publicPrivateDiv td strong {
  display: block;
  padding-top: 5px;
}

table.genquestions td.field {
  width: 65%;
}

div.createquestions td.label-r {
  width: 40%;
}

#browseschoolssection .divider {
  border-bottom: 1px solid #000;
  clear: both;
  margin: 0 auto 15px;
  width: 80%;
}/* Section Boxes */.sectionboxnoborder {
  margin: 0px 0px 10px;
  padding: 0px;
}

.sectionArticleList {
  padding: 20px;
}

.sectionbody {
  background: transparent;
  margin: 0 18px 0 15px;
  position: relative;
  z-index: 3;
}

.sectionbody table {
  background: transparent;
  margin: -2px 2px 24px 10px;
}

.sectionboxtabswide {
  background: #E0E0E0;
  padding: 0rem 0.9375rem;
  border: 2px solid #ACACAB;
  border-bottom: none;
  margin: 0rem 1.25rem !important;
}

.sectionboxwideblank .floatSection {
  background: transparent;
}

.landingpagesection {
 /*-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:2px solid #33bac4;*/
  position: relative;
  background: #FFF;
  margin: 0px 0px 10px;
  padding-top: 5px;
  border: none;
  z-index: 0;
}

.landingpagesearch {
 /*-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:2px solid #33bac4;*/
  position: relative;
  background: #FFF;
  margin: 0px 0px 10px;
  padding-top: 5px;
  border: none;
  z-index: 0;
}

td.equicolumntd {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #fff;
  border: 2px solid #33bac4;
  border-radius: 5px;
  margin: 0 0 10px;
  padding-top: 5px;
}

.smallspace {
  width: 5px;
}

#main .alphacontainer table.alphabetList {
  height: 57px;
  width: 173px;
}

.optionalHint {
  color: #cc0000;
  font-family: inherit;
}

#recruitercontainer .dataGridElement a,#applycontainer .dataGridElement a {
  background: #18869C;
  border: 1px solid #21AEBD;
  color: #fff;
  display: block;
  font-weight: bold;
  font-family: inherit;
  font-size: 1rem;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

#applycontainer .dataGridElement a {
  display: block;
  width: 100%;
  text-align: center;
}

#recruitercontainer .dataGridElement a:hover {
  background: #fff;
  color: #18869C;
}

#recruitercontainer .add .add {
  width: 50px;
}

#recruitercontainer .add .remove {
  width: 65px;
}

#main #finderIntroMain {
  background: transparent;
  margin-bottom: 10px;
  width: 520px;
}

#main .mainInstructions {
  border: 2px solid #33bac4;
  border-radius: 5px;
  min-height: 220px;
  width: 315px;
}

#main .savedSearches {
  border-radius: 5px;
  border: 2px solid #33bac4;
  height: 220px;
  margin-left: 340px;
  width: 155px;
}

span.star0,span.star1,span.star2,span.star3,span.star4,span.star5 {
  background-position: top center;
  background-repeat: no-repeat;
  display: block;
  height: 20px;
  text-indent: -3000px;
  width: 102px;
}

span.star0 {
  background-image: url("/images/transitions/stars/0stars.gif");
}

span.star1 {
  background-image: url("/images/transitions/stars/1stars.gif");
}

span.star2 {
  background-image: url("/images/transitions/stars/2stars.gif");
}

span.star3 {
  background-image: url("/images/transitions/stars/3stars.gif");
}

span.star4 {
  background-image: url("/images/transitions/stars/4stars.gif");
}

span.star5 {
  background-image: url("/images/transitions/stars/5stars.gif");
}

#topnav .simpleSearchPanel,.simpleSearchPanel,#main a:hover span.tip,#fnavigation li {
  display: inline;
}

*|html #topnav input,*|html #topnav select {
  height: 24px;
  margin-top: 1px;
}

#topnav #languagebox,.label-r,#pagecontrols div {
  text-align: right;
}

#topnav a.simpleSearchButton:hover,#topnav a.btnGo:hover,#main a.searchBtn:hover {
  background: transparent url("/Images/Transitions/go_btn_on.gif") 0 0 no-repeat;
}

#main .dataGridHeader a:hover,#main .srTitle a {
  text-decoration: underline;
}

#mainbody td,.simpleForm td {
  vertical-align: top;
}

.planByButton li,.planByButton ul,#articleIndex .articleListPanel ul,.articleList ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.articleList ul li {
  margin: 2px 0;
}

.articleList ul li a {
  text-decoration: none;
}

.dualbox td,#main .dataGrid,#datagrid,.sectionbody table td {
  margin: 0;
  padding: 0;
}

#main .dualbox .sectionlink a,strong a {
  font-weight: 700;
}

#page .headerlink,#page #main #ethnicList input {
  border: none;
}

span.headerlink a span.headerfirst,span.headerlink span.headerfirst,span.headerlink a span.header,span.headerlink span.header {
  font-size: 1rem;
  text-transform: uppercase;
}

.boxtopwidedual,.boxtopwidehalf,.boxtopwideblank {
  background: transparent;
  height: 19px;
  margin: 0;
}

.boxbottomwidedual,.boxbottomwidehalf,.boxbottomwideblank {
  background: transparent;
  height: 24px;
  margin-bottom: 0.625rem;
}

.sectionboxwidedual,.sectionboxwidehalf,.sectionboxwideblank {
  position: relative;
  background: transparent;
  clear: both;
  padding: 0px;
  margin: 0 auto;
  z-index: 0;
}

.equicolumn,#main .sectionboxwide table.dataGrid,.searchResults,table.genquestions {
  width: 100%;
}

#main .equicolumn td .sectionlink,#signInBox .nextlink,#signInBox table,#main .sectionbody .equicolumn,#main .sectionbody table.simpleForm {
  margin: 0;
}

.clear,#jobmarket {
  clear: both;
}

.innerboxmediumtop,.innerboxmediumbottom {
  background: transparent;
  height: 13px;
}

.innerboxmediummiddle,.innerboxbigmiddle {
  background: transparent;
  padding: 0rem 0.625rem;
}

.innerboxbigtop,.innerboxbigbottom {
  background: transparent;
  height: 13px;
}

.boxtop,.boxbottom,.boxtopsgl,.boxbottomsgl,.boxtopwide,.boxbottomwide,.boxtopwidedbl,.boxbottomwidedbl,.boxtopdual,.boxbottomdual,.innerboxlargetop,.disabledCheckbox input,.disableCheckbox input,.equicolumn .subMainCategoryName,.sectionArticleList .articleListCategoryName,#articleIndex .articleListPanel .articleListCategoryName,#articleIndex .articleListPanel ul li #articleBlurbClass,#main .articleContentPanel img,#main a span.tip,#main #finderIntroTop,#main #finderIntroBottom {
  display: none;
}

.innerboxhalftop,.innerboxhalfbottom {
  background: transparent;
  height: 13px;
  width: 260px;
}

.innerboxmedium table,.innerboxbig table,.innerboxlarge table,.innerboxhalf table,#main table.alphabetList,#main .alphaListMedium .alphabetList {
  margin: 0;
  padding: 0;
}

.alphabetList td.all,#main .alphaListMedium .alphabetList td.all a {
  height: 15px;
  text-align: center;
  width: 170px;
}

.alphabetList td a:hover,#main .alphaListMedium .alphabetList td a:hover {
  background: #189EAD;
}

.label-l,#main #matchingAssistant p {
  text-align: left;
}

a.simpleSearchButton:hover,a.simpleSearchButton:hover,a.simpleGoBtn:hover,a.simpleGoBtn:focus {
  background: transparent url(/Images/Transitions/go_btn_on.gif) 0 0 no-repeat;
  color: #fff;
}

.alphacontainer .alphabetList td.all a {
  width: 170px;
}

.campusContactInfo table {
  margin-right: 10px;
}

.whtabbednav {
  height: 25px;
  margin-left: 15px;
  margin-bottom: 1px;
}

.whtabbednav a {
  display: block;
  float: left;
  width: 120px;
  height: 25px;
  text-align: center;
  border: 1px solid #267fb4;
  border-bottom: none;
  background: #267fb4;
  color: #ffffff;
  margin-right: 2px;
  line-height: 22px;
}

.whtabbednav a:hover {
  text-decoration: underline;
}

.whtabbednav a.selected {
  background: #ffffff;
  color: #267fb4;
  font-weight: bold;
}

#scholarshipProfile #pagecontrols {
  width: 200px;
}/** Work Keys **/div.workKey table.skillLevelContainer {
  width: 350px;
  background: #eef8fe;
  border-collapse: collapse;
}

div.workKey table.skillLevelContainer td {
  border: 2px solid #c4e5f7;
}

div.workKey table.workKeyValues {
  border-collapse: collapse;
  border-top: 1px solid #ffcc99;
  border-bottom: 1px solid #ff9a63;
  margin: 0 auto;
}

div.workKey table.workKeyValues td {
  border: none;
  width: 20px;
  text-align: center;
}

div.workKey td.levelRange {
  background: #ffcc99;
}

div.workKey table.skillLevelContainer td.rangeLabel {
  text-align: center;
  font-size: 12px;
  padding: 3px;
  border-bottom: none;
}

div.workKey table.skillLevelContainer td.averageLabel {
  text-align: center;
  font-size: 12px;
  padding: 3px;
  border-top: none;
}

div.workKey table.skillLevelContainer td.skillRange {
  border-bottom: none;
  border-top: none;
  text-align: center;
  padding: 5px;
}

div.workKey td.averageLevel {
  height: 10px;
  width: 12px;
  background: transparent url(/images/transitions/icons/work_keys_average.gif) bottom center no-repeat;
}

div.workKey td.skillName {
  width: 200px;
}

div.workKey td.skillName a {
  display: block;
  margin-left: 20px;
  margin-top: 30px;
  font-size: 12px;
}

div.workKey a span.tip {
  display: none;
}

div.workKey a:hover,div.workKey a:focus {
  z-index: 25;
}

div.workKey a:hover span.tip,div.workKey a:focus span.tip {
  background: #fff;
  border: 2px solid #FF4110;
  bottom: 10px;
  color: #333;
  display: block;
  left: 90px;
  padding: 4px;
  position: absolute;
  text-decoration: none;
  width: 350px;
  z-index: 26;
}

div.workKey a:hover span.tip {
  _display: inline;
}

a.workKeyLink {
  position: relative;
}

a.detailsLink {
  display: block;
  text-indent: -3000px;
  height: 18px;
  width: 19px;
  background: transparent url(/images/transitions/person_icon.gif) top left no-repeat;
  margin: 0 auto;
}/** college planning - insider info **/#insiderinfo .sectionbox {
  background: transparent url("/images/transitions/insiderInfo_graphic.gif") left center no-repeat;
  height: auto !important;
  padding: 1.25rem 0rem;
}

#insiderinfo .sectionlink {
  padding: 0px;
}

#insiderinfo .sectionlink a {
  display: block;
}

#jobmarket .sectionbox {
  height: auto !important;
}/** work sorter **/.wvsresults td {
  border-bottom: 1px dotted #73DFE7;
  margin-top: 0.9375rem;
  border-top: 10px solid #FFF;
}

#main .wvscharacteristic {
  padding: 0px 0px 15px 60px;
}

#main .wvscharacteristic h4 {
  padding: 0px 0px 4px 0px;
  margin: 0px;
  font-weight: bold;
  font-family: inherit;
}

#main .wvscharacteristic li {
  list-style: square;
}

.card {
  width: 90px;
  height: 80px;
  padding: 4px;
 /* subtract 2 x padding from width and height */
  background: #FFFFFC;
  border: 1px solid #000;
  text-align: center;
  vertical-align: middle;
  font-size: 0.9167rem;
  font-family: inherit;
}

.card:hover,.card:focus {
  cursor: pointer;
}

.stackArea {
  width: 107px;
  height: 97px;
  background: transparent url(/images/transitions/tabbed-feature/stack.gif) 0 0 no-repeat;
  position: relative;
}

.stackArea .card {
  position: absolute;
}

.dropArea {
  width: 100px;
  height: 90px;
  background-color: #CCC;
  padding: 0px;
  text-align: center;
}

.dropHover {
  background: #FB610D;
}

.dropTable td,.dropTable th {
  padding: 2px;
  width: 100px;
  border-left: 1px dotted #29B3BD;
  background: #EFF7FF;
}

.dropTable th {
  border-top: 1px dotted #29B3BD;
  padding-bottom: 4px;
  color: #18869C;
}

.importance5 {
  border-right: 1px dotted #29B3BD;
}

.importance1 .dropArea {
  background-image: url("/images/transitions/tabbed-feature/drop1.gif");
}

.importance2 .dropArea {
  background-image: url("/images/transitions/tabbed-feature/drop2.gif");
}

.importance3 .dropArea {
  background-image: url("/images/transitions/tabbed-feature/drop3.gif");
}

.importance4 .dropArea {
  background-image: url("/images/transitions/tabbed-feature/drop4.gif");
}

.importance5 .dropArea {
  background-image: url("/images/transitions/tabbed-feature/drop5.gif");
}

.dropTableFooter td {
  border-bottom: 1px dotted #29B3BD;
  font-size: 1.083rem;
  font-weight: bold;
  font-family: inherit;
  text-align: center;
  color: #29B3BD;
}

.deckHolder {
  border: 1px solid #FB610D;
  background: #FFF;
  padding: 0px;
  width: 190px;
}

.remainingCards {
  display: block;
  padding-top: 2px;
}

.wvsPrompt {
  display: block;
  font-weight: bold;
  font-family: inherit;
  background: #FB610D;
  color: #FFF;
  padding: 4px;
}

.cardTable {
  padding: 4px 4px 4px 55px;
  background: transparent url(/images/transitions/Generic_Graphic.png) 2px 5px no-repeat;
}

.wvsInstructions {
  padding: 0px 10px;
}

.wvsContinue a {
  display: block;
  width: 210px;
  border: 1px solid #18869C;
  background-color: #FF5118;
  padding: 4px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #FFF;
  border-top-color: #ccc;
  border-left-color: #999;
  margin: 8px 0px 0px 0px;
}

.wvsContinue a:hover,.wvsContinue a:hover {
  background-color: #FFF;
  color: #FF5118;
}/** career legend styles **/.inPortfolio {
  background: transparent url(/images/transitions/icons/check.gif) 0 0 no-repeat;
  padding-left: 20px;
  border: 0;
}

.profileInsiderInfo {
  background: transparent url(/images/transitions/icons/overqualified.gif) 0 0 no-repeat;
  padding-left: 20px;
  border: 0;
}

.onlyInsiderInfo {
  background: transparent url(/images/transitions/icons/underqualified.gif) 0 0 no-repeat;
  padding-left: 20px;
  border: 0;
}

.qualified,#main .inPortfolio {
  background: transparent url(/images/transitions/icons/check.gif) 0 0 no-repeat;
  width: 13px;
  height: 15px;
}

.underqualified,#main .onlyInsiderInfo {
  background: transparent url(/images/transitions/icons/portfolio_iionly.gif) 0 0 no-repeat;
  height: 13px;
  width: 13px;
}

.overqualified,#main .profileInsiderInfo {
  background: transparent url(/images/transitions/icons/portfolio_full.gif) 0 0 no-repeat;
  height: 13px;
  width: 13px;
}

.careerskill,.careerlevel,.qualified,.underqualified,.overqualified {
  padding-bottom: 5px;
  color: #84695A;
  font-family: inherit;
}

.closewindow {
  display: block;
  text-align: center;
  margin-top: 20px;
  color: #21A6B5;
}

.careerlegend {
  border: 2px solid #267fb4;
  border-radius: 5px;
  padding: 5px;
}

#insiderinfosidepanel {
  background: #ffffff;
}

#insiderinfosidepanel h4 {
  text-indent: -3000px;
  background: transparent url(/images/transitions/insiderInfo_graphic_small.gif) top left no-repeat;
  width: 180px;
  height: 96px;
  margin: auto;
}

h3.insiderinfoheader {
  text-indent: -3000px;
  background: transparent url(/images/transitions/insiderInfo_graphic.gif) top left no-repeat;
  width: 215px;
  height: 115px;
  margin: auto;
}

div.insiderinfoimage {
  text-indent: -3000px;
  background: transparent url(/images/transitions/insiderInfo_graphic.gif) top left no-repeat;
  width: 215px;
  height: 115px;
  float: right;
}

span.inPortfolio,span.profileInsiderInfo,span.onlyInsiderInfo {
  display: block;
  margin: auto;
  padding-left: 0;
}

.interfaceSorterPanel {
  margin-top: 10px;
}

#jake p,#kristin p {
  margin-bottom: 5px;
}

#transcriptfaq a {
  display: block;
  width: 23px;
  height: 23px;
  background: transparent url(/images/QuestionMark_button.gif) top left no-repeat;
  text-indent: -3000px;
}

.fieldsetNoStyle legend {
  display: block;
  width: 100%;
}/**  landing pages **/#succeedsection .sectionbody {
  margin-left: 165px;
}

#succeedsection {
  min-height: 100px;
  _height: 100px;
  background: #ffffff url("/images/transitions/subpages/highschoolplanning/succeed_hs.png") -20px 0 no-repeat;
}

#financialfitness {
  min-height: 83px;
  _height: 83px;
  background: #ffffff url("/images/transitions/subpages/finaidplanning/fin_fitness.png") left top no-repeat;
}

#financialfitness .sectionbody {
  margin-left: 175px !important;
}

#financialfitness div.sectionlink a {
  margin-left: 100px;
}/* for parent review */.portfolioSectionBody {
  background: transparent;
  padding: 0 20px;
}/** extras **/.easterEgg {
  display: none;
}/** BORDER/SITE OBJECT COLORS **/.sectionbox,#main .whtopaddcareers,.sectionboxwide,#page .tfsection .middle,#toolsContainer .toolsectionbody,#toolsContainer .floatSection,.landingpagesection,.landingpagesearch,#main .mainInstructions,#main .savedSearches,#toolsContainer .toolsectionbodyshort {
  border-color: #267fb4;
}

#recruitercontainer .dataGridElement a:hover,#applycontainer .dataGridElement a:hover {
  color: #267fb4;
  background-color: #ffffff;
}

#careerProfile .actionbuttonwide a:hover,#careerProfile .actionbuttonwide a:focus,#careerProfile a.simpleSearchButton:hover,#careerProfile a.simpleSearchButton:focus {
  color: #ffffff;
}

.innerboxmedium,.smallsection,.innerboxbig,.innerboxlargemiddle,.innerboxhalfmiddle,#page td.planSummary,#main td.courseBlock {
  background-color: #dff6fc;
  border-color: #267fb4;
}

.alphabetList td,#page #main .tfcontrols .alphabetList td,#main .dataGridHeader,#recruitercontainer .dataGridElement a,#applycontainer .dataGridElement a,#page #main .submitButton input,#main #transcriptForm .inputButton,#main #efcWorksheet .inputButton,#main .tfinfotable th,#main #scholarshipProfile th,#main .simpleFormHeader,#main #cpBuilder .inputButton #actionButtons input,#signInBox .inputButton {
  background-color: #267fb4;
}

a,#main .tfnavtabs li.menuItemDisabled a,#main .tfnavtabs li.menuItemDisabled a:hover,ul.linklist li a,h4,h4 a,sub-step-title,question,#page #main #profileSection h3 a,#page #main #journalSection h3 a,#page #main #milestonesSection h3 a,#page #main #portfolioSection h3 a,#page #main #snapshotsection h3 a,#page #main .whytryit h4,#main .dropTable th,#main .dropTableFooter td,#signInBox .inputButton:hove,#signInBox .inputButton:focus {
  color: #267fb4;
}

#main #referenceSelector input.searchButtonSmall,#main #referenceSelector input.addButton {
  background: #267fb4;
  color: #ffffff;
}

#main #referenceSelector .searchButtonSmall:focus,#main #referenceSelector .searchButtonSmall:hover,#main #referenceSelector .addButton:focus,#main #referenceSelector .addButton:hover,#main #referenceSelector .removeButton:focus,#main #referenceSelector .removeButton:hover,#main #referenceSelector .updateButton:focus,#main #referenceSelector .updateButton:hover,.inputButton:hover {
  background: #ffffff;
  color: #267fb4;
}/* guideway instruction list font size fix */#guidewaysInstructions li {
  font-size: 9pt;
}

.floatLeft {
  position: relative;
  float: left;
}

.floatRight {
  position: relative;
  float: right;
}

.noMarginPadding {
  margin: 0px;
  padding: 0px;
}

.doNotDisplay,#skipLetters,.alphabet_skip {
  position: absolute;
  left: -4000px;
  top: 0px;
}

.fieldsetNoStyle {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

a {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

.tableGrid {
  border: 1px solid #333;
  border-collapse: collapse;
  width: 100%;
  margin-top: 20px;
}

.tableGrid tr th {
  border: 1px solid #333;
  padding: 5px;
  background: #ebebeb;
  color: #000 !important;
}

.tableGrid tr th[scope="row"] {
  text-align: left;
}

.tableGrid .subHeaderRow {
  text-align: center !important;
}

.tableGrid tr td {
  border: 1px solid #333;
  padding: 5px;
}

.tableGrid tr th,.tableGrid tr th a {
  font-size: 0.9167rem;
  font-family: inherit;
}

.margin0 {
  margin: 0px !important;
}

.margin5 {
  margin: 5px !important;
}

.margin10 {
  margin: 10px !important;
}

.margin15 {
  margin: 15px !important;
}

.margin20 {
  margin: 20px !important;
}

.marginT0 {
  margin-top: 0px !important;
}

.marginT5 {
  margin-top: 5px !important;
}

.marginT10 {
  margin-top: 10px !important;
}

.marginT15 {
  margin-top: 15px !important;
}

.marginT20 {
  margin-top: 20px !important;
}

.marginB0 {
  margin-bottom: 0px !important;
}

.marginB5 {
  margin-bottom: 5px !important;
}

.marginB10 {
  margin-bottom: 10px !important;
}

.marginB15 {
  margin-bottom: 15px !important;
}

.marginB20 {
  margin-bottom: 20px !important;
}

.marginH0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.marginH5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.marginH10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.marginH15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.marginH20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.marginW0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.marginW5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.marginW10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.marginW15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.marginW20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.padding0 {
  padding: 0px !important;
}

.padding5 {
  padding: 5px !important;
}

.padding10 {
  padding: 10px !important;
}

.padding15 {
  padding: 15px !important;
}

.padding20 {
  padding: 20px !important;
}

.paddingT0 {
  padding-top: 0px !important;
}

.paddingT5 {
  padding-top: 5px !important;
}

.paddingT10 {
  padding-top: 10px !important;
}

.paddingT15 {
  padding-top: 15px !important;
}

.paddingT20 {
  padding-top: 20px !important;
}

.paddingB0 {
  padding-bottom: 0px !important;
}

.paddingB5 {
  padding-bottom: 5px !important;
}

.paddingB10 {
  padding-bottom: 10px !important;
}

.paddingB15 {
  padding-bottom: 15px !important;
}

.paddingB20 {
  padding-bottom: 20px !important;
}

.paddingH0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.paddingH5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.paddingH10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.paddingH15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.paddingH20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.paddingW0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.paddingW5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.paddingW10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.paddingW15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.paddingW20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}/* BUTTONS */.btn-round {
  border-radius: 1.25rem;
}

.btn-custom {
  padding: 0.625rem 1.25rem;
  margin: 0rem 0.3125rem;
  font-weight: 600;
  text-transform: uppercase;
}

.corner-options {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.show-arrow-link,.hide-arrow-link {
  display: block;
  padding: 1rem 0rem;
  text-align: center;
  text-transform: uppercase;
}

.show-arrow-link:hover,.hide-arrow-link:hover {
  text-decoration: none;
}

.hide-arrow-link {
  border-top: 1px dotted #555;
}

.show-arrow-link:after {
  content: "\00a0\00a0\f078";
  font-family: "FontAwesome";
  font-size: 1.5rem;
}

.hide-arrow-link:after {
  content: "\00a0\00a0\f077";
  font-family: "FontAwesome";
  font-size: 1.5rem;
}/* BOOTSTRAP FIX */legend {
  font-size: inherit !important;
  border: 0px;
}

td.label {
  display: table-cell;
  padding: 0px;
  font-size: inherit !important;
  font-weight: normal;
  line-height: inherit;
  color: inherit !important;
  text-align: left;
  white-space: normal !important;
  vertical-align: baseline;
  border-radius: 0px;
}/* School Profile Image Fix */#schoolProfile img {
  max-width: 500px;
  max-height: 500px;
}/* portfolio legend colors */#portfolio_SAT .portfolio-legend-1 p,#portfolio_PSAT .portfolio-legend-1 p {
  border-bottom: 5px solid #BE081C;
}

#portfolio_SAT .portfolio-legend-2 p,#portfolio_PSAT .portfolio-legend-2 p {
  border-bottom: 5px solid #FFCE58;
}

#portfolio_SAT .portfolio-legend-3 p,#portfolio_PSAT .portfolio-legend-3 p {
  border-bottom: 5px solid #43E1AB;
}

#portfolio_SAT .portfolio-legend-4 p,#portfolio_PSAT .portfolio-legend-4 p {
  border-bottom: 5px solid #3EAFD7;
}

#portfolio_ACT .portfolio-legend-1 p {
  border-bottom: 5px solid #F47026;
}

#portfolio_ACT .portfolio-legend-2 p {
  border-bottom: 5px solid #3EAFD7;
}

#portfolio_ASPIRE .portfolio-legend-1 p {
  border-bottom: 5px solid #F47026;
}

#portfolio_ASPIRE .portfolio-legend-2 p {
  border-bottom: 5px solid #3EAFD7;
}

#portfolio_ASPIRE .portfolio-legend-3 p {
  border-bottom: 5px solid #F2D450;
}

#portfolio_ASPIRE .portfolio-legend-4 p {
  border-bottom: 5px solid #42D29D;
}

#portfolio_PREACT .portfolio-legend-1 p {
  border-bottom: 5px solid #BE081C;
}

#portfolio_PREACT .portfolio-legend-2 p {
  border-bottom: 5px solid #FFCE58;
}

#portfolio_PREACT .portfolio-legend-3 p {
  border-bottom: 5px solid #43E1AB;
}

.scoreContainer {
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 5px;
}

.scoreContainer:first-child {
  padding-top: 10px;
  padding-bottom: 10px;
}

.scoreContainer .row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
  margin-bottom: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 3px -1px #D9D9D9;
  box-shadow: 0px 3px 3px -1px #D9D9D9;
}

.scoreContainer .col-height {
  vertical-align: middle;
}

.subscore .container-fluid {
  padding-left: 30px;
}

.section-subscore {
  position: relative;
  background: #36AEDB url("/images/transitions/portfolio/arw-tab.png") center right no-repeat;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding-right: 1.5625rem;
}

.score-label {
  display: block;
  padding: 0.625rem 0rem 0rem 0rem;
  margin: 0px;
  width: 100%;
  color: #FFF;
  font-size: 1.12em;
  font-weight: bold;
  line-height: 1.1em;
  text-align: center;
  text-transform: uppercase;
}

.score-label-no-score {
  padding: 1.5625rem 0rem;
}

.amount {
  position: relative;
  top: -5px;
  background: none;
  border: 0px;
  width: 100%;
  padding-bottom: 10px;
  color: #FFF;
  font-size: 2.75em;
  font-weight: bold;
  text-align: center;
}

#percentile-1 {
  font-size: .55em;
  letter-spacing: .1em;
  line-height: .5em;
  text-transform: uppercase;
}

.score-percentile {
  color: #FFF;
  font-size: .9em;
  text-align: center;
  text-transform: uppercase;
}

.section-score-slider {
  background: #FFF;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.section-score-slider .col-xs-12,.section-score-slider .col-sm-12,.section-score-slider .col-md-12 {
  text-align: center;
}/*
remove styling so it aligns with dropdown
.section-score-slider .text-right {
padding-right: 0px;
}

.section-score-slider .text-left {
padding-left: 0px;
}
*/.section-score-slider p {
  padding: 0px;
}

.ui-select-choices-row.active > a {
	color: #fff !important;
	text-decoration: none;
	outline: 0;
	background-color: #428bca;
}

.ui-slider-handle,.ui-state-default {
  background-image: none !important;
  background-color: #FFF !important;
  top: -.6em !important;
  width: 1.4em !important;
  height: 1.4em !important;
  border-radius: 10px !important;
  -webkit-box-shadow: 0px 1px 13px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 13px 1px rgba(0, 0, 0, 0.3);
}

.ui-slider-range-min {
  background-image: none;
}

.ui-state-disabled {
  opacity: 1 !important;
}

.ui-widget-content {
  background: none !important;
}

.no-image {
  background-image: none;
  background-color: #267fb4 !important;
}

.slider-score {
  height: 6px !important;
  margin-top: 6px !important;
  border: 0px !important;
}

.ui-slider-range:not(.ui-slider-range-min) {
  background-color: #51DDEA;
}

.single-color .ui-slider-range:not(.ui-slider-range-min) {
  background-color: #3EAFD7;
}

.guidance {
  background: #FFF;
  padding: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-box-shadow: -7px 0px 7px -7px #D9D9D9;
  box-shadow: -7px 0px 7px -7px #D9D9D9;
  vertical-align: top;
}

.guidance p {
  margin: 0px;
  padding: 10px;
}

.ClsTotal {
  background: url("/images/transitions/portfolio/score_bg.png") center center no-repeat;
  background-size: cover;
  border-radius: 7px;
  padding: 0px;
  width: 100%;
  height: 98px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFF;
  font-weight: 600;
  font-size: 2em;
  text-align: center;
}

.ClsTotal span {
  font-size: 2em;
  letter-spacing: 0em;
  line-height: 1.25em;
}

#score-container-1 .row-height {
  -webkit-box-shadow: none;
  box-shadow: none;
}

div.PCompletedPlan {
    text-transform: none;
    font-weight: 600;
    padding: 0 0 10px 0;
}

.portfolio-test-type-buttons {
  padding: 10px;
  text-align: center;
}

.portfolio-test-date-buttons {
  padding: 0px 0px 20px 0px;
  text-align: center;
  font-size: 1.25em;
}

.portfolio-test-date-buttons label {
  line-height: 60px;
}

.portfolio-top-buttons {
  position: relative;
  padding: 15px 15px 0px 15px;
  color: #267fb4;
  text-transform: uppercase;
}

.portfolio-btm-buttons {
  margin-bottom: 15px;
  text-transform: uppercase;
}

.portfolio-btm-buttons p {
  margin-bottom: 0px;
}

.portfolio-body .btn-primary {
  border-color: #36AEDB;
  background: #36AEDB;
}

.portfolio-body .form-dropdown {
  display: inline;
  background: #FFF;
  padding: 10px 15px;
  margin: 0px 5px;
  border-radius: 25px;
  -webkit-box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.2);
}

.portfolio-body .form-dropdown select {
  background: none;
  width: auto;
  border: 0px;
  color: #36AEDB;
  font-size: .8em;
  text-transform: uppercase;
 /*
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
*/;
}

.scoreContainer .form-dropdown {
  padding: 12px 15px;
  font-size: 1em;
}

.scoreContainer .form-dropdown select {
  font-size: 1em;
}/*
.portfolio-body .form-dropdown:hover {
background: #36AEDB;
border: 0px;
box-shadow: none;
}

.portfolio-body .form-dropdown:hover select {
color: #FFF;
background: #36AEDB;
}
*/.portfolio-body .form-dropdown select option {
  background: none !important;
}

.form-dropdown-display {
  display: block !important;
  padding-left: 0px;
  margin-left: 0px;
  text-align: center;
}

.form-dropdown-display,.form-dropdown-display:hover,.form-dropdown-display:hover select {
  background: none !important;
  border-radius: 0px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #36AEDB !important;
}

.form-dropdown-display select {
  font-weight: bold !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}/*
.form-dropdown-display:hover {
display: inline !important;
background: #FFF !important;
padding: 12px 15px !important;
margin: 0px 5px !important;
border-radius: 25px !important;
-webkit-box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.2) !important;
-moz-box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.2) !important;
}

.form-dropdown-display:hover select {
color: #36AEDB !important;
background: #FFF !important;
}
*/.portfolio-box select.amount {
  top: 0px;
  background: none;
  border: 0px;
  width: auto;
  padding-bottom: 0px;
  color: #36AEDB;
  font-size: 1em;
  font-weight: normal;
  text-align: left;
}

.portfolio-test-type-buttons button {
  background: #FFF;
  border: 2px solid #CCC;
  color: #CCC;
}

.highlighted-button {
  background: #36AEDB !important;
  border-color: #36AEDB !important;
  color: #FFF !important;
  opacity: 1 !important;
}

.highlighted-button:hover {
  color: #FFF;
}

.other-results {
  position: relative;
  background: #36AEDB;
  margin: 10px 15px;
  border-radius: 4px;
  color: #FFF;
  font-size: 1.3em;
  font-weight: 600;
  text-transform: uppercase;
 /* box-shadow: 0px 2px 1px -1px #36AFDC; */
  -webkit-box-shadow: 1px 1px 0px 1px #2D8FB4;
  box-shadow: 1px 1px 0px 1px #2D8FB4;
}

.other-results-link {
  padding: 0.625rem 1.875rem;
  width: 100%;
}

.other-results-arrow {
  background: #2d8fb4;
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: middle;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  font-size: 1.75em;
}

.other-results-link:hover,.other-results-arrow:hover {
  cursor: pointer;
}

.enter-more-tests {
  margin-bottom: 0 !important;
}

a.morelink {
  text-decoration: none;
  outline: none;
}

.morecontent span {
  display: none;
}

.disabled-link {
  pointer-events: none;
  cursor: default;
}

.EditModeButtons a {
  padding: 0rem 0.3125rem;
}/* test scores FAQ */.portfolio-faq-box {
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
 /* offset container-fluid */
  padding-right: 0px;
 /* offset container-fluid */;
}

.portfolio-faq h3 {
  padding-left: 0px;
  margin-bottom: 15px;
  color: #3399CC !important;
  font-size: 1.5em;
  font-weight: 400;
}

.portfolio-faq-box h3:after {
  content: "\0003E";
  padding-left: 7px;
  font-weight: 600;
}

.portfolio-faq-what-is {
  background: url("/images/Transitions/backgrounds/pencil_img_lg.png") center center no-repeat;
}

.portfolio-faq-is-important {
  background: url("/images/Transitions/backgrounds/test_taker_img_lg.png") center center no-repeat;
}

.portfolio-faq-what-to-do {
  background: url("/images/Transitions/backgrounds/computer_img_lg.png") center center no-repeat;
}

.portfolio-faq-score-means {
  background: url("/images/Transitions/backgrounds/grades_img_lg.png") center center no-repeat;
}

.portfolio-faq-what-is p {
  visibility: hidden;
}

.portfolio-faq-is-important p {
  visibility: hidden;
}

.portfolio-faq-what-to-do p {
  visibility: hidden;
}

.portfolio-faq-score-means p {
  visibility: hidden;
}

.portfolio-faq {
  background-size: 100%;
  padding: 20px 20px 10px 20px;
  height: 231px;
}

.portfolio-faq-what-is:hover {
  background: none;
}

.portfolio-faq-is-important:hover {
  background: none;
}

.portfolio-faq-what-to-do:hover {
  background: none;
}

.portfolio-faq-score-means:hover {
  background: none;
}

.portfolio-faq-what-is:hover p {
  visibility: visible;
}

.portfolio-faq-is-important:hover p {
  visibility: visible;
}

.portfolio-faq-what-to-do:hover p {
  visibility: visible;
}

.portfolio-faq-score-means:hover p {
  visibility: visible;
}

.portfolio-faq p {
  background: none;
}/* PORTFOLIO - ADD COMMENT */.portfolio-comments {
  font-family: inherit;
  font-weight: 1em;
}

.portfolio-comments h4 {
  color: #267fb4;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 15px;
}

.portfolio-comments ul {
  list-style: none;
  margin: 0px 0px 15px 0px;
  padding: 0px;
}

.portfolio-comments ul li {
  margin: 0px 20px 0px 0px;
  padding: 10px;
}

.portfolio-comments ul li .fa {
  color: #ec7323;
  font-size: 1.5em;
  padding-left: 10px;
}

.portfolio-comments ul li .fa-pencil {
  font-size: 2em;
}

.portfolio-comments-btns div {
  display: inline;
}

.portfolio-comments-btns button {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.portfolio-comments-btns .fa {
  cursor: pointer;
}

.portfolio-comments-bg {
  padding-right: 0px;
  font-size: 2em;
}/* loading spinner */
.loading, .loading-small {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    border-radius: 50%;
}

/* New portfolio comments */
.page-content .comment-section {
    margin-top:40px;
    width: 100%;
    float: left;
}
.page-content .comment-section h3 {
    font-size: 24px;
    color: #014466;
    font-weight: 600;
    margin-bottom: 15px;
    width: 100%;
    float: left;
}
.page-content .comment-wrap {
    border-radius: 10px;
    padding: 30px;
    background: #FEF9F1;
    width: 100%;
    float: left;
    display: block;
    margin-bottom:15px;
    border:none !important;
    font-family: 'Poppins', helvetica, arial, sans-serif;
}
.page-content .comment-wrap .user-icon {
    width: 40px;
    height: 40px;
    background: #F3BD5F;
    color: #fff;
    font-weight: 600;
    font-size:14px;
    text-align: center;
    padding: 10px 0;
    border-radius: 20px;
    float:left;
    text-transform:uppercase;
}
.page-content .comment-wrap .comment-content {
    padding-left: 60px;
}
.page-content .comment-wrap .comment-content .comment-user {
    font-weight: 600;
    color: #014466;
    margin-bottom:5px !important;
}
.page-content .comment-wrap .comment-content .comment-user span {
    float: right;
    font-weight: 400;
    color: #6a6a6a;
    font-size: 12px;
}
.page-content .comment-wrap .comment-content p {
    color: #6a6a6a;
    font-size: 14px;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    line-height:20px;
}
.page-content .comment-wrap .comment-content .note {
    padding: 20px !important;
}
.page-content .comment-wrap .comment-content a {
    color:#014466;
    font-weight:600;
    margin-top:10px;
    display:inline-block;
}
.page-content .comment-wrap .comment-content .btn-primary:hover,
.page-content .comment-wrap .comment-content .btn-primary:active,
.page-content .comment-wrap .comment-content .btn-primary:focus {
    color:#fff !important;
}
.page-content .comment-wrap .comment-content .btn-default:hover,
.page-content .comment-wrap .comment-content .btn-default:active,
.page-content .comment-wrap .comment-content .btn-default:focus {
    background-color: #014466 !important;
    border-color: #014466 !important;
    outline: none !important;
    color: #fff !important;
}
.page-content .comment-wrap .comment-content a:hover,
.page-content .comment-wrap .comment-content a:focus,
.page-content .comment-wrap .comment-content a:active {
    color:#014466 !important;
    text-decoration:none;
    outline:none;
}
.page-content .comment-wrap.add {
    background: none;
    margin-bottom:0;
    padding: 15px 30px 30px;
}
.page-content .comment-wrap.add textarea {
    max-height:38px;
    min-height:unset;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    padding:8px 12px;
}
.page-content .comment-wrap.add textarea.in-focus {
    max-height:100px;
    height:100px;
}
.page-content .comment-wrap.add .btn-default {
    color:#014466;
    font-weight:600;
    padding: 7px 20px;
    font-size: 14px;
}
.page-content .comment-wrap.edit {
    border: 1px solid #eee;
    background-color: #fff;
}
.page-content .comment-wrap.edit textarea {
    margin-top:10px;
}
.page-content .comment-wrap.edit a {

}

/* end new portfolio comments */

.loading {
  padding: 0.8em;
  border: 6px solid transparent;
  border-top-color: #f47025;
  border-bottom-color: #f47025;
}

.loading-small {
  padding: 0.17em;
  border: 5px solid transparent;
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}

.outer,.inner {
  -webkit-animation: spin 1s infinite;
  animation: spin 1s infinite;
}

#wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: absolute;
  padding-top: 25px;
}

.arrow-links {
  text-transform: uppercase;
}

.arrow-links:before {
  content: "\003e \00a0";
}

.question-error-msg {
  color: #e73d4a;
}

.modal-test-info .modal-content {
  position: relative;
}

.modal-test-info .modal-body {
  padding-top: 25px;
}

.modal-test-info iframe {
  border: none;
  width: 100%;
}

.modal-test-info .close {
  position: absolute;
  top: 5px;
  right: 10px;
}

.odd-row {
  background: #F5F5F5;
}

.even-row {
  background: #FFFFFF;
}/* MISC */.rotate-45 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

/* SLIDER */.ui-slider {
  border-radius: 7px !important;
}

.ui-slider-horizontal {
  height: 6px !important;
}

.ui-slider-handle,.ui-state-default {
  background-image: none !important;
  background-color: #FFF !important;
  top: -8px !important;
  width: 1.4em !important;
  height: 1.4em !important;
  border-radius: 12px !important;
  -webkit-box-shadow: 0px 1px 13px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 13px 1px rgba(0, 0, 0, 0.3);
}

.dropdown-item div {
  white-space: normal;
}

.p-multiselect-header.ng-star-inserted {
    display: none;
}
.p-multiselect .p-multiselect-label, .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
	font-family: 'Poppins', helvetica, arial, sans-serif;
}
.pi {
    font-size: .8rem;
    font-weight: 700;
}

#scholarships .test-score-slider {
  padding-top: .5rem;
  font-size: 1rem;
  font-weight: bold;
}

#scholarships .test-score-slider .ui-slider-horizontal {
  margin-bottom: .35rem;
}

/*! Interest Profiler
    ========================================================================= */
/*! Interest Profiler - Layout
    ========================================================================= */
#ipTabs h2{
    margin:.4375rem 0rem .625rem!important
}
#mainbody.interest-profiler{
    width:100%!important
}
#mainbody.interest-profiler #mainpanel{
    padding:0!important
}
.ipMain{
    width:calc(100% - 187px)!important
}
/*! Interest Profiler - Sidebar
    ========================================================================= */
.ipnavtabs ol,
.ipnavtabs ul{
    list-style:none;
    margin:0;
    padding:0 0 0 4px
}
.ipnavtabs li{
    filter:alpha(opacity=60);
    opacity:.6;
    -webkit-box-shadow:0 1px 2px rgba(50,50,50,.25);
    box-shadow:0 1px 2px rgba(50,50,50,.25);
    background:#d1d5d8;
    font-size:1.4em;
    line-height:2em;
    margin:0;
    padding:0;
    width:100%
}
.ipnavtabs li.menuItemActive{
    filter:alpha(opacity=100);
    opacity:1;
    background:0 0;
    -webkit-box-shadow:-3px 0 3px rgba(50,50,50,.25);
    box-shadow:-3px 0 3px rgba(50,50,50,.25)
}
.ipnavtabs li.menuItemSelectable{
    filter:alpha(opacity=60);
    opacity:.6;
    background:0 0;
    -webkit-box-shadow:-2px 0 2px rgba(50,50,50,.25);
    box-shadow:-2px 0 2px rgba(50,50,50,.25)
}
.ipnavtabs li a:before{
    content:'\003E \00A0'
}
.ipnavtabs li a,
.ipnavtabs li span.description{
    display:block;
    padding:10px 10px 10px 20px;
    text-decoration:none;
    color:#9a9997
}
.ipnavtabs li.menuItemActive a,
.ipnavtabs li.menuItemSelectable a:hover{
    color:#ff4110
}
#startTab{
    border-radius:8px 0 0 0
}
#careersTab{
    border-radius:0 0 0 8px
}
/*! Interest Profiler - Buttons
    ========================================================================= */
#ipIntroIncompleteButtons #StartBtn{
    width:auto;
    height:auto;
    padding:.4375rem .875rem .9375rem .625rem!important
}
#ipIntroIncompleteButtons a,
#ipIntroStartButton a{
    width:95px!important
}
/*! Interest Profiler - Misc
    ========================================================================= */
#interest1 h4,
#interest2 h4,
#interest3 h4,
#interest4 h4,
#interest5 h4,
#interest6 h4{
    height:52px!important
}
/*! School Profile
    ========================================================================= */
/*! School Profile - General
    ========================================================================= */
#profile {
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
	padding: 0 !important
}

#profile .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 20px 0px 0px;
	margin-left: -10px;
	margin-right: -10px;
}

#profile div {
	font-size: .8571rem;
	color: #000;
	text-align: center;
	line-height: 18px;
}

#profile div .col {
	padding: 0
}

#profile p {
	font-size: 1rem
}

#profile p.tooltip {
	font-size: .7143rem !important
}

#profile .container {
	padding: 0rem;
	width: auto
}

#profile h2 {
	padding: 10px !important;
	text-align: left;
	background-color: #148fd2;
	color: #fff !important;
	font-style: italic;
}

#profile h3 {
	text-transform: uppercase;
	padding: .5rem;
	margin-bottom:0px;
    font-size: 18px;
}

#profile h3.lower-bold {
	text-transform: none;
	text-align: left;
	font-style: italic;
	font-weight: 800;
	padding-bottom: .5rem
}

#profile h3.quicklinks a {
	color: #fff !important;
	font-style: italic;
	text-transform: uppercase !important;
	font-size: .7143rem;
	letter-spacing: normal
}

#profile h4.title {
	font-size: 1rem;
	font-weight: 800;
	text-transform: none;
	font-style: italic;
    margin-top: 0px;
}

#profile h4.chart {
	font-size: 14px;
	padding-bottom: 1rem;
}

#profile .paddingT30 {
	padding-top: 30px;
}

#profile h4 {
	text-transform: uppercase
}

#profile h4.major-title {
	text-align: left;
	margin-top: 0px;
	padding: 5px;
}

#profile h4.major-title a {
	color: #000;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .7857rem;
	font-weight: 800
}

#profile .major-text {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 4px;
	padding: 5px 0px 20px;
}

#profile h5.major-title {
	text-align: left;
	padding-left: 15px;
	margin: 5px
}

#profile h5.major-title a {
	color: #2197d4 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .7857rem;
	font-weight: 800
}

#profile-header img {
	padding-bottom: 1rem
}

.profile-box.box-scatterplot {
	padding: 20px;
	text-align: center !important;
}

.profile-box.box-scatterplot img {
	width: 50px;
	display: block;
	margin: 10px auto 5px;
}

.profile-box.box-scatterplot h3 {
	padding: 7px 0;
	margin-bottom: 0;
	display: inline-block;
}

.profile-box.box-scatterplot .btn-primary {
	margin-bottom: 0;
	display: inline-block;
	padding: 4px 24px;
	margin-top: 10px;
}

.profile-box.box-scatterplot .btn-primary:hover {
	opacity: 1 !important;
}

.profile-box.box-scatterplot .btn-primary i {
	margin-left: 5px;
}


/*! School Profile - Navigation
    ========================================================================= */
.sticky-top {
	position: static;
	margin: 0rem
}

.sticky-top {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 6
}

#profile .navbar {
	padding-top: 0;
	border: none;
	margin-bottom: 20px;
	z-index: 9;
	width: 100%;
}

#profile div#top-nav ul {
	margin: 0;
	padding: 20px 4px;
	display: inline-block
}

#profile div#top-nav #fixed-nav li {
	display: inline-block;
	color: #fff !important
}

#profile div#top-nav #fixed-nav li a {
	text-decoration: none;
	color: #fff !important;
	text-transform: none;
	border: none;
	font-size: .9286rem;
	padding-left: 5px;
	padding-right: 5px;
}

#profile div#top-nav #fixed-nav li.current a {
	color: #000;
	padding-bottom: 5px
}

#profile div#bottom-nav {
	display: inline-block;
	margin-top: 0;
	padding: 8px 0 8px 0;
	background-color: #eee;
	text-align: right;
	width: 100%
}

#profile div#bottom-nav ul {
	padding: 0 1rem;
	margin-bottom: 0
}

#profile div#bottom-nav #fixed-nav li {
	display: inline-block;
	margin-left: 10px
}

#profile div#bottom-nav #fixed-nav li:first-child {
	margin-left: 0
}

#profile .disabled,
#profile div#bottom-nav #fixed-nav li a {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .4px;
}

#profile .disabled {
	opacity: .5
}

#profile div#bottom-nav #fixed-nav li a:hover {
	text-decoration: none
}
/*! School Profile - Quick Links
    ========================================================================= */
#profile h3.quicklinks {
	margin-top: -14px;
	padding: 12px 1px 0 1px;
	line-height: 14px;
}

#quicklinks .section col {
	margin: 0;
	padding: 0
}

.quicklinks-athletics {
	background: #2ab69c;
	text-align: center;
	height: 134px;
	width: 134px
}

.quicklinks-undergrad {
	background: #ff5a61;
	text-align: center;
	height: 134px;
	width: 134px
}

.quicklinks-grad {
	background: #fdbc08;
	text-align: center;
	height: 134px;
	width: 134px
}

.quicklinks-international {
	background: #566173;
	text-align: center;
	height: 134px;
	width: 134px
}

.quicklinks-finance {
	background: #50c1e9;
	text-align: center;
	height: 134px;
	width: 134px
}

.quicklinks-newspaper {
	background: #fea789;
	text-align: center;
	height: 134px;
	width: 134px
}

.quicklinks-map {
	background: #745260;
	text-align: center;
	height: 134px;
	width: 134px
}

.quicklinks-campus {
	background: #2a80b9;
	text-align: center;
	height: 134px;
	width: 134px
}

.quicklinks-admissions {
	background: #bec3c7;
	text-align: center;
	height: 133px;
	width: 133px
}

.quicklinks-calendar {
	background: #db4453;
	text-align: center;
	height: 134px;
	width: 134px
}

.quicklinks-majors {
	background: #1c3a56;
	text-align: center;
	height: 134px;
	width: 134px
}

.quicklinks-blank {
	background: 0 0;
	text-align: center;
	height: 134px;
	width: 134px
}

.quicklinks-icon {
	text-align: center
}
/*! School Profile - Athletics Table
    ========================================================================= */
.woman {
	background: url(/images/transitions/profile/icons/female.png) top center no-repeat;
	padding: 8px 10px;
	height: 30px;
	display: inline
}

.man {
	background: url(/images/transitions/profile/icons/male.png) top center no-repeat;
	padding: 8px 10px;
	height: 30px;
	display: inline
}

#profile .table > tbody > tr > td {
	border-right: 1px solid #000;
	border-bottom: none
}

#profile .table > thead > tr > th {
	background-color: #2ab69c;
	border-bottom: none;
	padding: 1rem;
	font-style: italic;
	font-weight: 700;
	color: #fff !important;
	border-right: 1px solid #fff;
	font-size: .85rem
}

#profile .table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #f5f5f5
}

#profile .table > tbody > tr > td {
	border-right: 1px solid #000;
	border-bottom: none;
	border-top: none;
	text-align: left;
	text-transform: capitalize
}

#profile .table > tbody > tr > td:last-child {
	border-right: none;
	border-bottom: none;
	border-top: none
}

#profile .google-map {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-top: 5px solid #fff;
	border-left: 15px solid #fff;
	border-right: 15px solid #fff;
	border-bottom: 15px solid #fff;
	border-radius: 4px
}

#profile .sebm-google-map-container {
	width: 100%;
	height: 90%
}

#profile .google-mapbutton.close {
	margin-top: -10px
}

#profile button.close {
	cursor: pointer;
	font-size: 40px !important;
	margin-top: -12px
}

#profile .sebm-google-map-containerlarge {
	z-index: 101;
	position: fixed;
	background-color: transparent !important
}

#profile .overlay {
	position: fixed;
	padding: 140px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,.5)
}

#profile sebm-google-map-container-inner {
	height: 100%
}

#profile .youtube-iframe {
	border: none;
	width: 100%;
	height: 100%
}

#profile .youtube-video {
	margin: 10px;
	width: 300px
}

#profile .video-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 68%
}

#profile .video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

#profile ul.carousel-icons {
	list-style: none;
	margin: 0;
    background-color: rgba(0,0,0,0.5);
    padding-bottom:10px;
}

#profile ul.carousel-icons li img {
	list-style: none;
	margin: 10px;
}

#profile ul.carousel-icons li {
	display: inline-block;
	padding: 0rem 1rem;
	font-weight: 600
}

#profile .carousel-inner > .item > a > img,
#profile .carousel-inner > .item > img,
#profile .img-responsive {
	display: inline-block;
	width: 100%;
	min-height: 600px;
	height: auto;
	margin-top: 15px;
}

#profile .carousel {
	position: relative;
	width: 100%;
	height: 600px;
	margin-top: 10px;
}

#profile .carousel-inner {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden
}

#profile .carousel-inner > .item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}

#profile .carousel-inner > .item > a > img,
#profile .carousel-inner > .item > img {
	line-height: 1
}

#profile .carousel-inner > .active,
#profile .carousel-inner > .next,
#profile .carousel-inner > .prev {
	display: block
}

#profile .carousel-inner > .active {
	left: 0
}

#profile .carousel-inner > .next,
#profile .carousel-inner > .prev {
	position: absolute;
	top: 0;
	width: 100%
}

#profile .carousel-inner > .next {
	left: 100%
}

#profile .carousel-inner > .prev {
	left: -100%
}

#profile .carousel-inner > .next.left,
#profile .carousel-inner > .prev.right {
	left: 0
}

#profile .carousel-inner > .active.left {
	left: -100%
}

#profile .carousel-inner > .active.right {
	left: 100%
}

#profile .carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	background-color: transparent;
	filter: alpha(opacity=0);
	opacity: 1
}

#profile .carousel-control.left {
	background: 0 0
}

#profile .carousel-control.right {
	right: 0;
	left: auto;
	background: 0 0
}

#profile .carousel-control:focus,
#profile .carousel-control:hover {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity=90);
	outline: 0;
	opacity: .9
}

#profile .carousel-control .fa-angle-left,
#profile .carousel-control .fa-angle-right {
	color: #fff;
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px
}

#profile .carousel-control .fa-angle-left {
	left: 50%;
	margin-left: -10px
}

#profile .carousel-control .fa-angle-right {
	right: 50%;
	margin-right: -10px
}

#profile .carousel-caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
	color: #fff;
    padding-bottom: 0;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

#profile ul.bar-labels {
	list-style: none;
	text-align: right
}

#profile ul.bar-labels li {
	padding: 4px 0
}

#profile .test-subject {
	font-family: Montserrat,sans-serif;
	font-size: .8571rem !important;
	padding-left: .15rem;
	padding-right: .15rem;
	cursor: pointer
}

#profile .bar-chart {
	height: 160px
}

#profile .average-bar canvas {
	width: 100px;
	height: 130px !important;
	padding-bottom: 10px
}

#profile .bar-chart canvas {
	height: 164px !important;
	margin-right: 10px;
	background: 0 0;
	position: relative;
	top: -154px
}

#profile .bar-chart-test canvas {
	width: auto;
	height: auto
}

#profile .bar-chart-big canvas {
    height: 333px !important;
    margin-right: 10px;
    background: 0 0;
    position: relative;
    top: -324px;
}

#profile .bar-chart-big {
	height: 340px !important
}

#profile .bar-chart-usb canvas {
	height: 275px !important;
    margin-right: 10px;
    background: 0 0;
    position: relative;
    top: -280px;
    width: 96% !important;
}

#profile .bar-chart-usb {
	height: 270px !important
}

#profile .bar-chart-usb-background {
	height: 270px !important
}

#profile .bar-chart-usb .progress {
	margin-left: 350px
}

#profile .progress-percent {
	color: #000;
	text-align: right;
	font-size: 1rem;
	font-weight: 700;
	width: 99%;
	font-style: italic;
	padding-top: 2px
}

#profile .doughnut-chart {
	width: auto;
	height: auto;
	padding-bottom: 20px;
}

#profile span.highlight-number {
	font-size: 1.429rem !important;
	font-weight: 800 !important;
	line-height: .4;
}

#profile .doughnut-text span {
	display: block;
	padding: 30px 60px 0px 75px;
	width: 75%;
	margin: 0px 40px 0px 40px !important;
	text-align: center;
	height: auto;
	word-spacing: normal;
	font-weight: 400;
}

#profile .doughnut-text {
	position: absolute;
	display: table;
	margin-left: 0px;
}

#profile .doughnut-chart-big .doughnut-text span {
	display: block;
	padding: 0px;
	margin: 40px 0px 0px 200px !important;
	height: 100%;
	width: 40%;
	font-size: 18px;
	line-height: 1.4;
}

#profile .doughnut-chart-big .highlight-number {
	font-size: 30px !important;
}

#profile ul.bar-criteria {
    margin-bottom: 0;
    margin-left:50px;
}

#profile ul.bar-criteria > li {
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 100px;
    display: inline-block;
}

#profile .progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    font-size: .75rem;
    height: 26px!important;
    text-align: center;
    background-color: #f5f5f5;
    border-radius: 0;
    margin-left: 230px;
    margin-top: 3px;
    width: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress-bar {
	height: 1.15rem;
	color: #fff;
	background-color: #0275d8
}
/*! School Profile - Lists / Major Table
    ========================================================================= */
#profile ul.list-group {
	padding: 1rem 0rem 0rem 0rem
}

#profile .list-group-item {
	position: relative;
	display: block;
	padding: 10px 0 5px 100px;
	border: none;
	text-align: left;
}

#profile .fa-check,
#profile .fa-times {
	color: #148fd2
}

#profile .list-check {
	display: block;
	float: left;
	width: 30px !important
}

#profile p.list-item {
	margin-left: 30px;
	margin-right: 10px
}

#profile .list-group-item:nth-of-type(odd) {
	background-color: #f5f5f5
}

#profile .list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}

#profile .major-panel {
	text-align: left;
	padding: 0 5px 0px;
	border-top: 1px dashed #000;
}

#profile .major-degree-panel {
	font-size: .7857rem !important
}

#profile .major-panel:last-of-type {
	text-align: left;
	padding: 5px;
	border-bottom: none
}

#profile .accordion .major-panel .major-title .accordion-toggle {
	display: block;
	padding: 10px;
	letter-spacing: 1px;
	margin-top: 0px;
}

#profile .accordion major-panel .major-title .accordion-toggle.accordion-toggle-styled.collapsed {
	background-position: right 12px
}

.accordion-toggle:hover {
	text-decoration: none
}

.accordion-toggle:hover span,
.accordion-toggle:hover strong {
	text-decoration: underline
}

.accordion-toggle:before {
	font-size: .7143rem
}

.accordion-toggle[data-toggle=collapse]:after {
	content: "\f054";
	font-family: FontAwesome;
	margin: .5rem
}

.accordion-toggle[aria-expanded=true]:after {
	content: "\f078";
	margin: .5rem
}

#profile h4.major-title .fa {
	padding: 5px !important;
	color: #000
}

#profile .major-group {
	padding-bottom: 10px
}

#profile .majors-available {
	margin-left: 50px;
	margin-right: 40px;
	text-align: left !important;
	font-size: .7857rem;
	line-height: 16px;
	padding: 10px;
	border-bottom: 1px dashed #f3f3f3;
}

#profile .major-panel:first-child {
	border-top: none;
}

span.major-program {
	border-bottom: 1px dashed #f3f3f3;
}

#profile .majors-available:last-child {
	border-bottom: none;
}

#profile .border-bottom-dotted {
	border-bottom: 1px dotted rgba(0,0,0,.3)
}

#profile .major-name {
	letter-spacing: 1px;
	font-weight: 800;
	text-transform: uppercase
}

#profile a.major-link {
	color: #2496d4 !important;
	font-weight: 600;
	padding-bottom: 10px
}

#profile ul.major-list-group li.list-group-item {
	padding: 0;
	font-weight: 400;
	background-color: #fff
}

#profile .fa-star {
	color: #fdbc08
}

#profile .scholarship {
	position: relative;
	left: 30%;
	font-style: italic;
	text-transform: none;
	font-size: .8rem;
	display: inline;
	top: -30px
}

#profile .scholarship-icon {
	position: relative;
	display: inline;
	padding: 0
}

#profile athletics-header {
	display: inline-block
}

#profile .test-subject {
	font-size: .7143rem;
	padding-left: .25rem;
	padding-right: .25rem;
	cursor: pointer
}

#profile .tabbable-custom {
	margin-bottom: 15px;
	padding: 0;
	overflow: hidden
}

#profile .tabbable-custom > .nav-tabs > li {
	border-top: none;
	background: #f2f2f2;
	font-size: .8571rem;
	font-weight: 600
}

#profile .nav-tabs.nav-justified > li > a {
	margin: 0
}

#profile .tabbable-custom > .nav-tabs > li.active > a {
	border-top: none !important;
	font-weight: 400;
	border-radius: 0
}

#profile .tabbable-custom > .nav-tabs > li.active > a:hover {
	border-radius: 0;
	border-top: none;
	background: #fff;
	border-color: #d4d4d4 #d4d4d4 transparent
}

#profile .major-search-input-group .ui-select-match > .btn {
    text-align: left !important;
    border: none;
    box-shadow: none;
}

#profile .major-search-input-group {
	padding: 5px;
	border: 1px solid #000;
	background-color: #fff;
	color: #000;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 10px;
	width: auto;
	border-radius: 25px
}

#profile .major-search-input-group .fa-search {
	position: absolute;
	display: inline;
	z-index: 2;
	top: 25px;
	left: 40px
}

#profile .search-page {
	padding: 50px;
	min-height: 400px
}

#profile .ui-select-container {
	padding: 0 70px 0 30px
}

#profile .input-group-btn {
    position: absolute;
    top: 9px;
    right: 54px;
    border-radius: 0 30px 30px 0;
}

#profile .ui-select-choices {
    width: 92%;
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
    margin-left: 30px;
    border-top: none;
    box-shadow: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: 5px;
}

#profile .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
    height: 45px;
}

#profile .ui-select-choices-row.active > a {
    color: #fff;
    background-color: #eee;
}

#profile .ui-select-match .search-btn {
    font-weight: 800;
    background-color: #2397d4;
    cursor: pointer;
    top: 10px;
    right: 20px;
    padding: 9px 18px;
}

#profile .ui-select-match i.caret.pull-right {
    display:none;
}

#profile .form-control.ui-select-search {
	border: none;
	padding: 6px !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/*! School Profile - Modal
    ========================================================================= */
#profile .entrance-help a {
	position: relative;
	top: 2px;
	cursor: pointer;
}

#profile .entrance-help .fa-question-circle:before {
	content: "\f059";
	font-size: 20px;
	color: inherit;
	padding-left: 4px;
}

#profile .entrance-help a:hover i.fa.fa-question-circle:before {
	color: inherit;
	opacity: 1;
}

#profile .modal-body p {
	text-align: left;
	font-size: 13px!important;
}

#profile .modal-header h4 {
	line-height: 1.42857143;
	text-align: left;
	font-size: 1rem;
	margin: 0px;
	padding-top: 0px;
	font-weight: 600;
}

#profile .modal-footer {
    text-align: right!important;
}

#profile .dialog__close-btn .fa-times {
    color: #fff!important;
    opacity: .4;
    padding-top: 5px;
}

#profile .modal-footer .btn-default {
    border-color: #eee;
    font-weight: 600;
    border-radius: 25px;
    color: #014466 !important;
    text-transform: capitalize;
    font-family: inherit;
}

#profile .dialog__close-btn .fa-times:before {
    content: "\f057";
}

#profile .modal-header .fa-question-circle {
	font-size: inherit;
}

#profile .modal-title,
#profile .modal-header .fa-question-circle:before,
#profile .fa-times-circle:before {
	color: #fff !important;
	text-transform: none!important;
}

#profile button.close {
    font-size: 18px!important;
    margin-top: 0px;
    margin-right: 0px;
    background-color: #23527c;
    border-color: #23527c;
}

#profile .modal-body {
	padding: 0px 10px!important;
}

#profile .modal-title button.close {
	margin-top: -6px;
	margin-right: 8px;
}

#profile small,
#profile .small {
	font-size: 85%;
}

#profile .mr-5 {
	margin-right: 5px;
}

#profile .modal .table>thead>tr>th {
	background-color: #F4FAFA!important;
	font-weight: 600;
	color: #014466!important;
	padding: 4px;
	font-style: normal;
	border: 1px solid #ddd;
	font-size: 12px;
}

#profile .modal .table>tbody>tr>td {
	text-align: left;
	color: #014466;
	padding: 4px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 12px;
}

#profile .modal-header h4 {
    line-height: 1.42857143;
    text-align: left;
    font-size: 1rem;
    margin: 0px;
    padding-top: 0px;
}

#profile .modal .form-horizontal .form-group {
    display: inline-block;
    text-align: left;
    width: 100%;
    padding: 10px 0px 0px;
    margin-bottom: 0px;
}

#profile .modal .fa-times {
    color: #fff;
}

#profile .modal-footer .btn-primary {
	margin-bottom: 0px;
	float: right;
	font-size: 14px;
	padding: 4px 10px;
	border-radius: 20px;
}

/*! School Profile - Tool Tip
    ========================================================================= */
#profile tool-tip {
	display: inline
}

#profile .tooltip-box:after,
#profile .tooltip-box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}

#profile .tooltip-box {
	position: absolute;
	background: #5fbef2 !important;
	width: 18rem;
	padding: .5rem;
	margin-top: 1rem;
	border: 1px solid #fff;
	color: #000;
	border-radius: 5px;
	text-align: left;
	z-index: 9999;
	-webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,.3);
	box-shadow: 0 1px 5px 1px rgba(0,0,0,.3)
}

#profile .fa-question-circle {
	color: #5fbef2 !important;
	font-size: 1.25rem
}

#profile .tooltip-table {
	width: 100%
}

#profile .tooltip-table > thead > tr > th {
	text-align: center;
	background: #5fbef2 !important;
	border-bottom: 2px solid #000;
	border-right: none;
	font-style: italic;
	font-weight: 700;
	padding: 1px;
	color: #000 !important;
	font-size: .7143rem
}

#profile .tooltip-table > tbody > tr > td,
#profile .tooltip-table > tbody > tr > td:last-child {
	text-align: center;
	border-right: none;
	padding: 1px;
	border-bottom: 1px solid #000;
	color: #000 !important;
	font-size: .7143rem
}

#profile tool-tip p {
	font-size: .7857rem
}

#profile .tooltip-box:after {
	border-color: rgba(95,190,242,0);
	border-bottom-color: #5fbef2 !important;
	border-width: 11px;
	margin-left: -11px
}

#profile .tooltip-box:before {
	border-color: rgba(255,255,255,0);
	border-bottom-color: #fff;
	border-width: 12px;
	margin-left: -12px
}

#profile .tooltip-box {
	left: -9.25rem;
	top: 1rem;
	font-weight: 400
}
/*! School Profile - Misc
    ========================================================================= */
#profile .highlight-test {
	font-weight: 600;
	color: #148fd2;
	padding-left: .15rem;
	padding-right: .15rem
}

.border-between > [class*=col-]:before {
	background: #000;
	bottom: 0;
	content: " ";
	left: 0;
	position: absolute;
	width: 1px;
	top: 0
}

.border-between > [class*=col-]:first-child:before {
	display: none
}

#profile .link-box {
	float: right;
}

#profile .link-box a {
	display:none;
}

#profile a.app-link,
#profile a.arrow-link {
	line-height: inherit;
	color: #2597d3;
	text-decoration: none;
	cursor: pointer;
	font-weight: 700
}

#profile a.app-link:after,
#profile a.arrow-link:after {
	content: "\f105";
	font-family: FontAwesome;
	padding-left: 4px;
}

#profile .border-right {
	border-right: 1px solid #000
}

#profile .border-left {
	border-left: 1px solid #000
}

#profile .loading-spinner p {
	font-style: italic;
	font-weight: 700;
	font-size: 1rem;
	padding: 1rem
}

#profile .loading-spinner {
	padding: 1rem
}

#profile ul.social-icons li,
#profile ul.social-icons li a {
	display: inline;
	padding: 0px 2px;
	vertical-align: middle;
}

#profile ul.match-icons li {
	display: inline;
	vertical-align: top;
	color: #000 !important;
	font-size: .7857rem;
	font-weight: 500;
	font-style: italic;
	line-height: 40px
}

#profile ul.match-icons,
#profile ul.social-icons {
    vertical-align: top;
    list-style: none;
    margin: 20px 0px 0px;
    padding: 0;
    font-size: 30px;
}

#profile .fa-check-circle-o {
	padding: 5px;
	color: #46bda7
}

#profile .fa-star-half-o {
	padding: 5px;
	color: #f47a62
}

#profile .fa-thumbs-o-down {
	padding: 5px;
	font-weight: 800;
	color: #f03a51
}

#profile .school-info {
	padding: 10px;
	vertical-align: bottom
}

#profile .athletics-header {
	height: 50px
}

.profile-circle {
	display: block;
	width: 120px;
	height: 120px;
	margin: 1em auto;
	border: 1px solid #f5f5f5;
	border-radius: 99em;
	-webkit-box-shadow: 1px 5px 5px 0 rgba(102,102,102,.2);
	box-shadow: 1px 5px 5px 0 rgba(102,102,102,.2)
}

.profile-circle img {
	padding-top: 15px
}

#profile fa-question-circle a {
	color: #2597d3
}

#profile .plus-icon {
	width: 20px;
	display: inline-block
}

.profile-school-name {
	background: url(/images/transitions/profile/icons/logo.png) top center no-repeat;
	padding-top: 40px;
	display: inline-block;
	font-size: 1.571rem !important;
	font-weight: 800;
	font-style: italic;
	line-height: 20px
}

.profile-school-location {
	font-weight: 300;
	font-style: italic;
	font-size: 1.071rem !important;
	padding-bottom: 10px
}

#profile .apply-now {
	background-color: #f5f5f5;
	font-style: italic;
	min-height: 60px;
	padding: 15px 20px;
	margin: 0px 10px;
	font-weight: 600;
	font-size: 1.143rem;
}

#profile app-link {
	display: inline-block
}

#profile .panel-group {
	background-color: #fff
}

#profile .profile-box {
	width: auto;
	margin: 40px 20px;
	padding: 1rem 0rem;
	-webkit-box-shadow: -3px 4px 24px 6px rgba(0,0,0,.15);
	box-shadow: -3px 4px 24px 6px rgba(0,0,0,.15)
}

#profile span.highlight-blue {
	background-color: #148fd2;
	color: #fff;
	padding: 5px;
	font-style: italic;
	font-weight: 700;
	font-size: 1.2em
}

#profile .lead {
    padding: 4px 20px;
	line-height: 1.4;
	font-size: 18px;
}

#profile .stat-chart {
	font-size: 1.286rem;
	font-weight: 800;
	line-height: 22px
}

#profile .stat {
	font-size: 1.071rem;
	font-weight: 800;
	line-height: 18px
}

#profile .stat-number,
#profile .stat-text {
	font-size: 1.286rem;
	font-weight: 800;
	line-height: 20px;
}

#profile .white {
	color: #fff
}

#profile .border-bottom {
	border-bottom: 1px solid #000;
	margin: 0 .5rem 1rem .5rem
}

#profile .black {
	color: #000 !important
}

#profile .stat-big {
	font-weight: 800;
	line-height: 50px;
	font-size: 2.286rem;
	display: block
}

#profile .stat-day {
	font-weight: 800;
	line-height: 36px;
	font-size: 2.571rem;
	display: block
}

#profile .card {
	margin: 10px 40px;
	border: none;
	padding: 0;
	display: inline-block;
	border-radius: 8px;
	height: 155px !important;
	width: 174px !important;
	-webkit-box-shadow: 1px 5px 5px 0 rgba(102,102,102,.2);
	box-shadow: 1px 5px 5px 0 rgba(102,102,102,.2)
}

#profile .card-block {
	padding: 1rem
}

#profile .uppercase {
	text-transform: uppercase
}

#profile .icon {
	padding: 0 0 5px
}

#profile .icon-student-life {
	height: 70px;
	vertical-align: bottom;
	padding-bottom: 5px
}

#profile .alert-success {
	font-weight: 700;
	margin: 5px 0 10px 0;
	height: 15px;
	display: block
}

#profile .list-check:before {
	top: 5px
}

#profile .align-middle {
	vertical-align: middle !important
}

#profile ul.graph {
	margin: 0;
	padding: 0;
	list-style-type: none
}

#profile ul.graph li {
	margin-bottom: .5em;
	padding: .2em;
	color: #fff;
	background: #f5f5f5
}

#profile .d-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important
}

#profile .justify-content-start {
	-webkit-box-pack: start !important;
	-ms-flex-pack: start !important;
	justify-content: flex-start !important
}

#profile .flex-row {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important
}

#profile .flex-column {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important
}

#profile .justify-content-center {
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important
}

.icon-email-scholarships {
	display: inline-block;
	background: url(/images/transitions/icons/icon-scholarship.png) 0 center no-repeat;
	padding: 30px 0 30px 40px !important;
	margin: 0 auto
}

.rotate-45 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.rotate-90 {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.rotate-180 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.rotate-270 {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}

.loading-spinner {
	padding: 100px 0;
	text-align: center
}

.loading-spinner p {
	font-size: 1rem
}

.loading-spinner .fa-spin {
	font-size: 4rem
}
/*! School Profile - Panels
    ========================================================================= */
.panel-heading {
	position: relative
}

.panel-heading .btn-action {
	position: absolute;
	top: 10px;
	right: 10px
}

.panel-heading .btn-action .fa {
	font-size: 1.25rem
}

.panel-heading .btn-action .fa:hover {
	cursor: pointer
}

.panel fieldset legend {
	margin-bottom: 0;
	font-size: inherit;
	font-weight: 700;
	border: 0
}

.panel .form-horizontal .form-group fieldset label {
	padding-left: 5px
}

.panel .form-horizontal .form-group textarea {
	width: 95%
}
/*! School Profile - Extra
    ========================================================================= */
.label-inline {
	display: inline-block !important
}

.form-horizontal .form-group {
	padding-bottom: 10px
}

.easterEgg {
	display: none
}

.margin0 {
	margin: 0 !important
}

.margin5 {
	margin: 5px !important
}

.margin10 {
	margin: 10px !important
}

.margin15 {
	margin: 15px !important
}

.margin20 {
	margin: 20px !important
}

.marginT0 {
	margin-top: 0 !important
}

.marginT5 {
	margin-top: 5px !important
}

.marginT10 {
	margin-top: 10px !important
}

.marginT15 {
	margin-top: 15px !important
}

.marginT20 {
	margin-top: 20px !important
}

.marginB0 {
	margin-bottom: 0 !important
}

.marginB5 {
	margin-bottom: 5px !important
}

.marginB10 {
	margin-bottom: 10px !important
}

.marginB15 {
	margin-bottom: 15px !important
}

.marginB20 {
	margin-bottom: 20px !important
}

.marginH0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important
}

.marginH5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important
}

.marginH10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important
}

.marginH15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important
}

.marginH20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important
}

.marginW0 {
	margin-left: 0 !important;
	margin-right: 0 !important
}

.marginW5 {
	margin-left: 5px !important;
	margin-right: 5px !important
}

.marginW10 {
	margin-left: 10px !important;
	margin-right: 10px !important
}

.marginW15 {
	margin-left: 15px !important;
	margin-right: 15px !important
}

.marginW20 {
	margin-left: 20px !important;
	margin-right: 20px !important
}

.padding0 {
	padding: 0 !important
}

.padding5 {
	padding: 5px !important
}

.padding10 {
	padding: 10px !important
}

.padding15 {
	padding: 15px !important
}

.padding20 {
	padding: 20px !important
}

.paddingT0 {
	padding-top: 0 !important
}

.paddingT5 {
	padding-top: 5px !important
}

.paddingT10 {
	padding-top: 10px !important
}

.paddingT15 {
	padding-top: 15px !important
}

.paddingT20 {
	padding-top: 20px !important
}

.paddingB0 {
	padding-bottom: 0 !important
}

.paddingB5 {
	padding-bottom: 5px !important
}

.paddingB10 {
	padding-bottom: 10px !important
}

.paddingB15 {
	padding-bottom: 15px !important
}

.paddingB20 {
	padding-bottom: 20px !important
}

.paddingH0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.paddingH5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important
}

.paddingH10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important
}

.paddingH15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important
}

.paddingH20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important
}

.paddingW0 {
	padding-left: 0 !important;
	padding-right: 0 !important
}

.paddingW5 {
	padding-left: 5px !important;
	padding-right: 5px !important
}

.paddingW10 {
	padding-left: 10px !important;
	padding-right: 10px !important
}

.paddingW15 {
	padding-left: 15px !important;
	padding-right: 15px !important
}

.paddingW20 {
	padding-left: 20px !important;
	padding-right: 20px !important
}

.bold {
	font-weight: 700
}

.noBorder {
	border: 0 !important
}

hr {
	background-color: #333;
	height: 1px;
	border: 0
}
/*! School Profile - Extra
    ========================================================================= */
#main .mainInstructions,
#main .savedSearches,
#main .whtopaddcareers,
#page .tfsection .middle,
#toolsContainer .floatSection,
#toolsContainer .toolsectionbody,
#toolsContainer .toolsectionbodyshort,
.landingpagesearch,
.landingpagesection,
.sectionbox,
.sectionboxwide{
    border-color:#267fb4
}
#applycontainer .dataGridElement a:hover,
#recruitercontainer .dataGridElement a:hover{
    color:#267fb4;
    background-color:#fff
}
#careerProfile .actionbuttonwide a:focus,
#careerProfile .actionbuttonwide a:hover,
#careerProfile a.simpleSearchButton:focus,
#careerProfile a.simpleSearchButton:hover{
    color:#fff
}
#main td.courseBlock,
#page td.planSummary,
.innerboxbig,
.innerboxhalfmiddle,
.innerboxlargemiddle,
.innerboxmedium,
.smallsection{
    background-color:#dff6fc;
    border-color:#267fb4
}
#applycontainer .dataGridElement a,
#main #cpBuilder .inputButton #actionButtons input,
#main #efcWorksheet .inputButton,
#main #scholarshipProfile th,
#main #transcriptForm .inputButton,
#main .dataGridHeader,
#main .simpleFormHeader,
#main .tfinfotable th,
#page #main .submitButton input,
#page #main .tfcontrols .alphabetList td,
#recruitercontainer .dataGridElement a,
#signInBox .inputButton,
.alphabetList td{
    background-color:#267fb4
}
#main .dropTable th,
#main .dropTableFooter td,
#main .tfnavtabs li.menuItemDisabled a,
#main .tfnavtabs li.menuItemDisabled a:hover,
#page #main #journalSection h3 a,
#page #main #milestonesSection h3 a,
#page #main #portfolioSection h3 a,
#page #main #profileSection h3 a,
#page #main #snapshotsection h3 a,
#page #main .whytryit h4,
#signInBox .inputButton:focus,
#signInBox .inputButton:hove,
a,
h4,
h4 a,
question,
sub-step-title,
ul.linklist li a{
    color:#267fb4
}
#main #referenceSelector input.addButton,
#main #referenceSelector input.searchButtonSmall{
    background:#267fb4;
    color:#fff
}
#main #referenceSelector .addButton:focus,
#main #referenceSelector .addButton:hover,
#main #referenceSelector .removeButton:focus,
#main #referenceSelector .removeButton:hover,
#main #referenceSelector .searchButtonSmall:focus,
#main #referenceSelector .searchButtonSmall:hover,
#main #referenceSelector .updateButton:focus,
#main #referenceSelector .updateButton:hover,
.inputButton:hover{
    background:#fff;
    color:#267fb4
}
#guidewaysInstructions li{
    font-size:9pt
}
.floatLeft{
    position:relative;
    float:left
}
.floatRight{
    position:relative;
    float:right
}
.noMarginPadding{
    margin:0;
    padding:0
}
.doNotDisplay{
    position:absolute;
    left:-4000px;
    top:0
}
.fieldsetNoStyle{
    border:0;
    margin:0;
    padding:0
}


/*! My Goals
    ========================================================================= */
/*! My Goals - Fixes
    ========================================================================= */
html{
    font-size:16px!important
}
.page-title{
    font-size:1.25rem!important
}
#main{
    padding:.625rem!important
}
.goal-statement{
    font-size:.65625rem!important
}
/*! Scholarships - General
    ========================================================================= */
.scholarship-info{
    position:relative;
    background:#fff;
    padding:1.5rem 1.5rem .5rem 1.5rem;
    margin:1rem 0rem;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -webkit-box-shadow:2px 2px 4px 0 #ccc;
    box-shadow:2px 2px 4px 0 #ccc;
    border-radius:7px;
    border:1px solid #ccc
}
.scholarship-info h4{
    padding-right:30px
}
.scholarship-info h5{
    color:#888;
    font-weight:700
}
.scholarship-info a .fa{
    font-size:1.5rem
}
.scholarship-info .btn{
    background:#333;
    color:#fff
}
.scholarship-info .scholarship-notes{
    position:relative;
    background:#f8f8f8;
    margin-top:1rem;
    margin-left:-24px;
    margin-right:-24px;
    padding:.75rem 1.5rem;
    border-top:1px dotted #555
}
.scholarship-info .scholarship-notes div:first-child{
    display:table
}
.scholarship-highlight{
    padding-top:0
}
.scholarship-highlight h5{
    padding-top:5px;
    text-transform:uppercase
}
.scholarship-highlight .actions{
    padding:6px;
    text-align:left
}
.scholarship-highlight .actions a{
    float:right;
}
.scholarship-notes .fa-cog,
.scholarship-notes .fa-file-text-o{
    display:table-cell;
    float:none;
    font-size:2rem
}
.scholarship-notes .fa-file-text-o{
    padding:0rem 2rem 0rem 0rem;
    vertical-align:middle
}
.scholarship-notes .fa-cog{
    padding-top:.75rem;
    vertical-align:top
}
.scholarship-notes fieldset{
    padding-left:2rem
}
.scholarship-notes fieldset .form-checkbox div{
    padding-left:0rem
}
.scholarship-notes fieldset h5{
    padding-top:.5rem;
    color:#333;
    text-transform:none
}
.scholarship-notes .scholarship-notes-content{
    display:table-cell;
    float:none;
    width:100%;
    vertical-align:top;
    padding:0rem 1rem 0rem 0rem
}
.scholarship-notes .scholarship-notes-content span{
    display:block
}
.scholarship-notes .scholarship-notes-content textarea{
    height:75px
}
.scholarship-notes fieldset p{
    padding:1rem 0 0 0;
    font-weight:700
}
.scholarship-notes .last-updated{
    padding:1rem 0rem 0rem 0rem;
    color:#555;
    font-size:.7rem;
    text-align:right
}
.scholarship-notes .last-updated h5{
    display:inline;
    padding:0;
    margin:0;
    font-size:.7rem;
    font-weight:400;
    text-transform:none
}
.scholarship-notes .corner-options .btn{
    display:block;
    margin-bottom:.5rem
}
.scholarship-notes label{
    display:block;
    font-weight:400
}
.guidance-text,
.scholarship-details,
.scholarship-legacy{
    margin-left:-24px;
    margin-right:-24px;
    border-top:1px dotted #555
}
.scholarship-legacy{
    font-style:italic;
    text-align:center;
    padding:1.25rem 0 1rem 0
}
.scholarship-details-content{
    background:#f5f5f5;
    padding:1rem 0rem
}
.scholarship-details-content h5{
    margin-top:0;
    padding-top:0;
    text-align:right;
    color:#555
}
.scholarship-applied h4,
.scholarship-contacted h4,
.scholarship-saved h4,
.scholarship-unsuccessful h4,
.scholarship-won h4{
    margin-left:120px
}
.scholarship-new h4{
    padding-right:60px
}
#scholarships .section-header{
    position:relative;
    background:#ccc;
    margin:0 15px 25px 0;
    border-radius:7px;
    -webkit-box-shadow:5px 5px 5px 0 rgba(102,102,102,.2);
    box-shadow:5px 5px 5px 0 rgba(102,102,102,.2)
}
#scholarships #item-profile .section-header{
    margin:0
}
#scholarships #item-profile doughnut-chart .doughnut-graph{
    margin-bottom:15px
}
#scholarships .section-header-content{
    background:#e7e7e7;
    margin-left:4rem;
    padding:1rem;
    border-top-right-radius:7px;
    border-bottom-right-radius:7px
}
#scholarships .section-header-content h3{
    margin:0;
    padding:0 0 .25rem 0;
    color:#000;
    font-size:1.5rem;
    text-transform:none
}
#scholarships .section-header-content a{
    font-weight:700
}
#scholarships .section-header-content .col-height:last-child{
    text-align:center;
    vertical-align:middle;
    border-left:1px solid #cdcdcd;
    font-size:1rem
}
#scholarships .section-header-content .col-height:last-child .number-enlarge{
    display:block;
    margin:.5rem 0rem;
    font-size:1.5rem;
    font-weight:700
}
#scholarships .section-header-content .col-height:last-child h4{
    position:absolute;
    bottom:0;
    width:70%;
    left:15%;
    color:#333!important;
    font-size:.7rem;
    text-align:center;
    text-transform:uppercase
}
#scholarships .section-header .fa-stack{
    position:absolute;
    left:1.1rem;
    top:1rem;
    width:auto;
    color:#fff
}
#scholarships .section-header-landing .fa-stack{
    left:2.1rem;
    top:0rem
}
#scholarships .section-header .fa-stack-1x{
    position:absolute;
    top:2px;
    left:.7rem
}
#scholarships .section-header .fa-stack-1x .fa{
    font-size:1.25rem;
    font-weight:600;
    color: #000;
}
#scholarships .section-header .fa-stack-2x{
    font-size:2.5rem
}
#scholarships .section-header .fa-search{
    font-size:2.2rem
}
#scholarships .section-header .fa-commenting-o,
#scholarships .section-header .fa-folder-open-o,
#scholarships .section-header .fa-list{
    left:-.25rem
}
#scholarship-email .section-header .fa-stack{
    left:.6rem
}
#scholarship-email datepicker{
    padding-left:.5rem
}
#scholarship-email .datepicker-input-icon .fa{
    padding-right:.5rem
}
.scholarshipQAnswers{
    padding-bottom:15px
}
.scholarshipQAnswers p{
    margin-bottom:0
}
.btn-scholarship-browse{
    text-align:right;
    padding-right:0
}
.btn-scholarship-browse button{
    margin-right:-10px
}
.empty-mode h4{
    margin:0;
    padding:0 0 1rem 0;
    color:#000;
    font-size:1.25rem;
    text-transform:none
}
.empty-mode-bg{
    display:inline-block
}
.empty-mode-col1{
    text-align:right
}
.empty-mode a{
    font-weight:700
}
.empty-mode .btn .fa{
    padding-right:5px
}
.applied-date-picker{
    padding-left:15px
}
.applied-date-picker datepicker,
.applied-date-picker span{
    display:inline-block
}
.applied-date-picker datepicker{
    position:relative;
    padding-left:5px;
    top:5px
}
.datepicker-calendar{
    left:-90px
}
.error-message,
.success-message,
.warning-message{
    position:relative;
    padding:2px;
    border-radius:7px;
    margin-bottom:1rem;
    font-weight:700
}
.error-message{
    background:#d2270b;
    color:#d2270b
}
.warning-message{
    background:#f0dc72;
    color:#8a6d3b
}
.success-message{
    background:#5cb85c!important;
    color:#5cb85c
}
.error-message div,
.success-message div,
.warning-message div{
    background:#fff;
    top:0;
    margin-left:3.5rem;
    padding:.5rem;
    border-top-right-radius:7px;
    border-bottom-right-radius:7px
}
.error-message .fa-stack,
.success-message .fa-stack,
.warning-message .fa-stack{
    position:absolute;
    left:.75rem;
    top:.5rem!important;
    color:#fff
}
.error-message .fa,
.success-message .fa,
.warning-message .fa{
    font-size:2rem!important
}
#scholarship-email .section-header .error-message .fa-stack,
#scholarship-email .section-header .success-message .fa-stack,
#scholarship-email .section-header .warning-message .fa-stack{
    left:.9rem!important
}
/*! Scholarships - Prompt Popup
    ========================================================================= */
.error-msg-popup:before{
    position:absolute;
    top:1rem;
    font-family:FontAwesome;
    content:"\f071";
    color:#f0dc72;
    font-size:2rem
}
.dialog{
    position:fixed;
    background-color:#fff;
    right:0;
    left:0;
    top:20px;
    max-width:400px;
    margin-right:auto;
    margin-left:auto;
    padding:12px;
    border-radius:7px;
    -webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
    box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
    z-index:1000
}
.dialog h4{
    margin:0;
    padding-top:.5rem;
    font-size:1.5rem;
    color:#8a6d3b
}
.dialog h4,
.dialog p{
    margin-left:3rem
}
.dialog .btn-custom{
    float:right
}
/*! Scholarships - Prompt Popup
    ========================================================================= */
#scholarships .hidden-header{
    position:absolute;
    left:-10000px;
    top:0
}
.masonry-main .search-prompt{
    font-size:2.5rem;
    text-align:center
}
.masonry-main .search-prompt .fa{
    display:block;
    padding:10px;
    text-align:center
}
.masonry-more{
    display:block;
    padding:10px;
    text-align:center
}
.masonry-main .btn-custom {
    background:#333;
    color:#fff
}
.masonry-main .btn-secondary, .masonry-main .btn-more {
    background: #dedede;
    color:#333;
}
.masonry-nav ul li.selected{
    padding-top:0;
    padding-bottom:0
}
/*! Scholarships - Tooltip
    ========================================================================= */
tool-tip{
    display:table-cell;
    padding-left:7px;
    vertical-align:top
}
.form-horizontal tool-tip .fa{
    color:#ec6817;
    font-size:1.25rem;
    opacity:.75
}
.form-horizontal tool-tip .fa:hover{
    opacity:1
}
.test-score-slider tool-tip{
    position:absolute;
    top:4px;
    right:-20px
}
/*! Scholarships - Ribbons
    ========================================================================= */
.scholarship-applied .scholarship-highlight,
.scholarship-contacted .scholarship-highlight,
.scholarship-saved .scholarship-highlight,
.scholarship-unsuccessful .scholarship-highlight{
    padding-top:.75rem
}
.scholarship-won .scholarship-highlight{
    padding-top:2rem
}
.scholarship-won .ribbon-status{
    position:absolute;
    display:block;
    background:url(/images/transitions/portfolio/icon-won.png) 0 0 no-repeat;
    top:-15px;
    left:10px;
    width:100px;
    height:100px;
    text-indent:-10000px
}
.scholarship-applied .ribbon-status,
.scholarship-contacted .ribbon-status,
.scholarship-saved .ribbon-status,
.scholarship-unsuccessful .ribbon-status{
    position:absolute;
    top:-4px;
    -webkit-filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, .35));
    width:100px;
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
.scholarship-applied .ribbon-status{
    background:#ec6817;
    -webkit-box-shadow:5px 0 0 #ec6817,-5px 0 0 #ec6817;
    box-shadow:5px 0 0 #ec6817,-5px 0 0 #ec6817
}
.scholarship-contacted .ribbon-status{
    background:#34d6dd;
    -webkit-box-shadow:5px 0 0 #34d6dd,-5px 0 0 #34d6dd;
    box-shadow:5px 0 0 #34d6dd,-5px 0 0 #34d6dd
}
.scholarship-saved .ribbon-status{
    background:#a6d14b;
    -webkit-box-shadow:5px 0 0 #a6d14b,-5px 0 0 #a6d14b;
    box-shadow:5px 0 0 #a6d14b,-5px 0 0 #a6d14b
}
.scholarship-unsuccessful .ribbon-status{
    background:#6e7273;
    -webkit-box-shadow:5px 0 0 #6e7273,-5px 0 0 #6e7273;
    box-shadow:5px 0 0 #6e7273,-5px 0 0 #6e7273
}
.scholarship-applied .ribbon-status:after,
.scholarship-applied .ribbon-status:before,
.scholarship-contacted .ribbon-status:after,
.scholarship-contacted .ribbon-status:before,
.scholarship-saved .ribbon-status:after,
.scholarship-saved .ribbon-status:before,
.scholarship-unsuccessful .ribbon-status:after,
.scholarship-unsuccessful .ribbon-status:before{
    content:'';
    height:0;
    position:absolute;
    top:100%;
    width:0
}
.scholarship-applied .ribbon-status:after,
.scholarship-applied .ribbon-status:before{
    border-top:10px solid #ec6817
}
.scholarship-contacted .ribbon-status:after,
.scholarship-contacted .ribbon-status:before{
    border-top:10px solid #34d6dd
}
.scholarship-saved .ribbon-status:after,
.scholarship-saved .ribbon-status:before{
    border-top:10px solid #a6d14b
}
.scholarship-unsuccessful .ribbon-status:after,
.scholarship-unsuccessful .ribbon-status:before{
    border-top:10px solid #6e7273
}
.scholarship-applied .ribbon-status:after,
.scholarship-contacted .ribbon-status:after,
.scholarship-saved .ribbon-status:after,
.scholarship-unsuccessful .ribbon-status:after{
    border-left:60px solid transparent;
    right:-5px
}
.scholarship-applied .ribbon-status:before,
.scholarship-contacted .ribbon-status:before,
.scholarship-saved .ribbon-status:before,
.scholarship-unsuccessful .ribbon-status:before{
    border-right:60px solid transparent;
    left:-5px
}
.scholarship-applied .ribbon-content,
.scholarship-contacted .ribbon-content,
.scholarship-saved .ribbon-content,
.scholarship-unsuccessful .ribbon-content{
    margin:0 0 0 7px;
    padding:1rem 0rem .75rem 0rem;
    width:90px;
    text-align:center
}
.scholarship-contacted .ribbon-content{
    margin:0 0 0 2px
}
.scholarship-applied .ribbon-content:before,
.scholarship-contacted .ribbon-content:before,
.scholarship-saved .ribbon-content:before,
.scholarship-unsuccessful .ribbon-content:before{
    position:relative;
    display:block;
    font-size:1rem;
    color:#fff;
    text-transform:uppercase;
    text-shadow:1px 1px 5px rgba(0,0,0,.4);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.scholarship-applied .ribbon-content:before{
    content:'Applied'
}
.scholarship-contacted .ribbon-content:before{
    content:'Contacted'
}
.scholarship-saved .ribbon-content:before{
    content:'Saved'
}
.scholarship-unsuccessful .ribbon-content:before{
    content:'No Award'
}
.scholarship-applied .ribbon-status .ribbon-content span,
.scholarship-contacted .ribbon-status .ribbon-content span,
.scholarship-saved .ribbon-status .ribbon-content span,
.scholarship-unsuccessful .ribbon-status .ribbon-content span{
    position:absolute;
    top:0;
    left:-10000px
}
.scholarship-new .ribbon-status{
    position:absolute;
    top:-5px;
    right:-4px;
    width:85px;
    height:85px;
    overflow:hidden
}
.scholarship-new .ribbon-status .ribbon-content{
    position:relative;
    background-color:#a6d14b;
    top:15px;
    left:-5px;
    width:120px;
    padding:7px 0;
    text-shadow:rgba(51,51,51,.5) 1px 1px 1px;
    text-align:center;
    text-transform:uppercase;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    color:#fff;
    -webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
    box-shadow:0 0 3px rgba(0,0,0,.3)
}
.scholarship-new .ribbon-status .ribbon-content:after,
.scholarship-new .ribbon-status .ribbon-content:before{
    position:absolute;
    bottom:-3px;
    content:"";
    border-top:3px solid #6e8900;
    border-left:3px solid transparent;
    border-right:3px solid transparent
}
.scholarship-new .ribbon-status .ribbon-content:before{
    left:0
}
.scholarship-new .ribbon-status .ribbon-content:after{
    right:0
}
/*! Scholarships - Misc
    ========================================================================= */
.guidance-text-content{
    margin-left:24px;
    margin-right:24px
}
.display-list-item{
    position:relative;
    padding-bottom:5rem
}
.display-list-number{
    position:absolute;
    display:inline-block;
    background:#ccc;
    width:1.6em;
    margin-right:15px;
    border-radius:.8em;
    -moz-border-radius:.8em;
    -webkit-border-radius:.8em;
    color:#fff;
    font-size:2rem;
    font-weight:700;
    line-height:1.6em;
    text-align:center
}
.display-list-content{
    position:absolute;
    left:4rem;
    padding:.25rem
}

/* Saved Colleges */
.appdocs-portfolio-return-url {
    position: fixed;
    top: 0;
    left: 0;
    background-color:#fffffffa;
    -webkit-box-shadow: 1px 1px 10px 0px #01446612;
    -moz-box-shadow: 1px 1px 10px 0px #01446612;
    -ms-box-shadow: 1px 1px 10px 0px #01446612;
    -o-box-shadow: 1px 1px 10px 0px #01446612;
       box-shadow: 1px 1px 10px 0px #01446612;
    width: 100%;
    padding: 6px 20px 6px;
    z-index:200;
}
.appdocs-portfolio-return-url a {
    color: #337ab7;
    font-size: 14px;
    font-weight: 600;
}
.appdocs-portfolio-return-url a:before {
    font-family: FontAwesome;
    content: "\f104";
    font-size:14px;
    margin-right:5px;
    display: inline-block;
    position:relative;
    color: inherit;
}

/** surveys **/
.survey-reader {
	font-family: inherit;
}
.survey-reader form {
	display:inline!important;
}
.survey-reader .text-center {
	padding: 0px 0px 20px;
}
.loading-spinner {
	font-size: 20px;
	text-align: center;
}
.survey-reader .section-header {
	background: #4FC3F7;
	border-radius: 4px;
	margin: 2em;
	padding: 0 0 0 3em;
	position: relative;
}
.survey-reader .section-header-content {
	background: #E0F7FA;
	border-bottom-right-radius: 7px;
	border-top-right-radius: 7px;
	margin-left: 5.5rem;
}
.survey-reader .alert p {
	color: #333;
	margin-bottom: 0;
	font-size: 14px;
}
.survey-reader .note-info {
	background-color: #eff9fa;
	border-left: 4px solid #05659B;
	margin: 20px 0px;
}
.survey-reader .section-header-content h3 {
	margin-bottom: 10px;
	color: #000;
	text-transform: none;
}
.survey-reader .sv_nav {
	border-top: 1px solid #eee;
	text-align: center;
	height: 60px;
}
.sv_main .sv-boolean__switch {
	display: inline-block;
	box-sizing: border-box;
	width: 63px;
	height: 24px;
	margin-right: 17px;
	margin-left: 21px;
	padding: 2px 3px;
	vertical-align: middle;
	border-radius: 12px;
	cursor: pointer;
	background-color: #014466;
}
.sv_main.sv_main .sv-boolean__slider {
    background-color: white;
}
.sv_main .sv-boolean__slider {
	display: inline-block;
	width: 20px;
	height: 20px;
	transition-duration: 0.4s;
	transition-property: margin-left;
	border: none;
	border-radius: 100%;
}
.sv_main sv_default_css {
	margin-bottom: 40px;
}
.survey-reader  .btn-default,
.survey-reader input.sv_next_btn,
.survey-reader input.sv_prev_btn,
.survey-reader .sv_complete_btn,
.survey-reader a.btn.btn-sm {
    border: 1px solid #014466;
    text-transform: capitalize;
    font-family: inherit;
    margin: 25px 0px;
    border-radius: 25px;
    padding: 4px 14px !important;
    font-size: 14px;
    background-color: #014466;
    color: #fff;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.survey-reader a.btn.btn-sm {
    border: 1px solid #014466;
	color:#014466;
    font-family: inherit;
    margin: 0px;
    background-color: #fff;
}
.survey-reader a.btn.btn-sm:hover {
	opacity: .7;
}
.survey-reader input.sv_prev_btn {
	float:left;
}
.survey-reader input.sv_next_btn {
	float:right;
}
.survey-reader .sv_complete_btn:hover,
.survey-reader .sv_complete_btn:focus,
.survey-reader .sv_complete_btn:active,
.survey-reader input.sv_next_btn:hover,
.survey-reader input.sv_next_btn:focus,
.survey-reader input.sv_next_btn:active,
.survey-reader input.sv_prev_btn:hover,
.survey-reader input.sv_prev_btn:focus,
.survey-reader input.sv_prev_btn:active   {
    border: 1px solid #23527c;
    background-color:#23527c;
    color: #fff !important;
}
.survey-reader select:hover,
.survey-reader select:active,
.survey-reader select:focus,
.survey-reader input[type=text]:hover,
.survey-reader input[type=text]:active,
.survey-reader input[type=text]:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.survey-reader input[type=text] {
    padding: 8px 12px !important;
    font-weight:400;
}
.survey-reader .survey-name,
.survey-reader .survey-for {
	position: relative;
	top: 4px;
}
.sv_row:last-child {
	border-bottom: none;
}
.sv_row {
	border-bottom: 1px solid #eee;
}
.survey-reader .survey-name {
	color: #014466;
}
.survey-reader .far {
	color: #014466;
}
.survey-reader .survey-for {
	color: #014466;
	font-weight: 600;
}
.survey-reader .sv_completed_page {
	font-size: 20px;
	font-weight: 500;
	padding: 60px 0 20px;
}
label.sv_q_checkbox,
.survey-reader .sv_q_checkbox_control_label,
.survey-reader .sv_q_radiogroup_label {
	font-size: 14px;
	font-weight: 400;
}
.survey-reader .sv_q_radiogroup_control_item,
.survey-reader .sv_q_checkbox_control_item,
.survey-reader input[type='radio'] {
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 50px;
	color: #868ba1;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	outline: none;
	padding: 6px;
	vertical-align: bottom;
	width: 20px;
}
.survey-reader .sv_q_checkbox_control_item {
	border-radius: 4px;
}
.survey-reader .sv_q_radiogroup_control_item:checked,
.survey-reader .sv_q_checkbox_control_item:checked,
.survey-reader input[type='radio']:checked {
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #f37a24;
	padding-left: 2px;
	border: 1px solid #f37a24;
}
.sv_q_checkbox_control_item:checked::before,
.survey-reader .sv_q_radiogroup_control_item:checked::before,
.survey-reader .sv_q_checkbox_control_item:checked::before,
.survey-reader input[type='radio']:checked::before {
	color: #f7f7f7;
	content: '\f00c';
	font: 14px/1 FontAwesome;
	margin-top: -3px;
	position: absolute;
}
.survey-reader .sv_q_title,
.sv_q.sv_qstn {
	padding: 0px 0px 20px;
	margin: 0px;
}
.survey-reader h3 {
	text-transform: none;
    text-align:center;
	color: #000;
}
.survey-reader .sv_qstn {
	overflow: visible!important;
	min-height:80px;
	margin-top: 10px;
}
.survey-reader .svd_question,
.survey-reader .svd_question {
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 38px;
	padding: 20px 9px;
}
.survey-reader div.sv_header {
	border-bottom: 1px solid #eee;
}
.survey-reader h3 {
    font-size: 20px;
    margin-bottom: 40px;
}
.sv_completed_page h3:before {
    content: "\f058";
    font-family: "FontAwesome";
    display: block;
    color: #1BC5BD;
    margin: 0px 0px 10px;
    font-size: 4rem;
}
.survey-reader .icon-wrap span::before {
	content: "";
	display: block;
	position: absolute;
	left: 18px;
	top: 20;
	background: url(/Images/Transitions/portfolio/icon-survey.png) no-repeat top left;
	background-size: 100px auto;
	width: 100px;
	height: 82px;
	z-index: 0;
}
.survey-reader .close-page {
    margin: 0px;
    text-align: center;
}
.survey-reader .content-wrap {
	display: block;
	padding-left: 125px;
}
.survey-container input:disabled,
.survey-reader .sv_q.sv_qstn:disabled,
.survey-container select:disabled,
.survey-container textarea:disabled,
.survey-reader textarea:disabled,
.survey-container .sv_q_dropdown_control:disabled,
.survey-container .sv_q_rating_item:disabled,
.survey-reader .sv_q_rating_item:disabled,
.survey-container .sv_q_rating_item:disabled {
	background-color: #f8f9fa;
	display: inline-block;
	cursor: not-allowed!important;
}
.survey-reader .svda-question-actions .svda_current_type {
	font-weight: 600;
}
.survey-reader input[type='radio']:checked,
.survey-reader input[type='checkbox']:checked {
	background-color: #014466;
	border: 1px solid #014466;
}
.survey-container .btn-secondary.active,
.survey-container .sv_q_rating_item.active {
	background-color: #014466;
	color: #fff;
}
.svd_container.sv_bootstrap_css .svd-primary-icon .svd-svg-icon {
	width: 18px;
	height: 18px;
}
.survey-reader input[type=text],
.survey-reader textarea {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.survey-reader input[type=text],
.survey-reader select {
	border: 1px solid #C2CAD8;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.42857143;
}
.survey-reader input[type=text]:hover,
.survey-reader select:hover,
.survey-reader textarea:hover {
	border-color: #a0acc3;
}
.survey-reader input:focus,
.survey-reader select:focus,
.survey-reader textarea:focus {
	outline: none;
	border-color: #66afe9 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.survey-reader select {
	font-size: 14px;
	background: #fff url(../../Images/SavedColleges/icon-arrow.png) no-repeat top 14px right 12px;
	background-size: 11px auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	cursor: pointer;
	min-width: 240px;
	display: inline-block;
	padding: 6px 25px 6px 12px;
	height: 34px;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	border: 1px solid #C2CAD8;
	border-radius: 4px;
}
.survey-reader table.sv_q_matrix tbody tr td {
	padding: 10px 5px;
	vertical-align: top;
}
.survey-reader table.sv_q_matrix tbody tr td,
.survey-reader table.sv_q_matrix tbody tr th,
.survey-reader table.sv_q_matrix thead tr td {
	border-bottom: 1px solid #000;
	line-height: 2;
	padding: 8px 0 8px 20px;
	text-align: left!important;
}
.survey-reader table.sv_q_matrix thead tr th {
	border-bottom: 2px solid #000;
	color: #343a40;
	font-size: 10px;
	letter-spacing: 1px!important;
	text-align: center;
	text-transform: uppercase;
	vertical-align: bottom;
	width: 10%;
}
.survey-reader table.sv_q_matrix thead:first-child tr:first-child td {
	border-bottom: 2px solid #000;
	text-align: left!important;
	width: 35%;
}
.survey-reader .sv_qbln .checkbox-material {
	margin-right: 3px;
}
.survey-container span.print {
    position: relative;
    top: 5px;
}
.survey-container .btn-secondary,
.survey-container .sv_q_rating_item {
	background-color: #fff;
	color: #000;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	margin: 10px 0px;
	font-weight: 600;
	font-size: 13px;
	padding: 5px 20px;
	font-size: 1em;
	border: 1px solid #ced4da;
	font-weight: bold;
	cursor: pointer;
}
.survey-container .btn-group,
.survey-container .btn-group-vertical,
.survey-container .sv_q_rating {
	position: relative;
	display: block;
	vertical-align: middle;
	margin: 20px 0px;
	position: relative;
	float: left;
	width: 100%;
}


/*New Activity MSG styling*/
.msg-wrap {
    margin-top: -0.9375rem;
    margin-bottom: 0.9375rem;
}
.msg-wrap p {
    color: #333;
    font-size:14px;
    margin-bottom:0;
    display:inline-block;
}
.msg-wrap .btn-primary {
    float:right;
    font-size:13px;
    padding: 4px 12px;
    margin-top: -5px;
}
.msg-wrap .msg-complete {
    background-color:#edf9f2;
    padding:15px;
}
.msg-wrap .msg-complete p i {
    color:#35bd6f;
}
.msg-wrap .msg-incomplete {
    background-color:#eff9fa;
    padding:15px;
}
.msg-wrap .msg-incomplete p i  {
    color:#05659B;
}

/* buttons*/
.page-content .btn {
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

/* common */
.page-content .margin-0 {
    margin:0 !important;
}
.page-content .mt-5 {
    margin-top:5px !important;
}
.page-content .mt-0 {
    margin-top:0px !important;
}
.page-content .mt-10 {
    margin-top:10px !important;
}
.page-content .mt-15 {
    margin-top:15px !important;
}
.page-content .mt-20 {
    margin-top:20px !important;
}
.page-content .mt-30 {
    margin-top:30px !important;
}
.page-content .mt-40 {
    margin-top:40px !important;
}
.page-content .mr-5 {
    margin-right:5px !important;
}
.page-content .mr-10 {
    margin-right:10px !important;
}
.page-content .mr-20 {
    margin-right:20px !important;
}
.page-content .mb-0 {
    margin-bottom:0px !important;
}
.page-content .mb-5 {
    margin-bottom:5px !important;
}
.page-content .mb-10 {
    margin-bottom:10px !important;
}
.page-content .mb-15 {
    margin-bottom:15px !important;
}
.page-content .mb-20 {
    margin-bottom:20px !important;
}
.page-content .mb-30 {
    margin-bottom:30px !important;
}
.page-content .mb-40 {
    margin-bottom:40px !important;
}
.page-content .ml-5 {
    margin-left:5px !important;
}
.page-content .p-0 {
    padding:0 !important;
}
.page-content .pb-10 {
    padding-bottom:10px !important;
}
.page-content .d-block {
    display:block !important;
}
.page-content .weight-normal {
    font-weight:normal !important;
}
.page-content .text-primary {
    color:#014466;
}
.page-content .text-green {
    color:#5BBCB1;
}
.page-content .text-yellow {
    color:#F3BD5F;
}
.page-content .text-red {
    color:#EE825C;
}
.page-content .position-relative {
    position:relative;
}

/* page elements */
.page-content .title {
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    margin-bottom: 15px;
    text-transform: capitalize;
    font-weight: 600;
    position: relative;
    color: #014466;
    font-size:18px;
}
.page-content .btn-primary {
    margin-bottom:0;
}
.page-content .btn-primary:active,
.page-content .btn-primary:focus,
.page-content .btn-primary:hover {
    background-color: #014466 !important;
    border-color: #014466 !important;
    outline:none !important;
    color:#fff !important;
}
.page-content .btn-green {
    background-color:#5BBCB1 !important;
}
.page-content .title .btn-default {
    float: right;
    margin-top: -6px;
    padding: 6px 13px;
    font-size: 13px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.page-content .btn-default.btn-back {
    float: left;
    margin-right: 10px;
    background-color:#014466;
    color: #fff;
    border:none;
}
.page-content .btn-default.btn-back:hover {
    color: #fff !important;
    background-color:#014466;
}
.page-content .btn-circle {
    display: inline-block;
    border-radius: 18px;
    padding: 0 8px;
    height: 38px;
    width: 38px;
    text-align: center;
    line-height: 38px;
    position: relative;
    right: 15px;
}

/* alerts */
.alert-danger {
    color: #6a6a6a;
    background-color: #FEEFEF;
    border-color: #FEEFEF;
}
.alert-danger i {
    color:#EE825C;
}

/* modals */
.page-content .modal-header {
   padding: 15px 20px 13px;
   background-color: #014466;
}
.page-content .modal-header .modal-title {
    color:#fff !important;
    font-weight:600;
}
.page-content .modal-header .modal-title i {
    color: #fff;
}
.page-content .modal-header .close {
    color:#fff;
    margin-top:-1px;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.page-content .modal-body {
    padding: 15px 20px;
}
.page-content .modal-footer .btn-primary,
.page-content .modal-footer .btn-default,
.page-content .modal-footer .btn {
    display:inline-block;
    border-radius:25px;
}
.page-content .modal-footer .btn-default {
    border-color: #eee;
    font-weight: 600;
    color: #014466 !important;
    text-transform: capitalize;
    font-family: inherit;
}
.page-content .modal-footer .btn-default:hover {
    background: #014466 !important;
}


/* animations */
/* pulse animation with 10sec delay */
.btn-double.pulse-10 {
    display: block;
    width: auto;
    height: 34px;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 0 0 #4d90fe8c;
    -webkit-animation: pulse-10 10s infinite;
    -moz-animation: pulse-10 10s infinite;
    -ms-animation: pulse-10 10s infinite;
    -o-animation: pulse-10 10s infinite;
    animation: pulse-10 10s infinite;

}
.btn-default.pulse-10:hover {
  animation: none;
}
@-webkit-keyframes pulse-10 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #60b2cf91;
    }
    80% {
        -webkit-box-shadow: 0 0 0 0 #60b2cf91;
    }
    90% {
        -webkit-box-shadow: 0 0 0 10px #4d90fe00;
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 #4d90fe00;
    }
}
@-moz-keyframes pulse-10 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #60b2cf91;
    }
    80% {
        -webkit-box-shadow: 0 0 0 0 #60b2cf91;
    }
    90% {
        -webkit-box-shadow: 0 0 0 10px #4d90fe00;
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 #4d90fe00;
    }
}
@-o-keyframes pulse-10 {
    0% {
        -moz-box-shadow: 0 0 0 0 #60b2cf91;
        box-shadow: 0 0 0 0 #60b2cf91;
    }
    80% {
        -moz-box-shadow: 0 0 0 0 #60b2cf91;
        box-shadow: 0 0 0 0 #60b2cf91;
    }
    90% {
        -moz-box-shadow: 0 0 0 10px #4d90fe00;
        box-shadow: 0 0 0 10px #4d90fe00;
    }
    100% {
        -moz-box-shadow: 0 0 0 0 #4d90fe00;
        box-shadow: 0 0 0 0 #4d90fe00;
    }
}
@keyframes pulse-10 {
  0% {
    -moz-box-shadow: 0 0 0 0 #60b2cf91;
    box-shadow: 0 0 0 0 #60b2cf91;
  }
   80% {
    -moz-box-shadow: 0 0 0 0 #60b2cf91;
    box-shadow: 0 0 0 0 #60b2cf91;
  }
  90% {
      -moz-box-shadow: 0 0 0 10px #4d90fe00;
      box-shadow: 0 0 0 10px #4d90fe00;
  }
  100% {
      -moz-box-shadow: 0 0 0 0 #4d90fe00;
      box-shadow: 0 0 0 0 #4d90fe00;
  }
}



/* pulse animation with no delay */
.pulse {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 4px !important;
    cursor: pointer;
    box-shadow: 0 0 0 #4d90fe8c !important;
    -webkit-animation: pulse 2s !important;
    -moz-animation: pulse 2s !important;
    -ms-animation: pulse 2s !important;
    -o-animation: pulse 2s !important;
    animation: pulse 2s !important;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
    0% {
    -webkit-box-shadow: 0 0 0 0 #60b2cf91;
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px #4d90fe00;
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 #4d90fe00;
    }
}
@-moz-keyframes pulse {
    0% {
    -webkit-box-shadow: 0 0 0 0 #60b2cf91;
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px #4d90fe00;
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 #4d90fe00;
    }
}
@-o-keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 #60b2cf91;
        box-shadow: 0 0 0 0 #60b2cf91;
    }
    70% {
        -moz-box-shadow: 0 0 0 10px #4d90fe00;
        box-shadow: 0 0 0 10px #4d90fe00;
    }
    100% {
        -moz-box-shadow: 0 0 0 0 #4d90fe00;
        box-shadow: 0 0 0 0 #4d90fe00;
    }
}
@keyframes pulse {
    0% {
    -moz-box-shadow: 0 0 0 0 #60b2cf91;
    box-shadow: 0 0 0 0 #60b2cf91;
    }
    70% {
        -moz-box-shadow: 0 0 0 10px #4d90fe00;
        box-shadow: 0 0 0 10px #4d90fe00;
    }
    100% {
        -moz-box-shadow: 0 0 0 0 #4d90fe00;
        box-shadow: 0 0 0 0 #4d90fe00;
    }
}



/* alerts */
.page-content .alert {
    font-size: 16px;
    margin-bottom: 30px;
    border-radius: 6px;
    border: none;
    padding: 20px;
    line-height: 24px;
    color: #6a6a6a;
}
.page-content .alert-info {
    background-color: #F2FAFB;
}
.page-content .alert p:last-child {
    margin-bottom:0;
}
.page-content .alert a {
    color:#014466;
}

/* forms */
.page-content .text-center .input-sm {
    margin: 0 auto;
}
.page-content .input-sm {
    max-width:250px;
}
.page-content .input-xs {
    max-width:200px !important;
}
.page-content .input-xxs {
    max-width:150px !important;
}
.page-content .form-group {
    margin: 0 0 15px;
    width: 100%;
    float: left;
}
.page-content .form-group label {
    font-weight: normal;
    font-size: 14px;
    width: 100%;
    float: left;
    margin: 0;
    padding: 5px 0 7px;
}
.page-content.scatterplot .form-group label {
    float: none;
    display: block;
    font-size: 16px;
}
.page-content.scatterplot .form-group span {
    margin-left:0 !important;
}
.page-content .form-container.form-horizontal label {
    text-align: right;
    width: 100%;
    float:left;
    margin:10px 0;
    display:block;
}
.page-content .form-control, .page-content input[type="text"] {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #727f89;
    background-color: #fff;
    background-image: none;
    border: 1px solid #c2cad8;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.page-content textarea.form-control {
    height:auto;
}
.page-content .form-control:hover, .page-content input[type="text"]:hover {
    border-color: #a0acc3 !important;
}
.page-content .form-control:focus, .page-content input[type="text"]:focus {
    border-color: #a0acc3;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 
            0 0 8px rgba(102, 175, 233, 0.35)
}
.page-content.scatterplot .multiSelectInput:hover .ui-multiselect,
.page-content.scatterplot .multiSelectInput:focus .ui-multiselect {
    border-color: #93a1bb;
}
.page-content.scatterplot .ui-select-container:focus {
    border-color: #93a1bb;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(188, 209, 245, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(188, 209, 245, 0.6);
}
.page-content.scatterplot .ui-select-container:focus .form-control {
    border-color: #93a1bb;
}
.page-content.scatterplot .multiSelectInput .ui-select-match .form-control.ui-select-toggle {
    padding-right:20px !important;
}
.page-content.scatterplot .multiSelectInput .ui-select-match .form-control.ui-select-toggle .btn-xs {
    line-height:17px;
}
.page-content.scatterplot .multiSelectInput .glyphicon-remove {
    top:0px;
}
.page-content.scatterplot .multiSelectInput .glyphicon-remove:before {
    content: "\f00d";
    font-family: "FontAwesome";
    color:#014466;
}

/* empty block */
.page-content .empty-wrap {
    text-align: center;
    padding: 50px 20px;
    background-color: #fafdfd;
    border: 2px dashed #b7cfd6;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.page-content .empty-wrap img {
    height:150px;
    margin-bottom:10px;
}
.page-content .empty-wrap.empty-data img {
    height:130px;
}
.page-content .empty-wrap.empty-data.filter-empty {
    margin-top:50px;
}

/* panel */
.page-content .panel-wrap {
    width: 100%;
    float: left;
    position: relative;
    border: 1px solid #eee;
    -webkit-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -moz-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -ms-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -o-box-shadow: 1px 1px 10px 0px #f1f1f1;
    box-shadow: 1px 1px 10px 0px #f1f1f1;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius:5px;
}
.page-content .panel-wrap .panel-header {
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
    width: 100%;
    float: left;
    position: relative;
}
.page-content .panel-wrap .panel-header h3, .page-content .panel-wrap .panel-header h4 {
    margin: 0;
    padding-bottom: 0;
    padding-top: 0 !important;
    font-size: 16px;
    font-weight: 600;
}
.page-content .panel-wrap .panel-body {
    padding: 15px 20px;
    width: 100%;
    float: left;
}
.page-content.scatterplot .alert .scatter-text {
    max-height:43px;
    overflow:hidden;
    position:relative;
    -webkit-transition: max-height 0.3s ease-in-out;
	-moz-transition: max-height 0.3s ease-in-out;
	-ms-transition: max-height 0.3s ease-in-out;
	-o-transition: max-height 0.3s ease-in-out;
	transition: max-height 0.3s ease-in-out;
}
.page-content.scatterplot .alert .scatter-text:after {
    content: "";
    background-color: transparent;
    background-image: linear-gradient(transparent, #f2fafb);
    width: 100%;
    display: block;
    height: 30px;
    position: absolute;
    bottom: -7px;
}
.page-content.scatterplot .alert .scatter-text.show {
    max-height:800px;
    -webkit-transition: max-height 0.3s ease-in-out;
	-moz-transition: max-height 0.3s ease-in-out;
	-ms-transition: max-height 0.3s ease-in-out;
	-o-transition: max-height 0.3s ease-in-out;
	transition: max-height 0.3s ease-in-out;
}
.page-content.scatterplot .alert .scatter-text.show:after {
    display:none;
}

.page-content.scatterplot .scatter-form {
    float:right;
    text-align:right;
    position: absolute;
    right: 45px;
    z-index:100;
}
.page-content.scatterplot .scatter-form .form-group {
    margin-bottom:0;
    float:none;
}
.page-content.scatterplot .scatter-form .form-group.inline input {
    margin-right:20px;
}
.page-content.scatterplot .scatter-form .btn-primary {
    float:right;
    display:inline-block;
    margin-right:25px;
    margin-top:2px;
}
.page-content.scatterplot .form-group.inline {
    width:auto;
    display:inline-block;
}
.page-content.scatterplot .form-group.inline label {
    display:inline-block !important;
    width:auto;
    margin-right:10px;
}
.page-content.scatterplot .form-group.inline input {
    display:inline-block;
}
.page-content.scatterplot .input-xxs {
    max-width:100px;
}
.page-content .icon-scatter-chart {
    width: 14px;
    height:14px;
    margin-right: 5px;
    display: inline-block;
    margin-top: -1px;
    background-image: url("../../Images/SavedColleges/scatterplot1.png");
    background-size: cover;
}
.page-content .filter-row {
    margin-top:10px;
    margin-bottom:30px;
}
.page-content .filter-wrap {
    padding:10px 20px 20px;
    background-color: #f6f8fa;
    margin: 10px 0 0;
}
.page-content.scatterplot .filter-wrap {
    display:none;
}
.page-content .filter-wrap label {
    margin: 5px 0;
    display: inline-block;
}
.page-content.scatterplot a.link {
    color:#014466 !important;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    font-size:1rem;
    text-decoration: none !important;
}
.page-content.scatterplot a.link:hover {
    color:#014466 !important;
    text-decoration:none !important;
}
.page-content.scatterplot select.form-control {
    background: #fff url(../../Images/SavedColleges/icon-arrow.png) no-repeat top 15px right 12px;
    background-size: 11px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    cursor: pointer;
    padding-right: 30px !important;
}
.page-content .chart-container {
    position:relative;
    height:500px;
}
.page-content.scatterplot small {
    font-size: .8rem;
    font-style: italic;
}





/* Ability profiler */
ability-profiler-app {
    min-height:320px;
    display:block;
}
#mainpanel.ability-profiler {
    width: unset;
    padding: 0;
    max-width: unset;
    background: none;
    margin: 0;
}
.page-content.profiler {
    width: 100%;
    float: left;
    padding-bottom: 50px;
}


/* ability - common */
.page-content.profiler h1 {
    font-size: 30px;
}
.page-content.profiler h2 {
    font-size: 24px;
}
.page-content.profiler h3 {
    font-size: 20px;
}
.page-content.profiler h1,
.page-content.profiler h2,
.page-content.profiler h3,
.page-content.profiler h4 {
    color: #014466;
    font-weight:600;
}
.page-content.profiler h5 {
    color: #6a6a6a !important;
    font-weight:normal;
    font-size:16px;
}
.page-content.profiler a {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.page-content.profiler .btn-primary {
    border: none;
    padding:8px 20px;
    display:inline-block;
    font-size:16px;
}
.page-content.profiler .btn-primary:focus {
    text-decoration:none;
}
.page-content.profiler .btn-primary[disabled]:hover{
    background-color:#014466 !important;
}
.page-content.profiler .btn-default {
    border: 1px solid #eee !important;
    font-weight: 600;
    color: #014466 !important;
    font-family: inherit;
    border-radius: 46px;
    font-size:16px;
    padding: 6px 20px;
}
.page-content.profiler .btn-default:hover {
    background:#014466 !important;
    color: #fff !important;
}
.page-content.profiler .btn-md {
    padding:8px 40px !important;
}
.page-content.profiler .btn-long {
    border: none;
    padding:8px 60px !important;
    display:inline-block;
}

/* ability - landing page */
.page-content .ability-hero {
    width: 100%;
    height: 310px;
    position: absolute;
    left: 0;
    z-index: 1;
    background-color: #f2fafb;
    overflow: hidden;
}
.page-content .ability-hero::before {
    content: '';
    background: url("/Images/Transitions/ability-profiler/ap-landing-img.png") no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    top: -90px;
    right: 0;
    width: 410px;
    height: 600px;
    z-index:0;
}
.page-content .ability-hero:after {
    background: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
    -webkit-backface-visibility: hidden; 
    bottom:  -128px;
    transform: skewY(2deg);
    transform-origin: 100%;
    background-color:#fff;
}

.page-content .ability-hero .hero-content {
    width:65%;
    margin:60px 0;
}
.page-content .ability-hero .hero-content h1 .duration {
    color:#014466;
    font-size:16px;
    margin-left:30px;
}
.page-content .ability-hero .hero-content h1 .duration i {
    color:#014466;
}
.page-content .ability-hero .hero-content h3 {
    color: #6a6a6a;
    font-weight:normal;
    line-height: 1.6rem;
    font-size: 18px;
}
.page-content .ability-hero.empty {
    height: 500px;
}
.page-content .ability-hero.empty:after {
    bottom: -250px;
}
.page-content .ability-hero.empty .hero-content {
    width:65%;
    margin:90px 0;
}
.page-content .ability-content {
    position:relative;
    z-index:10;
    padding: 60px 0;
    width: 100%;
    float: left;
}
.page-content .ability-content.landing {
    margin-top:247px;
    padding:0 0 60px 0;
}
.page-content .ability-content.landing-empty {
    margin-top:350px;
    padding:0;
}
.page-content .ability-content.wizard-text {
    margin-top:171px;
    position:relative;
    z-index: 0;
}

.page-content .ability-content .landing-wrap {
    width: 100%;
    float: left;
    position: relative;
    border: 1px solid #eee;
    -webkit-box-shadow: 1px 1px 40px 0px rgba(110, 143, 146, 0.10);
    -moz-box-shadow: 1px 1px 40px 0px rgba(110, 143, 146, 0.10);
    -ms-box-shadow: 1px 1px 40px 0px rgba(110, 143, 146, 0.10);
    -o-box-shadow: 1px 1px 40px 0px rgba(110, 143, 146, 0.10);
    box-shadow: 1px 1px 40px 0px rgba(110, 143, 146, 0.10);
    margin-bottom: 50px;
    background-color: #fff;
    border-radius: 5px;
}
.page-content .ability-content .landing-wrap .landing-body {
    padding: 30px 30px 20px;
}
.page-content .ability-content .circle-icon {
    font-size: 1.2rem;
    height: 45px;
    width: 45px;
    padding: 12px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    line-height:21px;
}
.page-content .ability-content .circle-icon.red {
    background-color: #F9EBE6;
    color: #EE825C;
}
.page-content .ability-content .circle-icon.yellow {
    background-color: #FDF5E7;
    color: #F3BD5F;
}
.page-content .ability-content .circle-icon.green {
    background-color: #E8F7EF;
    color: #5BBCB1;
}
.page-content .ability-content h4 {
    color:#014466;
    font-weight:600;
    font-size: 1.125rem;
    line-height:22px;
}
.page-content .ability-content .landing-wrap h4 {
    margin-top:25px;
}
.page-content .ability-content h4.dash:after {
    content: '';
    display:block;
    width:70px;
    height:3px;
    margin: 15px 0;
}
.page-content .ability-content h4.dash.red:after {
    background-color:#EE825C;
}
.page-content .ability-content h4.dash.yellow:after {
    background-color:#F3BD5F;
}
.page-content .ability-content h4.dash.green:after {
    background-color:#5BBCB1;
}
.page-content .ability-content p {
    line-height:20px;
}
.page-content .ability-content p.large {
    font-size:16px;
    line-height:22px;
}
.page-content .ability-content hr {
        background-color: #eee;
}
.page-content .ability-content .panel-header i {
    color: #014466;
}
.page-content .ability-content .panel-header a {
    color: #014466;
    margin:0;
    text-decoration:none !important;
    text-transform:none !important;
}
.page-content .ability-content .panel-header a i {
    color: inherit !important;
}
.page-content .ability-content .panel-header a:hover {
    color: #014466;
    text-decoration:none;
}
.page-content .ability-content .panel-header a:hover i {
    color: inherit;
}
.page-content .ability-content {
    width: 100%;
    float:left;
}
.page-content.profiler .logo-onet img {
    width:80px;
}


/* AP - landing modals */
.page-content .modal-congrats .modal-body {
    padding: 40px 20px;
    position:relative;
}
.page-content .modal-congrats .modal-body .close {
    position:absolute;
    right: 20px;
    top: 20px;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.page-content .modal-congrats .modal-body img {
    max-width:140px;
}
.page-content .modal-congrats .modal-body h3 {
    margin-top: 20px;
    margin-bottom: 5px;
}
.page-content .modal-congrats .modal-body .btn-primary {
    margin-top: 10px;
}
.page-content.profiler .error-message {
    background: none;
    font-weight: normal;
    margin-bottom: 0;
    margin-top:5px;
    padding: 0;
}
.page-content.profiler .error-message i {
    font-size:14px !important;
}
.page-content.profiler .modal-content {
    overflow:hidden;
}
.page-content .modal-body.height-warning {
    min-height: 92px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.page-content .modal-content .content-warning {
    display:none;
}
.page-content .modal-content .content-warning.visible {
    width: 90%;
    margin: 0 auto;
    left: 20px;
    right: 20px;
    display:block;
    position:absolute;
    opacity:1;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.page-content .modal-content .content-warning.visible.slide-out {
    opacity:0;
    -webkit-transform: translateX(-800px);
    -moz-transform: translateX(-800px);
    -ms-transform: translateX(-800px);
    -o-transform: translateX(-800px);
    transform: translateX(-800px);
}
.page-content .modal-body.height-password {
    min-height: 130px;
}
.page-content .modal-content .content-password.not-visible {
    width: 90%;
    margin: 0 auto;
    left: 20px;
    right: 20px;
    opacity:0;
    position:absolute;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-transform: translateX(800px);
    -moz-transform: translateX(800px);
    -ms-transform: translateX(800px);
    -o-transform: translateX(800px);
    transform: translateX(800px);
}
.page-content .modal-content .content-password.not-visible.slide-in {
    opacity:1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}


/* AP - Landing tabs */
.page-content .ability-content .tab-wrap {
    width: 100%;
    float: left;
    text-align: center;
}
.page-content .ability-content .tabs-round {
    padding:0;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -moz-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -ms-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -o-box-shadow: 1px 1px 10px 0px #f1f1f1;
    box-shadow: 1px 1px 10px 0px #f1f1f1;
}
.page-content .ability-content .tabs-round li {
    display:inline-block;
}
.page-content .ability-content .tabs-round li a {
    padding: 10px 60px;
    font-size: 16px;
    font-weight:600;
    background: #fff;
    color: #014466;
    border-radius:30px;
    border: 1px solid #014466;
    text-decoration:none !important;
    box-shadow:0px 0px 10px rgba(128, 128, 128, 0.2784313725490196);
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.page-content .ability-content .tabs-round li:first-child a {
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
}
.page-content .ability-content .tabs-round li:last-child a {
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
}
.page-content .ability-content .tabs-round li a:hover {
    background:#014466;
    border-color:#014466;
    color: #fff !important;
}
.page-content .ability-content .tabs-round li a:hover,
.page-content .ability-content .tabs-round li a:active,
.page-content .ability-content .tabs-round li a:focus {
    text-decoration:none;
}
.page-content .ability-content .tabs-round li.active a {
    background: #014466;
    color: #fff !important;
    text-decoration:none !important;
}
.page-content .ability-content .tabs-round li.active a:hover {
    color: #fff !important;
    border-color: #014466 !important;
}
.page-content .ability-content .tab-content {
    width: 100%;
    float:left;
    margin-top: 60px;
}
.page-content .ability-content .tab-content .tab-title {
    margin-bottom:10px;
    display:inline-block;
}
.page-content .ability-content .result-toggle {
    text-align: right;
    display: inline-block;
    float: right;
}
.page-content .ability-content select {
    background: #fff url(../../Images/SavedColleges/icon-arrow.png) no-repeat top 15px right 14px;
    background-size: 10px auto;
    cursor:pointer;
	-webkit-appearance: none;
	-moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
	appearance: none;
    padding-right: 30px;
}
.page-content .ability-content .select-sm {
    font-size: 12px;
    padding: 4px 10px !important;
    height: auto;
    width: 150px;
    display: inline-block;
    cursor:pointer;
    position: relative;
    background: #fff url(../../Images/SavedColleges/icon-arrow.png) no-repeat top 10px right 12px;
    background-size: 9px auto;
	-webkit-appearance: none;
	-moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
	appearance: none;
    padding-right: 30px;
}
.page-content .ability-content .chart-container {
    height:380px;
}
.page-content .ability-content .chart-container .chartjs-size-monitor {
    min-width:500px;
}
.page-content .ability-content .section-spacing {
    margin:60px 0 20px 0;
}
.page-content .ability-content .ability-cat-wrap {
    width:100%;
    float:left;
    margin-bottom:40px;
}
.page-content .ability-content .ability-cat-wrap .category-img {
    width: 20%;
    float: left;
}
.page-content .ability-content .ability-cat-wrap .category-img img {
    max-width: 100%;
    max-height: 100px;
}
.page-content .ability-content .ability-cat-wrap .category-txt {
    width:80%;
    float:left;
    padding-left: 20px;
    text-align: left;
}
.page-content .ability-content .ability-cat-wrap .user-rank {
    color: #014466;
    font-weight:600;
}
.page-content .ability-content .ability-cat-wrap .user-rank i {
    color: #014466;
}
.page-content .ability-content .ability-cat-wrap h4 {
    margin-top:10px;
    margin-bottom:5px;
}

.page-content .ability-content .reflection-wrap.empty {
    padding: 50px 30px;
}
.page-content .ability-content .reflection-wrap {
    background: #F2FAFB;
    padding: 50px 30px 0 30px;
    text-align:center;
    position: relative;
    width:100%;
    float:left;
    border-radius:4px;
}
.page-content .ability-content .reflection-wrap h4 {
    margin-top:0;
    margin-bottom:5px;
    display: inline-block;
    width: 100%;
}
.page-content .ability-content .reflection-wrap p {
    font-weight:600;
    margin-bottom:30px;
}
.page-content .ability-content .reflection-wrap .panel-wrap {
    text-align:left;
    width: 90%;
    left: 5%;
    right: 5%;
    margin-bottom: -30px;
    -webkit-box-shadow: 1px 1px 40px 0px rgba(110, 143, 146, 0.10);
    -moz-box-shadow: 1px 1px 40px 0px rgba(110, 143, 146, 0.10);
    -ms-box-shadow: 1px 1px 40px 0px rgba(110, 143, 146, 0.10);
    -o-box-shadow: 1px 1px 40px 0px rgba(110, 143, 146, 0.10);
    box-shadow: 1px 1px 40px 0px rgba(110, 143, 146, 0.10);
}
.page-content .ability-content .reflection-wrap .panel-wrap .panel-body {
    padding:50px;
}
.page-content .ability-content .reflection-wrap .panel-wrap label {
    color: #014466;
    font-weight:600;
    font-size:1.125rem;
    line-height: 22px;
}
.page-content .ability-content .reflection-wrap .panel-wrap textarea {
    margin:10px 0;
    height:150px;
}
.page-content .ability-content .reflection-wrap .panel-wrap h4 {
    position:relative;
    margin-bottom:0;
}
.page-content .ability-content .reflection-wrap .panel-wrap p {
    font-weight:normal;
}
.page-content .ability-content .reflection-wrap .panel-wrap hr {
    background-color: #eee;
    width: 100%;
    margin-top:0;
}
.page-content .ability-content .reflection-wrap .panel-wrap .reflect-btns {
    float:right;
    position:relative;
    top:-6px;
}
.page-content .ability-content .reflection-wrap .btn-circle {
    margin-top:0;
    padding: 0px 0;
    height: 32px;
    width: 32px;
    font-size: 14px;
    right:0;
    top:-2px;
    position: relative;
    line-height: 37px;
    vertical-align: unset;
}
.page-content .ability-content .reflection-wrap .btn-circle  i {
    position: relative;
    top: -3px;
}
.page-content .ability-content .reflection-wrap .badge {
    margin-right:5px;
    font-size:12px;
}
.page-content .logo-container {
    text-align:center;
    width:100%;
    float:left;
}

/* careers */
.page-content .ability-content .career-filter {
    width:100%;
    float:none;
    width:100%;
}
.page-content .ability-content .career-filter.filter-fixed {
    position:fixed;
    top:20px;
    z-index:0;
}
.page-content .ability-content .career-filter ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.page-content .ability-content .career-filter ul li:first-child {
    border-top: 1px solid #eee;
}
.page-content .ability-content .career-filter ul li a {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    color: #014466;
    font-weight:600;
    text-decoration:none !important;
    -webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.page-content .ability-content .career-filter ul li a:hover {
    color: #014466;
    border-left: 4px solid #014466;
    padding-left: 10px;
    text-decoration:none;
}
.page-content .ability-content .career-filter ul li a:focus,
.page-content .ability-content .career-filter ul li a:active {
    text-decoration:none;
}
.page-content .ability-content .career-filter ul li.active a {
    color: #014466 !important;
    border-left: 4px solid #014466;
    padding-left: 13px;
    text-decoration:none !important;
}
.page-content .ability-content .career-filter ul li a .career-count {
    float:right;
    background:#F2FAFB;
    color: #014466;
    font-size:12px;
    font-weight:normal;
    padding: 3px 10px;
    border-radius: 5px;
    position: relative;
    top: -3px;
}
.page-content .ability-content .career-card-wrap {
    width: 100%;
    float: left;
    position: relative;
    border: 1px solid #eee;
    -webkit-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -moz-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -ms-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -o-box-shadow: 1px 1px 10px 0px #f1f1f1;
    box-shadow: 1px 1px 10px 0px #f1f1f1;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 5px;
}
.page-content .ability-content .career-card-wrap .career-top {
    padding:20px 25px;
}
.page-content .ability-content .career-card-wrap .career-top h4 {
    margin-top:0;
    margin-bottom:15px;
}
.page-content .ability-content .career-card-wrap .career-top h4 a {
    color: #014466;
    text-decoration:none !important;
}
.page-content .ability-content .career-card-wrap .career-top h5 {
    text-transform:uppercase;
    color: #014466 !important;
    font-size:12px;
}
.page-content .ability-content .career-card-wrap .career-top .meta-icon.salary {
    float: left;
    width: 20%;
}
.page-content .ability-content .career-card-wrap .career-top .meta-text.salary {
    float:right;
    width:80%;
    padding-left:10px;
}
.page-content .ability-content .career-card-wrap .career-top .meta-icon.education {
    float: left;
    width: 20%;
}
.page-content .ability-content .career-card-wrap .career-top .meta-text.education {
    float:right;
    width:80%;
    padding-left:10px;
}
.page-content .ability-content .career-card-wrap .career-top .meta-icon.cluster {
    float: left;
    width: 16%;
}
.page-content .ability-content .career-card-wrap .career-top .meta-text.cluster {
    float:right;
    width:84%;
    padding-left:10px;
}




.page-content .ability-content .career-card-wrap .career-top .meta-icon img {
    max-width: 100%;
    max-height: 35px;
}
.page-content .ability-content .career-card-wrap .career-top .meta-text h5 {
    margin-top:0;
    margin-bottom:5px;
    font-weight:600;
}
.page-content .ability-content .career-card-wrap .career-top .meta-text p {
    font-size:12px;
    line-height:1rem;
    margin-bottom:0;
}
.page-content .ability-content .career-card-wrap .career-bottom.open {
    border-top:1px solid #eee;
    padding:20px 0 0;
}
.page-content .ability-content .career-card-wrap .career-bottom .table-responsive {
    padding:0 25px 20px;
}
.page-content .ability-content .career-card-wrap .career-bottom table {
    width:100%;
    font-size:12px;
}
.page-content .ability-content .career-card-wrap .career-bottom table th {
    color: #014466;
    padding-bottom:5px;
    font-weight:600;
}
.page-content .ability-content .career-card-wrap .career-bottom .badge.green {
    background-color:#E8F7EF;
    font-size:12px;
    padding:5px 10px;
    border-radius: 4px;
    margin: 1px 0;
}
.page-content .ability-content .career-card-wrap .career-bottom .badge.none {
    background-color:#fff;
    color: #6a6a6a;
    font-weight:normal;
    font-size:12px;
    padding:5px 0px;
    border-radius: 0px;
    margin: 0;
}
.page-content .ability-content .career-card-wrap .career-bottom a {
    width: 100%;
    display:block;
    text-align:center;
    color: #014466;
    font-weight:600;
    font-size:12px;
    padding:3px 0;
    border-top: 1px solid #eee;
    text-decoration:none !important;
}
.page-content .ability-content .career-card-wrap .career-bottom a:hover {
    color: #014466 !important;
    text-decoration:none;
}


/* retake */
.page-content .select-box {
    width: 100%;
    float: left;
    position: relative;
    border: 1px solid #eee;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -moz-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -ms-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -o-box-shadow: 1px 1px 10px 0px #f1f1f1;
    box-shadow: 1px 1px 10px 0px #f1f1f1;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
   
.page-content .select-box .select-box-inner {
    padding:30px;
    border: 2px solid #fff;
    width: 100%;
    float: left;
    border-radius: 5px;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.page-content .select-box img {
    max-height:90px;
}
.page-content .select-box .select-box-title {
    color: #014466;
    font-weight: 600;
    font-size: 18px;
    display:block;
    margin: 15px 0 0 0;
}
.page-content .select-box .select-box-text {
    font-size:14px;
    color: #6a6a6a;
    display:block;
}
.page-content .select-box.align-center {
    text-align:center;
}
.page-content .select-box.align-left {
    text-align:left;
}
.page-content .select-box.align-left img {
    float:left;
    margin-right:20px;
}
.page-content .select-box.align-left .select-box-title {
    margin-bottom:5px;
}
.page-content .select-box.align-left .select-box-text {
    margin-bottom:0px;
}
.page-content .select-box:hover .select-box-inner {
    border-color: #014466;
}
.page-content .select-box.selected .select-box-inner {
    border-color: #014466;
}
.page-content .select-box.selected:after {
    content:"\f058";
    font-family: FontAwesome;
    position:absolute;
    top:20px;
    right:20px;
    color: #014466;
}
.page-content .select-box.not-selected {
    opacity:.6;
}
.page-content .select-box.not-selected:hover {
    opacity:1;
}


/* ability wizard */
/* ----------------- wizard ----------------- */
.page-content .wizard {
    background: #F2FAFB;
    padding: 20px 0;
    display: block;
    width: 100%;
    position: absolute;
    left:0;
    text-align:center;
    z-index:1;
}
.page-content .wizard h4 {
    color: #014466 !important;
    font-weight:600;
}
.page-content .wizard .wizard-group {
	list-style:none;
	padding:0;
	margin:0;
	width: 100%;
	float:left;
}

.page-content .wizard .wizard-group .wizard-item {
	display:inline-block;
	width: 185px;
	position: relative;
	margin: 20px 0;
    vertical-align:top;
}

.page-content .wizard .wizard-group .wizard-item .wizard-icon {
    display: block;
    color: #014466;
    font-weight: 600;
    font-size: 14px;
    border: 2px solid #F3BD5F;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    line-height: 27px;
}

.page-content .wizard .wizard-group .wizard-item .wizard-title {
    color: #014466;
    margin-top:10px;
    display:block;
}

.page-content .wizard .wizard-group .wizard-item:after {
	content: '';
    display: block;
    background-color: #ddd;
    width: 140px;
    height: 2px;
    border-radius: 10px;
    position: absolute;
    top: 12px;
    left: -73px;
}

.page-content .wizard .wizard-group .wizard-item.first:after {
    display:none;
}
.page-content .wizard .wizard-group .wizard-item.completed .wizard-icon {
    color: #fff;
    border-color:#5BBCB1;
    background-color:#5BBCB1;
}
.page-content .wizard .wizard-group .wizard-item.completed:after {
    background-color: #5BBCB1;  
}
.page-content .wizard .wizard-group .wizard-item.active .wizard-icon {
    color: #fff;
    border-color:#014466;
    background-color:#014466;
}
.page-content .wizard .wizard-group .wizard-item.active:after {
    background-color: #014466;  
}

/* loading overlay */
.loading-wrap {
    position:fixed;
    top:0;
    left:0;
    width: 100vw;
    height: 100vh;
    z-index:10
}
.loading-wrap .loading-overlay {
    position:relative;
    background-color: #fff;
    z-index: 10;
    opacity: .5;
    width: 100vw;
    height: 100vh;
}
.loading-wrap .loading-content {
    z-index: 12;
    position: fixed;
    top: 30vh;
    width: 100vw;
    text-align: center;
}
.loading-wrap .loading-content .loading-text {
    width: 300px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -moz-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -ms-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -o-box-shadow: 1px 1px 10px 0px #f1f1f1;
    box-shadow: 1px 1px 10px 0px #f1f1f1;
}
.loading-wrap .loading-content i {
    font-size: 40px;
}
.loading-wrap .loading-content p {
    margin-top:10px;
}


/* ability questions */
.page-content .ability-content .badge {
    background: #F2FAFB;
    color: #014466;
    font-weight:600;
    padding: 10px 20px;
    border-radius:40px;
    font-size:14px;
    position:relative;
    top:-5px;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.page-content .ability-content .badge i {
    color: #014466;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.page-content .ability-content .badge.yellow {
    background-color:#FDF5E7;
}
.page-content .ability-content .badge.red {
    background-color:#F9EBE6;
}
.page-content .ability-content .badge.red i {
    color:#EE825C;
}

/* question card */
.page-content .ability-content .question-card {
    width: 100%;
    float: left;
    position: relative;
    border: 1px solid #eee;
    -webkit-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -moz-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -ms-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -o-box-shadow: 1px 1px 10px 0px #f1f1f1;
    box-shadow: 1px 1px 10px 0px #f1f1f1;
    margin-bottom: 10px;
    margin-top:20px;
    background-color: #fff;
    border-radius: 5px;
    padding: 35px 30px 20px;
}
.page-content .ability-content .question-card.unanswered {
    border-color: #EE825C;
}
.page-content .ability-content .question-card.unanswered .question-num {
    background-color:#EE825C !important;
}
.page-content .ability-content .question-card .question-num {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #014466;
    color: #fff;
    padding: 5px 12px;
    font-weight: 600;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.page-content .ability-content .question-card ul {
    list-style:none;
    padding-left:10px;
    margin-bottom:0;
}
.page-content .ability-content .question-card.question-img {

}
.page-content .ability-content .question-card.question-img .question-main-img {
    width:100%;
    max-width: 200px;
    margin: 0 auto;
}
.page-content .ability-content .question-card.question-img .label-img {
    width:100%;
}
.page-content .ability-content .question-card.question-img .radio-box label {
    padding: 10px 10px 38px 10px;
}
.page-content .ability-content .question-card.question-img .radio-box label:before {
    top:unset;
    bottom: 11px;
    left: 40%;
}
.page-content .ability-content .question-card.question-img .radio-box label span {
    position: absolute;
    bottom: 10px;
    right: 40%;
}
.page-content .ability-content .question-card.question-img .radio-box input[type="radio"]:checked + label:after{
    top:unset;
    bottom: 14px;
    left: 84px;
}
.page-content .ability-content .question-card .img-divide {
    max-width: 133px;
    max-height: 38px;
}
.page-content .ability-content .question-card .question-name-comp p {
    text-align:center;
     -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
    margin-top:5px;
    margin-bottom:0;
}
.page-content .ability-content .question-card .question-name-comp:hover p{
    color:#014466;
    font-weight:600;
}
.page-content .ability-content .question-card .question-name-comp .comparison-num {
    float:left;
}
.page-content .ability-content .question-card .question-name-comp label {
    padding:7px 10px 7px 38px
}
.page-content .ability-content .question-card .question-name-comp .radio-box label:before {
    top:9px;
}
.page-content .ability-content .question-card .question-name-comp .radio-box input[type="radio"]:checked + label:after {
    top:12px;
}
.page-content .ability-content .question-card .question-name-comp .radio-box.correct label, 
.page-content .ability-content .question-card .question-name-comp .radio-box.correct input[type="radio"]:checked + label {
    background:url(/images/Transitions/ability-profiler/icon-check-circle.png) no-repeat right 15px top 9px;
    background-size: 15px auto;
}
.page-content .ability-content .question-card .question-name-comp.unanswered p {
    color:#ff2300;
}
.page-content .ability-content .question-card .question-name-comp.unanswered .comparison-num {
    font-weight:bold;
}

.page-content .ability-content .question-card.question-img .radio-box.correct label, 
.page-content .ability-content .question-card.question-img .radio-box.correct input[type="radio"]:checked + label {
    background:none;
    position:relative;
}
.page-content .ability-content .question-card.question-img .radio-box.correct label .icon-correct {
    width: 15px;
    position: absolute;
    right: 10px;
}




.page-content .ability-content .note-info {
    width: 100%;
    float: left;
    background: #F2FAFB;
    padding:15px 15px 15px 20px;
    border-left: 4px solid #014466;
    border-radius: 4px;
    margin-top:5px;
    margin-bottom:10px;
}
.page-content .ability-content .note-info p {
    color: #6a6a6a;
    margin-bottom:0;
}

/* radio buttons */
.page-content .ability-content .radio-box {
	position:relative;
	width: 100%;
	float: left;
}
.page-content .ability-content .radio-box input {
    width: 20px;
    position: absolute;
    top: 12px;
    left: 15px;
    z-index: 100;
    opacity:0;
}
.page-content .ability-content .radio-box input[disabled],
.page-content .ability-content .radio-box input[disabled]:hover {
    cursor:default;
}
.page-content .ability-content .radio-box input[disabled]:hover + label {
    border-color:#C2CAD8 !important;
    cursor:default;
}
.page-content .ability-content .radio-box label {
    width: 100%;
    float:left;
    padding: 10px 10px 10px 38px;
    margin-bottom: 5px;
    position: relative;
    cursor: pointer;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #C2CAD8;
    box-sizing: border-box;
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.page-content .ability-content .radio-box label:before {
    content: "";
    font-family: "FontAwesome";
    width: 15px;
    height: 15px;
    position: absolute;
    top:11px;
    left: 15px;
    color: #ccc;
	background-color: #FFF;
    cursor: pointer;
    border: 1px solid #C2CAD8;
    border-radius: 20px;
	webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
	-ms-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}
.page-content .ability-content .radio-box input[type="radio"]:checked + label {
    border-color:#014466;
    box-shadow: 0px 0px 0px 1px #014466;
}
.page-content .ability-content .radio-box input[type="radio"]:checked + label::before{
    background-image: url(/images/Transitions/ability-profiler/radio-selected-icon.png);
    background-size: 15px auto;
    border: none;
}

.page-content .ability-content .radio-box input[type="radio"]:hover + label,
.page-content .ability-content .radio-box input[type="radio"]:focus + label {
	border-color: #014466;
}
.page-content .ability-content .radio-box input[type="radio"]:checked:hover + label,
.page-content .ability-content .radio-box input[type="radio"]:checked:focus + label {
    border-color: #014466 !important
}
.page-content .ability-content .radio-box.correct label,
.page-content .ability-content .radio-box.correct input[type="radio"]:checked + label {
    border-color:#5BBCB1;
    box-shadow: 0px 0px 0px 1px #5BBCB1;
    background: url(/images/Transitions/ability-profiler/icon-check-circle.png) no-repeat right 15px top 12px;
    background-size: 15px auto;
}

.page-content .ability-content .question-buttons {
    text-align:center;
    margin-top:20px;
    position:relative;
}
.page-content .ability-content .question-buttons p {
    display:inline-block;
    position: absolute;
    left: 35%;
    right: 35%;
}

/* math questions */
.page-content .ability-content .math {
    width:100%;
    max-width:100px;
    float:left;
    position:relative;
    text-align: right;
    border-bottom: 1px solid #6a6a6a;
}
.page-content .ability-content .math.add:after {
    content:"\f067";
    font-family:"FontAwesome";
    display:block;
    position:absolute;
    bottom:0;
    bottom: 4px;
    font-size: 18px;
}
.page-content .ability-content .math.subtract:after {
    content:"\f068";
    font-family:"FontAwesome";
    display:block;
    position:absolute;
    bottom:0;
    bottom: 4px;
    font-size: 18px;
}
.page-content .ability-content .math.times:after {
    content:"\f00d";
    font-family:"FontAwesome";
    display:block;
    position:absolute;
    bottom: 4px;
    font-size: 18px;
}
.page-content .ability-content .math p {
    width:100%;
    margin-bottom:0;
    font-size: 22px;
    line-height: 28px;
}



/* --------------------------- New activity design  --------------------------- */

/* common */
.activity-page hr {
    background-color:#eee;
}
.activity-page a {
    font-size:14px;
    color:#014466;
    font-weight:600;
    cursor:pointer;
}
.activity-page a:hover,
.activity-page a:focus {
    color:#014466;
    outline:none;
    text-decoration:none;
}
.activity-page p strong {
    font-weight:600;
    color:#014466;
}
.activity-page .btn:hover,
.activity-page .btn:focus,
.activity-page .btn:active {
    outline:none !important;
}
.activity-page .btn-primary {
    padding: 7px 20px;
    border:none;
    display:inline-block;
    border-radius:30px;
    color:#fff !important;
    font-size:14px;
    font-weight:600;
}
.activity-page .btn-primary:hover {
    border: none !important;
}
.activity-page .btn-primary:disabled:hover {
    background-color:#014466 !important;
}
.activity-page .btn-default {
    padding: 6px 20px;
    border: 1px solid #eee;
    border-radius:30px;
    padding: 7px 20px;
    color: #014466;
    font-size:14px;
    font-weight:600;
}
.activity-page .btn-default:hover {
    color:#fff !important;
}
.activity-page .btn-white {
    padding: 7px 20px;
    border: none;
    display: inline-block;
    background-color:#fff;
    color: #014466;
    font-weight: 600;
    border-radius: 30px;
}
.activity-page .btn-white:hover,
.activity-page .btn-white:focus,
.activity-page .btn-white:active {
    background-color: #014466 !important;
    border-color: #014466 !important;
    outline: none !important;
    color: #fff !important;
}
.activity-page .btn-applied,
.activity-page .btn-applied:hover,
.activity-page .btn-applied:focus {
    background-color: #5BBCB1;
    cursor:default;
    pointer-events:none;
}
.activity-page .modal-content .radio-box label:before {
    top: 7px;
    left: 10px;
}
.activity-page .modal-content .radio-box label {
    padding-top:6px;
    padding-left: 36px;
}



/* main page */
.activity-page {
    width: 100%;
    float: left;
    padding-bottom: 90px;
}
.page-content .activity-hero {
    width: 100%;
    height: 380px;
    position: absolute;
    left: 0;
    z-index: 1;
    background-color: #f2fafb;
    overflow: hidden;
}
.page-content .activity-hero:after {
    background: inherit;
    content: '';
    display: block;
    height: 100px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden; 
    top:  342px;
    transform: skewY(2deg);
    transform-origin: 100%;
    background-color:#fff;
}
.page-content .activity-hero.empty {
    width: 100%;
    height: 430px;
    position: absolute;
    left: 0;
    z-index: 1;
    background-color: #f2fafb;
    overflow: hidden;
}
.page-content .activity-hero.empty:after {
    top:  392px;
    transform: skewY(2deg);
    transform-origin: 100%;
    background-color:#fff;
}
.page-content .activity-hero.empty::before {
    content: '';
    display: block;
    position: absolute;
    top: 170px;
    left: 50%;
    width: 430px;
    height: 220px;
    margin-left: -215px; /* Half the width */
    z-index:0;
}
.page-content.activity-vcs .activity-hero.empty::before {
    background: url("/Images/Transitions/portfolio/empty-volunteer.png") no-repeat;
    background-size: 430px auto;
}
.goal-user {
    position: absolute;
    z-index: 20;
    left: 20px;
    display: inline-block;
    background: #dfedef;
    color: #014466;
    font-weight: 600;
    padding: 7px 20px;
    font-size: 16px !important;
    border-radius: 30px;
    margin-top:10px;
}
.page-content .activity-hero .help-controls {
    position:absolute;
    top:20px;
    right:30px;
}
.page-content .activity-hero .help-controls a {
    color: #014466;
    margin-left: 10px;
    font-size: 16px;
}
.page-content .activity-hero .help-controls a:hover {
    color: #014466 !important;
}
.page-content .activity-hero .left-rec {
    position: absolute;
    bottom: 54px;
    left: -40px;
    z-index: 10;
}
.page-content .activity-hero .right-rec {
    position: absolute;
    bottom: 27px;
    right: -40px;
    z-index: 10;
}
.page-content .activity-hero .hero-content {
    width: 100%;
    margin-top: 80px;
    text-align:center;
}
.page-content .activity-hero .hero-content .btn-back {
    display: inline-block;
    width: 34px;
    height: 34px;
    padding: 6px 0px;
    text-align: center;
    margin-right: 10px;
    margin-top: -7px !important;
    box-shadow: none !important;
    font-size: 16px;
    border-radius: 30px;
    color: #fff !important;
    line-height:20px;
}
.page-content .activity-hero .hero-content h1 {
    font-size: 30px;
    color: #014466;
    font-weight: 600;
    margin-top:0;
    margin-bottom:10px;
}
.page-content .activity-hero .hero-content h1 .app-sub-title {
    font-size:14px;
}
.page-content .activity-hero .hero-content h1 .app-sub-title span {
    font-size:14px !important;
    display:inline-block;
}
.page-content .activity-hero .hero-content h1 .app-sub-title .sub-title-spacer {
    display: inline-block;
    margin: 0 10px;
}
.page-content .activity-hero .hero-content h1 img {
    height: 45px;
    width: auto;
}
.page-content .activity-hero .hero-content h3 {
    font-size: 20px;
    font-weight: 400;
}
.page-content .activity-hero .hero-content .btn {
    box-shadow: 0px 3px 10px rgba(165, 193, 210, 0.30);
    margin-top:5px;
}
.page-content .activity-content {
    margin-top: 240px;
    padding: 0;
    width: 100%;
    float: left;
    position: relative;
    z-index: 10;
}
.page-content .activity-content.empty {
    margin-top: 313px;
}
.page-content .activity-content .empty-content {
    width:380px;
    margin: 70px auto;
}
.page-content .activity-content .empty-content img {
    width:100%;
    display:block;
}
.page-content .activity-content .empty-content a {
    display: block;
    margin: 0px 27px;
    border-radius: 30px;
    color: #fff !important;
}
.activity-content .activity-item h1,
.activity-content .activity-item .tag-container,
.activity-content .activity-item .experience-row p,
.activity-page .accordion-btn,
.activity-content .activity-item .activity-pill {
    font-family: "Poppins", 'Open Sans', helvetica, arial, sans-serif;
}
.activity-item .accordion-btn.accordion-fix {
    display: inline-block;
}
.activity-item .collapse.accordion-fix .experience-row {
}
.activity-item .collapse.accordion-fix .experience-row p {
    word-break: unset;
}
.activity-page .iframe-container {
    overflow: hidden;
    /* 16:9 aspect ratio */
    padding-top: 56.25%;
    position: relative;
    background-color:#333;
}
.activity-page .iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   border:1px solid #333;
}
.page-content .activity-content h3 {
    font-size:24px;
    color:#014466;
    font-weight:600;
    margin-bottom: 15px;
    width: 100%;
    float: left;
}

/* result mode */

/* tabs */
.page-content .activity-content .nav-tabs {
    margin-bottom:15px;
    border-bottom:1px solid #d7e2e6;
}
.page-content .activity-content .nav-tabs li {
    padding:0 15px;
}
.page-content .activity-content .nav-tabs li:first-child {
    padding-left:0;
}
.page-content .activity-content .nav-tabs li a.active {
    background: none;
    border-color:transparent;
    border-bottom: 2px solid #014466;
    color:#014466;
}
.page-content .activity-content .nav-tabs li a.active:hover,
.page-content .activity-content .nav-tabs li a.active:focus,
.page-content .activity-content .nav-tabs li a.active:active {
    color:#014466;
    border-color:transparent;
    border-bottom: 2px solid #014466;
}
.page-content .activity-content .nav-tabs li a {
    font-size:14px;
    padding:10px 0px;
    border-color:transparent;
}
.page-content .activity-content .nav-tabs li a:hover,
.page-content .activity-content .nav-tabs li a:focus,
.page-content .activity-content .nav-tabs li a:active {
    border-color:transparent;
    background:none;
    outline:none;
    color:#014466 !important;
}
.activity-page .tally-count {
    color:#6a6a6a;
    font-size: 12px;
    font-weight: 400;
}
.page-content .activity-content .nav-tabs .tally-count {

}
.page-content .activity-content .tab-content .tab-empty {
    width: 100%;
    float: left;
    background-color: #fff;
    border: 2px dashed #eee;
    border-radius: 5px;
    padding: 40px;
    text-align: center;
    -webkit-box-shadow:inset 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow:inset 0px 0px 4px 0px rgba(0, 0, 0, 0.04); 
}
.page-content .activity-content .tab-content .tab-empty img {
    max-width: 150px;
    max-height:140px;
}
.page-content .activity-content .tab-content .tab-empty h4 {
    font-size: 16px !important;
    color: #014466 !important;
    text-transform: none !important;
    margin-top: 15px !important;
    margin-bottom: 0 !important;
    font-weight: 600 !important;
}


/* activity item cards */
.activity-content .activity-item {
    position: relative;
    padding: 30px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0px 4px 40px rgba(204, 204, 204, 0.25) !important;
    margin-bottom:15px;
}
.activity-content .activity-item .activity-controls {
    position: absolute;
    right: 30px;
    z-index:10;
}
.activity-content .activity-item .activity-controls .btn-primary {
    font-size: 12px;
    padding: 7px 0;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius:30px;
}
.activity-content .activity-item .activity-controls .btn-default {
    font-size: 12px;
    padding: 6px 0;
    width: 32px;
    height: 32px;
    text-align: center;
    border:1px solid #014466;
    color:#014466;
    border-radius:30px;
}
.activity-content .activity-item .activity-controls .btn-default:hover {
    background-color:#014466;
    border-color:#014466;
    color:#fff;
}
.activity-content .activity-item .activity-controls .activity-pill {
    position:relative !important;
    top: unset;
    bottom: unset !important;
    right: unset !important;
    display:inline-block;
    margin-right:5px;
}
.activity-content .activity-item .activity-controls .btn-normal {
    width:unset;
    padding:7px 12px;
}
.activity-content .activity-item .card-icon {
    height: 50px;
    width: 50px;
    float: left;
    margin-right: 20px;
    background: #E4F5FA;
    border-radius: 30px;
    color: #014466;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
}
.activity-content .activity-item .card-icon.Personal-Social {
    font-size:20px;
}
.activity-content .activity-item .card-icon.Personal-Social + .card-top h1 i:before {
    color: #014466;
}
.activity-content .activity-item .card-icon.Academic {
    color:#5BBCB1;
    background:#E8F7EF;
}
.activity-content .activity-item .card-icon.Academic i:before,
.activity-content .activity-item .card-icon.Academic + .card-top h1 i:before {
    font-family:"Font Awesome 5 Free";
    content:"\f559";
}
.activity-content .activity-item .card-icon.Academic + .card-top h1 i:before {
    color: #5BBCB1;
}
.activity-content .activity-item .card-icon.Other {
    color:#F3BD5F;
    background:#FDF5E7;
}
.activity-content .activity-item .card-icon.Other i:before,
.activity-content .activity-item .card-icon.Other + .card-top h1 i:before {
    font-family:"Font Awesome 5 Free";
    content:"\f1d8";
}
.activity-content .activity-item .card-icon.Other + .card-top h1 i:before {
    color: #F3BD5F;
}
.activity-content .activity-item .card-icon.Career {
    color:#EE825C;
    background:#F9EBE6;
    font-size:22px;
}
.activity-content .activity-item .card-icon.Career i:before,
.activity-content .activity-item .card-icon.Career + .card-top h1 i:before {
    font-family:"Font Awesome 5 Free";
    content:"\f0b1"
}
.activity-content .activity-item .card-icon.Career + .card-top h1 i:before {
    color: #EE825C;
}
.activity-content .activity-item .card-top {
    float:left;
}
.activity-content .activity-item h1 {
    margin: 0 0 5px 0;
    font-size: 18px;
    font-weight: 600;
    color: #014466;
    padding-right:45px;
}
.activity-content .activity-item h1 a {
    margin: 0 0 5px 0;
    font-size: 18px;
    font-weight: 600;
    padding-right:45px;
}
.activity-content .activity-item .tag-container {
    width: 100%;
    float: left;  
}
.activity-content .activity-item .tag-container span {
    font-size: 12px;
    margin-right: 20px;
}
.activity-content .activity-item .tag-container span i {
    color:#014466;
}
.activity-content .activity-item .tag-container span span {
    margin-right:0;
}
.activity-content .activity-item .experience-row {
    margin-bottom: 20px;
}
.activity-content .activity-item .experience-row p {
    margin: 0 0 5px;
    padding: 0;
    word-break:break-all;
    font-size:14px;
}
.activity-content .eval-wrap {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    max-height: 149px;
    border: 1px solid #C2CAD8;
    border-radius: 4px;
    width:100%;
    float:left;
    margin-bottom:20px;
}
.activity-content .eval-wrap .eval-body {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 147px;
}

/* scroll bar */
.activity-content .eval-wrap .eval-body::-webkit-scrollbar {
	width: 5px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
/* Track */
.activity-content .eval-wrap .eval-body::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	-ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px; 
}
 
/* Handle */
.activity-content .eval-wrap .eval-body::-webkit-scrollbar-thumb {
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	-ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
	background: #ddd; 
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out; 
}
.activity-content .eval-wrap .eval-item {
    width: 100%;
    float: left;
    padding: 4px 15px;
}
.activity-content .eval-wrap .eval-item:first-child {
    padding-top:10px;
}
.activity-content .eval-wrap .eval-item:last-child {
    padding-bottom:10px;
}
.activity-content .eval-wrap .eval-item .eval-left {
    width: 75%;
    float: left;
}
.activity-content .eval-wrap .eval-item p {
    margin-bottom:0;
}
.activity-content .eval-wrap .eval-item p span {
    margin-left:20px;
}
.activity-content .eval-wrap .eval-item .eval-right {
    width: 25%;
    float: left;
    text-align:right;
}
.activity-content .eval-wrap .eval-item a {

}
.activity-content .activity-item .attach-photo {
    padding: 0;
    margin: 0 5px 5px 0;
    display: inline-block;
}
.activity-content .activity-item .attach-doc {
    padding: 0;
    margin: 0 10px 5px 0;
    display: inline-block;
}
.activity-content .activity-item .attach-photo img {
    height: 40px;
    width: 40px;
    border-radius: 20px;
}
.activity-content .activity-item .attach-doc span {
}
.activity-content .activity-item .attach-doc span i {
    background-color: #E4F5FA;
    color: #014466;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 20px;
    text-align: center;
    margin-right:7px;
}
.activity-content .activity-item .attach-spacer {
    height: 40px;
    padding: 0 10px;
}
.activity-content .activity-item .accordion-toggle[data-toggle=collapse]:before {
    content:"\f055";
    font-family:"FontAwesome";
    display: inline-block;
    position: relative;
    margin-right: 10px;
    font-size: 14px;
}
.activity-content .activity-item .accordion-toggle[aria-expanded=true]:before {
    content:"\f056";
    font-family:"FontAwesome";
    display: inline-block;
    position: relative;
    margin-right: 10px;
    font-size: 14px;
}
.activity-content .activity-item .accordion-toggle:after {
    display:none;
}
.activity-content .activity-item .accordion-toggle {
    color:#014466 !important;
    font-weight:600;
}
.activity-content .activity-item .accordion-toggle:hover,
.activity-content .activity-item .accordion-toggle:active,
.activity-content .activity-item .accordion-toggle:focus {
    color:#014466 !important;
}
.activity-page .accordion-btn {
    font-size:14px;
    cursor:pointer !important;
    padding-left:0;
    border:none;
    background:none;
    color:#014466;
    font-weight:600;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.activity-page .accordion-btn:hover,
.activity-page .accordion-btn:focus {
    color:#014466 !important;
    outline:none;
}
.activity-content .activity-item .activity-pill {
    position: absolute;
    bottom: 24px;
    right: 30px;
    padding: 5px 12px;
    border-radius: 30px;
    color: #014466;
    font-weight: 600;
    font-size:12px;
}
.activity-content .activity-item .activity-pill.yellow,
.activity-content .activity-item .activity-pill.Medium {
    background-color: #FDF5E7;
}
.activity-content .activity-item .activity-pill.yellow i,
.activity-content .activity-item .activity-pill.Medium i {
    color: #F3BD5F;
}
.activity-content .activity-item .activity-pill.green,
.activity-content .activity-item .activity-pill.Low {
    background-color: #E8F7EF;
}
.activity-content .activity-item .activity-pill.green i,
.activity-content .activity-item .activity-pill.Low i {
    color: #5BBCB1;
}
.activity-content .activity-item .activity-pill.red,
.activity-content .activity-item .activity-pill.High {
    background-color: #F9EBE6;
}
.activity-content .activity-item .activity-pill.red i,
.activity-content .activity-item .activity-pill.High i {
    color: #EE825C;
}
.activity-content .activity-item .activity-pill.blue {
    background-color: #E4F5FA;
}
.activity-content .activity-item .activity-pill.blue i {
    color: #014466;
}


/* more menu */
.activity-content .more-wrap {
	display: inline-block !important;
	position:relative;
}
.activity-content .more-wrap .more-main {
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
    font-weight: 600;
    color: #014466;
    font-size:14px !important;
    line-height:18px;
    padding:0 !important;
}
.activity-content .more-wrap .more-main > i {
    line-height:32px;
}
.activity-content .more-wrap .more-main:hover {
    color: #23527c;
    outline:none;
}
.activity-content .more-wrap .more-main:focus {
    color: #23527c;
    outline:none;
    border-color:#e6e6e6;
}
.activity-content .more-wrap .more-main.btn-primary:hover,
.activity-content .more-wrap .more-main.btn-primary:focus {
    color: #fff !important;
}
.activity-content .more-wrap .more-main.hover,
.activity-content .more-wrap .more-main.hover:hover,
.activity-content .more-wrap .more-main.hover:focus {
	background-color:#eee !important;
    color: #23527c !important;
    border-color: #eee !important;
}
.activity-content .more-wrap .more-options {
	display:none;
	position: absolute;
	background-color: #fff;
    width: auto;
    float: left;
    z-index: 10;
    padding:0;
    text-align: left;
	border: 1px solid #eee;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -moz-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -ms-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -o-box-shadow: 1px 1px 10px 0px #f1f1f1;
	box-shadow: 1px 1px 10px 0px #f1f1f1;
	right: 0;
    top: 35px;
}
.activity-content .more-wrap .more-options.show {
    display:block;
}
.activity-content .more-wrap .more-options ul {
	list-style:none;
	padding:10px 0;
	margin:0;
    width: 100%;
    float: left;
}
.activity-content .more-wrap .more-options ul li a {
	color: #014466;
	padding: 4px 15px;
    display: block;
    white-space: nowrap;
    font-weight:600;
}
.activity-content .more-wrap .more-options ul li a:hover,
.activity-content .more-wrap .more-options ul li a:focus {
	background-color: #eee;
    outline:none;
    text-decoration:none !important;
}
.activity-content .more-wrap .more-options ul li a i {
	margin-right:7px;
}


/* card pagination */
.activity-content .p-paginator-bottom,
.activity-opp .p-paginator-bottom{
    border-bottom:none;
}
.activity-content .p-paginator-bottom .p-paginator-page.p-highlight,
.activity-opp .p-paginator-bottom .p-paginator-page.p-highlight {
    background-color: #014466 !important;
    color: #fff !important;
    font-weight:600;
}
.activity-content .p-paginator-bottom .p-paginator-first,
.activity-content .p-paginator-bottom .p-paginator-last,
.activity-content .p-paginator-bottom .p-paginator-prev,
.activity-content .p-paginator-bottom .p-paginator-next,
.activity-content .p-paginator-bottom .p-paginator-page,
.activity-opp .p-paginator-bottom .p-paginator-first,
.activity-opp .p-paginator-bottom .p-paginator-last,
.activity-opp .p-paginator-bottom .p-paginator-prev,
.activity-opp .p-paginator-bottom .p-paginator-next,
.activity-opp .p-paginator-bottom .p-paginator-page {
    border: 1px solid #014466 !important;
    border-radius: 20px !important;
    min-width: 34px !important;
    height: 34px !important;
    font-size: 14px !important;
    font-weight:600;
    line-height: 34px;
    color:#014466 !important;
    -webkit-transition: 0.2s ease-in-out !important;
    -moz-transition: 0.2s ease-in-out !important;
    -ms-transition: 0.2s ease-in-out !important;
    -o-transition: 0.2s ease-in-out !important;
    transition: 0.2s ease-in-out !important;
}
.activity-content .p-paginator-bottom .p-paginator-first span,
.activity-content .p-paginator-bottom .p-paginator-last span,
.activity-content .p-paginator-bottom .p-paginator-prev span,
.activity-content .p-paginator-bottom .p-paginator-next span,
.activity-content .p-paginator-bottom .p-paginator-page span,
.activity-opp .p-paginator-bottom .p-paginator-first span,
.activity-opp .p-paginator-bottom .p-paginator-last span,
.activity-opp .p-paginator-bottom .p-paginator-prev span,
.activity-opp .p-paginator-bottom .p-paginator-next span,
.activity-opp .p-paginator-bottom .p-paginator-page span{
    font-size: 14px !important;
    color:#014466;
}
.activity-content .p-paginator-bottom .p-paginator-first:hover,
.activity-content .p-paginator-bottom .p-paginator-last:hover,
.activity-content .p-paginator-bottom .p-paginator-prev:hover,
.activity-content .p-paginator-bottom .p-paginator-next:hover,
.activity-content .p-paginator-bottom .p-paginator-page:hover,
.activity-opp .p-paginator-bottom .p-paginator-first:hover,
.activity-opp .p-paginator-bottom .p-paginator-last:hover,
.activity-opp .p-paginator-bottom .p-paginator-prev:hover,
.activity-opp .p-paginator-bottom .p-paginator-next:hover,
.activity-opp .p-paginator-bottom .p-paginator-page:hover {
    background-color: #014466 !important;
    color: #fff !important;
    border-color: #014466 !important;
}
.activity-content .p-paginator-bottom .p-paginator-first:hover span,
.activity-content .p-paginator-bottom .p-paginator-last:hover span,
.activity-content .p-paginator-bottom .p-paginator-prev:hover span,
.activity-content .p-paginator-bottom .p-paginator-next:hover span,
.activity-content .p-paginator-bottom .p-paginator-page:hover span,
.activity-opp .p-paginator-bottom .p-paginator-first:hover span,
.activity-opp .p-paginator-bottom .p-paginator-last:hover span,
.activity-opp .p-paginator-bottom .p-paginator-prev:hover span,
.activity-opp .p-paginator-bottom .p-paginator-next:hover span,
.activity-opp .p-paginator-bottom .p-paginator-page:hover span{
    color:#fff;
}
.activity-content .p-paginator-bottom .p-paginator-next .pi-angle-right:before,
.activity-opp .p-paginator-bottom .p-paginator-next .pi-angle-right:before{
    font-family:"Font Awesome 5 Free";
    content:"\f105";
}
.activity-content .p-paginator-bottom .p-paginator-last .pi-angle-double-right:before,
.activity-opp .p-paginator-bottom .p-paginator-last .pi-angle-double-right:before {
    font-family:"Font Awesome 5 Free";
    content:"\f101";
}
.activity-content .p-paginator-bottom .p-paginator-prev .pi-angle-left:before,
.activity-opp .p-paginator-bottom .p-paginator-prev .pi-angle-left:before {
    font-family:"Font Awesome 5 Free";
    content:"\f104";
}
.activity-content .p-paginator-bottom .p-paginator-first .pi-angle-double-left:before,
.activity-opp .p-paginator-bottom .p-paginator-first .pi-angle-double-left:before {
    font-family:"Font Awesome 5 Free";
    content:"\f100";
}


/* Activity comments */
.page-content .activity-content .comment-section {
    margin-top:40px;
    width: 100%;
    float: left;
}
.page-content .activity-content .comment-section hr {
    background-color:#eee;
}
.page-content .activity-content .comment-wrap {
    border-radius: 10px;
    padding: 30px;
    background: #FEF9F1;
    width: 100%;
    float: left;
    display: block;
    margin-bottom:15px;
    border:none !important;
    font-family: 'Poppins', helvetica, arial, sans-serif;
}
.page-content .activity-content .comment-wrap .user-icon {
    width: 40px;
    height: 40px;
    background: #F3BD5F;
    color: #fff;
    font-weight: 600;
    font-size:14px;
    text-align: center;
    padding: 10px 0;
    border-radius: 20px;
    float:left;
    text-transform:uppercase;
}
.page-content .activity-content .comment-wrap .comment-content {
    padding-left: 60px;
}
.page-content .activity-content .comment-wrap .comment-content .comment-user {
    font-weight: 600;
    color: #014466;
    margin-bottom:5px !important;
}
.page-content .activity-content .comment-wrap .comment-content .comment-user span {
    float: right;
    font-weight: 400;
    color: #6a6a6a;
    font-size: 12px;
}
.page-content .activity-content .comment-wrap .comment-content p {
    color: #6a6a6a;
    font-size: 14px;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    line-height:20px;
}
.page-content .activity-content .comment-wrap .comment-content .note {
    padding: 20px !important;
}
.page-content .activity-content .comment-wrap .comment-content a {
    color:#014466;
    font-weight:600;
    margin-top:10px;
    display:inline-block;
}
.page-content .activity-content .comment-wrap .comment-content .btn-primary:hover,
.page-content .activity-content .comment-wrap .comment-content .btn-primary:active,
.page-content .activity-content .comment-wrap .comment-content .btn-primary:focus {
    color:#fff !important;
}
.page-content .activity-content .comment-wrap .comment-content .btn-default:hover,
.page-content .activity-content .comment-wrap .comment-content .btn-default:active,
.page-content .activity-content .comment-wrap .comment-content .btn-default:focus {
    background-color: #014466 !important;
    border-color: #014466 !important;
    outline: none !important;
    color: #fff !important;
}
.page-content .activity-content .comment-wrap .comment-content a:hover,
.page-content .activity-content .comment-wrap .comment-content a:focus,
.page-content .activity-content .comment-wrap .comment-content a:active {
    color:#014466 !important;
    text-decoration:none;
    outline:none;
}
.page-content .activity-content .comment-wrap.add {
    background: none;
    margin-bottom:0;
    padding: 15px 30px 30px;
}
.page-content .activity-content .comment-wrap.add textarea {
    max-height:38px;
    min-height:unset;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    padding:8px 12px;
}
.page-content .activity-content .comment-wrap.add textarea.in-focus {
    max-height:100px;
    height:100px;
}
.page-content .activity-content .comment-wrap.add .btn-default {
    color:#014466;
    font-weight:600;
    padding: 7px 20px;
    font-size: 14px;
}
.page-content .activity-content .comment-wrap.edit {
    border: 1px solid #eee;
    background-color: #fff;
}
.page-content .activity-content .comment-wrap.edit textarea {
    margin-top:10px;
}
.page-content .activity-content .comment-wrap.edit a {

}

/* forms */
.activity-page input:focus,
.activity-page select:focus {
    outline:none;
}
.activity-page .form-group {
    margin-bottom:10px;
}
.activity-page select.form-control {
    background: #fff url(../../Images/SavedColleges/icon-arrow.png) no-repeat top 16px right 12px;
    background-size: 11px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    color: #6a6a6a;
    width: 100%;
    padding: 8px 27px 8px 12px !important;
}
.activity-page .form-inline {
    width: 100%;
    float: left;
}
.activity-page .form-inline input {
    display: inline-block;
    float: left;
}
.activity-page .form-inline .check-box {
    display: inline-block;
    width: unset;
    margin-left: 15px;
    margin-top: 7px;
}
.activity-page .p-calendar {
    width:100%;
    margin-left:0 !important;
}
.activity-page .p-calendar input {
    font-family: "Poppins", 'Open Sans', helvetica, arial, sans-serif;
    font-size:14px; 
    color:#727f89; 
}
.activity-page .p-calendar input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9CA5AC;
}
.activity-page .p-calendar input::-moz-placeholder { /* Firefox 19+ */
  color: #9CA5AC;
}
.activity-page .p-calendar input:-ms-input-placeholder { /* IE 10+ */
  color: #9CA5AC;
}
.activity-page .p-calendar input:-moz-placeholder { /* Firefox 18- */
  color: #9CA5AC;
}
.activity-page .form-inline p-calendar {
    float:left;
}
.activity-page .form-inline .p-calendar {
    width:220px;
}
.activity-page .p-calendar .p-datepicker table td {
    padding:0;
}
.p-datepicker .p-datepicker-header .p-datepicker-next span:before {
    font-family:"Font Awesome 5 Free";
    content:"\f105";
}
.p-datepicker .p-datepicker-header .p-datepicker-prev span:before {
    font-family:"Font Awesome 5 Free";
    content:"\f104";
}
.activity-page .p-datepicker .p-datepicker-header .p-datepicker-title select {
    padding:0;
}
.activity-page .form-group.bkgd-blue {
    background-color:#F2FAFB;
    padding: 15px 20px 20px;
    border-radius: 5px;
}
.activity-page .form-group.bkgd-blue label {
    color:#014466;
    font-weight:600;
    padding-top:0;
}
.activity-page .has-error input,
.activity-page .has-error select,
.activity-page .has-error textarea,
.activity-page input.is-invalid,
.activity-page select.is-invalid,
.activity-page textarea.is-invalid,
.activity-page p-calendar.is-invalid input {
    border-color: #e73d4a !important;
}
.activity-page .has-error input:hover,
.activity-page .has-error select:hover,
.activity-page .has-error textarea:hover,
.activity-page input.is-invalid:hover,
.activity-page select.is-invalid:hover,
.activity-page textarea.is-invalid:hover,
.activity-page p-calendar.is-invalid input:hover {
    border-color: #e73d4a !important;
}
.activity-page .error-message {
    background: none;
    font-weight: normal;
    margin-bottom: 0;
    margin-top:5px;
    padding: 0;
    color:#CD0A0A;
}
.activity-page .error-message i {
    font-size:14px !important;
}

/* file upload */
.page-content .well {
    padding: 30px 20px;
    margin: 20px 0px;
    background-color: #fafbfc;
    border: 2px dashed #b3c0ca !important;
    text-align: center;
    width: 100%;
    float: left;
}
.activity-wbl-exp #fileUpload .btn-default {
    font-size: 14px;
    padding: 7px 20px;
    margin-top:25px;
    border-color:#014466;
    border-radius:5px;
}
.activity-wbl-exp #fileUpload  table {
    margin-top:20px;
    margin-bottom:0;
}
.activity-wbl-exp #fileUpload  table thead {
    display:none;
}
.activity-wbl-exp #fileUpload  table td {
    border:none;
    padding: 2px 5px;
    background-color:#F2FAFB;
    border-bottom:10px solid #fff;
    padding: 15px 0;
}
.activity-wbl-exp #fileUpload  table td:first-child {
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    width: 80%;
    padding-left: 15px;
}
.activity-wbl-exp #fileUpload  table td:last-child {
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    padding-right: 15px;
}
.activity-wbl-exp #fileUpload  table td a {
    word-break: break-all;
    padding-bottom: 5px;
    display: block;
}
.activity-wbl-exp #fileUpload  table td input {
    width:80%;
    display:inline-block;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    float: left;
    border-right:none;
}
.activity-wbl-exp #fileUpload  table td input + button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #fff;
    border: 1px solid #014466;
    height: 38px;
    width: 38px;
    display: inline-block;
    float: left;
    color:#014466;
}
.activity-wbl-exp #fileUpload  table td input + button:hover,
.activity-wbl-exp #fileUpload  table td input + button:active,
.activity-wbl-exp #fileUpload  table td input + button:focus {
    outline:none;
    background:#014466;
    color:#fff;
}
.activity-wbl-exp #fileUpload  table td input + button:disabled {
    color:#a59f9f;
    background-color:#ececec;
    border-color: #c2cad8
}
.activity-wbl-exp #fileUpload  table td input + button:disabled:hover,
.activity-wbl-exp #fileUpload  table td input + button:disabled:active,
.activity-wbl-exp #fileUpload  table td input + button:disabled:focus {
    outline:none;
    background:#ececec;
    color:#a59f9f;
    border-color: #c2cad8
}
.activity-wbl-exp #fileUpload  table td input:hover
.activity-wbl-exp #fileUpload  table td input:active,
.activity-wbl-exp #fileUpload table td input:focus {
    outline:none;
}
.activity-wbl-exp #fileUpload .btn-default:hover,
.activity-wbl-exp #fileUpload .btn-default:focus,
.activity-wbl-exp #fileUpload .btn-default:active {
    color:#fff;
    background-color:#014466;
}

/* checkbox */
.activity-page .check-box {
    position: relative;
    width: 100%;
    float: left;
}
.activity-page .check-box input {
    width: 20px !important;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    opacity: 0;
}
.activity-page .check-box label {
    text-align: left;
    width: 100% !important;
    float: left !important;
    padding: 1px 0px 1px 30px !important;
    margin-top: 0;
    margin-bottom: 7px;
    position: relative;
    cursor: pointer;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    box-sizing: border-box;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    display: unset;
}
.activity-page .check-box label:before {
    content: "";
    font-family: "FontAwesome";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #ccc;
    background-color: #FFF;
    cursor: pointer;
    border: 1px solid #C2CAD8;
    border-radius: 4px;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .075);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .075);
    webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -ms-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}
.activity-page .check-box input[type="checkbox"]:focus + label:before {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.activity-page .check-box input[type="checkbox"]:checked + label {
}
.activity-page .check-box input[type="checkbox"]:checked + label::before {
    border-color: #014466;
    background-color: #014466;
    box-shadow: none;
}
.activity-page .check-box label:after {
    opacity: 0;
    font-family: "FontAwesome";
    content: "\f00c";
    color: #c4c9cd;
    position: absolute;
    z-index: 15;
    cursor: pointer;
    font-size: 9px;
    top: 1px;
    left: 6px;
    webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.activity-page .check-box input[type="checkbox"]:hover + label:after {
    opacity: 1;
}
.activity-page .check-box input[type="checkbox"]:checked + label:after {
    opacity: 1;
    color: #fff;
}
.activity-page .check-box input[type="checkbox"]:hover + label,
.activity-page .check-box input[type="checkbox"]:focus + label {
    border-color: #014466;
}
.activity-page .check-box.correct label,
.activity-page .check-box.correct input[type="checkbox"]:checked + label {
    border-color: #5BBCB1;
    box-shadow: 0px 0px 0px 1px #5BBCB1;
    background: url(/images/Transitions/ability-profiler/icon-check-circle.png) no-repeat right 15px top 12px;
    background-size: 15px auto;
}

/* radio buttons */
.activity-page .radio-box {
	position:relative;
	width: 100%;
	float: left;
}
.activity-page .radio-box.width-110 {
    width:110px;
    margin-right:5px;
}
.activity-page .radio-box.width-140 {
    width:140px;
    margin-right:5px;
}
.activity-page .radio-box.width-auto {
    width:auto;
    margin-right:5px;
    margin-bottom:5px;
}
.activity-page .radio-box.width-auto label {
    padding-right:13px;
}
.activity-page .radio-box input {
    width: 20px;
    position: absolute;
    top: 12px;
    left: 15px;
    z-index: 100;
    opacity:0;
}
.activity-page .radio-box input[disabled],
.activity-page .radio-box input[disabled]:hover {
    cursor:default;
}
.activity-page .radio-box input[disabled]:hover + label {
    border-color:#C2CAD8 !important;
    cursor:default;
}
.activity-page .radio-box label {
    width: 100%;
    float:left;
    margin-bottom: 5px;
    position: relative;
    cursor: pointer;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #C2CAD8;
    box-sizing: border-box;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);;
    border-radius: 4px;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.activity-page .radio-box label:before {
    content: "";
    font-family: "FontAwesome";
    width: 15px;
    height: 15px;
    position: absolute;
    top:11px;
    left: 15px;
    color: #ccc;
	background-color: #FFF;
    cursor: pointer;
    border: 1px solid #C2CAD8;
    border-radius: 20px;
	webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
	-ms-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}
.activity-page .radio-box input[type="radio"]:checked + label {
    border-color:#014466;
    box-shadow: 0px 0px 0px 1px #014466;
}
.activity-page .radio-box input[type="radio"]:checked + label::before{
    background-image: url(/images/Transitions/ability-profiler/radio-selected-icon.png);
    background-size: 15px auto;
    border: none;
}

.activity-page .radio-box input[type="radio"]:hover + label,
.activity-page .radio-box input[type="radio"]:focus + label {
	border-color: #014466;
}
.activity-page .radio-box input[type="radio"]:checked:hover + label,
.activity-page .radio-box input[type="radio"]:checked:focus + label {
    border-color: #014466 !important
}
.activity-page .radio-box.correct label,
.activity-page .radio-box.correct input[type="radio"]:checked + label {
    border-color:#5BBCB1;
    box-shadow: 0px 0px 0px 1px #5BBCB1;
    background: url(/images/Transitions/ability-profiler/icon-check-circle.png) no-repeat right 15px top 12px;
    background-size: 15px auto;
}

/* yes/no toggle */
.activity-page .switch-field {
	display: flex;
	overflow: hidden;
}

.activity-page .switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.activity-page .switch-field label {
	background-color: #fff;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
    margin-bottom:0;
}

.activity-page .switch-field label:hover {
	cursor: pointer;
}

.activity-page .switch-field input:checked + label {
	background-color: #014466;
    color:#fff;
	box-shadow: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.activity-page .smart-goal .switch-field input:checked + label {
    background-color: #5BBCB1;
}
.activity-page .switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.activity-page .switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}


/* modal */
.activity-page .modal-width-750 {
    width:750px;
}
.activity-page .height-overflow {
    max-height: calc(75vh - 60px);
    overflow-y: auto;
}

/* toast */
.activity-page .toast.show {
    opacity:1;
    display:block;
}

/* note */
.activity-page .note {
    position: relative;
    padding:20px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom:10px;
}
.activity-page .note.goal-alert {
    box-shadow: 0px 10px 40px rgba(161, 180, 189, 0.25);
    border: none;
    margin-bottom:15px;
    padding: 30px 30px 25px 30px;
}
.activity-page .note-danger {
    border-left:3px solid #ee825c !important;
}
.activity-page .note-danger h4 {
    color:#014466;
    font-weight: 600;
    margin-top:0;
}
.activity-page .note-danger h4 i {
    color:#ee825c;
}
.activity-page .note-info {
    background:#EFF9FA;
    border-left:3px solid #014466;
}

/* rating */
.page-content .rating-group {
    width:100%;
    float:left;
    color:#ddd;
    position: relative;
    text-align: left;
    direction: rtl;
    margin: 6px 0px;
}
.page-content .rating-group input[type='radio'] {
    position: absolute;
    left: unset;
    width: 26px;
    height: 25px;
    margin: 0;
    margin-left: -2px;
    opacity: 0;
}
.page-content .rating-group label {
    display: inline-block;
    cursor: pointer;
    width: unset !important;
    float:unset !important;
    padding: 0 !important;
}
.page-content .rating-group .rating-star {
    display: inline-block;
    position: relative;
    padding: 0 2px;
}
.page-content .rating-group .btn-default {
    float:right;
}
.page-content .rating-group label .fa {
    font-size: 26px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.page-content .rating-group label:hover .fa-star-o,
.page-content .rating-group label:focus .fa-star-o,
.page-content .rating-group label:hover ~ label .fa-star-o,
.page-content .rating-group label:focus ~ label .fa-star-o,
.page-content .rating-group input[type='radio']:checked ~ label .fa-star-o {
    opacity: 0;
}
.page-content .rating-group label .fa-star {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.page-content .rating-group label:hover .fa-star,
.page-content .rating-group label:focus .fa-star,
.page-content .rating-group label:hover ~ label .fa-star,
.page-content .rating-group label:focus ~ label .fa-star,
.page-content .rating-group input[type='radio']:checked ~ label .fa-star {
    opacity: 1;
    color: #F9DEAF;
}
.page-content .rating-group input[type='radio']:checked ~ label .fa-star {
    color: #F3BD5F;
}
.page-content .rating-group .ir {
    position: absolute;
    left: -9999px;
}
.page-content .rating-group .form-action {
    opacity: 0;
    position: absolute;
    left: 5px;
    bottom: -40px;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.page-content .rating-group input[type='radio']:checked ~ .form-action {
    cursor: pointer;
    opacity: 1;
}
.page-content .rating-group .btn-reset {
    display: inline-block;
    margin: 0;
    padding: 4px 10px;
    border: 0;
    font-size: 10px;
    font-size: 1rem;
    background: #fff;
    color: #eee;
    cursor: auto;
    border-radius: 5px;
    outline: 0;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.page-content .rating-group .btn-reset:hover,
.page-content .rating-group .btn-reset:focus {
    background: #F3BD5F;
}
.page-content .rating-group input[type='radio']:checked ~ .form-action .btn-reset {
    cursor: pointer;
} 
.page-content .rating-group input[type='radio']:focus + label .fa-star,
.page-content .rating-group input[type='radio']:focus + label .fa-star-o {
    color: #e4a12c;
}

/* activity - mgaap */
.activity-page .smart-goal-item {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom:15px;
}
.activity-page .smart-goal-item .smart-icon {
    background-color: #E4F5FA;
    color: #014466;
    position:absolute;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 24px;
    border-radius: 5px;
    margin-right:15px;
}
.activity-page .smart-goal-item .smart-text {
    width:100%;
    padding-left:60px;
    padding-right:130px;
}
.activity-page .smart-goal-item .smart-text .title {
    font-weight:600;
    color:#014466;
    font-size: 14px;
    border: none;
    margin-top: 3px;
    margin-bottom: 2px;
}
.activity-page .smart-goal-item .smart-text p {
    margin-bottom:0;
    padding:0;
}
.activity-page .smart-goal-item .switch-field {
    position: absolute;
    right: 0;
    top: 6px;
}
.activity-page .smart-goal-celebration {
    background-color: #5BBCB1;
    width: 100%;
    float: left;
    border-radius: 8px;
    position:relative;
    padding: 15px 20px;
    margin-bottom: 15px;
     -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.activity-page .smart-goal-celebration p {
    color: #fff;
    font-weight: 600;
    float:left;
    margin-bottom: 2px;
}
.activity-page .smart-goal-celebration img {
    position: absolute;
    right: 10px;
    top: -13px;
    width: 60px;
}
.activity-page .smart-tag {
    background: #E8F7EF;
    color: #014466;
    position: absolute;
    right: 0;
    padding: 5px 10px;
    border-radius: 5px;
    top: -4px;
}
.activity-page .smart-tag i {
    color:#5BBCB1;
}
.activity-page .action-task {
    display:inline-block;
    width:100%;
    position:relative;
    padding:1px 0;
     -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.activity-page .action-task:hover {
}
.activity-page .action-task .task-title {
    width: 65%;
    float: left;
    margin-top:0 !important;
    padding-left:33px;
    padding-right:10px;
}
.activity-page .action-task .task-icon {
    width: 25px;
    height: 25px;
    background: #FDF5E7;
    color: #F3BD5F;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    border-radius: 6px;
    margin-right: 8px;
    margin-left: -33px !important;
}
.activity-page .action-task.InProgress .task-icon {
    background:#E4F5FA;
    color:#014466;
    margin: 0 8px 0 0;
    box-shadow: none !important;
    display: inline-block;
    overflow: unset;
    margin-left:-33px;
}
.activity-page .action-task.InProgress .task-icon i:before {
    font-family:"FontAwesome";
    content:"\f021"
}
.activity-page .action-task.Completed .task-icon,
.activity-page .action-task.Completed.overdue .task-icon {
    background:#E8F7EF;
    color:#5BBCB1;
}
.activity-page .action-task.Completed .task-icon i:before,
.activity-page .action-task.Completed.overdue .task-icon i:before{
    font-family:"fontAwesome";
    content:"\f00c";
}
.activity-page .action-task.Completed .task-date {
    opacity:0;
}
.activity-page .action-task.Completed .task-title,
.activity-page .action-task.Abandoned .task-title {
    text-decoration: line-through;
    color: #a7a7a7;
}
.activity-page .action-task.Abandoned .task-icon,
.activity-page .action-task.Abandoned.overdue .task-icon {
    background:#f3f3f3;
    color:#b9b9b9;
}
.activity-page .action-task.Abandoned .task-icon i:before,
.activity-page .action-task.Abandoned.overdue .task-icon i:before {
    font-family:"fontAwesome";
    content:"\f187";
}
.activity-page .action-task.Abandoned .task-date {
    opacity:0;
}
.activity-page .action-task.overdue .task-icon {
    background:#F9EBE6;
    color:#EE825C;
}
.activity-page .action-task.overdue .task-icon i:before {
    font-family:"fontAwesome";
    content:"\f12a";
}
.activity-page .action-task .task-info {
    width: 35%;
    float: right;
    font-size:12px;
    padding-top:3px;
}
.activity-page .action-task .task-date {
    display: inline-block;
    width: 55%;
    margin-top:0 !important;
}
.activity-page .action-task.overdue .task-date {
    color:#EE825C;
    font-weight:600;
}
.activity-page .action-task .task-status {
    display: inline-block;
    width: 45%;
}
.activity-page .action-task .btn-edit {
    position: absolute;
    right: 0;
    top: 3px;
    border: none;
    background: none;
    color: #014466;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.activity-page .action-task .btn-edit:hover,
.activity-page .action-task .btn-edit:focus {
    color:#014466 !important;
    outline:none !important;
}
.activity-page .action-task .btn-edit:disabled,
.activity-page .action-task .btn-edit.disabled {
    opacity:.5;
    color:#014466 !important;
}
.activity-page .action-task.task-add {
    background-color:#F2FAFB;
    padding:10px 20px 15px;
    border-radius: 5px;
    margin-bottom:10px;
    margin-top:2px;
}
.activity-page .action-task.task-add .btn {
    font-size:12px;
}
.activity-page .action-task.task-add .btn-default:hover {
    background-color:#014466 !important
}
.activity-page .action-task.task-edit {
    background-color:#F2FAFB;
    padding:10px 20px 15px;
    border-radius: 5px;
    margin:2px 0px 7px;
}
.activity-page .action-task.task-edit .btn {
    font-size:12px;
}
.activity-page .action-task.task-edit .btn-default:hover {
    background-color:#014466 !important
}
.activity-page .task-collapse.edit-mode .action-task {
    opacity:.5;
}
.activity-page .task-collapse.edit-mode .action-task.task-edit,
.activity-page .task-collapse.edit-mode .action-task.task-add {
    opacity:1;
}
.activity-page .task-collapse .btn-add {
    font-size:12px;
    margin-top:7px;
}


/* mgap specific styles*/
.activity-mgap .activity-hero.empty::before {
    background: url("/Images/Transitions/portfolio/empty-mgaap.png") no-repeat;
    background-size: 430px auto;
}
.activity-mgap .form-group span {
    margin-left:unset;
}
.activity-mgap .activity-item {
    padding: 30px 30px 25px 30px;
    box-shadow: 0px 10px 40px rgba(161, 180, 189, 0.25);
    border:none;
}
.activity-mgap .activity-item .card-top {
    float:none;
    width: 100%;
    padding-right: 140px;
    padding-left: 70px;
}
.activity-mgap .activity-item h1 {
    padding-right:0;
    line-height:22px;
}
.activity-mgap .activity-item h1 i {
    display:none;
    padding-right: 5px;
    font-size: inherit;
}
.activity-mgap .accordion-btn {
    display:inline-block;
    margin-bottom:10px;
    width:100%;
    position:relative;
    text-align:left;
}
.activity-mgap .hint-text {
    font-size:12px;
    font-style:italic;
    color:#8a8a8a;
    display: block;
    margin-top: 2px;
}

/* common app specific styles*/
.activity-commonapp .activity-hero.empty {
    height:380px;
}
.activity-commonapp .activity-hero.empty::before {
    background: url("/Images/Transitions/portfolio/empty-common-app.png") no-repeat;
    background-size: 430px auto;
    top:200px;
}
.activity-commonapp .activity-hero.empty:after {
    top:342px;
}
.activity-commonapp .activity-content {
    margin-top:140px;
}
.activity-commonapp .activity-content .empty-content {
    margin-top: 0;
}
.activity-commonapp .activity-content .result-content {
    width: 380px;
    margin: 30px auto 70px;
}

.activity-commonapp .activity-content .result-content img {
    width:100%;
    display:block;
}
.activity-commonapp .title-blue {
    color:#014466;
    font-weight:600;
    margin-bottom:20px;
    margin-top:30px;
}
.activity-commonapp .white-wrap {
    width: 100%;
    float: left;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(204, 204, 204, 0.25) !important;
    margin-bottom: 10px;
    position: relative;
    padding: 10px 15px;
    display:table;
    min-height:52px;
}
.activity-commonapp .icon-bkgd {
    background: #5BBCB1;
    color: #fff;
    height: 30px;
    width: 30px;
    display: inline-block;
    float: left;
    border-radius: 4px;
    margin-right: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 0;
    position: absolute;
    top: 10px;
    left: 15px;
}
.activity-commonapp .icon-bkgd.round {
    border-radius: 30px;
}
.activity-commonapp .icon-bkgd.yellow {
    background: #F3BD5F;
}
.activity-commonapp .icon-bkgd.red {
    background:#EE825C;
}
.activity-commonapp .white-wrap p {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left:40px;
}

/* work based learning specific styles */
.page-content.activity-wbl-exp .activity-hero.empty::before {
    background: url("/Images/Transitions/portfolio/empty-wbl.png") no-repeat;
    background-size: 430px auto;
}
.page-content.activity-wbl-exp .activity-item .activity-controls {
    top:25px;
}

/* exposure experiences */
.activity-content .activity-item .card-icon.career-fair {
    color: #5BBCB1;
    background: #E8F7EF;
    font-size: 22px;
}
.activity-content .activity-item .card-icon.career-fair i:before,
.activity-content .activity-item .type-icon.career-fair i:before {
    font-family: "Font Awesome 5 Free";
    content: "\f54e";
    font-weight: 600;
}
.activity-content .activity-item .card-icon.field-trip {
    color: #F8D51C;
    background: #FCF7DA;
    font-size: 22px;
}
.activity-content .activity-item .card-icon.field-trip i:before,
.activity-content .activity-item .type-icon.field-trip i:before {
    font-family: "Font Awesome 5 Free";
    content: "\f55e";
    font-weight: 600;
}
.activity-content .activity-item .card-icon.guest-speaker {
    color: #7CAEE8;
    background: #E6F1FE;
    font-size: 22px;
}
.activity-content .activity-item .card-icon.guest-speaker i:before,
.activity-content .activity-item .type-icon.guest-speaker i:before {
    font-family: "Font Awesome 5 Free";
    content: "\f130";
    font-weight: 600;
}
.activity-content .activity-item .card-icon.informational-interview {
    color: #F16262;
    background: #FDEAEA;
    font-size: 22px;
}
.activity-content .activity-item .card-icon.informational-interview i:before,
.activity-content .activity-item .type-icon.informational-interview i:before {
    font-family: "Font Awesome 5 Free";
    content: "\f086";
    font-weight: 600;
}
.activity-content .activity-item .card-icon.job-shadowing {
    color: #014466;
    background: #E4F5FA;
    font-size: 22px;
}
.activity-content .activity-item .card-icon.job-shadowing i:before,
.activity-content .activity-item .type-icon.job-shadowing i:before {
    font-family: "Font Awesome 5 Free";
    content: "\f509";
    font-weight: 600;
}
.activity-content .activity-item .card-icon.virtual-career-fair {
    color: #17A6A6;
    background: #DCF0F2;
    font-size: 22px;
}
.activity-content .activity-item .card-icon.virtual-career-fair i:before,
.activity-content .activity-item .type-icon.virtual-career-fair i:before {
    font-family: "Font Awesome 5 Free";
    content: "\f109";
    font-weight: 600;
}


/* engagement experiences */
.activity-content .activity-item .card-icon.apprenticeship {
    color: #EE825C;
    background: #F9EBE6;
    font-size: 22px;
}
.activity-content .activity-item .card-icon.apprenticeship i:before,
.activity-content .activity-item .type-icon.apprenticeship i:before {
    font-family: "Font Awesome 5 Free";
    content: "\f552";
    font-weight: 600;
}
.activity-content .activity-item .card-icon.career-technical-student-organizations {
    color: #F3BD5F;
    background: #FDF1DD;
    font-size: 22px;
}
.activity-content .activity-item .card-icon.career-technical-student-organizations i:before,
.activity-content .activity-item .type-icon.career-technical-student-organizations i:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0c0";
    font-weight: 600;
}
.activity-content .activity-item .card-icon.cooperative-work-experience {
    color: #FC8989;
    background: #FFE9E9;
    font-size: 22px;
}
.activity-content .activity-item .card-icon.cooperative-work-experience i:before,
.activity-content .activity-item .type-icon.cooperative-work-experience i:before {
    font-family: "Font Awesome 5 Free";
    content: "\f2b5";
    font-weight: 400;
}
.activity-content .activity-item .card-icon.internship {
    color: #FA9F4C;
    background: #FEEEDF;
    font-size: 22px;
}
.activity-content .activity-item .card-icon.internship i:before,
.activity-content .activity-item .type-icon.internship i:before {
    font-family: "Font Awesome 5 Free";
    content: "\f2c1";
    font-weight: 600;
}
.activity-content .activity-item .card-icon.mentorship {
    color: #BADB85;
    background: #EEF8E7;
    font-size: 22px;
}
.activity-content .activity-item .card-icon.mentorship i:before,
.activity-content .activity-item .type-icon.mentorship i:before {
    font-family: "Font Awesome 5 Free";
    content: "\f500";
    font-weight: 600;
}
.activity-content .activity-item .card-icon.part-time-summer-job {
    color: #F49EE7;
    background: #FFE8FB;
    font-size: 22px;
}
.activity-content .activity-item .card-icon.part-time-summer-job i:before,
.activity-content .activity-item .type-icon.part-time-summer-job i:before {
    font-family: "Font Awesome 5 Free";
    content: "\f54f";
    font-weight: 600;
}
.activity-content .activity-item .card-icon.practicum {
    color: #9B90DF;
    background: #EBE9F9;
    font-size: 22px;
}
.activity-content .activity-item .card-icon.practicum i:before,
.activity-content .activity-item .type-icon.practicum i:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0b1";
    font-weight: 600;
} 
.activity-content .activity-item .card-icon.school-based-enterprise-project-simulation {
    color: #68BC80;
    background: #E4F3E8;
    font-size: 22px;
}
.activity-content .activity-item .card-icon.school-based-enterprise-project-simulation i:before,
.activity-content .activity-item .type-icon.school-based-enterprise-project-simulation i:before {
    font-family: "Font Awesome 5 Free";
    content: "\f549";
    font-weight: 600;
}
.activity-content .activity-item .card-icon.service-learning {
    color: #5BC3D9;
    background: #E6F6F9;
    font-size: 22px;
}
.activity-content .activity-item .card-icon.service-learning i:before,
.activity-content .activity-item .type-icon.service-learning i:before {
    font-family: "Font Awesome 5 Free";
    content: "\f02d";
    font-weight: 600;
}

.activity-wbl-exp .align-bottom-right {
    position: absolute; 
    bottom: 24px; 
    right: 30px;
}
.activity-wbl-exp .align-bottom-right p {
    display: inline-block;
    font-size: 11px;
    margin-right: 10px;
    color: #6a6a6a;
    font-style: italic;
    margin-bottom: 0;
}
.activity-wbl-exp .activity-content .activity-item .activity-pill {
    position:unset;
    display:inline-block;
}
.activity-form .panel-header .title-update {
    float: right;
    font-size: 12px;
    color: #6a6a6a;
    font-weight: normal;
    font-style: italic;
    margin-top: 3px;
}



/* Add experience */

.activity-page .title-group {
    float: left;
    width: 100%;
    margin-bottom:30px;
}

.activity-page .title-group .btn-back {
    display: inline-block;
    width: 34px;
    height: 34px;
    padding: 6px 0px;
    text-align: center;
    margin-right: 10px;
    margin-top: 6px !important;
    box-shadow: none !important;
    font-size: 16px;
    border-radius: 30px;
    color: #fff !important;
    line-height: 20px;
    float:left
}
.activity-page .title-group .title-text {
    float:left;
    margin-left:10px;
}
.activity-page .title-group h2 {
    color: #014466;
    margin-top:2px;
    font-weight:600;    
}
.activity-page .title-group h5 {
    color:#014466 !important;
    font-weight:600;
    margin-top:0;
}
.activity-form .activity-content {
    margin-top:200px;
}
.activity-form .panel-wrap {
    -webkit-box-shadow: 0px 22px 40px rgba(161, 180, 189, 0.20);
    -moz-box-shadow: 0px 22px 40px rgba(161, 180, 189, 0.20);
    -ms-box-shadow: 0px 22px 40px rgba(161, 180, 189, 0.20);
    -o-box-shadow: 0px 22px 40px rgba(161, 180, 189, 0.20);
    box-shadow:0px 22px 40px rgba(161, 180, 189, 0.20);
    border:none;
}
.activity-form .panel-header h4 {
    color: #014466;
}
.activity-form .form-container.form-horizontal label {
    padding: 0;
}
.activity-form .form-group {
    padding-bottom:0;
}
.activity-form .label-right {
    text-align:right;
    font-weight:600;
    color: #014466 !important;
}
.activity-form .label-right.label-regular {
    color:#6a6a6a !important;
    font-weight:normal;
}
.activity-form .label-left {
    text-align:left;
}
.activity-form .label-right .optional-field {
    color: #6a6a6a;
    font-size: 12px;
    display:inline-block;
}
.activity-form .experience-type[disabled]{
    border: none !important;
    background: none;
    padding-left: 0 !important;
    box-shadow: none;
    cursor: default;
    font-weight: 600;
    color: #014466;
}
.activity-form p.label {
    color:#6a6a6a;
    display:block;
    text-align: right;
    width: 100%;
    padding:0px;
    margin:10px 0;
    text-transform: none;
    font-size:14px;
    font-weight:normal;
    line-height:18px;
}
.activity-form .form-container.form-horizontal label.label-left {
    text-align:left;
}
.activity-form .p-input-sm input {
    max-width:250px;
}
.activity-form .hours-control .hours-pill {
    display:inline-block;
    background: #FDF5E7;
    padding: 6px 15px;
    border-radius: 5px;
    margin-left: 10px;
    color: #014466;
    font-weight: 600;
}
.activity-form .hours-control .hours-pill i {
    color:#F3BD5F;
}

.activity-form .note-info {
    padding:15px;
}
.activity-form .optional-label {
    padding-top: 0 !important;
    margin:0 !important;
}
.activity-form .optional-field {
    font-size: 11px;
    color: #6a6a6a;
    margin-left: 0;
    display:block;
}
.activity-form .label-2line {
    padding-top: 0 !important;
    margin:0 !important;
}
.activity-form .form-container.form-horizontal .radio-box label {
    padding: 9px 10px 9px 38px;
    margin:0;
}
.activity-form .review-group {
    width: 100%;
    float: left;
    padding-bottom:0;
    margin-bottom:15px;
}
.activity-form .review-header {
    background-color: #F2FAFB;
    padding:0;
    border-radius:6px;
    margin-bottom:15px;
}
.activity-form .review-header .review-answer {
    padding:10px 10px 10px 0
}
.activity-form .review-question {
    width: 55%;
    float: left;
    display:table;
}
.activity-form .review-question div {
    display: table-cell; 
    vertical-align: middle; 
    height:38px;
}
.activity-form .review-question p {
    margin:0;
}
.activity-form .review-answer {
    width: 210px;
    float: right;
}
.activity-form .review-answer p {
    font-size:12px;
    font-weight:600;
    color:#014466;
    margin-bottom:0;
}
.activity-form .review-answer p span:last-child{
    float:right;
}
.activity-form .review-group .radio-box {
    width:unset;
    margin-right:10px;
}
.activity-form .review-group .radio-box input {
    cursor:pointer;
}
.activity-form .review-group .radio-box label {
    padding: 6px 0 !important;
    width: 32px;
    text-align: center;
    margin: 0 !important;
}
.activity-form .review-group .radio-box input[type="radio"]:checked + label {
    box-shadow:none;
    border:1px solid #014466;
    background-color: #014466;
    color:#fff;
}
.activity-form .review-group .radio-box input[type="radio"]:hover + label, 
.activity-form .review-group .radio-box input[type="radio"]:focus + label {
    border:1px solid #014466;
}
.activity-form .review-group .radio-box label:before {
    display:none
}
.activity-form .button-row {
    text-align:right;
    position: relative;
    margin-top:5px;
}
.activity-form .button-row .btn-default {
    background-color: #fff;
}
.activity-form .button-row .btn-default:hover,
.activity-form .button-row .btn-default:active {
    background: #014466 !important;
}
.activity-form .form-wbl-exp .form-control[disabled] {
    border: none !important;
    box-shadow: none;
    padding-left: 0 !important;
    color: #014466;
    font-weight: 600;
    background: none;
    cursor: default;
}
.activity-form #fileUpload .btn-row {
    text-align:center;
}
.activity-form #fileUpload .btn-row p {
    display:inline-block;
    margin-right:10px;
}
.activity-form #fileUpload .btn-row .file-label {
    display: inline-block;
    width: unset;
    padding: 7px 18px;
    float:none;
}
.activity-form #fileUpload .attachment th {
    border-bottom: 2px solid #eee;
}
.activity-form #fileUpload .attachment td {
    border-top: 1px solid #eee;
}

.activity-form #fileUpload .attachment .btn-secondary {
    font-size: 12px;
    padding: 5px 15px;
}
.activity-form #fileUpload .attachment .btn-secondary:hover {
    background-color:#014466 !important;
}
.modal-hours .modal-content,
.modal-hours .modal-header,
.modal-hours .modal-body,
.modal-hours .modal-footer {
    width: 100%;
    float:left;
}
.modal-hours .modal-header {
    background-color:#fff;
    border-bottom:1px solid #F2F3F6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.modal-hours .modal-header .title-light {
    color:#014466 !important;
}
.modal-hours .modal-header .title-light i {
    color:#014466;
}
.modal-hours .modal-header .close {
    opacity:1;
}
.modal-hours .modal-header .close:hover i {
    color: #014466;
}
.modal-hours .modal-header button i {
    color:#014466;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.modal-hours .modal-header .title-hours {
    font-size:12px;
    float:right;
    margin-right:10px;
}
.modal-hours .modal-body {
    background: #F6F7F9;
    width: 100%;
    float: left;
    min-height:275px;
}
.modal-hours .modal-body .empty-hours {
    margin: 80px auto 0;
    width: 60%;
}
.modal-hours .modal-body .empty-hours img {
    height: auto;
    width: 20%;
    float: left;
}
.modal-hours .modal-body .empty-text {
   width:80%;
   float:left;
   padding-left:20px;
   margin-bottom:55px;
}
.modal-hours .modal-body .empty-hours h3 {
    font-weight: 600;
    color: #014466;
    margin-bottom: 10px;
    margin-top:10px;
}
.modal-hours .modal-body .empty-hours p {
   
}
.modal-hours .modal-body .status-update {
    margin: 30px 0 0 0;
    padding: 35px;
}
.modal-hours .modal-body .status-update img {
    width: 180px;
    float: left;
    padding-right: 10px;
}
.modal-hours .modal-body .status-update .status-text {
    width:345px;
    float:right;
}
.modal-hours .modal-body .status-update .status-text h3 {
    font-weight: 600;
    color: #014466;
    margin-bottom: 10px;
    margin-top:00px;
}
.activity-page .hours-wrap {
    float:left;
    width: 100%;
    padding:10px 15px;
    min-height: 275px;
    max-height: 350px;
    overflow-y: auto;
}
.activity-page .hours-wrap .hours-item {
    background: #fff;
    float: left;
    width: 100%;
    padding:10px 20px;
    margin: 5px 0;
    border-radius: 6px;
    display:table;
}
.activity-page .hours-disabled {
    pointer-events:none;
    opacity:.5;
}
.activity-page .hours-wrap .hours-item .data-date {
    display: table-cell;
    vertical-align: middle;
    width: 60%;
}
.activity-page .hours-wrap .hours-item .data-date i {
    color:#014466;
    margin-right:5px;
}
.activity-page .hours-wrap .hours-item .data-user {
    font-size: 12px;
    opacity: .7;
    font-style: italic;
    margin-top: 2px;
    display: block;
}
.activity-page .hours-wrap .hours-item .data-hours {
    display: table-cell;
    vertical-align: middle;
    width: 10%;
    text-align:left;
}
.activity-page .hours-wrap .hours-item .data-hours i {
    color: #F3BD5F;
    margin-right:5px;
}
.activity-page .hours-wrap .hours-item .data-actions {
    display: table-cell;
    vertical-align: middle;
    width: 30%;
    text-align:right;
}
.activity-page .hours-wrap .hours-item .btn-delete {
    border:2px solid #014466;
    width: 32px;
    padding: 4px 8px;
    border-radius: 6px;
    overflow:hidden;
    margin-right:0;
}
.activity-page .hours-wrap .hours-item .btn-delete i {
    opacity:1;
    width:11px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.activity-page .hours-wrap .hours-item .btn-delete:hover {
    background: #014466;
    border-color: #014466;
    color:#fff;
}
.activity-page .hours-wrap .hours-item .btn-delete span {
    width:0;
    opacity:0;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.activity-page .hours-wrap .hours-item .delete-confirm .btn-delete {
    width:auto;
    padding:4px 8px;
    overflow:hidden;
    margin-right:5px;
    background-color: #014466;
    color: #fff !important;
}
.activity-page .hours-wrap .hours-item .delete-confirm .btn-delete:hover,
.activity-page .hours-wrap .hours-item .delete-confirm .btn-cancel:hover {
    background: #014466;
    border-color: #014466;
    color:#fff;
}
.activity-page .hours-wrap .hours-item .delete-confirm .btn-delete span {
    width:auto;
    opacity:1;
}
.activity-page .hours-wrap .hours-item .delete-confirm .btn-delete i {
    opacity:0;
    width:0;
}
.activity-page .hours-wrap .hours-item .btn-cancel {
    opacity:0;
    width:0;
    border:2px solid #014466;
    color:#014466;
    padding:4px 0;
    border-radius: 6px;
    height:32px;
    overflow:hidden;
}
.activity-page .hours-wrap .hours-item .delete-confirm .btn-cancel {
    opacity:1;
    width:auto;
    padding: 4px 8px;
    overflow:hidden;
}
.modal-hours .modal-footer .footer-date {
    display: inline-block;
    float: left;
    margin-right: 10px;
    width:230px;
    text-align:left;
}
.modal-hours .modal-footer .footer-hours {
    display: inline-block;
    float: left;
    margin-right: 10px;
    width:170px;
    text-align:left;
}
.modal-hours .modal-footer .footer-hours input {
    max-width:unset !important;
}


/* Opportunities */
.activity-opp {
    margin-bottom:80px;
}
.activity-opp .activity-hero,
.activity-opp .activity-hero.empty {
    z-index:unset;
}
.activity-opp .activity-hero.empty:after {
    transform: skewY(-3deg);
    top: 349px;
}
.activity-opp .activity-hero .hero-content {
    text-align:left;
}
.activity-opp .activity-hero .hero-content h1 img {
    float:right;
    height: 70px;
    position: relative;
    top: -15px;
}
.activity-opp .activity-content {
    margin-top:190px;
    z-index:unset;
}
.activity-opp .activity-content h3 {
    font-size:20px;
}
.activity-opp .section-margin {
    margin-top:80px;
}
.activity-opp .separator {
    margin: 0 10px;
    font-size: 14px;
    font-weight: normal;
}
.activity-opp .empty-wrap {
    width:100%;
    float:left;
    background:rgba(255, 255, 255, .50);
    position:relative;
    z-index:1;
}
.activity-opp .activity-content .empty-content {
    width:420px;
    text-align:left;
    margin: 30px auto 0;
}
.activity-opp .activity-content .empty-content img {
    width: auto;
    height: 95px;
    float: left;
    margin-right:20px;
    position: relative;
    top: -12px;
    margin-bottom:0;
}
.activity-opp .activity-content .empty-content h5 {
    color:#014466 !important;
    font-weight:600;
    font-size:16px;
    margin-bottom:5px;
}
.activity-opp .opportunity-tile {
    width:100%;
    float:left;
    background-color:#fff;
    box-shadow: 0px 10px 40px rgba(161, 180, 189, 0.25);
    border-radius: 10px;
    padding:20px 20px 10px;
    position:relative;
    margin-bottom:10px;
    font-family:'Poppins', helvetica, arial, sans-serif;
}
.activity-opp .opportunity-tile.match {
    border-top:2px solid #F3BD5F;
    background:#fff;
}
.activity-opp .opportunity-tile .matching-badge {
    padding: 0 20px;
    background: #F3BD5F;
    color: #fff;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    position: absolute;
    top: -1px;
    left: 0;
    border-top-left-radius: 10px;
}
.activity-opp .opportunity-tile .opportunity-top {
    width: 100%;
    float: left;
}
.activity-opp .opportunity-top {
    margin:10px 0 20px;
}
.activity-opp .opportunity-top .logo {
    height:50px;
    width:50px; 
    background-color: #E4F5FA;
    color:#014466;
    border-radius:7px;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    float:left;
}
.activity-opp .opportunity-top .logo-img {
    float:left;
}
.activity-opp .opportunity-top .logo-img img {
    max-width: 100px;
    max-height: 50px;
}
.activity-opp .opportunity-top .logo-bkgd {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat:no-repeat;
    background-color:#fff;
    border: 1px solid #e6eff1;
}
.activity-opp .opportunity-top .btn {
    float:right;
}
.activity-opp .opportunity-top .due-date {
    text-align: right;
    font-size: 12px;
    color: #6a6a6a;
}
.activity-opp .opportunity-tile h4 {
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 3px;
}
.activity-opp .opportunity-tile h4 a {
    font-size:16px;
    font-weight: 600;
    color: #014466;
}
.activity-opp .btn-applied,
.activity-opp .btn-applied:hover,
.activity-opp .btn-applied:focus {
    background-color: #5BBCB1;
    cursor:default;
    pointer-events:none;
    border-color: #5bbcb1;
    opacity:1;
    cursor:default;
    pointer-events:none;
}
.activity-opp .opportunity-tile p {
    font-size:12px;
    width:100%;
    float:left;
}
.activity-opp .opportunity-meta {
    margin-top:20px;
    width:100%;
    float:left;
}
.activity-opp .opportunity-meta p .icon {
    float: none;
    width: 18px;
    text-align: center;
    display: inline-block;
    margin-right: 5px;
}
.activity-opp .opportunity-meta span {
    float:right;
    font-weight:600;
    color:#014466;
    max-width:70%;
    text-align:right;
}
.activity-opp .success-alignment {

}
.activity-opp .success-alignment i {
    font-size: 40px;
    float: left;
    margin-right: 20px;
    margin-top: -2px;
}
.activity-opp .success-alignment .success-content {

}


/*fix style*/
.activity-opp {
    font-family:'Poppins', helvetica, arial, sans-serif;
}
.activity-opp .activity-content .empty-content a {
    color: #014466 !important;
    display: inline;
    margin: auto;
    border-radius: 0;
}
.activity-opp .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
    border: none;    
}
.activity-opp .sectionflex .p-dataview .p-dataview-content {
    overflow: hidden;
}
.activity-opp .p-paginator {
    background-color:transparent;
}


.activity-opp .app-section {
    background-color:#F2FAFB;
    width: 100%;
    float: left;
    padding:30px 30px 10px;
    border-radius:10px;
}
.activity-opp .app-empty .loading-spinner {
    padding:0;
}
.activity-opp .app-tile {
    background-color:#fff;
    box-shadow: 0px 10px 40px rgba(161, 180, 189, 0.25);
    width: 100%;
    float: left;
    border-radius:10px;
    padding:20px;
    margin-bottom:20px;
    font-family:'Poppins', helvetica, arial, sans-serif;
    position:relative;
}
.activity-opp .app-left {
    width: 50%;
    float: left;
}
.activity-opp .app-tile .logo-img {
    float: left;
    margin-right: 15px;
} 
.activity-opp .app-tile .logo-img img {
    max-width: 100px;
    max-height: 50px;
}
.activity-opp .app-left .app-text {
    float: left;
    max-width:300px;
}
.activity-opp .app-left .logo {
    height:50px;
    width:50px; 
    background-color:#E4F5FA;
    color:#014466;
    border-radius:7px;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    float:left;
    margin-right:15px;
}

.activity-opp .app-left h4 {
    margin-top:7px;
    font-weight:600;
    padding-right:20px;
}
.activity-opp .app-left p {
    font-size:12px;
    color:#6a6a6a;
    margin-bottom:0;
}
.activity-opp .app-right {
    width: 50%;
    float: right;
    margin-top: 7px;
    display: inline;
}
.activity-opp .app-right .meta-mail {
    display:inline-block;
    width: 70px;
    float:left;
}
.activity-opp .app-right .meta-mail a {
    margin-top: 9px;
    display: inline-block;
}
.activity-opp .app-right .meta-mail a .spacer {
    display: inline-block;
}
.activity-opp .app-right .meta-date {
    display:inline-block;
    width: 130px;
}
.activity-opp .app-right .meta-date p {
    margin-bottom:0;
    font-size:14px;
}
.activity-opp .app-right .meta-status {
    display:inline-block;
    width: 150px;
    vertical-align:top;
}
.activity-opp .app-tile .meta-btn {
    position:absolute;
    right:25px;
    top:26px;
}
.activity-opp .app-status {
    background-color:#FDF5E7;
    color:#014466;
    border-radius:5px;
    font-weight: 600;
    padding: 7px 12px;
    text-align: center;
    margin-bottom:0;
    font-size:12px;
    width: 100%;
    text-align: center;
    margin-top:1px;
}
.activity-opp .app-status.blue {
    background-color:#E4F5FA;
}
.activity-opp .app-status.red {
    background-color:#F9EBE6;
}
.activity-opp .app-status.purple {
    background-color:#EFEDFA;
}
.activity-opp .app-status.green {
    background-color:#E8F7EF;
}

.activity-opp .app-meta p {
    margin-bottom:0;    
}
.activity-opp .cta-wrap {
    width:100%;
    float:left;
    background-image: url(/Images/transitions/portfolio/cta-bkgd.png);
    background-size: cover;
    display: block;
    padding: 20px 30px;
    border-radius: 10px;
}
.activity-opp .cta-wrap .cta-left {
    width: 80%;
    float: left;
    display: table;
}
.activity-opp .cta-wrap .cta-left p {
    font-size:20px;
    font-weight:600;
    color:#fff;
    margin-bottom:0;
    display: table-cell;
    vertical-align:middle;
    line-height:20px;
}
.activity-opp .cta-wrap .cta-icon {
    background-color: #fff;
    padding: 10px 0;
    border-radius: 30px;
    font-size: 20px;
    height: 50px;
    width: 50px;
    display: inline-block;
    text-align: center;
    margin-right: 20px;
    float:left;
}
.activity-opp .cta-wrap .cta-icon img {
    max-width:100%;
    max-height:30px;
}
.activity-opp .cta-wrap .cta-right {
    width: 20%;
    float: right;
    text-align:right;
}
.activity-opp .cta-wrap .cta-right .btn {
    background: #fff;
    font-size: 16px;
    padding: 7px 30px;
    border-radius: 30px;
    color: #014466;
    margin-top:5px;
}

/* opportunity application */
.activity-application .hero-content {
    height:200px;
    display:table;
    margin:0 !important;
}
.activity-application .hero-content h1 {
    display:table-cell;
    vertical-align:middle;
    width:100%;
}
.activity-application .hero-content h1 span {
    color:#6a6a6a;
    font-size:18px;
    font-weight:normal;
    display: block;
    margin-top: 5px;
}
.activity-form .left-shapes {
    max-width:500px;
    position: absolute;
    bottom: 10px;
    left: 0px;
    z-index: 10;
}
.activity-form .right-shapes {
    max-width:500px;
    position: absolute;
    bottom: 10px;
    right: 0px;
    z-index: 10;
}
.page-content .activity-hero.straight:after {
    transform: skewY(0deg);
    top:unset;
    bottom:-40px;
}
.activity-application .alert-success .btn-green {
    float:right;
    margin-top:-5px;
}
.activity-form .form-disabled .col-disabled {
    pointer-events: none;
}
.activity-form .form-disabled .disabled-textarea {
    width: 100%;
    float: left;
    background: #F9FAFB;
    padding: 10px 10px 20px;
    border-radius: 10px;
}
.activity-form .form-disabled .disabled-textarea textarea {
    display:inline-table;
    overflow:visible;
    border: none;
    box-shadow: none;
    background:none;
    border: none!important;
    height: auto!important;
    color:#6a6a6a;
}
.activity-form textarea.height-100 {
    height:100px !important
}
.activity-form .form-disabled .disabled-input {
    background: #f9fafb !important;
}
.activity-form .form-disabled input[readonly] {
    background: #f9fafb !important;
    border: none !important;
    box-shadow: none;
    cursor:default;
}
.activity-form .form-disabled input:-webkit-autofill,
.activity-form .form-disabledinput:-webkit-autofill:hover, 
.activity-form .form-disabledinput:-webkit-autofill:focus, 
.activity-form .form-disabledinput:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #f9fafb inset !important;
}
.activity-form .alert-success {
    background-color:#E0F2F2;
}

/* opportunity profile */
.profile-wrap {
    width: 100%;
    float: left;
    padding-bottom: 50px;
}
.profile-wrap .profile-hero {
    width: 100%;
    height: 275px;
    position: absolute;
    left: 0;
    z-index: 0;
    background-color: #f2fafb;
    overflow: hidden;
}
.profile-wrap .profile-hero::before{
    content: '';
    background-image: url(/Images/transitions/portfolio/abstract-bkgd.png);
    background-size: cover;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 275px;
    z-index: 0;
    left: 60%;
}
.profile-wrap .profile-hero .hero-content {
    width: 65%;
    float:left;
    margin: 0;
    height: 227px;
    display: table;
    position: relative;
}
.profile-wrap .profile-hero .hero-content .hero-alignment {
    display:table-cell;
    vertical-align:middle;
}
.profile-wrap .profile-hero a {
    background: none;
    padding: 0;
    display: block;
}

.profile-wrap .profile-hero .profile-title {
    float:left;

}
.profile-wrap .profile-hero h2 {
    font-size:32px;
    font-weight:600;
    color:#014466;
    margin: 6px 0 0;
}
.profile-wrap .profile-hero h4 {
    font-size:16px;
    color:#6a6a6a;
    font-weight:normal;
    margin:10px 0 0;
}
.profile-wrap .profile-content {
    margin-top:88px;
    position: relative;
    width: 100%;
    float: left;
}
.sticky-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.profile-wrap .sticky-left {
    margin-top: 140px;
}
.profile-wrap .profile-menu {
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
    top: 20px;
    right: 0;
    width: 300px;
    float: right;
    background-color: #fff;
    box-shadow: 0px 22px 40px rgba(161, 180, 189, 0.25);
    border-radius: 10px;
    padding:25px 0 0;
}
.profile-wrap .profile-menu h4 {
    font-size:18px;
    font-weight:600;
    color:#014466;
    line-height: 24px;
    margin: 0 25px;
    padding-right:25px;
    position:relative;
}
.profile-wrap h4 .fav-btn {
    position: absolute;
    right: 0;
    top:0;
    font-size: 20px;
}
.profile-wrap .profile-menu ul {
    padding: 0;
    list-style: none;
    margin: 15px 25px 0;
}
.profile-wrap .profile-menu ul li {
    color:#014466;
    font-size:12px;
    padding: 5px 0;
    width:100%;
    float:left;
}
.profile-wrap .profile-menu ul li .meta-title {
    float: left;
    width: 50%;
    position: relative;
    padding-left: 20px;
}
.profile-wrap .profile-menu ul li .meta-icon {
    margin-right:10px;
    color:#014466;
    position: absolute;
    left: 0;
}
.profile-wrap .profile-menu ul li .meta-data {
    font-weight:600;
    float: right;
    width: 50%;
}
.profile-wrap .profile-menu ul li .meta-data.data-break-word {
    word-break: break-word;
}
.profile-wrap .profile-menu ul li.last .btn {
    width:100%;
    margin-top:20px;
}
.profile-wrap .profile-menu ul li a[disabled] {
    opacity:1;
}
.profile-wrap .profile-menu ul li.last .due-date {
    background-color: #fdf5e7;
    padding: 10px;
    border-radius: 6px;
    margin-top: 10px;
    text-align: center;
}
.profile-wrap .profile-menu .menu-footer {
    width: 100%;
    float: left;
    padding: 10px 25px;
    background-color: #f2fafb;
    text-align: center;
    margin-top: 20px;
}
.profile-wrap .profile-menu .menu-footer a:hover {
    color:#014466 !important;
}
.profile-wrap .nav-tabs {
    border: none;
}
.profile-wrap .nav-tabs li {

}
.profile-wrap .nav-tabs li.active {

}
.profile-wrap .nav-tabs li a {
    font-size:16px;
    font-weight:600;
    color:#014466;
    border: none;
    padding: 12px 20px;
    background-color:#ebf3f4;
}
.profile-wrap .nav-tabs li a:hover {
    color:#014466 !important;
}
.profile-wrap .nav-tabs li.active a {
    color:#014466;
    border: none;
    background-color:#fff;
}
.profile-wrap .tab-content {
    margin-top:50px;
}
.profile-wrap .profile-content .title-profile {
    font-size: 20px;
    color: #014466;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top:60px;
}
.profile-wrap .profile-content p {
    line-height:20px;
}
.profile-wrap .profile-content .sub-title {
    color:#014466;
    font-weight:600;
    font-size:16px;
    margin-bottom:12px;
    margin-top:40px;
}
.profile-wrap .profile-content .profile-logo {
    float:left;
    max-width: 250px;
    max-height: 100px;
    padding: 0 15px 15px 0;
}
.profile-wrap .accordion {
    width:100%;
    float:left;
}
.profile-wrap .card {
    width: 100%;
    float: left;
    height: unset;
    padding: unset;
    background: unset;
    border: unset;
    text-align: unset;
    vertical-align: unset;
    font-size: 0.9167rem;
    font-family: inherit;
    border-bottom: 1px solid #eee;
}
.profile-wrap .card .card-header {
    margin:0;
}
.profile-wrap .card .card-header h2 {
    margin-top:0;
}
.profile-wrap .card .card-header button {
    margin: 5px 0;
    width: 100%;
    text-align: left;
    font-weight: 600;
    color: #014466;
    padding-left: 0;
}
.profile-wrap .card .card-header button.collapsed:before {
    display: inline-block ;
    content: "\f055";
    font-family: FontAwesome;
    padding-right: 5px;
}
.profile-wrap .card .card-header button:before {
    display: inline-block;
    content: "\f056";
    text-align: left;
    font-family: FontAwesome;
    padding-right: 5px;
}
.profile-wrap .card .card-header button:hover,
.profile-wrap .card .card-header button:active,
.profile-wrap .card .card-header button:focus {
    text-decoration:none;
    color:#014466 !important
}
.profile-wrap .card .card-body {
    flex: 1 1 auto;
    padding: 0 20px 20px 20px;
    line-height:20px; 
    font-size:14px;  
}
.profile-wrap .profile-content .meta-wrap {
    width:100%;
    float:left;
}
.profile-wrap .profile-content .meta-wrap ul {
    list-style:none;
    padding:0;
}
.profile-wrap .profile-content .chip-wrap {
    border: 1px solid #eee;
    padding: 15px 20px;
    border-left: 3px solid #F3BD5F;
    width: 100%;
    float: left;
    margin-bottom:15px;
}
.profile-wrap .profile-content .chip-wrap .chip-icon {
    float: left;
    background-color: #FDF5E7;
    padding: 10px;
    border-radius: 30px;
    color: #F3BD5F;
    font-size: 18px;
    margin-right:15px;
}
.profile-wrap .profile-content .chip-wrap .chip-title {
    font-weight: 600;
    color: #014466;
    float: left;
}
.profile-wrap .profile-content .chip-wrap .chip-meta {
    float: right;
    font-size: 30px;
    color: #014466;
    font-weight: 600;
    padding-top: 10px;
}
.profile-wrap .profile-content .meta-wrap .meta-pill {
    display: inline-block;
    padding: 8px 22px;
    background: #FDF5E7;
    border-radius: 30px;
    margin-right: 5px;
    margin-bottom: 5px;
    color: #014466;
    font-weight: 600;
}
.profile-wrap .profile-content .p-galleria-item {
    max-height:400px;
    overflow: hidden;
}
.profile-wrap .profile-content .p-galleria-item img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.profile-wrap .profile-content .p-galleria-thumbnail-item-content {
    width: 100%;
    height: 100%;
    max-height: 60px;
    max-width: 80px;
    overflow: hidden;
}
.profile-wrap .profile-content .p-galleria-thumbnail-item-content .p-grid {
    max-height: 60px;
    max-width: 80px;
    height: 100%;
    width: 100%;
}
.profile-wrap .profile-content .p-galleria-thumbnail-item-content .p-grid img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.profile-wrap .profile-content .p-galleria-thumbnail-next .pi-chevron-right:after {
    font-family:"Font Awesome 5 Free";
    content:"\f105";
    color:#fff;
}
.profile-wrap .profile-content .p-galleria-thumbnail-prev .pi-chevron-left:after {
    font-family:"Font Awesome 5 Free";
    content:"\f104";
    color:#fff;
}
.profile-wrap .iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    background-color: #333;
}
.profile-wrap .company-meta {
    list-style:none;
    padding:0;
    margin-top:20px;
}
.profile-wrap .company-meta li {
    text-transform: uppercase;
    color: #6a6a6a;
    font-size: 12px;
    padding:5px 15px 5px 15px;
}
.profile-wrap .company-meta li span {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #014466;
    text-transform: none;
}

/* opportunity browse */
.opp-browse .page-header {
    border:none;
    margin: 60px 0 30px;
}
.opp-browse .page-header .btn-back {
    display: inline-block;
    width: 34px;
    height: 34px;
    padding: 6px 0px;
    text-align: center;
    margin-right: 10px;
    margin-top: -7px !important;
    box-shadow: none !important;
    font-size: 16px;
    border-radius: 30px;
    color: #fff !important;
    line-height: 20px;
}
.opp-browse .page-header h2 {
    font-weight:600;
    color:#014466;
    font-size:24px;
}

.opp-browse .panel-header h3 {
    color: #014466;
}
.opp-browse .opportunity-tile {
    margin-bottom:20px;
}
.opp-browse .filter-search {
    position: relative;
    margin-top: 5px;
}
.opp-browse .filet-search input {
    width: 100%;
    border: 1px solid #C2CAD8;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.42857143;
    padding: 8px 47px 8px 12px;
    display: inline-block;
    height: 38px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.opp-browse .filter-search a {
    position: absolute;
    top:0;
    height: 38px;
    background-color: #014466;
    color: #fff !important;
    font-weight: 600;
    font-size: 14px;
    padding: 12px 12px;
    right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.opp-browse .filter-categories {
    margin-top: 25px;
    width: 100%;
    float: left;
}

.opp-browse .filter-location {
    width: 100%;
    float: left;
    border-top: 1px solid #eee;
    padding: 20px;
}
.opp-browse .filter-location h4 {
    font-size: 14px;
    font-weight: 600;
    color: #014466;
    margin-top:5px;
}
.opp-browse .filter-location .nav-tabs {
    border: none;
    border-radius: 30px;
    background-color:#E4F5FA;
    box-shadow:none;
    margin:15px 0;
}
.opp-browse .filter-location .nav-tabs li {
    width: 50%;
    text-align: center;
    border: none;
    margin-top: -1px;
}
.opp-browse .filter-location .nav-tabs li a {
    border-radius: 30px;
    border: none;
    margin: 0 !important;
    padding: 3px;
    background-color:#E4F5FA;
    font-weight: 600;
    font-size: 12px;
    color:#014466
}
.opp-browse .filter-location .nav-tabs li a:hover {
    color:#014466 !important;
}
.opp-browse .filter-location .nav-tabs li.active {
    border:none;
}
.opp-browse .filter-location .nav-tabs li.active a {
    border: none;
    background-color: #014466;
    color:#fff;
}
.opp-browse .filter-location .nav-tabs li.active a:hover {
    color:#fff !important;
}
.opp-browse .filter-location .nav-tabs li:first-child a {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
.opp-browse .filter-location .nav-tabs li:last-child a {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
.opp-browse .filter-location .tab-pane {

}
.opp-browse .filter-location .tab-pane label {

}
.opp-browse .filter-location .tab-pane input {

}

.opp-browse .filter-panels {
    display: block;
    width: 100%;
    float: left;
}

.opp-browse .filter-panels .panel {
    border: none;
    border-top: 1px solid #eee;
    box-shadow: none;
    margin-top:20px;
    border-radius:0;
}
.opp-browse .filter-panels .panel-first {
    margin-top:0;
}
.opp-browse .filter-panels .panel button {
    border: none;
    background-color: transparent;
    width: 100%;
    text-align: left;
    padding: 20px 20px 0;
    position:relative;
}
.opp-browse .filter-panels .panel button h4 {
    color: #014466 !important;
    font-size: 14px !important;
    position: relative;
    font-weight:600;
}
.opp-browse .filter-panels .panel button h4:after {
    content: "\f056";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    right: 0px;
    color: #014466;
    font-size: 14px;
}

.opp-browse .filter-panels .panel button.collapsed h4:after {
    content: "\f055";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
}    
.opp-browse .filter-panels .panel-collapse {
    padding: 0 20px;
}
.opp-browse .scroll-wrap {
    max-height: 125px;
    padding-top:10px;
}
.opp-browse .scroll-inner {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 115px;
}

/* scroll bar */
.opp-browse .scroll-inner::-webkit-scrollbar {
    width: 5px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

/* Track */
.opp-browse .scroll-inner::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
.opp-browse .scroll-inner::-webkit-scrollbar-thumb {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    background: #ddd;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.opp-browse .panel-header h3 {
    margin-top:5px !important;
}
.opp-browse .panel-header h3 .btn-clear-filter {
    font-size: 12px;
    color: #014466 !important;
    font-weight: 600;
    background: #fff;
    border: 2px solid #014466;
    float: right;
    padding: 5px 10px;
    margin-bottom: 0;
    border-radius: 4px;
    margin-top:-5px;
}
.opp-browse .panel-header h3 .btn-clear-filter:hover {
    background: #014466 !important;
    color: #fff !important;
    border-color: #014466 !important;
}
.opp-browse .panel-header h3 .btn-clear-filter i {
    font-size:10px;
}
.opp-browse .filter-check {
    position: relative;
    margin-top: 7px;
}
.opp-browse .filter-check input {
    width: 20px !important;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    opacity: 0;
    margin: 0;
}
.opp-browse .filter-check label {
    text-align: left;
    width: 100% !important;
    padding: 1px 0px 1px 30px !important;
    margin-top: 0;
    margin-bottom: 7px;
    position: relative;
    cursor: pointer;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    box-sizing: border-box;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    display: block;
}

.opp-browse .filter-check label:before {
    content: "";
    font-family: "FontAwesome";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #ccc;
    background-color: #FFF;
    cursor: pointer;
    border: 1px solid #C2CAD8;
    border-radius: 4px;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .075);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .075);
    webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -ms-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}

.opp-browse .filter-check input[type="checkbox"]:focus + label:before {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.opp-browse .filter-check input[type="checkbox"]:checked + label {
}

.opp-browse .filter-check input[type="checkbox"]:checked + label::before {
    border-color: #014466;
    background-color: #014466;
    box-shadow: none;
}

.opp-browse .filter-check label:after {
    opacity: 0;
    font-family: "FontAwesome";
    content: "\f00c";
    color: #c4c9cd;
    position: absolute;
    z-index: 15;
    cursor: pointer;
    font-size: 9px;
    top: 1px;
    left: 6px;
    webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.opp-browse .filter-check input[type="checkbox"]:hover + label:after {
    opacity: 1;
}

.opp-browse .filter-check input[type="checkbox"]:checked + label:after {
    opacity: 1;
    color: #fff;
}

.opp-browse .filter-check input[type="checkbox"]:hover + label,
.opp-browse .filter-check input[type="checkbox"]:focus + label {
    border-color: #014466;
}

.opp-browse .filter-check.correct label,
.opp-browse .filter-check.correct input[type="checkbox"]:checked + label {
    border-color: #5BBCB1;
    box-shadow: 0px 0px 0px 1px #5BBCB1;
    background: url(/images/Transitions/ability-profiler/icon-check-circle.png) no-repeat right 15px top 12px;
    background-size: 15px auto;
}


.opp-browse .result-top {
    margin-bottom: 10px;
}
.opp-browse .result-top label {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    width: auto;
    padding: 8px 0;
}
.opp-browse .result-top select {
    width: 240px;
    display: inline-block;
    padding: 6px 25px 6px 12px;
    background: #fff url(../../Images/SavedColleges/icon-arrow.png) no-repeat top 16px right 12px;
	background-size: 10px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.opp-browse .filter-pills {
    margin-bottom:10px;
}
.opp-browse .pill {
    display: inline-block;
    background-color: #E4F5FA;
    padding: 8px 17px;
    border-radius: 20px;
    color: #014466;
    font-weight: 600;
    margin: 0 5px 5px 0;
}
.opp-browse .pill a {
    color: #014466;
}
.opp-browse .pill a:hover {
    color: #014466 !important;
}
.activity-opp .due-date {
    padding-top:7px;
}
.activity-opp .fav-btn {
    position: relative;
    float: right;
    margin-left: 10px;
    font-size: 20px;
    padding-top: 7px;
}

.fav-btn input {
    width: 20px !important;
    height:22px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    opacity: 0;
    cursor:pointer;
}
.fav-btn label:before {
    content: "\f005";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: #ccc;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.fav-btn input[type="checkbox"]:checked + label {
    color: #F3BD5F;
    font-weight: 600;
    display: inline-block;
    animation: bounceIn; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 1s; /* don't forget to set a duration! */
}
.fav-btn input[type="checkbox"]:checked + label:before {
    color: #F3BD5F;
    font-weight: 600;
}
.fav-btn input[type="checkbox"]:hover + label:before,
.fav-btn input[type="checkbox"]:focus + label:before {
    color: #F3BD5F;
}




.activity-opp .sectionflex {
    align-items: stretch;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    min-width: 1px;
}
.opp-browse .panel-wrap {
    box-shadow: 0px 0px 20px rgba(161, 180, 189, 0.28);
    border:none;
}
.opp-browse .opportunity-tile {
    box-shadow: 0px 5px 25px rgba(161, 180, 189, 0.20);
}
.opp-browse .check-box label { 
    color: #6a6a6a;
    font-weight:normal !important;
}
.opp-browse .empty-content h5 {
    color:#014466 !important;
    font-weight:600;
    font-size:16px;
    margin-bottom:5px;
}
.opp-browse .empty-content p {
    padding: 10px 20%;
}

.opp-browse .tile-flex .p-dataview-content {
    align-items: stretch;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    min-width: 1px;
}
.opp-browse .tile-flex .p-dataview-content .p-grid {
    align-items: stretch;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    min-width: 1px;
}

/* checkbox */
.activity-opp .check-box {
    position: relative;
    width: 100%;
    float: left;
}

.activity-opp .check-box input {
    width: 20px !important;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    opacity: 0;
}

.activity-opp .check-box label {
    text-align: left;
    width: 100% !important;
    float: left !important;
    padding: 1px 0px 1px 30px !important;
    margin-top: 0;
    margin-bottom: 7px;
    position: relative;
    cursor: pointer;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    box-sizing: border-box;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    display: unset;
}

.activity-opp .check-box label:before {
    content: "";
    font-family: "FontAwesome";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #ccc;
    background-color: #FFF;
    cursor: pointer;
    border: 1px solid #C2CAD8;
    border-radius: 4px;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .075);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .075);
    webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -ms-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}

.activity-opp .check-box input[type="checkbox"]:focus + label:before {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.activity-opp .check-box input[type="checkbox"]:checked + label {
}

.activity-opp .check-box input[type="checkbox"]:checked + label::before {
    border-color: #014466;
    background-color: #014466;
    box-shadow: none;
}

.activity-opp .check-box label:after {
    opacity: 0;
    font-family: "FontAwesome";
    content: "\f00c";
    color: #c4c9cd;
    position: absolute;
    z-index: 15;
    cursor: pointer;
    font-size: 9px;
    top: 1px;
    left: 6px;
    webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.activity-opp .check-box input[type="checkbox"]:hover + label:after {
    opacity: 1;
}

.activity-opp .check-box input[type="checkbox"]:checked + label:after {
    opacity: 1;
    color: #fff;
}

.activity-opp .check-box input[type="checkbox"]:hover + label,
.activity-opp .check-box input[type="checkbox"]:focus + label {
    border-color: #014466;
}

.activity-opp .check-box.correct label,
.activity-opp .check-box.correct input[type="checkbox"]:checked + label {
    border-color: #5BBCB1;
    box-shadow: 0px 0px 0px 1px #5BBCB1;
    background: url(/images/Transitions/ability-profiler/icon-check-circle.png) no-repeat right 15px top 12px;
    background-size: 15px auto;
}


/* wbl experience - view evaluations */
.page-content .modal .body-scroll {
    max-height: 350px;
    overflow-y: scroll;
}
.eval-view .activity-content {
    margin-bottom:60px;
    margin-top:40px;
}
.eval-view .title {
    border-bottom: none;
}
.eval-view .title a {
    display: inline-block;
    width: 34px;
    height: 34px;
    padding: 3px 0;
    margin-right: 15px;
    border-radius:30px;
    font-size:16px;
}
.eval-view .title span {
    float: right;
    font-size: 14px;
    color: #6a6a6a;
    font-weight: 400;
    margin-top: 10px;
}
.eval-view .eval-top h4 {
    border: none;
    display: inline-block;
    margin-bottom:10px;
}
.eval-view .eval-top h4 a {

}
.eval-view .eval-top .top-right {
    color: #6a6a6a;
    font-size: 12px;
    float: right;
    margin-top: 7px;
}
.eval-view .eval-top .top-right .status {
    margin-left:15px;
    width:unset;
    padding: 6px 15px;
    font-weight:600;
}
.eval-view .status.yellow .status-icon:before {
    content: "\f017";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    color:#FFA200;
    margin-right: 5px;
}
.eval-view .status.blue .status-icon:before {
    content: "\f2f1";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    color:#014466;
    margin-right: 5px;
}
.eval-view .status.green .status-icon:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    color:#35BD6F;
    margin-right: 5px;
}
.eval-view .meta-panel {
    width: 100%;
    float: left;
    position: relative;
    border: 1px solid #eee;
    -webkit-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -moz-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -ms-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -o-box-shadow: 1px 1px 10px 0px #f1f1f1;
    box-shadow: 1px 1px 10px 0px #f1f1f1;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius:6px;
    padding: 20px;
}
.eval-view .meta-panel .meta-icon {
    background: #f2fafb;
    padding: 10px;
    display: inline-block;
    height: 45px;
    width: 45px;
    text-align: center;
    border-radius: 30px;
    float:left;
    margin-right: 15px;
}
.eval-view .meta-panel .meta-icon img {
    max-height:25px;
    width:auto;
}
.eval-view .meta-panel .meta-content {
    margin-top:2px;
}
.eval-view .meta-panel .meta-content h5 {
    font-size: 14px;
    color: #6a6a6a !important;
    margin-top: 0;
    margin-bottom: 5px;
}
.eval-view .meta-panel .meta-content h3 {
    font-size: 14px !important;
    padding:0;
    float:none;
    width:unset;
    margin-bottom:0;
}
.eval-view .meta-panel .meta-large {
    margin-top:18px;
}
.eval-view .meta-panel .meta-large h1 {
    color: #014466;
    font-weight: 600;
    font-size: 86px;
    margin-bottom: 0;
    margin-top:0;
}
.eval-view .meta-panel .meta-large h1 span {
    color: #014466;
    font-size: 24px;
    margin-left:10px;
}
.eval-view .meta-panel.large {
    padding-left: 30px;
    border-left: 4px solid #014466;
}
.eval-view .meta-panel.large .meta-content {
    margin-top:15px;
}

.eval-view .question-section {
    margin-top:60px;
}
.eval-view .sub-heading {
    font-size:18px;
    font-weight:600;
    color:#014466;
    margin: 10px 0;
}

.eval-view .accordion {
    width:100%;
    float:left;
}
.eval-view .accordion .card:first-child {
    border-top: 1px solid #eee;
    margin-top:5px;
}
.eval-view .accordion .card:first-child .card-header a img {
    margin: 0 27px;
} 
.eval-view .card {
    width: 100%;
    float: left;
    height: unset;
    padding: unset;
    background: unset;
    border: unset;
    text-align: unset;
    vertical-align: unset;
    font-size: 0.9167rem;
    font-family: inherit;
    border-bottom: 1px solid #eee;
}
.eval-view .card .card-header {
    position:relative;
    padding-left:15px;
    margin: 5px 0;
    padding:6px 0;
}
.eval-view .card .card-header h2 {
    margin-top:0;
    padding: 6px 0 10px 10px;
}
.eval-view .card .card-header a {
    width: 100%;
    text-align: left;
    font-weight: 600;
    color: #014466;
    padding: 0 !important;
    position:relative;
}
.eval-view .card .card-header a.collapsed:before {
    display: inline-block ;
    content: "\f055";
    font-family: FontAwesome;
    padding-right: 5px;
}
.eval-view .card .card-header a:before {
    display: inline-block;
    content: "\f056";
    text-align: left;
    font-family: FontAwesome;
    padding-right: 5px;
    font-size: 18px;
    position:absolute;
    top:10px;
    left:0;
}
.eval-view .card .card-header a:hover,
.eval-view .card .card-header a:active,
.eval-view .card .card-header a:focus {
    text-decoration:none !important;
    color:#1f4a84 !important;
    outline: none !important;
}
.eval-view .card .card-header .card-icon {
    display: inline-block;
    width: 117px;
    position: absolute;
    text-align: center;
}
.eval-view .card .card-header img {
    max-height: 50px;
    width: auto;
    vertical-align:top;
}
.eval-view .card .card-header .card-title {
    display: inline-block;
    width:80%;
    padding-left: 100px;
    line-height: 20px;
    font-size: 14px;
}
.eval-view .card .card-header .card-title .title-section {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 7px;
    color: #014466;
    display:block;
    position:relative;
    top:5px;
}
.eval-view .card .card-header .card-title .title {
    font-weight: 400;
    color: #6a6a6a;
    font-size: 16px;
    white-space:normal;
    text-transform:none;
    padding:0;
    border:none;
}
.eval-view .card .card-header .card-title .msg-comment {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #6a6a6a;
}
.eval-view .card .card-header .card-title .msg-comment.msg-spacing:before {
    content:":";
    display:inline-block;
    margin-right: 10px;
    font-weight: 600;
    font-style: normal;
}
.eval-view .card .card-header a .card-score {
    top:8px;
}
.eval-view .card .card-header .card-score {
    position: absolute;
    right: 0;
    top: 18px;
}
.eval-view .card .card-header .card-score span {
    color: #014466;
    font-size: 24px;
    font-weight: 600;
}
.eval-view .card .card-header .card-score span small {
    color: #6a6a6a;
    font-size: 14px;
    margin-left: 6px;
    font-style:italic;
}
.eval-view .card .card-body {
    flex: 1 1 auto;
    padding: 0 0 20px 35px;
    line-height:20px; 
    font-size:14px;  
}
.eval-view .question-wrap {
    background-color:#F7F9FC;
    padding: 25px;
    border-radius:6px;
    color: #6a6a6a;
}
.eval-view .question-wrap .question {
    position: relative;
    width: 100%;
    margin-bottom:10px;
    display:flex;
}
.eval-view .question-wrap .question .question-number {
    margin-right: 5px;
    display:inline-block;
}
.eval-view .question-wrap .question .question-text {
    width: 80%;
    display: inline-block;
}
.eval-view .question-wrap .question .question-score {
    display: inline-block;
    float: right;
    width: 20%;
    text-align: right;
    color:#014466;
    font-weight:600;
}
.eval-view .question-wrap .question:last-child {
    margin-bottom:0;
}
.eval-view .question-wrap.yellow {
    background-color:#FEF8EE;
}
.eval-view .question-wrap.yellow .question {
    display:block;
}
.eval-view .question-wrap.yellow p strong {
    color:#014466;
}
.eval-view .question-wrap.yellow p:last-child {
    margin-bottom:0;
}
.eval-view .question-wrap .detail-score {
    border-top:1px solid #DCE2EA;
    padding-top: 20px;
    margin-top: 20px;
    text-align:right;
}
.eval-view .question-wrap .detail-score p {
    font-weight:600;
    color:#014466;
    margin-bottom: 0;
}
.eval-view .question-wrap .detail-score p .total-points {
    color:#333;
}
.eval-view .question-wrap .detail-score p span {
    color:#014466;
}
.eval-view .comment-section {
    margin-top:60px;
}
.eval-view .comment-section h3 {
    font-size:18px; 
}
.eval-view .sectionflex {
    align-items: stretch;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    min-width: 1px;
}
.mygoal-user {
    position: absolute;
    z-index: 20;
    left: 20px;
    display: inline-block;
    background: #d8ecf5;
    color: #014466;
    font-weight: 600;
    padding: 7px 20px;
    font-size: 16px !important;
    border-radius: 30px;
    margin-top:15px;
}
.mygoal-user i {
    color:#014466;
}

/* wbl cta */

.wbl-cta {
    background: #FDF5E7;
    margin: 150px 0 0;
    padding: 8px 75px 2px;
    display: flex;
    border-radius: 10px;
    position: relative;
    float: left;
    width: 100%;
}
.wbl-cta:before {
    width: 244px;
    content: " ";
    position: absolute;
    height: 126px;
    display: block;
    background-size: 244px auto;
    background-image: url(/images/Transitions/portfolio/wbl-cta-shape.png);
    left: 350px;
    bottom: 0px;
}
.wbl-cta .content-left {
    max-width: 350px;
    margin: auto 0;
}
.wbl-cta .content-left h1 {
    font-size:30px;
    color:#014466 !important;  
    font-weight:600;
    margin:-5px 0 30px;
}
.wbl-cta .content-left .btn {
    background:#F3BD5F;
    color:#014466 !important;
}
.wbl-cta .content-left .btn:hover{
    color:#fff !important;
}
.wbl-cta .content-right {
    margin-left:auto;
}
.wbl-cta .content-right img {
    max-width:380px;
    position: relative;
}




/* ----------------------------- responsive ---------------------------- */


/* ----------------------- min-width & max-width ----------------------- */

@media (min-width: 914px) and (max-width: 640px) {
  #subnavigation .nav-collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
}

@media (min-width: 768px) and (max-width: 944px) {
	#profile ul.bar-criteria > li {
		padding-left: 50px;
		font-size: 12px;
	}
	#profile ul.bar-criteria {
		margin-left: 100px;
  }
}
@media (min-width: 768px) and (max-width: 914px) {
	#profile .profile-header img {
		width: auto;
		height: auto;
	}
    #profile .doughnut-text span {
        padding: 0px 30px;
        margin: 10px 0px 10px 35px!important;
        width: 70%;
        font-size: 13px;
        line-height: 12px;
    }
	#profile .doughnut-text .highlight-number {
		font-size: 16px !important;
		padding: 16px 10px 0px;
	}
	#profile .doughnut-chart-big .doughnut-text span {
		margin: 30px 0px 0px 110px!important;
	}
}

@media (min-width: 736px) and (max-width: 768px) {

    #yourportfolio.rightsectiontop #fullportfolio {
        text-align: right;
    }

    /* MASONRY */  
    #scholarships .col-height {
        display: table-cell;
        float: none;
    }
}

@media (min-width: 641px) and (max-width: 767px) {

    #profile .row {
        padding: 10px;
    }

    #profile .doughnut-text span {
        padding: 30px 60px 0px 200px;
        width: 80%;
        margin: 30px 70px 0px 0px !important;
        line-height: 30px;
        font-size: 20px;
    }

    #profile .doughnut-chart-big .doughnut-text span {
        padding: 30px 60px 0px 200px;
        width: 80%;
        margin: 30px 70px 0px 0px !important;
    }

    .border-between > [class*=col-]:before {
        display: none;
    }

    .border-between > [class*=col-]:first-child:before {
        display: none;
    }

    #profile .lead {
        margin: 10px 5px 20px;
        padding: 0px;
        font-size: inherit;
    }

    #profile .progress {
        margin-left: 200px;
    }

    #profile .bar-chart canvas {
        height: 164px !important;
        margin-left: -50px;
        top: -154px;
    }

    #profile .bar-chart-big canvas {
    margin-left: -40px;
    }

    #profile .bar-chart-big {
        height: 340px !important;
    }

    #profile .majors-available {
        margin-left: 20px;
        padding: 5px;
    }

    #profile .major-panel {
        padding: 0px;
    }

    #profile .accordion .major-panel .major-title .accordion-toggle {
        padding: 0px 10px 10px;
    }

    #profile .uppercase {
        font-size: 13px;
        display: block;
    }

    #profile .stat-big {
        line-height: 30px;
        font-size: 18px;
    }

    #profile h3.lower-bold {
        padding: 20px 0px 0px;
    }

    #profile .profile-box {
        margin: 10px 0px;
        padding: 10px !important;
    }

    ul.bar-criteria {
        display: none;
    }

    #profile div#top-nav ul {
        padding: 20px;
    }

    #profile .stat {
        padding-top: 10px;
    }

    .fa-bookmark-o {
        font-size: 20px;
    }

    #profile .border-right {
        display: none;
    }

    #profile .tabbable-custom > .nav-tabs > li {
        border-top: none;
        background: #f2f2f2;
        font-size: 12px;
        font-weight: 600;
        display: inline-block;
        width: 49%;
        vertical-align: top;
        margin-bottom: 1px;
    }

    #profile .scrollToTop {
        padding: 0px 5px;
    }

    #profile .nav-tabs.nav-justified > li > a {
        width: 100%;
    }

    #profile .tabbable-custom > .nav-tabs > li.active > a {
        border: none;
        background: #fff;
        float: left;
    }

    #profile .major-text {
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 4px;
        padding: 0px;
    }

    #profile div#top-nav #fixed-nav li a {
        font-size: 15px;
        letter-spacing: 1px;
    }

    #profile .stat {
        font-size: inherit;
    }

    #profile .scrollToTop .fa {
        font-size: 1rem;
    }

    #profile .stat-number,
    #profile .stat-text {
        font-size: 14px;
    }

    #profile .stat-big {
        line-height: 30px;
        font-size: 18px;
    }

    #profile h3 {
        padding: 20px 0px 0px;
    }

    #profile .stat-day {
        line-height: 30px;
        font-size: 24px;
    }

    li.active.border-right {
        display: inline-block !important;
    }
}

@media (min-width: 350px) and (max-width: 640px) {

    .profile-header img {
        width: auto;
        max-height: 180px;
        max-width: 300px;
    }

    #profile .carousel-inner,
    #profile .carousel,
    #profile .carousel-inner > .item > a > img,
    #profile .carousel-inner > .item > img,
    #profile .img-responsive {
	    min-height: auto;
        width: 100%;
        height: auto;
    }

    #profile .doughnut-text span {
        margin: 10px 0px 0px 50px !important;
        padding: 25px 60px 0px 65px;
    }

    #profile .doughnut-chart-big .doughnut-text span {
        margin: 0px !important;
        padding: 15px 60px 0px 45px;
    }

    #profile .row {
        padding: 10px;
    }

    .section-divider {
        border-bottom: 1px solid #000 !important;
        padding: 10px 0px 0px;
    }

    .border-between > [class*=col-]:before {
        display: none;
    }

    .border-between > [class*=col-]:first-child:before {
        display: none;
    }

    #profile .lead {
        margin: 10px 5px 20px;
        padding: 0px;
        font-size: inherit;
    }

    #profile .progress {
        margin-left: 200px;
    }

    #profile .bar-chart canvas {
        height: 164px !important;
        margin-right: 0px;
        margin-left: -50px;
        top: -152px;
        width: 300px !important;
    }

    #profile .bar-chart-big canvas {
        height: 340px !important;
        margin-right: 10px;
        background: 0 0;
        position: relative;
        top: -332px;
        width: 250px !important;
    }

    #profile .bar-chart-big {
        height: 340px !important;
    }

    #profile .doughnut-chart-big .doughnut-text span {
        margin-left: -40px;
        height: auto;
        line-height: normal;
        display: inline-block;
        margin-top: 10px;
        width: 70%;
    }

    #profile .majors-available {
        margin-left: 20px;
        padding: 5px;
    }

    #profile .major-panel {
        padding: 0px;
    }

    #profile .accordion .major-panel .major-title .accordion-toggle {
        padding: 0px 10px 10px;
    }

    #profile .uppercase {
        font-size: 13px;
        display: block;
    }

    #profile .stat-big {
        line-height: 30px;
        font-size: 18px;
    }

    #profile h3.lower-bold {
        padding: 20px 0px 0px;
    }

    #profile .profile-box {
        margin: 10px 0px;
        padding: 10px !important;
    }

    ul.bar-criteria {
        display: none;
    }

    #profile div#top-nav ul {
        padding: 20px;
    }

    #profile .stat {
        padding-top: 10px;
    }

    .fa-bookmark-o {
        font-size: 20px;
    }

    #profile .border-right {
        display: none;
    }

    #profile .tabbable-custom > .nav-tabs > li {
        border-top: none;
        background: #f2f2f2;
        font-size: 12px;
        font-style: italic;
        font-weight: 600;
        display: inline-block;
        width: 49%;
        vertical-align: top;
        margin-bottom: 1px;
    }

    #profile .scrollToTop {
        padding: 0px 5px;
    }

    #profile .nav-tabs.nav-justified > li > a {
        width: 100%;
    }

    #profile .tabbable-custom > .nav-tabs > li.active > a {
        border: none;
        background: #fff;
        float: left;
    }

    #profile .major-text {
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 4px;
        padding: 0px;
    }

    #profile div#top-nav #fixed-nav li a {
        font-size: 15px;
        letter-spacing: 1px;
    }

    #profile .stat {
        font-size: inherit;
    }

    #profile .scrollToTop .fa {
        font-size: 1rem;
    }

    #profile .stat-number,
    #profile .stat-text {
        font-size: 14px;
    }

    #profile .stat-big {
        line-height: 30px;
        font-size: 18px;
    }

    #profile h3 {
        padding: 20px 0px 0px;
    }

    #profile .stat-day {
        line-height: 30px;
        font-size: 24px;
    }

    li.active.border-right {
        display: inline-block !important;
    }
}

@media (max-width: 375px) {
    #profile .doughnut-text span {
        margin: 0px 0px 0px 50px !important;
        padding: 25px 60px 0px 35px;
    }
}



/* ----------------------- min-width ----------------------- */

@media (min-width: 769px) {
/* Primary Navigation */  #showMenuOpen,#showMenuClose {
    position: absolute;
    left: -10000px;
  }

  .col-height {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }/* INNER BOXES */  .innerboxmedium {
    width: 299px;
  }

  .innerboxlargebottom {
    width: 520px;
  }

  .innerboxhalf {
    width: 260px;
  }/* BOXES */  .boxtopwidedual,.boxtopwidehalf,.boxtopwideblank {
    width: 700px;
  }

  .boxbottomwidedual,.boxbottomwidehalf,.boxbottomwideblank {
    width: 700px;
  }

  .innerboxmediumtop,.innerboxmediumbottom {
    width: 299px;
  }

  .innerboxbigtop,.innerboxbigbottom {
    width: 460px;
  }

  .landingpagesection {
    width: 253px;
  }

  .boxtoptabbedwide {
    background: transparent;
    height: 18px;
    width: 700px;
    margin: 0px;
  }/* PORTFOLIO */  .modal-test-info .modal-dialog {
    width: 800px;
  }

  .modal-test-info .modal-dialog iframe {
    height: 485px;
  }

  .ClsTotal h4 {
    position: absolute;
    left: 20px;
    top: 45%;
    color: #FFF !important;
    font-size: .8em !important;
  }

  .portfolio-comments {
    padding-left: 20px;
    padding-right: 20px;
  }

  .portfolio-comments-btns {
    text-align: right;
  }

  #scholarships .col-height {
    display: table-cell;
    float: none;
    vertical-align: top;
  }
}

@media (min-width: 770px) {
  #rightbar {
    padding: 0px;
  }

  #rightbar.homepage,#rightbar.rolepage {
    margin-top: -290px !important;
    background: transparent !important;
  }

  #rightbar.homepage .blueBg {
    max-height: 290px;
  }

  #rightbar.rolepage .blueBg {
    background: rgba(62, 176, 200, 0.86) !important;
    max-height: 245px;
  }

  #yourportfolio.rightsectiontop #fullportfolio {
    text-align: right;
  }
}

@media (min-width:768px){
    #ipTabs{
        width:187px!important
    }
}


/* -----------------------  max-width  ----------------------- */
@media (max-width:1199px) {

    /* Ability Profiler */
    .page-content .ability-hero.empty .hero-content {margin:75px 0;}

    .page-content .wizard .wizard-group .wizard-item {width:145px;}
    .page-content .wizard .wizard-group .wizard-item:after {width: 100px;left: -53px;}

}
@media (max-width: 1080px) {

    /* Ability Profiler */
    .page-content .select-box.align-center .select-box-inner {padding:20px;}

    /* new activity page */
    .page-content .activity-hero .left-rec {bottom:51px;left:-120px;}
    .page-content .activity-hero .right-rec {bottom:23px;right:-120px;}

}
@media (max-width: 1040px) {

    /* Ability Profiler */
    .page-content .ability-hero .hero-content {width:60% !important}
    .page-content .ability-hero::before {width:360px;height:550px;}
    
    .page-content .ability-content.landing-empty {margin-top:330px;}
    .page-content .ability-hero.empty .hero-content {margin: 60px 0;}
}
@media (max-width: 1024px) {

    /* common */
    .page-content .btn-print  {display:none;}



    #cFinder .smallsection {
        width: 25%;
    }

    .hide-on-med {
        display: none;
    }
}

@media (max-width: 991px) {

    /* Ability Profiler */
    .page-content .ability-hero .container {width:94%;}

    .page-content .wizard .wizard-group .wizard-item {width:115px;}
    .page-content .wizard .wizard-group .wizard-item:after {width: 70px;left: -37px;}
    .page-content .ability-content .question-card.question-img .radio-box label:before {left:36%;}
    .page-content .ability-content .question-card.question-img .radio-box label span {right:35%;}
    .page-content .ability-content .question-card.question-img .radio-box label {padding-left:0;padding-right:0;}

    /* scatterplot */
    .page-content.scatterplot .scatter-form {position: relative;right: unset;float: left;width: 100%;text-align: left;margin-bottom:20px;}
    .page-content.scatterplot .scatter-form .btn-primary {display: inline-block;float: none;margin-top: -4px;}
    .page-content .chart-container {height: 450px;}
    .page-content .empty-wrap.empty-data.filter-empty {margin-top:0px;}

    /* new activity page */
    .page-content .activity-hero .left-rec {bottom:49px;left:-170px;}
    .page-content .activity-hero .right-rec {bottom:21px;right:-170px;}

    /* wbl opportunity landing */
    .activity-opp .app-right {width:100%; border-top: 1px solid #eee; padding-top: 15px; margin-top: 20px;}
    .activity-opp .app-left {width:100%;}
    .activity-opp .app-right .meta-mail {float:none; display:inline-block;vertical-align:top;width:33.33%; text-align:center;}
    .activity-opp .app-right .meta-date {width:33.33%;}
    .activity-opp .app-right .meta-status {width:33.33%;}
    .activity-opp .app-status {width:unset;text-align:right;float:right;}
    .activity-opp .app-left h4 {padding-right:140px;}
    .activity-opp .app-left .app-text {max-width:unset;}

}

@media (max-width: 916px) {

    /* Ability Profiler */
    .page-content .ability-hero, .page-content .wizard {margin-top:-10px;}
    .page-content .ability-hero::before {width:290px;height:500px;}

    /* new activity page */
    .activity-page {margin-top:-10px;}

    /* opp application */
    .activity-form .left-shapes{left:-255px;}
    .activity-form .right-shapes {right:-250px;}

    /* wbl opportunity profile */
    .profile-wrap .profile-menu {position:relative;width:100%;border:1px solid #eee;}
}

@media (max-width: 842px) {
  #dashboard {
    width: 100%;
    padding: 0.4375rem 0.625rem;
    background: #a5d24c;
    float: none;
    top: auto;
    left: auto;
    text-align: right;
  }

  #dashboard li {
    float: none;
  }

  #primarynav {
    margin-top: 0;
    background: none;
    padding: 0;
  }

  #navigation {
    float: none;
    width: 100%;
    padding-right: 0;
  }

  #navigation li {
    text-indent: 0px;
    float: none;
    position: relative;
    margin-bottom: 1px;
    text-transform: uppercase;
    background: url("/Images/ok/uppr_nav_bgr.png") 0 0;
    background-repeat: repeat-x;
  }

  #navigation li:last-child {
    margin-bottom: 0;
  }

  #navigation li a {
    background-image: none;
    text-align: right !important;
    min-width: 100%;
    font-weight: bold;
    padding: 0rem 2.5rem 0rem 0rem;
    height: 40px;
    line-height: 40px;
  }

  #navigation li.selected,#navigation li:hover {
    background: #01a4cf;
  }

  #navigation li.selected a,#navigation li:hover a {
    color: #fff;
  }

  #navigation li.selected:after,#navigation li:hover:after {
    display: inline-block;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 20px 0;
    border-color: transparent #ffffff transparent transparent;
  }

  #navigation li ul {
    padding: 0;
    margin: 0;
  }

  #navigation li ul li a {
    background: #34c6dd;
    height: auto;
    line-height: 1;
    font-size: 0.75rem;
    padding: 0.625rem 2.5rem 0.625rem 0rem;
    text-align: right;
    font-weight: normal;
    color: #000 !important;
  }

  #navigation li ul li a:hover {
    text-decoration: underline;
  }

  #navigation li ul li.selected a {
    color: #fff !important;
    font-weight: bold;
  }

  #navigation li ul li.selected:hover a {
    text-decoration: none;
  }

  #navigation li ul li.selected:after {
    display: none;
  }

  #navigation li ul li:hover {
    color: #000 !important;
  }

  #navigation li ul li:hover:after {
    display: none;
  }

  #topnav {
    position: relative;
    right: 0;
    width: 100%;
    padding: 0.625rem 0.625rem 0rem 0.625rem;
    background: #d9d9d9;
    background: linear-gradient(135deg, #d9d9d9 0%, #aaaaaa 50%, #aaaaaa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#aaaaaa',GradientType=1 );
  }

  #topnav:after {
    content: "";
    display: table;
    clear: both;
  }

  #topnavlinks {
    background: #fff;
    margin-right: -0.625rem;
    margin-left: -0.625rem;
    padding: 0.625rem;
    margin-top: 0.625rem;
  }

  #topnavlinks:after {
    content: "";
    display: table;
    clear: both;
  }

  #languagebox {
    margin-top: 0.625rem;
  }

  #mobile-menu-toggle {
    display: block;
  }

  #pageheader {
    margin: 0;
    padding: 1.25rem 0rem;
  }

  #pageheader h1 {
    display: block;
    text-align: center;
  }
}

@media (max-width: 800px) {

    /* new activity */
    .activity-page .modal-width-750 {width:unset;}

}

@media (max-width: 768px) {

    /* Scatterplots */
    .profile-box.box-scatterplot { text-align:center !important;}
    .profile-box.box-scatterplot img {display: block !important; margin: 0 auto;padding-top:10px;}
    .profile-box.box-scatterplot h3 {text-align: center;width: 100%;padding:10px 0 !important;}
    .profile-box.box-scatterplot .btn-primary {float:none !important;margin-top:10px;width: 100%;}

    /* Other */
    #showMenuOpen,#showMenuClose {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 15px;
    font-size: 2.25rem;
    z-index: 1000;
    }

    #main-navigation {
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
    background: #666;
    width: 50%;
    height: 100%;
    padding-bottom: 75px;
    color: #FFF;
    z-index: 1000;
    }

    #main-navigation ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #main-navigation ul li:first-child {
    border-top: 1px solid #FFF;
    }

    #main-navigation ul li {
    padding: 10px;
    border-bottom: 1px solid #FFF;
    }

    #main-navigation li a {
    font-size: 2rem;
    color: #FFF;
    }

    .gsc-clear-button {
    display: none;
    }

    #translate_label {
    display: none;
    }

    #topnav #languagebox #google_translate_element a {
    color: #000 !important;
    font-size: 1.35rem;
    display: inline-block !important;
    }/* PORTFOLIO ACTIVITIES */  .subscore .container-fluid {
    padding-right: 30px;
    }

    .section-subscore {
    background-image: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0px;
    padding-right: 0px;
    }

    .slider-score {
    margin-top: 20px !important;
    margin-bottom: 20px;
    }

    .scoreContainer .form-dropdown select {
    margin: 25px 0px;
    }

    .guidance {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: 0px 0px 7px 0px #D9D9D9;
    box-shadow: 0px 0px 7px 0px #D9D9D9;
    }

    .other-results-arrow {
    position: absolute;
    top: 2px;
    right: 0px;
    }

    .minScore,.maxScore {
    padding-top: 15px;
    }

    .modal-test-info .modal-dialog {
    width: 80%;
    }

    .modal-test-info .modal-dialog iframe {
    height: 500px;
    }

    .ClsTotal h4 {
    padding-top: 20px;
    color: #FFF !important;
    font-size: .9em;
    line-height: .5em;
    text-align: center;
    }/* MASONRY */  .masonry .item {
    width: 32%;
    }
}

@media (max-width: 767px) {

    /* Ability Profiler */
    .page-content .ability-hero::before {width:250px;height:500px;}
    .page-content.profiler h1 {font-size:26px;}
    .page-content .ability-hero .hero-content {margin:50px 0}
    .page-content .ability-hero.empty .hero-content {margin:60px 0}
    .page-content .ability-hero .hero-content h1 .duration {display:block; margin-left:0; margin-top:10px;}
    .page-content .ability-hero .hero-content h3 {font-size:16px;line-height:22px;}

    .page-content .ability-content .landing-wrap .landing-body .landing-info {margin-bottom:20px;}
    .page-content .ability-content .landing-wrap .landing-body .landing-info:last-child {margin-bottom:0;}
    .page-content .ability-content .landing-wrap h4 {margin-top:20px;}
    .page-content .ability-content .section-spacing {margin:60px 0 0;}

    .page-content .ability-content .career-filter {margin-bottom:20px;}
    .page-content .ability-content .career-card-wrap .career-top .meta-set {margin-bottom:20px;}
    .page-content .ability-content .career-card-wrap .career-top .meta-set:last-child {margin-bottom:0px;}
    .page-content .ability-content .career-card-wrap .career-top .meta-icon {width:10% !important}
    .page-content .ability-content .career-card-wrap .career-top .meta-text {width:90% !important}
    .page-content .ability-content .career-card-wrap .career-bottom .table-responsive {border:none;}

    .page-content .wizard .wizard-group .wizard-item {width:15%;}
    .page-content .wizard .wizard-group .wizard-item:after {width: 50%;left: -27%;}
    .page-content .wizard .wizard-group .wizard-item .wizard-title {font-size:12px;}

    .page-content .ability-content .badge {float:left;margin:10px 0;}
    .page-content .ability-content .reflection-wrap .badge {margin: 3px 5px 0 0;}

    .page-content .ability-content .question-card ul {margin-bottom:20px;}
    .page-content .ability-content .question-card.question-img .radio-box {margin-top:10px;}
    .page-content .ability-content .question-card .question-name-comp p {text-align: left;margin-bottom: 10px;}
    .page-content .ability-content .question-card .question-name-comp .comparison-num {margin-right:20px;}
    .page-content .ability-content .question-card .question-name-comp:hover p {color: inherit;font-weight: inherit;}

    .page-content .ability-content .question-card.question-img .radio-box label:before {left:40%;}
    .page-content .ability-content .question-card.question-img .radio-box label span {right:40%;}
    .page-content .ability-content .question-card.question-img .radio-box label {padding-left:10px;padding-right:10px;}


    /* scatterplots */
    .page-content.scatterplot .filter-wrap {padding-bottom:10px;}
    .page-content.scatterplot .filter-wrap select {margin-bottom:10px;}
    .page-content .chart-container {height:300px}

    /* new activity  */
    .page-content .activity-hero.empty .left-rec,
    .page-content .activity-hero.empty .right-rec {display:none;}


    .msg-wrap, .msg-wrap div {
        float: none !important;
    }

    /* Activity form */
    .activity-form .label-right {text-align:left;}
    .page-content .form-container.form-horizontal label{text-align:left;margin:5px 0;}
    .activity-form .button-row {text-align:left;}
    .activity-form p.label {text-align:left;margin:5px 0;}
    .activity-form .experience-type[disabled] {padding-top: 0 !important;display: block;height: unset;}
    .activity-form .optional-label {margin: 5px 0;}
    .activity-form .optional-field {display:inline-block;}
    .activity-form .label-2line {margin: 5px 0 !important;}

    /* wbl opportunities */
    .activity-opp .cta-wrap {text-align:center;}
    .activity-opp .cta-wrap .cta-left {width:100%;display:block;}
    .activity-opp .cta-wrap .cta-icon {display: block;float: none;margin: 0 auto 15px;}
    .activity-opp .cta-wrap .cta-right {width:100%;text-align:center;}
    .activity-opp .cta-wrap .cta-right .btn{margin-top:20px;}

    /* wbl opportunity profile */
    .profile-wrap .profile-hero::before {left:63%;}
    .profile-wrap .profile-hero .hero-content {width:90%;}
    .profile-wrap .profile-hero h2 {font-size:28px;}

    /* wbl opportunities browse */
    .opp-browse .result-top {margin-top:20px;}

    /* wbl experiences */
    .modal-hours .modal-body .status-update img {width:30%;}
    .modal-hours .modal-body .status-update .status-text {width:70%;}
    .wbl-cta {padding:8px 5% 2px;}
    .wbl-cta .content-right img {max-width:250px;}
    .wbl-cta .content-left h1 {font-size:20px;margin:-5px 0 15px;}
    .wbl-cta:before {
        width: 150px;
        content: " ";
        position: absolute;
        height: 78px;
        display: block;
        background-size: 150px auto;
        background-image: url(/images/Transitions/portfolio/wbl-cta-shape.png);
        left: 300px;
        bottom: 0px;
    }


}

@media (max-width: 767px) {
  #cashCollege .rightsection {
    padding: 10px 0px;
    text-align: center;
  }

  #yourportfolio.rightsectiontop #fullportfolio {
    padding-left: 0px;
  }
  .ipMain{
        width:100%!important
    }
}

@media (max-width: 736px) {
    #main-navigation {
        width: 100%;
    }

    #learnsection, #careersection, #jobsection, #findsection, #programssection, #appsection, #topsection, #finaid101, #midsection, #financialfitness, #yourfinaidplan, #planofstudy, #timelinesection, #succeedsection {
    background: none !important;
  }

  #learnsection .sectionbody, #careersection .sectionbody, #jobsection .sectionbody,#findsection .sectionbody, #programssection .sectionbody, #appsection .sectionbody, #topsection .sectionbody,#finaid101 .sectionbody, #midsection .sectionbody, #financialfitness .sectionbody, #yourfinaidplan .sectionbody,#planofstudy .sectionbody, #timelinesection .sectionbody, #succeedsection .sectionbody {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  #scholsection {
    padding-top: 20px;
  }

  #topsection td {
    display: block;
    padding-left: 0px;
  }

  #topsection table {
    margin-left: 0px;
  }

  #insiderinfo h3 {
    margin: 5px 0px;
  }

  #insiderinfo .sectionbox {
    background: none;
    padding: 10px;
  }

  .searchpanel td {
    display: block;
  }

  .alphabetList td {
    display: table-cell;
  }/* masonry */  #scholarships .col-height {
    display: table-cell;
    float: none;
  }

  .masonry .item {
    width: 32%;
  }

  .masonry-nav ul li .badge {
    top: 1rem;
    right: 0rem;
  }

  .masonry-nav ul li .badge {
    top: 1rem;
    right: 0rem;
  }

  #scholarships.row-height {
    margin-left: 0px !important;
  }

  .scholarship-notes > div > i {
    display: none;
  }

  .scholarship-notes .scholarship-notes-content {
    padding-bottom: 1rem;
    padding-right: 3.5rem;
  }
}

@media (max-width: 700px) {
  #navigation {
    float: none;
    width: 100%;
  }

  #navigation li {
    text-indent: 0px;
    float: none;
  }

  #navigation li a {
    background-image: none;
    text-align: center;
    min-width: 100%;
    height: auto;
  }
}

@media (max-width: 653px) {
  .portfolio-milestone {
    margin-top: -100px;
  }

  .portfolio-top-header-banner {
    height: 70px;
  }
}

@media (max-width: 640px) and (max-width: 914px) {
  #subnavigation #topnav {
    position: relative;
    right: 0;
    width: 100%;
    padding: 0.625rem 0.625rem 2.3125rem;
    background: #d9d9d9;
    background: linear-gradient(135deg, #d9d9d9 0%, #aaaaaa 50%, #aaaaaa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#aaaaaa',GradientType=1 );
  }

  #subnavigation #topnavlinks {
    background: rgba(255, 255, 255, 0.5);
    margin: -0.625rem;
    padding: 0.625rem;
    margin-top: 0.5rem;
  }

  #subnavigation #dashboard {
    padding: 0.4375rem 0.625rem;
    background: #a5d24c;
    float: none;
    top: auto;
    left: auto;
    text-align: right;
  }

  #subnavigation #dashboard li {
    float: none;
  }

  #subnavigation #navigation {
    float: none;
    width: 100%;
    padding-right: 0;
  }

  #subnavigation #navigation li {
    text-indent: 0px;
    float: none;
    position: relative;
    margin-bottom: 1px;
    text-transform: uppercase;
    background: url("/Images/ok/uppr_nav_bgr.png") 0 0;
    background-repeat: repeat-x;
  }

  #subnavigation #navigation li:last-child {
    margin-bottom: 0;
  }

  #subnavigation #navigation li a {
    background-image: none;
    text-align: right;
    min-width: 100%;
    font-weight: bold;
    padding: 0rem 2.5rem 0rem 0rem;
    height: 40px;
    line-height: 40px;
    color: #1c2342;
  }

  #subnavigation #navigation li.selected,#subnavigation #navigation li:hover {
    background: #01a4cf;
  }

  #subnavigation #navigation li.selected a,#subnavigation #navigation li:hover a {
    color: #fff;
  }

  #subnavigation #navigation li.selected:after,#subnavigation #navigation li:hover:after {
    display: inline-block;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 20px 0;
    border-color: transparent #ffffff transparent transparent;
  }

  #subnavigation #navigation li ul {
    padding: 0;
    margin: 0;
  }

  #subnavigation #navigation li ul li {
    float: left;
  }

  #subnavigation #navigation li ul li a {
    background: #34c6dd;
    height: auto;
    line-height: 1;
    font-size: 0.75rem;
    padding: 0.625rem 2.5rem 0.625rem 0rem;
    font-weight: normal;
    color: #000 !important;
  }

  #subnavigation #navigation li ul li a:hover {
    text-decoration: underline;
  }

  #subnavigation #navigation li ul li.selected a {
    color: #fff !important;
    font-weight: bold;
  }

  #subnavigation #navigation li ul li.selected:hover a {
    text-decoration: none;
  }

  #subnavigation #navigation li ul li.selected:after {
    display: none;
  }

  #subnavigation #navigation li ul li:hover {
    color: #000 !important;
  }

  #subnavigation #navigation li ul li:hover:after {
    display: none;
  }

  #subnavigation #mobile-menu-toggle {
    display: block;
  }

  #subnavigation #pageheader {
    text-align: center;
    padding-top: 1.3125rem 0rem 0rem 0rem;
    margin-bottom: 0;
  }

  #subnavigation #pageheader h1 {
    display: block;
  }
}

@media (max-width: 640px) {

    
    /* Ability Profiler */
    .page-content .ability-hero::before {display:none;}
    .page-content .ability-hero .hero-content {width:100% !important;}
    
    .page-content .ability-content .reflection-wrap .panel-wrap .panel-body {padding:30px 30px 20px;}
    .page-content .ability-content .reflection-wrap .panel-wrap .reflect-title {margin-bottom: 5px;display: block;float: left;margin-top: 10px;}
    .page-content .ability-content .reflection-wrap .panel-wrap .reflect-btns {width: 100%;float: left;display:block;top:0;}
    .page-content .ability-content .career-card-wrap .career-bottom .table-responsive {border:none;}
    .page-content .ability-content .reflection-wrap .btn-circle {float:right;top:-6px;}
    .page-content .ability-content .reflection-wrap .badge {margin-top:0;}

    .page-content .wizard h4 {margin-top:0;}
    .page-content .ability-content.wizard-text {margin-top:97px;}
    .page-content .wizard .wizard-group .wizard-item {margin-bottom:0;}
    .page-content .wizard .wizard-group .wizard-item .wizard-title {display:none;}
    .page-content .ability-content .chart-container {overflow:auto;}

    .page-content .ability-content .question-buttons .page-num {display: block;position: relative;width: 100%;text-align: center;left: unset;right: unset;}
    .page-content .ability-content .question-buttons .btn-primary {display: block;float: none !important;margin: 5px auto;}


    .msg-wrap p {
        width:100%;
    }
    .msg-wrap .btn-primary {
        float: none !important;
        margin-top:10px;
    }
	.survey-container .sv_q_rating_item {
		display:inline-block;
	}

    /* scatterplots */
    .page-content.scatterplot .scatter-form .form-group {width:100%;}
    .page-content.scatterplot .scatter-form .form-group label {width: 100%;float: left;margin: 0;}
    .page-content.scatterplot .scatter-form .input-xxs {max-width:100%;}
    .page-content.scatterplot .scatter-form .btn-primary {margin-top:10px !important;margin-right: 0 !important;display:block !important;}
    .page-content.scatterplot .panel-wrap .panel-header.mb-10 {margin-bottom:0 !important;}
    .page-content .filter-row {margin-bottom:20px;}
    .page-content.scatterplot .scatter-form .form-group.inline input {margin-right:0;margin-bottom:10px;}
    .page-content.scatterplot .filter-wrap select {margin-bottom:10px;}


    /* new activity page */
    .page-content .activity-hero .hero-content h1 {font-size:24px;}
    .page-content .activity-hero .hero-content h1 img {height:35px;}
    .page-content .activity-hero .hero-content .btn {margin-top:-5px;}
    .page-content .activity-content .comment-wrap .comment-content .comment-user span {float: none;display: block;margin-top:5px;}

    /* My goals activity */
    .page-content.activity-mgap .activity-content {margin-top:220px;}
    .activity-page .action-task .task-title {width: 100%;padding-right:30px;}
    .activity-page .action-task .task-info {width:100%;padding-left:33px;}
    .activity-page .action-task.Abandoned .task-date, .activity-page .action-task.Completed .task-date {display:none;}
    .activity-page .action-task .task-date {width:auto;padding-right:10px;}
    .activity-page .action-task .task-date:after {font-family: "Font Awesome 5 Free";content: "\f111";color: #6a6a6a;font-weight: 600;font-size: 5px;position: relative;top: -3px;padding-left: 10px;}
    .activity-page .action-task .task-status {width:auto;}
    .activity-mgap .activity-item  h1 i {display:inline-block;}
    .activity-content .activity-item .card-icon {display:none;}
    .activity-mgap .activity-item .card-top {padding-left:0;padding-right:60px;}
    .activity-mgap .activity-item .activity-controls .activity-pill .priority-text {display:none;}
    .activity-mgap .activity-item .activity-controls .activity-pill {background:none !important;font-size: 14px;padding: 5px;}
    .activity-mgap .activity-item .activity-controls .activity-pill i {margin-right:0 !important;}

    /* WBL Opportunities */
    .activity-opp .activity-hero .hero-content h1{text-align:center;}
    .activity-opp .activity-hero .hero-content h1 img {height:50px;display: block;margin: 0 auto;position: unset; float: none;margin-top:5px !important;}
    .activity-opp .activity-hero .hero-content {margin-top:45px;}
    .activity-opp .activity-content h3 {font-size:16px;}
    .activity-opp .section-margin {margin-top:50px;}
    .activity-opp .app-left h4 {padding-right:0;}
    .activity-opp .app-tile .meta-btn{position: relative;top: unset; right: unset;width: 100%;margin-top: 15px;}
    .activity-opp .app-right .meta-mail {width:23.33%}
    .activity-opp .app-right .meta-status {width:43.33%;}

    /* wbl experiences */
    .modal-hours .modal-footer .footer-date {width:120px;}
    .modal-hours .modal-footer .footer-hours {width:120px;}
    .modal-hours .modal-body {min-height:215px;}
    .wbl-cta {display:block;padding: 10% 10% 4%;text-align: center;margin-top:30px;}
    .wbl-cta:before {left:0;}
    .wbl-cta .content-right img {margin-top:20px;}

    /* wbl evaluations */
    .modal-hours .modal-body .status-update {margin:10px 0 0 0;text-align:center;}
    .modal-hours .modal-body .status-update img {float:none;width:180px;}
    .modal-hours .modal-body .status-update .status-text {padding-top:20px;width:100%;padding-bottom:20px;}
    .modal-hours .modal-body .empty-hours {margin:60px auto 0;}




  #subnavigation body {
    margin: 0;
  }

  #subnavigation #rightbar {
    margin-left: 0 !important;
    padding-top: 1.125rem;
  }

  #subnavigation #main-content {
    max-width: 100%;
  }

  #subnavigation #mainpanel {
    padding: 0rem 0.625rem 1.25rem;
  }

  #subnavigation #main-rightbar {
    width: 100%;
    max-width: 100%;
    padding: 0rem 0.625rem;
  }

  #subnavigation #footer-legal ul {
    margin-left: 0;
    margin-top: 0.625rem;
  }

  #subnavigation #footer-legal ul li {
    display: block;
    margin-bottom: 0.3125rem;
  }

  #subnavigation #footer-legal ul li:last-child {
    margin-bottom: 0;
  }

  #subnavigation #footer-legal ul li:after {
    display: none;
  }

  #subnavigation #footer-educators {
    margin: 1.25rem 0rem;
  }

  #subnavigation #footer-educators li {
    margin-bottom: 0.3125rem;
  }

  #subnavigation #footer-educators li:last-child {
    margin-bottom: 0;
  }

  #subnavigation .pds-answer {
    overflow-y: visible;
    max-height: initial;
  }

  #subnavigation #rolePage h2 {
    text-indent: 0;
    background: none !important;
    height: auto;
    margin: 0rem 0rem 0.625rem 0rem !important;
  }

  #subnavigation #rolePage .roleImg {
    display: none;
  }

  #subnavigation #rolePageLinks {
    position: relative;
    top: 0;
    left: 0;
  }
}

@media (max-width: 640px) {
  body {
    margin: 0;
  }

  #subnavigation {
    padding: 0rem 1.375rem;
 /* Body
   ========================================================================== */ /* Navigation
   ========================================================================== */ /* Mobile Navigation
========================================================================== */ /* Sidebar
   ========================================================================== */ /* Tabbed Content - Sidebar
   ========================================================================== */ /* Header
   ========================================================================== */ /* Page Layout
========================================================================== */ /* Footer
   ========================================================================== */ /* Poll
   ========================================================================== */ /* Typography
   ========================================================================== */ /* Typography - Links
   ========================================================================== */ /* Forms
   ========================================================================== */ /* Sectionbox
   ========================================================================== */ /* Sign In
   ========================================================================== */ /* Tables
   ========================================================================== */ /* Sample financing plans COA breakdown */ /* Buttons
   ========================================================================== */ /* Voices
   ========================================================================== */ /* Misc
   ========================================================================== */ /* Alpha List */ /* Explore Careers */ /* Create An Account - Role Selection */ /* Google Site Search
   ========================================================================== */ /* Plan of Study (POS)
   ========================================================================== */ /* display:inline is a fix for IE<9 */ /* Masonry
   ========================================================================== */ /* Homepage
   ========================================================================== */ /* Landing Pages
   ========================================================================== */ /* Login Page
   ========================================================================== */ /* Career Planning > Default
   ========================================================================== */ /* Foundation XY Grid (Foundation v6.4)
   ========================================================================== */ /*# sourceMappingURL=app.css.map */;
  }

  #subnavigation body {
    background-color: #fff;
    color: #000;
    font-family: 'Source Sans Pro', 'Arial', 'Helvetica', sans-serif;
    font-size: 0.875rem;
    margin: 0;
    padding: 0;
  }

  #subnavigation #topnav {
    background: none;
    min-height: 101px;
    min-width: 367px;
    position: absolute;
    top: -6.25rem;
  }

  #subnavigation #topnavlinks {
    color: #000;
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    font-size: 0.6875rem;
    margin-top: 0.625rem;
  }

  #subnavigation #topnavlinks a {
    color: #000;
    text-decoration: none;
  }

  #subnavigation #topnavlinks a:hover {
    color: #ff8023;
    text-decoration: none;
  }

  #subnavigation #topnav a.simpleSearchButton {
    background: url("/images/ok/search_off.png") 0 0 no-repeat;
    height: 31px;
    text-indent: -9000px;
  }

  #subnavigation #topnav a.simpleSearchButton:hover {
    background: transparent url("/images/ok/search_on.png") 0 0 no-repeat;
    text-indent: -9000px;
  }

  #subnavigation .userfullname {
    color: #fff;
    display: inline-block;
    margin-right: 1.5625rem;
  }

  #subnavigation .topsignout {
    display: inline-block;
    color: #44c4f4;
  }

  #subnavigation .userfullname i,#subnavigation .topsignout i {
    margin-right: 0.625rem;
  }

  #subnavigation #topnav label,#subnavigation #topnav .lblPrompt {
    color: #000;
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    font-weight: bold;
    font-size: 0.6875rem;
    text-transform: uppercase;
  }

  #subnavigation #dashboard {
    height: auto;
    background: none;
    z-index: 100;
    float: left;
    width: auto;
    border-left: none;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    left: 0;
    top: 0;
  }

  #subnavigation #dashboard:after {
    content: "";
    display: table;
    clear: both;
  }

  #subnavigation #dashboard li {
    display: inline-block;
    float: left;
    height: auto;
    width: auto;
    margin: auto;
    position: relative;
  }

  #subnavigation #dashboard li:after {
    margin-right: 0;
  }

  #subnavigation #dashboard li a {
    color: #5b5b5b;
  }

  #subnavigation #dashboard li:before {
    display: none;
  }

  #subnavigation #dash2 {
    border-left: none;
    left: auto;
  }

  #subnavigation #dash2:after {
    content: "\f073" !important;
  }

  #subnavigation #dash1,#subnavigation #dash2 {
    padding: 0;
    position: relative;
  }

  #subnavigation #dash1:after,#subnavigation #dash2:after {
    display: block;
    content: "\f003";
    text-align: left;
    font-family: FontAwesome;
    line-height: 1;
    font-size: 0.9375rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #44c4f4;
  }

  #subnavigation #dash1:hover:after,#subnavigation #dash2:hover:after {
    color: #85d9f8;
  }

  #subnavigation #dash1 a,#subnavigation #dash2 a {
    background: none;
    display: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: relative;
    z-index: 5;
    padding: 0;
    height: auto;
    width: 1.125rem;
    height: 1.125rem;
  }

  #subnavigation #primarynav {
    background: #f3f3f3;
    padding: 0;
    margin: 0;
  }

  #subnavigation #primarynav .HomeSub {
    height: 0px;
    line-height: 0px;
  }

  #subnavigation #navigation {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
    display: block;
    float: none;
    display: -webkit-flex;
 /* Safari */
    -webkit-justify-content: space-between;
 /* Safari 6.1+ */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #subnavigation #navigation:after {
    content: "";
    display: table;
    clear: both;
  }

  #subnavigation #navigation:after {
    display: none;
  }

  #subnavigation #navigation li {
    display: inline-block;
    float: none;
    width: auto;
    text-indent: 0;
  }

  #subnavigation #navigation li a {
    display: block;
    background-image: none;
    background-repeat: no-repeat;
    height: auto;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.9375rem;
    font-weight: bold;
    width: 100% !important;
    text-align: center;
    margin: 1.5625rem 0rem;
  }

  #subnavigation #navigation li:first-child {
    display: none;
  }

  #subnavigation #navigation li:first-child a {
    text-align: left;
  }

  #subnavigation #subnavigation {
    background: #c1d82f;
    margin-top: -1.1875rem;
    margin-bottom: 0.625rem;
    padding: 0rem 0.3125rem;
    float: none;
  }

  #subnavigation #subnavigation li {
    text-align: right;
  }

  #subnavigation #subnavigation li a {
    color: #014466;
  }

  #subnavigation #subnavigation li a:hover {
    color: #014466;
    text-decoration: underline;
  }

  #subnavigation #subnavigation li.selected a {
    color: #fff;
  }

  #subnavigation #topbar {
    background: #1c2342;
    padding: 0.9375rem 0rem;
    text-transform: uppercase;
    font-size: 0.9375rem;
    color: #fff;
  }

  #subnavigation #topbar a {
    color: #44c4f4;
    margin-right: 1.5625rem;
  }

  #subnavigation #topbar a:hover {
    color: #85d9f8;
    text-decoration: none;
  }

  #subnavigation #topbar a:last-child {
    margin-right: 0;
  }

  #subnavigation #topbar a i {
    margin-right: 0.625rem;
  }

  #subnavigation #portfolioSubnavigation {
    background: #9eb121;
    margin-top: -0.625rem;
    padding: 0.4375rem 0rem;
  }

  #subnavigation #mobile-menu-toggle {
    display: none;
    position: relative;
    min-height: 2.5rem;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 0.625rem;
  }

  #subnavigation #mobile-menu-toggle a {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
  }

  #subnavigation #mobile-menu-toggle a:after {
    display: inline-block;
    content: "\f0c9";
    font-family: FontAwesome;
    min-height: 2.5rem;
    line-height: 2.5rem;
    margin-right: 0.625rem;
    margin-left: 0.625rem;
  }

  #subnavigation #mobile-menu-toggle a.close-menu:after {
    content: "\f00d";
  }

  #subnavigation .rightsection {
    font-size: 0.75rem;
  }

  #subnavigation .rightsectiontop {
    margin: 0.625rem;
    background: #fff;
  }

  #subnavigation .rightsectiontop:last-child {
    margin-bottom: 0;
  }

  #subnavigation .rightsectiontop h3 {
    font-size: 1rem !important;
    font-style: italic;
    font-weight: 600;
    color: #82C6C4;
    background: #014466;
    padding: 0.625rem;
    margin: 0rem 0rem 0.75rem 0rem;
    text-transform: none !important;
    position: relative;
  }

  #subnavigation .rightsectiontop h3:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #014466 transparent transparent transparent;
    position: absolute;
    bottom: -12px;
    left: 30px;
  }

  #subnavigation #fullportfolio {
    text-align: left !important;
    margin-left: 10px;
  }

  #subnavigation #fullportfolio a {
    font-weight: 400 !important;
    text-transform: none !important;
  }

  #subnavigation .tfnavtabs li.menuItemActive a,#subnavigation .tfnavtabs li.menuItemActive a:disabled,#subnavigation .tfnavtabs li span.description {
    color: #EE825C !important;
  }

  #subnavigation .tfnavtabs li a,#subnavigation .tfnavtabs li span.description {
    display: block;
    text-decoration: none;
  }

  #subnavigation .tfnavtabs li.description {
    color: #013047;
  }

  #subnavigation .tfnavtabs li a:hover {
    color: #013047;
  }

  #subnavigation #localeLinks {
    margin-top: 0.4375rem;
  }

  #subnavigation #localeLinks a {
    color: #000;
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    font-size: 0.625rem;
    font-weight: bold;
    text-decoration: none;
  }

  #subnavigation #localeLinks a:hover {
    color: #ff8023;
  }

  #subnavigation .searchButtonContainer {
    height: 31px;
    width: 36px;
  }

  #subnavigation #pageheader {
    background: none;
    padding: 1.3125rem 0rem 0rem 0rem;
    margin-bottom: 1.4375rem;
  }

  #subnavigation #pageheader h1 a {
    width: 406px;
    height: 84px;
    background-image: url("/images/iowa/rd2017/Sigin_logo.png");
    text-indent: -9000px;
    display: inline-block;
    position: relative;
  }

  #subnavigation .relative-container {
    position: relative;
  }

  #subnavigation #page {
    background: #fff;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
  }

  #subnavigation #main {
    padding: 0 !important;
    border: none;
  }

  #subnavigation #mainbody {
    width: 100%;
  }

  #subnavigation #main-content {
    width: 100% !important;
    max-width: 73%;
    background: #fff;
  }

  #subnavigation #main-content.no-sidebar {
    max-width: 100%;
  }

  #subnavigation #main-content.no-sidebar #mainpanel {
    padding: 0 0 0 2px !important;
  }

  #subnavigation #main-content.no-sidebar .pageContent {
    padding: 0 !important;
  }

  #subnavigation #mainpanel {
    width: 100% !important;
    max-width: 100%;
    padding: 0rem !important;
    background: #fff;
  }

  #subnavigation #main-rightbar {
    width: 27%;
    padding: 0;
  }

  #subnavigation .rightsectiontop {
    border-radius: 0 !important;
    border: none !important;
  }

  #subnavigation .pageContent {
    padding: 0rem 0.625rem !important;
  }

  #subnavigation #footer {
    background-image: none;
    background: #1d2343;
    font-size: 0.6875rem;
    margin-bottom: 0;
    text-align: initial;
    padding-top: 3.125rem;
    color: #feffff;
    font-size: 0.875rem;
    margin-top: 0;
  }

  #subnavigation #footerBtm {
    position: relative;
    width: 947px;
    margin: auto;
    height: 16px;
    background: #ffffff;
    background: url("/images/ok/bckg/wht_bckg_btm.png") bottom no-repeat;
  }

  #subnavigation #footer a {
    color: #44c4f5;
  }

  #subnavigation #footer a:hover {
    color: #7cd6f8;
  }

  #subnavigation #footer h3 {
    color: #fff;
    margin: 0rem 0rem 1.25rem 0rem;
    padding: 0;
    line-height: 1;
    font-family: "Rockwell", sans-serif;
    font-size: 1.125rem;
    font-weight: bold;
  }

  #subnavigation #footer hr {
    margin: 1.25rem 0rem 0rem 0rem;
    border-top: 1px solid #081b3c;
  }

  #subnavigation #footer ul {
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
  }

  #subnavigation #footer-legal {
    padding: 2.5rem 0rem;
  }

  #subnavigation #footer-legal ul {
    display: inline;
    margin-left: 3.125rem;
  }

  #subnavigation #footer-legal ul li {
    display: inline-block;
  }

  #subnavigation #footer-legal ul li:after {
    display: inline-block;
    content: "|";
    color: #a7aab1;
    margin: 0rem 0.0625rem 0rem 0.25rem;
  }

  #subnavigation #footer-legal ul li:last-child:after {
    display: none;
  }

  #subnavigation #footer-educators {
    height: 11.625rem;
    max-width: 15.3125rem;
    width: 100%;
    position: relative;
    background-color: #26232f;
    background-image: url("/images/Iowa/rd2017/Signin_educators.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    display: inline-block;
  }

  #subnavigation #footer-educators a {
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    background: rgba(28, 35, 66, 0.66);
    color: #fff;
    font-size: 1.5rem;
    line-height: 28px;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.66);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  #subnavigation #footer-educators a:hover {
    background: rgba(28, 35, 66, 0);
    color: #fff;
  }

  #subnavigation #footer-educators a span {
    display: inline-block;
  }

  #subnavigation #footer-logo {
    display: inline-block;
    width: 78px;
    height: 43px;
    background: url("/images/Iowa/rd2017/footer-logo.png");
  }

  #subnavigation #quicklinks ul li {
    display: block;
    margin-bottom: 0.3125rem;
  }

  #subnavigation #quicklinks ul li:last-child {
    margin-bottom: 0;
  }

  #subnavigation #copyright {
    display: inline;
    padding: 0;
  }

  #subnavigation .pds-box {
    width: 100% !important;
    color: #FFF;
    background: none !important;
    border: none !important;
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif !important;
    font-size: 0.625rem;
    text-transform: uppercase;
    margin: 0 !important;
  }

  #subnavigation .pds-question-top {
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif !important;
    font-weight: bold;
    font-size: 0.6875rem;
    text-transform: uppercase;
    color: #000;
    margin-top: -1.25rem;
    margin-right: -0.625rem;
    margin-left: -0.625rem;
    margin-bottom: 0.625rem !important;
    background: #8fcb37;
    padding: 0.625rem !important;
    position: relative;
    z-index: 5;
  }

  #subnavigation .pds-question-top:before,#subnavigation .pds-question-top:after {
    z-index: 3;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }

  #subnavigation .pds-question-top:after {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
  }

  #subnavigation .pds-answer {
    overflow-y: scroll;
    max-height: 131px;
  }

  #subnavigation .pds-answer::-webkit-scrollbar {
    -webkit-appearance: none;
  }

  #subnavigation .pds-answer::-webkit-scrollbar:vertical {
    width: 12px;
  }

  #subnavigation .pds-answer::-webkit-scrollbar:horizontal {
    height: 12px;
  }

  #subnavigation .pds-answer::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    border: 2px solid #ffffff;
  }

  #subnavigation .pds-answer::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
  }

  #subnavigation .pds-answer-input {
    width: 22px !important;
    margin: 0 !important;
  }

  #subnavigation .pds-answer-span {
    line-height: 0px !important;
    color: #000;
    font: bold 10px 'Open Sans', 'Arial', 'Helvetica', sans-serif !important;
    text-transform: uppercase;
  }

  #subnavigation .pds-answer-text {
    line-height: 0px !important;
    color: #000;
    font: bold 10px 'Open Sans', 'Arial', 'Helvetica', sans-serif !important;
    text-transform: uppercase;
  }

  #subnavigation .pds-input-label {
    padding-top: 0.125rem !important;
  }

  #subnavigation .pds-vote {
    padding: 3px 0px 0px 0px !important;
  }

  #subnavigation .pds-vote-button {
    background: transparent url("/images/ok/vote_off.png") 0 0 no-repeat !important;
    color: #000;
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: bold !important;
    height: 45px !important;
    padding-left: 0 !important;
    width: 90px !important;
    border: none !important;
    text-indent: -9000px;
  }

  #subnavigation .pds-feedback {
    font: 9px 'Open Sans', 'Arial', 'Helvetica', sans-serif !important;
    color: #000;
    text-transform: uppercase;
  }

  #subnavigation .pds-votes {
    font: 9px 'Open Sans', 'Arial', 'Helvetica', sans-serif !important;
    color: #000;
    text-transform: uppercase;
  }

  #subnavigation .pds-view-results,#subnavigation .pds-view-results a,#subnavigation .pds-total-votes,#subnavigation .pds-return-poll,#subnavigation .pds-return-poll a {
    font: bold 10px 'Open Sans', 'Arial', 'Helvetica', sans-serif !important;
    color: #000;
    padding-top: 10px !important;
    text-transform: uppercase;
  }

  #subnavigation .pds-vote-button:hover {
    background: transparent url(/images/ok/vote_on.png) 0 0 no-repeat !important;
    color: #fff !important;
  }

  #subnavigation .pds-pd-link {
    text-indent: -9000px;
  }

  #subnavigation .pds-feedback-group {
    padding-left: 2px !important;
  }

  #subnavigation #mainpanel h2 {
    margin-bottom: -0.125rem;
  }

  #subnavigation #main h2 .subtitle {
    background: transparent url("/images/transitions/subtitle.gif") 0 0px no-repeat;
    display: inline-block;
    color: #000;
    margin: 0px;
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    font-weight: bold;
    font-size: 1.25rem;
    padding-left: 24px;
    text-transform: uppercase;
  }

  #subnavigation #mainbody h2,#subnavigation #mainpanel h2,#subnavigation .pageContent h2 {
    padding: 0;
    margin: 0.9375rem 0rem 1rem 0rem;
    font-family: "Rockwell", sans-serif;
    font-size: 1.875rem;
    line-height: 1;
    color: #111;
    text-transform: uppercase;
  }

  #subnavigation .pageContent h2 {
    margin-bottom: 1.125rem !important;
  }

  #subnavigation #article h2 {
    background: none;
    color: #014466 !important;
    font-size: 1rem !important;
    font-weight: bold;
    line-height: 1.4;
    padding: 0 !important;
    margin: 0 !important;
  }

  #subnavigation #article h2:after {
    display: none;
  }

  #subnavigation .articleContentPanel h2 {
    background: none !important;
  }

  #subnavigation .articleContentPanel h2:after {
    display: none;
  }

  #subnavigation .articleContentPanel h2 span {
    color: #014466;
    font-size: 1rem;
    font-weight: bold;
    position: relative;
    left: -0.75rem;
  }

  #subnavigation .sectionprompt {
    font-family: inherit;
    font-size: inherit;
    color: #014466;
    clear: both;
    padding: 5px 0px;
  }

  #subnavigation .sectionbox p,#subnavigation #main .sectionbody p {
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    font-size: 13px;
    margin: .2em .2em 1em 0;
  }

  #subnavigation h3,#subnavigation h3 a,#subnavigation #main .articleContentPanel h2,#subnavigation #article step-title {
    color: #014466;
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    margin: 0 0 1em 0;
    text-decoration: none;
    text-transform: none;
    font-weight: 600;
    font-size: 1rem;
  }

  #subnavigation h4,#subnavigation h4 a {
    color: #0098C2;
    font: bold 14px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    margin: 1em 0 0 0;
  }

  #subnavigation h5,#subnavigation h5 a {
    color: #0098C2;
    font: bold 14px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    margin: 1em 0 0 0;
    padding: 0;
  }

  #subnavigation span.headerlink a,#subnavigation span.headerlink,#subnavigation #main a span.headerlink {
    color: #ff8023;
    text-transform: uppercase;
    font: bold 13px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  }

  #subnavigation #main .articleContentPanel .articleTitle,#subnavigation #article .subMainCategoryName,#subnavigation #article .articleListCategoryName {
    color: #ff8023;
    font: bold 16px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    text-transform: uppercase;
  }

  #subnavigation #articleIndex .equicolumn p {
    font: 13px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  }

  #subnavigation .small {
    color: #000;
    font: 10px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  }

  #subnavigation #main .articleContentPanel,#subnavigation #main .articleContentPanel p,#subnavigation #main .articleContentPanel li {
    font: 13px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  }

  #subnavigation #articleIndex .articleListPanel .articleListCategoryName {
    font: bold 16px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    color: #0098C2;
  }

  #subnavigation .alignleft {
    float: left;
    padding: 0.375rem;
  }

  #subnavigation .alignright {
    float: right;
    padding: 0.375rem;
  }

  #subnavigation #pagecontrols a {
    display: block;
    font: 10px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    text-transform: uppercase;
  }

  #subnavigation span.headerlink a span.headerfirst,#subnavigation span.headerlink span.headerfirst {
    color: #014466;
    font-size: 1rem;
    font-weight: 600;
    text-transform: none;
  }

  #subnavigation a {
    color: #014466;
    outline: 0;
    text-decoration: none;
  }

  #subnavigation a:hover {
    color: #61B5D1;
  }

  #subnavigation .sectionbody .sectionlink {
    margin-left: 0 !important;
  }

  #subnavigation #main .sectionlink {
    padding-left: 0 !important;
  }

  #subnavigation .sectionlink a,#subnavigation .sectionlink li a {
    background: transparent url("/Images/ok/arw_off.png") 0px 5px no-repeat;
    font: 11px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    padding: 2px 0 4px 12px;
    margin-left: 0px !important;
    text-transform: none;
    color: #014466;
  }

  #subnavigation .sectionlink a:hover,#subnavigation .sectionlink li a:hover {
    color: #61B5D1;
  }

  #subnavigation #toolsContainer .sectionlink {
    padding: 0rem 0rem 0.625rem 0rem;
  }

  #subnavigation .sectionlink a:hover,#subnavigation .sectionLink a:hover {
    background: transparent url("/Images/ok/arw_on.png") 0 7px no-repeat;
  }

  #subnavigation .articleIndex .articleListPanel ul li {
    background: transparent url("/Images/ok/arw_off.png") 0 4px no-repeat !important;
    list-style: none !important;
    border-bottom: none !important;
    padding: 2px 0 6px 15px !important;
  }

  #subnavigation .articleIndex .articleListPanel ul li:hover {
    background: transparent url("/Images/ok/arw_on.png") 0 4px no-repeat !important;
  }

  #subnavigation .actionlink a,#subnavigation .guidewaysNavigator .actionbutton a,#subnavigation #faithcontent div.sectionlink a.faithHeader {
    background: transparent url("/Images/ok/arw_off.png") 0 5px no-repeat !important;
    color: #267fb4;
    padding: 2px 0px 4px 12px;
    font: 12px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    text-transform: uppercase;
  }

  #subnavigation .actionlink a:hover,#subnavigation .guidewaysNavigator .actionbutton a:hover,#subnavigation #faithcontent div.sectionlink a.faithHeader:hover {
    background: transparent url("/Images/ok/arw_on.png") 0 5px no-repeat !important;
    color: #ff8023;
  }

  #subnavigation #faithcontent div.sectionlink {
    background: transparent url("/Images/ok/arw_off.png") no-repeat scroll 0 5px;
  }

  #subnavigation .nextlink a {
    background: transparent url("/Images/ok/next_off.png") right 5px no-repeat !important;
    font: bold 12px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    text-transform: uppercase;
  }

  #subnavigation .nextlink a:hover {
    background: transparent url("/Images/ok/next_on.png") right 5px no-repeat !important;
  }

  #subnavigation .prevlink a {
    background: transparent url("/images/ok/previous_off.png") 0 5px no-repeat !important;
    font: bold 12px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    text-transform: uppercase;
  }

  #subnavigation .prevlink a:hover {
    background: transparent url("/images/ok/previous_on.png") 0 5px no-repeat !important;
  }

  #subnavigation #main .sectionbox .interfaceSearchBox {
    background-color: #fff !important;
    border: 1px solid #000 !important;
    color: #242424 !important;
    padding: 0.3125rem !important;
    height: 24px;
    top: 0;
  }

  #subnavigation .interfaceSearchBox {
    background-color: #fff !important;
    border: 1px solid #000 !important;
    color: #242424 !important;
    padding: 0.3125rem !important;
    height: 1.5rem;
    margin-right: 0.0625rem;
    position: relative;
    top: -2px;
  }

  #subnavigation .questionAnswer {
    padding-bottom: 0.3125rem;
  }

  #subnavigation .questionAnswer input,#subnavigation .questionAnswer select {
    background-color: #fff !important;
    border: 1px solid #8B8B8B !important;
    color: #242424 !important;
  }

  #subnavigation #distanceSearch .field input,#subnavigation #distanceSearch .field select {
    background-color: #fff !important;
    border: 1px solid #8B8B8B !important;
    color: #242424 !important;
  }

  #subnavigation #careerProfile .field input {
    background-color: #fff !important;
    border: 1px solid #8B8B8B !important;
    color: #242424 !important;
    padding: 5px !important;
  }

  #subnavigation .talktous .field input {
    background-color: #fff !important;
    border: 1px solid #8B8B8B !important;
    color: #242424 !important;
    padding: 0.3125rem !important;
  }

  #subnavigation .talktous .label {
    color: #000 !important;
    text-transform: uppercase;
  }

  #subnavigation .talktous td {
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif !important;
    font-size: 0.75rem;
  }

  #subnavigation .talktous .radiogroup {
    color: #000 !important;
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif !important;
    font-size: 0.75rem;
  }

  #subnavigation .talktous .textarea textarea {
    background-color: #fff !important;
    border: 1px solid #8B8B8B !important;
    color: #242424 !important;
    padding: 0.3125rem !important;
  }

  #subnavigation .searchBoxContainer {
    position: relative;
    top: 2px;
  }

  #subnavigation .searchButtonContainer {
    position: relative;
  }

  #subnavigation .simpleSelectList {
    border: 1px solid #000;
    min-height: 1.5rem;
    color: #242424;
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    font-size: 0.75rem;
  }

  #subnavigation .simpleGoBtn {
    height: 24px;
    background: #f7c157 !important;
    border: 1px solid #000;
    border-left: none;
    position: relative;
    display: inline-block;
    line-height: 24px !important;
    font-weight: normal !important;
    font-size: 0.875rem;
    color: #000 !important;
    left: -1px;
  }

  #subnavigation .simpleGoBtn:hover {
    background: #9ad8d1 !important;
    color: #000 !important;
  }

  #subnavigation .searchButtonContainer {
    height: 29px;
    width: 36px;
  }

  #subnavigation .ethnicityGroup span.subquestion {
    font-size: 0.6875rem;
  }

  #subnavigation .sectionbox {
    border: 2px solid #014466;
    margin: 0.75rem 0rem;
    padding: 0.625rem 0rem;
  }

  #subnavigation .sectionboxtabswide {
    margin-left: 3.4375rem;
  }

  #subnavigation .sectionboxnoborder {
    width: 640px;
  }

  #subnavigation .sectionbody {
    margin: 1.25rem;
  }

  #subnavigation .sectionbody table td.narrowcolumn {
    padding-left: 0 !important;
  }

  #subnavigation .sectionbox,#subnavigation #main .whtopaddcareers,#subnavigation .sectionboxwide,#subnavigation #page .tfsection .middle,#subnavigation #toolsContainer .toolsectionbody,#subnavigation #toolsContainer .floatSection,#subnavigation .landingpagesection,#subnavigation .landingpagesearch,#subnavigation #main .mainInstructions,#subnavigation #main .savedSearches,#subnavigation #toolsContainer .toolsectionbodyshort {
    border-color: #014466;
  }

  #subnavigation .landingpagesection {
    width: 340px;
  }

  #subnavigation .innerboxmedium,#subnavigation .smallsection,#subnavigation .innerboxbig,#subnavigation .innerboxlargemiddle,#subnavigation .innerboxhalfmiddle,#subnavigation #page td.planSummary,#subnavigation #main td.courseBlock {
    background-color: #F5F5F5;
    border-color: #777;
  }

  #subnavigation .innerboxmediummiddle,#subnavigation .innerboxbigmiddle {
    background: transparent;
    padding: 0rem 0.5rem;
  }

  #subnavigation .roleSelect tr td {
    width: 95% !important;
  }

  #subnavigation #testpreptable {
    width: 784px !important;
    margin: 0rem 0rem 0.625rem 2.5rem;
  }

  #subnavigation .innerboxmedium {
    padding: 0.3125rem;
  }

  #subnavigation .innerboxmediumtop {
    padding: 0.1875rem !important;
  }

  #subnavigation #signInBox h2 {
    padding: 0px 0px 5px 10px !important;
    color: #000 !important;
    font: bold 20px 'Open Sans', 'Arial', 'Helvetica', sans-serif !important;
    text-transform: uppercase;
  }

  #subnavigation #signInBox table table {
    width: 100%;
  }

  #subnavigation #signInBox table table .field {
    padding-left: 0 !important;
  }

  #subnavigation #signInBox table table .field input {
    width: 100% !important;
  }

  #subnavigation #signInBox table table td {
    display: block;
    width: 100%;
  }

  #subnavigation #signInContainer {
    background: none !important;
  }

  #subnavigation #signInContainer .pageContent {
    padding-left: 0;
  }

  #subnavigation #signInBox .field input,#subnavigation #signInBox .field select,#subnavigation #signInBox .questionAnswer field {
    background-color: #fff !important;
    border: 1px solid #8B8B8B !important;
    color: #242424 !important;
    padding: 2px !important;
    margin-left: 2px;
    margin-right: 2px;
  }

  #subnavigation #signInBox .label-r,#subnavigation #signInBox .questionLabel {
    color: #000;
    font-size: 11px;
  }

  #subnavigation .optionalHint {
    color: red;
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif !important;
    font-size: 0.6875rem;
  }

  #subnavigation table.chart tr.row1 td,#subnavigation table.chart tr:nth-child(even) td {
    background-color: #f2f2f2;
  }

  #subnavigation table.chart {
    clear: both;
    padding: 0;
    margin: 0.625rem 0.25rem 0.625rem 0.5rem;
    border: 1px solid #000;
    border-width: 0 0 1px 1px;
  }

  #subnavigation table.chart th {
    background-color: #DAF5F7;
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    font-weight: bold;
    font-size: 0.875rem;
    text-align: center;
  }

  #subnavigation table.chart th.tableheader {
    background-color: #0098C2;
    color: #fff;
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    font-weight: bold;
    font-size: 1rem;
  }

  #subnavigation table.chart tr.color1 {
    background-color: #DAF5F7;
  }

  #subnavigation table.chart tr.color2 {
    background-color: #F2F2F2;
  }

  #subnavigation table.chart tr.color3 {
    background-color: #ffffcc;
  }

  #subnavigation table.chart td {
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    font-size: 0.6875rem;
    vertical-align: top;
  }

  #subnavigation table.chart td.col1 {
    text-align: left !important;
  }

  #subnavigation table.chart .subheader td {
    background-color: #DAF5F7;
    font-weight: bold;
    text-align: center;
  }

  #subnavigation table.coa {
    width: 90%;
    margin: 0.625rem 0rem 0rem;
  }

  #subnavigation table.coa td {
    padding: 0rem 0.3125rem 0rem 0rem;
    text-align: right;
  }

  #subnavigation table.chart td,#subnavigation table.chart th {
    padding: 0.375rem;
    border: 1px solid #000;
    border-width: 1px 1px 0 0;
  }

  #subnavigation #rates td {
    text-align: right;
  }

  #subnavigation .timertable {
    margin-bottom: 0.625rem;
  }

  #subnavigation .timertable .head {
    color: #847173;
    font-size: 0.9375rem;
    font-weight: bold;
  }

  #subnavigation .timertable .body {
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    font-size: 0.75rem;
    font-weight: bold;
  }

  #subnavigation .dataGridHeaderLegend,#subnavigation #courseplanner .coursePlanTotalRow th.dataGridHeader {
    background: #0098C2;
  }

  #subnavigation .roleSelect td {
    border-bottom: 1px dotted #0098C2;
  }

  #subnavigation #articleIndex .equicolumn td {
    vertical-align: top;
    padding: 0rem 0.5rem;
    margin-top: 0;
  }

  #subnavigation .sectionbody table {
    margin: -0.125rem 0.125rem 1rem 0.3125rem;
  }

  #subnavigation .coa,#subnavigation table.coa td {
    border-width: 0;
    margin: 0;
  }

  #subnavigation #signInBox a.logonButton,#subnavigation #signInBox .actionlink a.logonButton {
    background: transparent url("/images/ok/btn_90_off.png") right 0 no-repeat;
    color: #000;
    display: block;
    height: 36px;
    padding-right: 0;
    padding-top: 10px;
    width: 90px;
    font: bold 12px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  }

  #subnavigation #signInBox a.logonButton:hover,#subnavigation #signInBox .actionlink a.logonButton:hover {
    background: transparent url("/images/ok/btn_90_on.png") right 0 no-repeat;
    color: #fff;
  }

  #subnavigation a .learnmore {
    background: transparent url("/images/ok/btns/btn_90_off.png") 0 0 no-repeat;
    color: #000;
    display: block;
    height: 36px;
    padding-top: 10px;
    width: 90px;
    text-align: center;
    text-decoration: none;
    font: bold 12px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  }

  #subnavigation a .learnmore:hover {
    background: transparent url("/images/ok/btn_90_on.png") 0 0 no-repeat;
    color: #fff;
  }

  #subnavigation #actionbuttononwide a,#subnavigation #main a.actionbuttonOnwide,#subnavigation .actionbuttonwide a {
    display: inline-block;
    background: #f7c157 !important;
    text-transform: uppercase;
    color: #000 !important;
    font-size: 0.5625rem !important;
    font-family: verdana, geneva, arial, helevetica, sans-serif !important;
    line-height: 1;
    border: 1px solid #000;
    padding: 0.3125rem;
    font-weight: normal !important;
  }

  #subnavigation #actionbuttononwide a:hover,#subnavigation .actionbuttonwide a:hover,#subnavigation .actionbuttonwide a:focus,#subnavigation #main a.actionbuttonOnwide:hover {
    background: #9ad8d1 !important;
    color: #000 !important;
    text-decoration: none !important;
  }

  #subnavigation #actionbuttononwide a,#subnavigation #main a.actionbuttonOnwide,#subnavigation .actionbuttonwide a {
    background: transparent url("/images/ok/btn_155_off.png") 0 0 no-repeat;
    color: #000;
    font: bold 11px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    text-transform: uppercase;
  }

  #subnavigation #actionbuttononwide a:hover,#subnavigation .actionbuttonwide a:hover,#subnavigation .actionbuttonwide a:focus,#subnavigation #main a.actionbuttonOnwide:hover {
    background: transparent url("/images/ok/btn_155_on.png") 0 0 no-repeat;
    color: #fff;
  }

  #subnavigation .actionbutton a {
    display: inline-block;
    background: #f7c157 !important;
    text-transform: uppercase;
    color: #000 !important;
    font-size: 0.5625rem !important;
    font-family: verdana, geneva, arial, helevetica, sans-serif !important;
    line-height: 1;
    border: 1px solid #000;
    padding: 0.3125rem !important;
    height: auto;
    width: auto;
    font-weight: normal !important;
  }

  #subnavigation .actionbutton a:hover {
    background: #9ad8d1 !important;
    color: #000 !important;
    text-decoration: none !important;
  }

  #subnavigation .actionbutton a:hover,#subnavigation .actionbutton a:focus,#subnavigation #main a.actionbuttonOn {
    background: transparent url("/images/ok/btn_90_on.png") 0 0 no-repeat;
    color: #fff;
  }

  #subnavigation .actionbuttonnarrow a {
    background: transparent url("/images/ok/btn_45_off.png") 0 0 no-repeat;
    color: #000;
    font: bold 12px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    height: 36px;
    padding-top: 0.625rem;
    text-transform: uppercase;
    display: inline-block;
    padding: 0.625rem 0.9375rem;
    text-decoration: none;
  }

  #subnavigation .actionbuttonnarrow a:hover,#subnavigation .actionbuttonnarrow a:focus {
    background: transparent url("/images/ok/btn_45_on.png") 0 0 no-repeat;
    color: #fff;
  }

  #subnavigation .simpleSearchButton {
    background: #f7c157;
    text-decoration: none;
    font-weight: normal;
    color: #000;
    border: 1px solid #000;
    border-left: none;
  }

  #subnavigation .simpleSearchButton:hover {
    background: #9ad8d1 !important;
    color: #000 !important;
  }

  #subnavigation #voicesMid > div {
    padding: 3.75rem 0rem;
  }

  #subnavigation #voicesHS {
    background: url("/images/transitions/blog/blogger_img.jpg") 0px top no-repeat;
    background-size: 140%;
  }

  #subnavigation #voicesWork .blogNameHeader,#subnavigation #voicesCollege .blogNameHeader {
    color: #FFF !important;
  }

  #subnavigation #mainpanel img {
    border: 0;
  }

  #subnavigation #main .articleContentPanel img {
    display: inline;
  }

  #subnavigation #main .articleContentPanel p {
    padding: 0;
  }

  #subnavigation .invisible {
    font: 1px sans-serif;
    color: #fff;
    text-indent: -9000px;
  }

  #subnavigation #shareLinks {
    float: right;
    padding: 10px 4px;
    min-width: 80px;
  }

  #subnavigation dl#glossary dt {
    font-weight: bold;
    color: #0098C2;
    padding: 0;
    margin: 0;
    display: block;
    width: 140px;
    height: 50px;
    text-align: right;
  }

  #subnavigation dl#glossary dd {
    padding: 0 0 0 4px;
    margin: -50px 0 30px 150px;
    display: block;
    border: 1px solid #ccc;
    border-width: 0 0 0 1px;
  }

  #subnavigation .progressIndicator {
    color: #846D5A;
    font: bold 11px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    padding-bottom: 5px;
  }

  #subnavigation .browseSchoolTypes div {
    background: transparent url(/images/transitions/icons/career_cluster_icon.png) 7px 0 no-repeat;
    float: left;
  }

  #subnavigation .videoList a {
    text-transform: uppercase;
  }

  #subnavigation .militaryList a {
    text-transform: uppercase;
  }

  #subnavigation #midsection {
    min-height: 104px;
    background: #ffffff url("/images/transitions/subpages/finaidplanning/PayPic_middle_calc.gif") 185px bottom no-repeat !important;
  }

  #subnavigation #main .alphacontainer {
    background: none;
  }

  #subnavigation table.alphabetList {
    height: 54px;
    margin: 0;
    padding: 0;
    width: 173px;
  }

  #subnavigation .alphacontainer {
    background: none;
    height: 54px;
    width: 173px;
  }

  #subnavigation .alphabetList td {
    background: #084566;
    height: 15px;
    filter: alpha(opacity=30);
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    padding: 0;
    width: 12px;
  }

  #subnavigation .alphabetList td a {
    padding: 1px;
    height: 15px;
    width: 12px;
    font: bold 12px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  }

  #subnavigation .alphabetList td.all,#subnavigation .alphabetList td.all a,#subnavigation alphabetList td.all a:hover {
    height: 15px;
    text-align: center;
    width: 193px;
  }

  #subnavigation .alphabetList td a:hover,#subnavigation .alphabetList td a:focus {
    color: #ff8023;
    background-color: #fff;
  }

  #subnavigation .fastestCareers {
    display: block;
    padding: 0.625rem 0rem 1.0625rem 4.0625rem;
    background: transparent url("/images/transitions/icons/fastest_careers.png") 0 0 no-repeat;
  }

  #subnavigation .roleSelect a a {
    background: url("/Images/ok/arw_off.png") no-repeat scroll 0px 10px transparent;
    font-size: 13px;
    padding: 5px 4px 0px 8px;
  }

  #subnavigation .roleSelect a a:hover {
    background: url("/Images/ok/arw_on.png") no-repeat scroll 0px 10px transparent;
    font-size: 13px;
    padding: 5px 4px 0px 8px;
  }

  #subnavigation #toolsContainer .toolsectionbodyshort:after,#subnavigation #toolsContainer .toolsectionbody:after,#subnavigation #toolsContainer .floatSection:after {
    border-color: #014466;
  }

  #subnavigation .toolsectionbody h3 {
    font-weight: bold !important;
    color: yellow !important;
  }

  #subnavigation .cse table.gsc-search-box td.gsc-input,#subnavigation table.gsc-search-box td.gsc-input {
    padding-right: 0 !important;
  }

  #subnavigation #searchbox {
    height: 32px;
    width: 204px;
    float: right;
    position: relative;
    right: -3px;
  }

  #subnavigation #searchbox:after {
    content: "";
    display: table;
    clear: both;
  }

  #subnavigation #searchbox span {
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    margin-right: 0.625rem;
    color: #000;
  }

  #subnavigation #searchbox #___gcse_0 {
    float: left;
    width: 150px;
  }

  #subnavigation #searchbox .searchLabel {
    font-weight: normal;
    text-transform: none;
  }

  #subnavigation #languagebox {
    color: #000;
    margin-top: 0.625rem;
  }

  #subnavigation #translate_label {
    float: left;
    display: inline-block;
    font-size: 0.75rem;
    padding: 0.1875rem 0.625rem 0rem 0rem;
  }

  #subnavigation #google_translate_element {
    float: left;
  }

  #subnavigation .gsc-input {
    width: 80%;
  }

  #subnavigation .gsc-input input {
    width: 124px !important;
    height: 24px !important;
    border-radius: 0 !important;
    margin: 0 !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    border: 1px solid #000 !important;
    border-right: none !important;
    background: #fff !important;
    font-size: 0.8125rem;
  }

  #subnavigation .gsc-search-button {
    width: 20%;
    min-width: 24px;
    max-width: 24px;
    position: relative;
  }

  #subnavigation .gsc-search-button input {
    min-width: 100% !important;
    height: 24px !important;
    width: 24px !important;
    text-indent: -9000px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border: 1px solid #000 !important;
    border-left: none !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    position: relative;
    z-index: 10;
    background: none !important;
  }

  #subnavigation .gsc-search-button input:hover {
    background: none;
  }

  #subnavigation .gsc-search-button:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 50;
    bottom: 4px;
    width: 1px;
    background: #bbbbbb;
  }

  #subnavigation .gsc-search-button:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 24px;
    height: 24px;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    content: "\f002";
    font-family: FontAwesome;
    color: #000;
    text-align: center;
    line-height: 24px;
    font-size: 0.8125rem;
  }

  #subnavigation .gsc-clear-button {
    display: none !important;
  }

  #subnavigation .gsc-search-button {
    left: -1px;
  }

  #subnavigation #courseplanner table.dataGrid td {
    font-size: 1em;
  }

  #subnavigation #courseplanner table.dataGrid td.additional {
    padding-bottom: 1em !important;
    border-bottom: 2px solid #257fb4 !important;
  }

  #subnavigation .additional h5 {
    margin: .5em 0 0 0 !important;
    padding: .2em 0 0 0 !important;
    background-color: transparent !important;
    color: #267fb4 !important;
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700;
  }

  #subnavigation .courseAction {
    vertical-align: bottom !important;
    padding-bottom: 1em !important;
    text-align: center;
    border-bottom: 2px solid #257fb4 !important;
    text-transform: uppercase;
    font-size: 11px !important;
  }

  #subnavigation .additional div {
    margin: .3em 0 !important;
  }

  #subnavigation .dataGrid .additional div {
    font-size: 1em !important;
  }

  #subnavigation .additional span {
    display: inline !important;
    display: inline-block !important;
  }

  #subnavigation .additional span:first-of-type {
    width: 37% !important;
  }

  #subnavigation .additional .padbot {
    padding-bottom: .9em !important;
  }

  #subnavigation .dataGridHeaderLegend,#subnavigation #courseplanner .coursePlanTotalRow th.dataGridHeader {
    background: #b0e7f7 !important;
    color: #000000 !important;
  }

  #subnavigation #main .dataGridHeader {
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif !important;
    text-transform: uppercase;
    font-size: 1em !important;
  }

  #subnavigation #main .dataGrid td,#subnavigation #datagrid td {
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif !important;
  }

  #subnavigation .requirementsNotMet {
    width: 130px !important;
    background: #db2e2e !important;
    color: #fff !important;
  }

  #subnavigation .requirementsMet {
    background: #18a818 !important;
    color: #fff !important;
  }

  #subnavigation #scholarships.row-height {
    margin-left: 0.5625rem;
  }

  #subnavigation .scholarship-info h4 {
    margin-top: 0;
  }

  #subnavigation .masonry-nav ul li:hover,#subnavigation .masonry-nav ul li.selected,#subnavigation .masonry-main .item-highlight .item-message {
    background: #A4D14C;
  }

  #subnavigation .masonry-main {
    padding-right: 20px !important;
  }

  #subnavigation .masonry-main .item {
    border: 1px solid #34C6DD;
  }

  #subnavigation .masonry-main .item-highlight {
    background: #34C6DD !important;
    color: inherit !important;
  }

  #subnavigation .masonry-main .item h4 {
    color: inherit !important;
  }

  #subnavigation .item-guidance {
    background: #D8F4F8 !important;
  }

  #subnavigation .item-guidance h4 {
    background: #34C6DD !important;
  }

  #subnavigation .masonry-main .item .fa-tile-badge i.fa-stack-1x {
    color: #34C6DD;
  }

  #subnavigation .masonry-main .item-alerts,#subnavigation .masonry-main .item-dates {
    color: #FFF;
  }

  #subnavigation .masonry-main .item-highlight .btn-item a:hover {
    background: #FF8023;
    color: #FFF;
  }

  #subnavigation .masonry-main .item-article p.more-link a {
    font-size: 1.25rem;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
  }

  #subnavigation .masonry-main .item-article p.more-link a:before {
    content: "\003e\00a0\00a0";
  }

  #subnavigation .masonry-main .item-article p.more-link a:after {
    content: "";
  }

  #subnavigation .home-intro h2 {
    font-size: 1.875rem;
    padding: 0;
    margin: 1.25rem 0rem 1.0625rem;
    line-height: 1;
    font-family: "Rockwell", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #1c2342;
  }

  #subnavigation .home-intro p {
    font-size: 1.25rem;
    color: #1c2342;
    line-height: 1.3;
    max-width: 20.625rem;
  }

  #subnavigation .home-intro h3 {
    font-size: 1.125rem;
    color: #1c2342;
    font-family: "Rockwell", sans-serif;
    font-weight: bold;
    padding: 0;
    margin: 0rem 0rem 1.5625rem 0rem;
    text-transform: uppercase;
  }

  #subnavigation .home-intro > div {
    min-height: 26.875rem;
  }

  #subnavigation .home-intro > div:first-child {
    padding: 3.125rem 1.875rem 0rem;
    background-position: top right;
    background-repeat: no-repeat;
  }

  #subnavigation .home-intro > div:last-child {
    background: #c1d82f;
    padding: 3.125rem 1.25rem 0rem;
  }

  #subnavigation .home-intro > div:last-child ul {
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0rem 0rem 1.5625rem 0rem;
  }

  #subnavigation .home-intro > div:last-child ul li {
    display: block;
    color: #084566;
    font-size: 1rem;
    margin-bottom: 1.0625rem;
    font-weight: 400;
  }

  #subnavigation .home-intro > div:last-child ul li:last-child {
    margin-bottom: 0;
  }

  #subnavigation .home-intro > div:last-child ul li a {
    color: #084566;
  }

  #subnavigation .home-intro > div:last-child ul li a:hover {
    color: #1190d5;
    text-decoration: none;
  }

  #subnavigation .home-intro > div:last-child ul li:before {
    display: inline-block;
    content: "\f054";
    font-family: FontAwesome;
    margin-right: 0.4375rem;
  }

  #subnavigation .home-intro-icon {
    display: inline-block;
    width: 107px;
    height: 107px;
  }

  #subnavigation .home-intro.highschool > div:first-child {
    background-image: url("/images/iowa/rd2017/highschool_banner.jpg");
  }

  #subnavigation .home-intro.highschool .home-intro-icon {
    background-image: url("/images/iowa/rd2017/highschool_icon.png");
  }

  #subnavigation .fp-button {
    background: #44c4f4;
    border: 3px solid #fff;
    display: inline-block;
    padding: 0.625rem;
    color: #fff;
    font-size: 1rem;
    border-radius: 0.9375rem;
  }

  #subnavigation .fp-button:before {
    content: "\f054";
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 0.3125rem;
  }

  #subnavigation .fp-button:hover {
    text-decoration: none;
    color: #fff;
  }

  #subnavigation .home-box {
    height: 11.625rem;
    max-width: 15.3125rem;
    width: 100%;
    position: relative;
    background-color: #26232f;
    background-image: url("/images/Iowa/rd2017/Signin_educators.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    display: inline-block;
  }

  #subnavigation .home-box a {
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    background: rgba(28, 35, 66, 0.66);
    color: #fff;
    font-size: 1.5rem;
    line-height: 28px;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.66);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  #subnavigation .home-box a:hover {
    background: rgba(28, 35, 66, 0);
    color: #fff;
    text-decoration: none;
  }

  #subnavigation .home-box a span {
    display: inline-block;
  }

  #subnavigation .home-box.hs-testprep {
    background-image: url("/images/Iowa/rd2017/hs_testprep.jpg");
  }

  #subnavigation .home-box.ms-careerplan {
    background-image: url("/images/Iowa/rd2017/middleschool_careerplan.jpg");
  }

  #subnavigation .home-box.hs-colleges {
    background-image: url("/images/Iowa/rd2017/hs_colleges.jpg");
  }

  #subnavigation .home-box.hs-scholarshipfinder {
    background-image: url("/images/Iowa/rd2017/hs_scholarshipfinder.jpg");
  }

  #subnavigation .home-box.educators {
    background-image: url("/images/Iowa/rd2017/Signin_educators.jpg");
  }

  #subnavigation .home-box.families {
    background-image: url("/images/Iowa/rd2017/Signin-families.jpg");
  }

  #subnavigation .home-box.jobland {
    background-image: url("/images/Iowa/rd2017/signin-paws.jpg");
  }

  #subnavigation .home-footer {
    position: relative;
    margin-top: 3.75rem;
    padding: 2.1875rem 0rem;
    font-size: 0.875rem;
  }

  #subnavigation .home-footer:after {
    content: "";
    display: block;
    position: absolute;
    left: -212%;
    width: 560%;
    height: 100%;
    top: 0;
    background: #c1d82f;
  }

  #subnavigation .home-footer.welcome-screen {
    margin-top: 0;
  }

  #subnavigation .home-footer.welcome-screen .grid-x > div {
    padding-bottom: 0;
  }

  #subnavigation .home-footer.welcome-screen .grid-x > div:after {
    display: none;
  }

  #subnavigation .home-footer .grid-x {
    position: relative;
    z-index: 10;
  }

  #subnavigation .home-footer .grid-x > div {
    text-align: center;
    position: relative;
    padding-bottom: 3.75rem;
  }

  #subnavigation .home-footer .grid-x > div:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #fff;
    opacity: .6;
  }

  #subnavigation .home-footer .grid-x > div:last-child:after {
    display: none;
  }

  #subnavigation .home-footer h3 {
    font-family: "Rockwell", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.5rem;
    color: #1c2342;
    padding: 0;
    margin: 0rem 0rem 0.625rem 0rem;
    line-height: 1;
  }

  #subnavigation .home-footer p {
    padding: 0;
    margin: 0;
  }

  #subnavigation .home-footer p:before {
    content: "\f054";
    display: inline-block;
    margin-right: 0.4375rem;
    font-family: FontAwesome;
    color: #084566;
  }

  #subnavigation .home-footer p a {
    color: #112ca1;
  }

  #subnavigation .home-footer p a:hover {
    color: #2d50e9;
    text-decoration: none;
  }

  #subnavigation .home-footer-icon {
    display: block;
    width: 100%;
    min-height: 100px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }

  #subnavigation .home-footer-icon.faith {
    background-image: url("/images/Iowa/rd2017/middleschool-icon-askfaith.png");
  }

  #subnavigation .home-footer-icon.gameplan {
    background-image: url("/images/Iowa/rd2017/icon_gameplan.png");
  }

  #subnavigation .home-footer-icon.parents {
    background-image: url("/images/Iowa/rd2017/parents_icon-resources.png");
  }

  #subnavigation .home-footer-icon.portfolio {
    background-image: url("/images/Iowa/rd2017/parents_portfolioaccess-icon.png");
  }

  #subnavigation .home-footer-icon.rocket {
    background-image: url("/images/Iowa/rd2017/icon_rocketship.png");
  }

  #subnavigation .home-footer-icon.career {
    background-image: url("/images/Iowa/rd2017/middleschool_icon-career.png");
  }

  #subnavigation #welcome {
    padding: 4.6875rem 0rem 22.1875rem;
    position: relative;
  }

  #subnavigation #welcome:after {
    content: "";
    display: block;
    position: absolute;
    left: -212%;
    width: 560%;
    height: 100%;
    top: 0;
    background: #e9e9e9;
    z-index: 5;
  }

  #subnavigation #welcome:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 355px;
    background: #e9e9e9 url("/images/Iowa/rd2017/Signin_People.png") bottom center no-repeat;
    left: -230%;
    width: 560%;
    z-index: 10;
  }

  #subnavigation #welcome .grid-container {
    position: relative;
    z-index: 15;
  }

  #subnavigation #welcome h1 {
    text-align: center;
    margin: 0rem 0rem 4.6875rem 0rem;
  }

  #subnavigation #welcome h1 a {
    width: 406px;
    height: 84px;
    background-image: url("/images/iowa/rd2017/Sigin_logo.png");
    text-indent: -9000px;
    display: inline-block;
    position: relative;
  }

  #subnavigation #welcome-signin {
    border: 1px solid #1c2342;
    padding: 2.5rem 1.25rem;
    max-width: 46.5625rem;
    margin: 0 auto;
    position: relative;
  }

  #subnavigation #welcome-signin h2 {
    margin: 0;
    background: #e9e9e9;
    color: #1c2342;
    font-size: 1.4375rem;
    font-family: "Rockwell", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0;
    display: inline-block;
    position: absolute;
    top: -15px;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    text-align: center;
  }

  #subnavigation #welcome-signin h2 small {
    display: inline-block;
    border-left: 1px solid #1c2342;
    font-size: 0.9375rem;
    padding: 0.1875rem 0rem 0.1875rem 0.625rem;
    margin-left: 0.4375rem;
    text-transform: none;
  }

  #subnavigation #welcome-signin h2 small a {
    color: #112ca1;
  }

  #subnavigation #rolePage {
    padding: 0;
    margin: 0rem 0rem 1.25rem 0rem;
    position: relative;
    display: block;
  }

  #subnavigation #rolePage h2 {
    text-indent: -9000px;
    height: 2.625rem;
    padding: 0;
    border-bottom: 6px solid #fff;
  }

  #subnavigation #rolePage h2 span {
    display: block;
    font-weight: 300;
    font-size: 1rem;
    margin-top: 0.625rem;
  }

  #subnavigation #rolePage .roleImg {
    text-indent: -9000px;
    width: 50%;
    height: 355px;
    display: block;
  }

  #subnavigation #rolePage.middle h2 {
    background-image: url("/images/ok/landingpg/main_img_middle.png");
  }

  #subnavigation #rolePage.middle .roleImg {
    background-image: url("/images/ok/landingpg/main_img_middle.png");
    background-position: 0 -48px;
  }

  #subnavigation #rolePage.highschool h2 {
    background-image: url("/images/ok/landingpg/main_img_high.png");
  }

  #subnavigation #rolePage.highschool .roleImg {
    background-image: url("/images/ok/landingpg/main_img_high.png");
    background-position: 0 -48px;
  }

  #subnavigation #rolePage.college h2 {
    background-image: url("/images/ok/landingpg/main_img_college.png");
  }

  #subnavigation #rolePage.college .roleImg {
    background-image: url("/images/ok/landingpg/main_img_college.png");
    background-position: 0 -48px;
  }

  #subnavigation #rolePage.parent h2 {
    background-image: url("/images/ok/landingpg/main_img_parents.png");
  }

  #subnavigation #rolePage.parent .roleImg {
    background-image: url("/images/ok/landingpg/main_img_parents.png");
    background-position: 0 -48px;
  }

  #subnavigation #rolePage.adult h2 {
    background-image: url("/images/ok/landingpg/main_img_adult.png");
  }

  #subnavigation #rolePage.adult .roleImg {
    background-image: url("/images/ok/landingpg/main_img_adult.png");
    background-position: 0 -48px;
  }

  #subnavigation #rolePageLinks {
    position: absolute;
    top: 42px;
    right: 0;
    bottom: 0;
    left: 50%;
    padding: 0;
    color: #000;
    font: 11px 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    text-transform: uppercase;
    background: #f7f7f7;
  }

  #subnavigation #rolePageLinks a {
    text-decoration: none;
  }

  #subnavigation #rolePageLinks ul {
    margin: 0;
    padding: 15px;
  }

  #subnavigation #rolePageLinks ul li {
    background: transparent url(/Images/ok/arw_off.png) 0 6px no-repeat;
    padding: 2px 0 10px 10px;
    list-style: none;
  }

  #subnavigation #rolePageLinks ul li:hover {
    background: transparent url(/Images/ok/arw_on.png) 0 6px no-repeat;
  }

  #subnavigation #roleLinks ul {
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase;
    list-style: none;
    margin: 0rem 0rem 1.25rem;
    padding: 0;
    display: block;
  }

  #subnavigation #roleLinks ul:after {
    content: "";
    display: table;
    clear: both;
  }

  #subnavigation #roleLinks ul li {
    display: inline-block;
    float: left;
    margin-right: 0.625rem;
  }

  #subnavigation #roleLinks ul li:last-child {
    margin-right: 0;
  }

  #subnavigation #roleLinks ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 0.3125rem;
  }

  #subnavigation #roleLinks ul li a {
    text-decoration: none;
  }

  #subnavigation #signInContainer {
    background: #39BAC6 url(/Images/Transitions/side_blue_bckg.png) 0 0 repeat-x;
    margin: 0;
    padding: 0;
  }

  #subnavigation #signInContainer h2 {
    color: #6B5D4A;
    margin: 0;
    padding: 15px 0 5px;
  }

  #subnavigation .sectionbox {
    min-height: 100px;
  }

  #subnavigation .sectionbox p {
    font-family: inherit;
    font-size: 8pt;
    margin: 0 10px 5px 0;
  }

  #subnavigation .sectionbox strong {
    font-weight: bold;
  }

  #subnavigation .sectionbody {
    z-index: 3;
    background: transparent;
    position: relative;
  }

  #subnavigation .sectionbody table {
    background: transparent;
    margin: -2px 2px 24px 10px;
  }

  #subnavigation .sectionbody table td {
    padding: 0;
    margin: 0;
  }

  #subnavigation .sectionbody table td.narrowcolumn {
    padding-left: 20px;
  }

  #subnavigation .widecolumn {
    width: 284px;
  }

  #subnavigation #learnsection {
    background: #ffffff url("https://secureeng.okcollegestart.org/images/transitions/subpages/careerplanning/career_girl.png") -10px -20px no-repeat;
  }

  #subnavigation #learnsection .sectionbody {
    margin-left: 165px;
  }

  #subnavigation #learnsection .sectionlink a {
    margin-left: 150px;
  }

  #subnavigation #careersection {
    background: #ffffff url("https://secureeng.okcollegestart.org/images/transitions/subpages/careerplanning/CareersPic2_middle_186x120.png") right top no-repeat;
  }

  #subnavigation #careersection .sectionbody {
    margin-left: 15px;
    margin-right: 192px;
  }

  #subnavigation #careersection .sectionlink a {
    margin-left: 100px;
  }

  #subnavigation #jobsection {
    background: #ffffff url("https://secureeng.okcollegestart.org/images/transitions/subpages/careerplanning/CareersPic2_bottom.png") right bottom no-repeat;
  }

  #subnavigation #jobsection .sectionbody {
    margin-right: 193px;
    margin-left: 15px;
  }

  #subnavigation #jobsection .sectionlink a {
    margin-left: 100px;
  }

  #subnavigation #jobsection .headerlink a {
    font-size: 12pt;
  }

  #subnavigation #voicessection .headerlink a {
    font-size: 12pt;
  }

  #subnavigation #voicessection .headerlink .sectionlink a {
    margin-left: 140px;
  }

  #subnavigation #pawssection {
    background: #ffffff url("https://secureeng.okcollegestart.org/images/transitions/subpages/careerplanning/PAWS.png") 10px 16px no-repeat;
  }

  #subnavigation #pawssection .sectionbody {
    margin-left: 150px;
  }

  #subnavigation #pawssection .sectonlink a {
    margin-left: 90px;
  }

  #subnavigation .grid-container {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    max-width: 61.0625rem;
    margin: 0 auto;
  }

  #subnavigation .grid-container.fluid {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    max-width: 100%;
    margin: 0 auto;
  }

  #subnavigation .grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: 0 auto;
  }

  #subnavigation .grid-x {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
  }

  #subnavigation .cell {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: 100%;
  }

  #subnavigation .cell.auto {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
    flex: 1 1 0px;
  }

  #subnavigation .cell.shrink {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
  }

  #subnavigation .grid-x > .auto {
    width: auto;
  }

  #subnavigation .grid-x > .shrink {
    width: auto;
  }

  #subnavigation .grid-x > .small-shrink,#subnavigation .grid-x > .small-full,#subnavigation .grid-x > .small-1,#subnavigation .grid-x > .small-2,#subnavigation .grid-x > .small-3,#subnavigation .grid-x > .small-4,#subnavigation .grid-x > .small-5,#subnavigation .grid-x > .small-6,#subnavigation .grid-x > .small-7,#subnavigation .grid-x > .small-8,#subnavigation .grid-x > .small-9,#subnavigation .grid-x > .small-10,#subnavigation .grid-x > .small-11,#subnavigation .grid-x > .small-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  #subnavigation .grid-x > .small-1 {
    width: 8.33333%;
  }

  #subnavigation .grid-x > .small-2 {
    width: 16.66667%;
  }

  #subnavigation .grid-x > .small-3 {
    width: 25%;
  }

  #subnavigation .grid-x > .small-4 {
    width: 33.33333%;
  }

  #subnavigation .grid-x > .small-5 {
    width: 41.66667%;
  }

  #subnavigation .grid-x > .small-6 {
    width: 50%;
  }

  #subnavigation .grid-x > .small-7 {
    width: 58.33333%;
  }

  #subnavigation .grid-x > .small-8 {
    width: 66.66667%;
  }

  #subnavigation .grid-x > .small-9 {
    width: 75%;
  }

  #subnavigation .grid-x > .small-10 {
    width: 83.33333%;
  }

  #subnavigation .grid-x > .small-11 {
    width: 91.66667%;
  }

  #subnavigation .grid-x > .small-12 {
    width: 100%;
  }

  #subnavigation .grid-margin-x:not(.grid-x) > .cell {
    width: auto;
  }

  #subnavigation .grid-margin-y:not(.grid-y) > .cell {
    height: auto;
  }

  #subnavigation .grid-margin-x {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }

  #subnavigation .grid-margin-x > .cell {
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
  }

  #subnavigation .grid-margin-x > .auto {
    width: auto;
  }

  #subnavigation .grid-margin-x > .shrink {
    width: auto;
  }

  #subnavigation .grid-margin-x > .small-1 {
    width: calc(8.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .small-2 {
    width: calc(16.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .small-3 {
    width: calc(25% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .small-4 {
    width: calc(33.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .small-5 {
    width: calc(41.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .small-6 {
    width: calc(50% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .small-7 {
    width: calc(58.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .small-8 {
    width: calc(66.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .small-9 {
    width: calc(75% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .small-10 {
    width: calc(83.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .small-11 {
    width: calc(91.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .small-12 {
    width: calc(100% - 1.875rem);
  }

  #subnavigation .grid-padding-x .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }

  #subnavigation .grid-container:not(.full) > .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }

  #subnavigation .grid-padding-x > .cell {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }

  #subnavigation .small-up-1 > .cell {
    width: 100%;
  }

  #subnavigation .small-up-2 > .cell {
    width: 50%;
  }

  #subnavigation .small-up-3 > .cell {
    width: 33.33333%;
  }

  #subnavigation .small-up-4 > .cell {
    width: 25%;
  }

  #subnavigation .small-up-5 > .cell {
    width: 20%;
  }

  #subnavigation .small-up-6 > .cell {
    width: 16.66667%;
  }

  #subnavigation .small-up-7 > .cell {
    width: 14.28571%;
  }

  #subnavigation .small-up-8 > .cell {
    width: 12.5%;
  }

  #subnavigation .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  #subnavigation .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  #subnavigation .grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  #subnavigation .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  #subnavigation .grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 1.875rem);
  }

  #subnavigation .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }

  #subnavigation .small-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  #subnavigation .small-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }

  #subnavigation .small-margin-collapse > .small-1 {
    width: 8.33333%;
  }

  #subnavigation .small-margin-collapse > .small-2 {
    width: 16.66667%;
  }

  #subnavigation .small-margin-collapse > .small-3 {
    width: 25%;
  }

  #subnavigation .small-margin-collapse > .small-4 {
    width: 33.33333%;
  }

  #subnavigation .small-margin-collapse > .small-5 {
    width: 41.66667%;
  }

  #subnavigation .small-margin-collapse > .small-6 {
    width: 50%;
  }

  #subnavigation .small-margin-collapse > .small-7 {
    width: 58.33333%;
  }

  #subnavigation .small-margin-collapse > .small-8 {
    width: 66.66667%;
  }

  #subnavigation .small-margin-collapse > .small-9 {
    width: 75%;
  }

  #subnavigation .small-margin-collapse > .small-10 {
    width: 83.33333%;
  }

  #subnavigation .small-margin-collapse > .small-11 {
    width: 91.66667%;
  }

  #subnavigation .small-margin-collapse > .small-12 {
    width: 100%;
  }

  #subnavigation .small-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  #subnavigation .small-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }

  #subnavigation .small-offset-0 {
    margin-left: 0%;
  }

  #subnavigation .grid-margin-x > .small-offset-0 {
    margin-left: calc(0% + 0.9375rem);
  }

  #subnavigation .small-offset-1 {
    margin-left: 8.33333%;
  }

  #subnavigation .grid-margin-x > .small-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem);
  }

  #subnavigation .small-offset-2 {
    margin-left: 16.66667%;
  }

  #subnavigation .grid-margin-x > .small-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem);
  }

  #subnavigation .small-offset-3 {
    margin-left: 25%;
  }

  #subnavigation .grid-margin-x > .small-offset-3 {
    margin-left: calc(25% + 0.9375rem);
  }

  #subnavigation .small-offset-4 {
    margin-left: 33.33333%;
  }

  #subnavigation .grid-margin-x > .small-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem);
  }

  #subnavigation .small-offset-5 {
    margin-left: 41.66667%;
  }

  #subnavigation .grid-margin-x > .small-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem);
  }

  #subnavigation .small-offset-6 {
    margin-left: 50%;
  }

  #subnavigation .grid-margin-x > .small-offset-6 {
    margin-left: calc(50% + 0.9375rem);
  }

  #subnavigation .small-offset-7 {
    margin-left: 58.33333%;
  }

  #subnavigation .grid-margin-x > .small-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem);
  }

  #subnavigation .small-offset-8 {
    margin-left: 66.66667%;
  }

  #subnavigation .grid-margin-x > .small-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem);
  }

  #subnavigation .small-offset-9 {
    margin-left: 75%;
  }

  #subnavigation .grid-margin-x > .small-offset-9 {
    margin-left: calc(75% + 0.9375rem);
  }

  #subnavigation .small-offset-10 {
    margin-left: 83.33333%;
  }

  #subnavigation .grid-margin-x > .small-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem);
  }

  #subnavigation .small-offset-11 {
    margin-left: 91.66667%;
  }

  #subnavigation .grid-margin-x > .small-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem);
  }

  #subnavigation .grid-y {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-flow: column nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
  }

  #subnavigation .grid-y > .cell {
    width: auto;
  }

  #subnavigation .grid-y > .auto {
    height: auto;
  }

  #subnavigation .grid-y > .shrink {
    height: auto;
  }

  #subnavigation .grid-y > .small-shrink,#subnavigation .grid-y > .small-full,#subnavigation .grid-y > .small-1,#subnavigation .grid-y > .small-2,#subnavigation .grid-y > .small-3,#subnavigation .grid-y > .small-4,#subnavigation .grid-y > .small-5,#subnavigation .grid-y > .small-6,#subnavigation .grid-y > .small-7,#subnavigation .grid-y > .small-8,#subnavigation .grid-y > .small-9,#subnavigation .grid-y > .small-10,#subnavigation .grid-y > .small-11,#subnavigation .grid-y > .small-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  #subnavigation .grid-y > .small-1 {
    height: 8.33333%;
  }

  #subnavigation .grid-y > .small-2 {
    height: 16.66667%;
  }

  #subnavigation .grid-y > .small-3 {
    height: 25%;
  }

  #subnavigation .grid-y > .small-4 {
    height: 33.33333%;
  }

  #subnavigation .grid-y > .small-5 {
    height: 41.66667%;
  }

  #subnavigation .grid-y > .small-6 {
    height: 50%;
  }

  #subnavigation .grid-y > .small-7 {
    height: 58.33333%;
  }

  #subnavigation .grid-y > .small-8 {
    height: 66.66667%;
  }

  #subnavigation .grid-y > .small-9 {
    height: 75%;
  }

  #subnavigation .grid-y > .small-10 {
    height: 83.33333%;
  }

  #subnavigation .grid-y > .small-11 {
    height: 91.66667%;
  }

  #subnavigation .grid-y > .small-12 {
    height: 100%;
  }

  #subnavigation .grid-padding-y .grid-padding-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }

  #subnavigation .grid-padding-y > .cell {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }

  #subnavigation .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }

  #subnavigation .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }

  #subnavigation .grid-margin-y > .auto {
    height: auto;
  }

  #subnavigation .grid-margin-y > .shrink {
    height: auto;
  }

  #subnavigation .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem);
  }

  #subnavigation .grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 100vw;
  }

  #subnavigation .cell .grid-frame {
    width: 100%;
  }

  #subnavigation .cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }

  #subnavigation .cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }

  #subnavigation .cell-block-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    max-height: 100%;
  }

  #subnavigation .cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  #subnavigation .grid-y.grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    height: 100vh;
  }

  #subnavigation .cell .grid-y.grid-frame {
    height: 100%;
  }

  #subnavigation .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }

  #subnavigation .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }

  #subnavigation .grid-margin-y > .auto {
    height: auto;
  }

  #subnavigation .grid-margin-y > .shrink {
    height: auto;
  }

  #subnavigation .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem);
  }

  #subnavigation .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }

  #subnavigation .align-right {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
  }

  #subnavigation .align-center {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
  }

  #subnavigation .align-justify {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  #subnavigation .align-spaced {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  #subnavigation .align-right.vertical.menu > li > a {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
  }

  #subnavigation .align-center.vertical.menu > li > a {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
  }

  #subnavigation .align-top {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  #subnavigation .align-self-top {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  #subnavigation .align-bottom {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  #subnavigation .align-self-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  #subnavigation .align-middle {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  #subnavigation .align-self-middle {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  #subnavigation .align-stretch {
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
  }

  #subnavigation .align-self-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  #subnavigation .align-center-middle {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }

  #subnavigation .small-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }

  #subnavigation .small-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }

  #subnavigation .small-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3;
  }

  #subnavigation .small-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4;
  }

  #subnavigation .small-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5;
  }

  #subnavigation .small-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6;
  }

  #subnavigation .flex-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
  }

  #subnavigation .flex-child-auto {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
  }

  #subnavigation .flex-child-grow {
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
  }

  #subnavigation .flex-child-shrink {
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
  }

  #subnavigation .flex-dir-row {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }

  #subnavigation .flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }

  #subnavigation .flex-dir-column {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  #subnavigation .flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
  }

  #subnavigation .ipAnswers {
    height: 60px !important;
  }

  #subnavigation .ipAnswers ul li a {
    height: 60px !important;
  }

  #subnavigation #ipIntroIncompleteButtons a,#subnavigation #ipIntroStartButton a {
    padding: 0.375rem 0.625rem !important;
  }

  #subnavigation #previousBtn {
    width: 130px !important;
    padding: 0.375rem 0rem 0rem 1.4375rem !important;
  }

  #subnavigation #divSave a,#subnavigation #divShow a {
    width: 80px !important;
    padding: 0.25rem 0rem !important;
    text-align: center;
  }

  #subnavigation .careersMatchButtons a,#subnavigation .careersMatchButtonsBtm a {
    height: 50px !important;
    padding: 0.75rem 0rem 0rem 0.625rem !important;
  }

  #subnavigation li {
    float: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }

  #subnavigation li a {
    padding: 0.3125rem 0rem;
  }

  #subnavigation li:last-child {
    border-bottom: none;
  }

  #portfolioSubnavigation {
    left: 0;
  }

  #portfolioSubnavigation:before {
    content: "Your Portfolio Menu";
    display: block;
    background: #71d7e7;
    color: #000;
    text-align: right;
    margin-top: -4px;
    padding: 0.625rem 2.625rem 0.625rem 0.625rem;
  }

  #portfolioSubnavigation a {
    display: block;
    border-bottom: 1px solid #10535e;
    padding-right: 2.625rem;
    padding-bottom: 1.0625rem;
    text-align: right;
  }

  #portfolioSubnavigation a:first-child {
    padding-top: 1.0625rem;
  }

  #portfolioSubnavigation a:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  #main-content {
    width: 100%;
  }

  #main-rightbar {
    width: 100%;
  }

  #rightbar {
    margin-left: 0.9375rem;
  }

  #voicesTop {
    background: none;
    padding-bottom: 0;
    height: auto;
  }

  #voicesTop > div {
    position: static !important;
  }

  #voicesTop h2 {
    position: relative !important;
    background-position: 0 0;
    width: 147.6px;
    height: 95.4px;
    top: 0;
    left: 0;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  #voicesMid {
    background: none;
  }

  #voicesBtm h3 {
    line-height: 50px;
    padding: 0rem 0.9375rem;
    height: 3.125rem;
  }

  #voicesBtm h3:before {
    display: none;
  }

  #voicesBtm h3:after {
    display: none;
  }

  .voicesMainLink {
    margin-left: 0;
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .voicesMainLink a {
    font-size: 1.375rem;
    text-align: center;
    display: block;
    line-height: 1.3;
  }

  .voicesHelpLink a {
    position: static;
    line-height: 1;
    width: 100%;
    background-image: none;
    padding: 0.625rem;
    text-align: center;
  }

  .voicesHelpLink a:hover {
    background-image: none;
  }

  .blogBox {
    width: 100%;
  }

  .blogBox .blurb {
    visibility: visible;
    top: 3.125rem;
    background: rgba(0, 0, 0, 0.5) !important;
    color: #fff !important;
  }

  .blogBox:first-child {
    margin-bottom: 1.25rem;
  }

  #voicesWork .blurb p a,#voicesCollege .blurb p a {
    color: #fff !important;
  }

  #toolsContainer .toolsectionbodyshort:nth-last-child(2),#toolsContainer .toolsectionbody:nth-last-child(2),#toolsContainer .floatSection:nth-last-child(2) {
    margin-bottom: 1.25rem;
  }

  #toolsContainer .toolsectionbodyshort,#toolsContainer .toolsectionbody,#toolsContainer .floatSection {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    height: auto !important;
  }

  .portfolio-milestone {
    margin-top: -105px;
    line-height: 1.3rem;
    text-align: left;
    left: 15px;
  }

  #jobmarket .sectionbody {
    margin: 0px;
  }

  #jobmarket td {
    display: inline-block;
    width: 100%;
  }

  #jobmarket .innerboxmedium {
    margin: 20px 0px;
    padding: 0px;
  }

  #jobmarket .innerboxmedium td {
    display: inline;
  }

  #portfolioJournal > table td {
    width: 100%;
    display: block;
  }

  #portfolioJournal #pagecontrols {
    margin-bottom: 20px;
    text-align: left;
  }

  #portfolioJournal #pagecontrols td {
    display: table-cell;
  }

  .section-img-fix {
    padding-right: 0 !important;
    padding-bottom: 0.9375rem !important;
  }

  .section-img-fix-lft {
    padding-left: 0 !important;
    padding-bottom: 0.9375rem !important;
  }

  .center-on-small {
    text-align: center;
  }

  .hide-on-small {
    display: none;
  }

  #coursePlanGrid {
    overflow-x: scroll;
    padding-bottom: 5px;
  }

  #coursePlanGrid::-webkit-scrollbar {
    -webkit-appearance: none;
  }

  #coursePlanGrid::-webkit-scrollbar:vertical {
    width: 12px;
  }

  #coursePlanGrid::-webkit-scrollbar:horizontal {
    height: 12px;
  }

  #coursePlanGrid::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    border: 2px solid #ffffff;
  }

  #coursePlanGrid::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
  }

  #signInContainer .sectionboxwideblank td,.talktous td {
    display: block;
    width: 100%;
    padding-bottom: 0.625rem;
  }
}

@media (max-width: 480px) {

    /* Ability Profiler */
    .page-content .ability-hero:after {bottom:-120px;}
    .page-content .ability-hero.empty .hero-content {margin:50px 0;}
    .page-content .ability-content .tabs-round li a {padding:6px 30px}
    .page-content .ability-content.landing .panel-header h3 a {display: block;float: none !important;margin-top: 5px;}
    .page-content .ability-content .section-spacing {margin-top:40px;}
    .page-content .ability-content .reflection-wrap .panel-wrap {width:100%; left:0; right: 0;}
    .page-content .ability-content .career-card-wrap .career-bottom .table-responsive {overflow-x: scroll;margin: 0 auto 20px;padding: 0;width: 85%;}
    .page-content .ability-content .career-card-wrap .career-bottom .table-responsive table {min-width:480px;}

    .page-content .ability-content.wizard-text {padding:40px 0 20px; margin-top:91px;}
    .page-content .wizard .wizard-group .wizard-item:after {width:35%; left:-21%}
    .page-content .wizard .wizard-group .wizard-item .wizard-icon {width:25px;height:25px;font-size:12px;line-height:21px;}
    .page-content .modal-body.height-password {min-height:150px;}

    .page-content .ability-content .question-card.question-img .radio-box label {padding-left:0px;padding-right:0px;}

    /* new activity */
    .page-content .activity-content .empty-content {width:100%;}
    .activity-page .end-date-check {width:100% !important; margin-left:0 !important;}
    .activity-wbl-exp #fileUpload .btn-default {font-size:10px;padding:10px 8px;}
    .activity-wbl-exp #fileUpload table td input {width:70%;}

    /* volunteering and community service */
    .page-content.activity-vcs .activity-item .accordion-btn {width:100%;display: block;margin-bottom:15px;}
    .page-content.activity-vcs .activity-item .activity-pill {position: relative;bottom: unset;right: unset;display: inline-block;}

    /* my goals activity */
    .page-content .activity-content .nav-tabs li {padding:0 5px;}
    .page-content .activity-content .nav-tabs li a {font-size:12px;}
    .activity-page .smart-goal-item .smart-text {padding-right:0;}
    .activity-page .smart-goal-item .switch-field {position: relative;padding-left: 60px;top: unset;right: unset;margin-top:7px;}

    /* common app activity */
    .activity-commonapp .activity-content .result-content {width:100%;margin-top:50px;}

    /* wbl experiences */
    .activity-wbl-exp .align-bottom-right {position: relative;bottom: 0;right: 0;margin-top: 20px;width: 100%;display:inline-block;}
    .activity-wbl-exp .activity-content .activity-item .activity-pill {float:left;}
    .activity-wbl-exp .align-bottom-right p {float:right;margin-top:5px;}

    .activity-content .eval-wrap .eval-item p span {margin-left: 0;display: block;margin-top: 2px;}
    .activity-content .eval-wrap .eval-item {padding:6px 15px;}

    .activity-page .hours-wrap .hours-item .data-date {width:100%;display:block;}
    .activity-page .hours-wrap .hours-item .data-hours {width: 20%;float: left;margin-top:7px;}
    .activity-page .hours-wrap .hours-item .data-actions {width: 80%;display: block;float: left;}

    /* wbl opportunities*/
    .activity-opp .activity-hero .hero-content h1 {font-size:20px;}
    .activity-opp .app-right .meta-status,.activity-opp .app-right .meta-mail,.activity-opp .app-right .meta-date {width:100%;text-align:left;}
    .activity-opp .app-status {float: none;text-align: center;margin-top: 10px;}
    .activity-opp .app-tile .logo-img {float:none;margin-top: 20px;}
    .activity-opp .app-left .logo {float:none;}
    .activity-opp .app-text {width:100%;}
    
    /* wbl experiences */
    .modal-hours .modal-footer .footer-date {width:40%;}
    .modal-hours .modal-footer .footer-hours {width:82px;}
    .modal-hours .modal-footer .btn-primary {display: block;width: 100%;margin-top: 10px;float: left;}

    /* wbl opportunity profile */
    .profile-wrap .profile-hero::before {left:40%;}
    .profile-wrap .profile-content {margin-top:98px;}
    .profile-wrap .nav-tabs li a {font-size:12px;padding:10px;}

    /* wbl - eval */
    .eval-view .card .card-header a:before {top: 12px;position: relative;padding-right: 15px !important;}
    .eval-view .card .card-header .card-icon {width: unset;position: relative;}
    .eval-view .card .card-header .card-title {width: 100%;display: block;margin-top: 10px;padding-left: 0;}
    .eval-view .card .card-body {padding-left: 0px;}
    .modal-hours .modal-footer .btn-default {width: 100%;margin-top: 10px;margin-left: 0;}



    #scholarships .masonry .item{
        width:100%!important
    }
    #scholarships .masonry umbraco{
        width:100%!important
    }
    #profile {
        font-size:8px;
    }

  .browseSchoolTypes div {
    background: none;
    float: none;
    height: auto;
    width: auto;
    padding: 0px;
  }

  .browseSchoolTypes div a:before {
    content: "\003e \00a0";
  }

  #portfolio-scholarships .portfolio-introduction {
    background: none;
  }

  .browseSchoolTypes div {
    background: none !important;
  }

  .sectionlink a,.sectionbody .sectionlink {
    margin-left: 0px !important;
  }

  #main .sectionlink {
    padding-left: 0px !important;
  }

  td.landingpagesearch,td.smallspace,td.landingpagesection {
    display: block;
    padding-top: 0px;
  }

  td.smallspace {
    display: none;
  }

  td.landingpagesearch .sectionbody {
    margin: 0px;
  }

  .simpleForm .sectionbody {
    margin: 0px;
  }

  #articleIndex td {
    display: block !important;
  }

  #testiveLogo {
    float: none !important;
  }

  #testive ul {
    margin-left: 0px !important;
  }

  #searchschoolssection table {
    border: 0px !important;
  }

  #searchschoolssection table td {
    display: block;
    background: #FFF !important;
    padding: 0px !important;
  }

  #searchschoolssection .buttonholder {
    padding-top: 10px !important;
  }

  #schoolexpsection table td {
    display: block !important;
    width: 100%;
  }

  #toolsContainer .sectionbox,#toolsContainer .floatSection .sectionbody {
    height: auto;
  }/* work value sorter */  #wvsorter td.deckHolder {
    display: block;
  }

  #wvsorter td.wvsInstructions {
    display: block;
    padding-top: 20px;
  }

  #wvsorter .dropTable tr td {
    width: 65px;
    height: 110px;
    word-wrap: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  #wvsorter .dropTable tr th {
    width: 65px;
  }

  #wvsorter .dropTable .dropArea,#wvsorter .dropTable .card {
    background-repeat: no-repeat;
    width: 65px;
    height: 110px;
  }/* PORTFOLIO ACTIVITIES */  #portfolio-survey .portfolio-introduction,#portfolio_PSAT .portfolio-introduction,#portfolio_SAT .portfolio-introduction,#portfolio_ACT .portfolio-introduction,#portfolio_ASPIRE .portfolio-introduction,#portfolio_PREACT .portfolio-introduction,#portfolio_WorkKeys .portfolio-introduction {
    background: none !important;
  }

  .portfolio-introduction h3,.portfolio-introduction .portfolio-desc {
    margin-left: 0px;
  }

  .portfolio-introduction .portfolio-start-link {
    padding-left: 10px;
    margin-left: -10px;
  }

  .portfolio-faq-what-is p,.portfolio-faq-is-important p,.portfolio-faq-what-to-do p,.portfolio-faq-score-means p {
    visibility: show;
  }

  .portfolio-intro-box {
    background: none !important;
  }

  .portfolio-intro {
    padding-left: 15px;
  }

  .portfolio-start-link {
    padding-left: 20px;
    margin-left: -6px;
  }

  .portfolio-faq {
    background-size: cover;
    padding: 20px 20px 10px 20px;
    height: auto;
  }

  .minScore {
    padding-right: 0px;
  }

  .maxScore {
    padding-left: 0px;
  }/* MASONRY */  #scholarships .col-height {
    display: block !important;
    float: left;
    width: 100%;
  }

  .masonry-main {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .masonry .item {
    width: 48.5%;
  }

  .masonry-nav ul {
    display: block;
    background: #333;
    margin: 0px 10px;
    border: 0px;
  }

  .masonry-nav ul li,.masonry-nav ul li.selected {
    display: inline-block;
    padding: 1rem;
    border: 0px;
    border-radius: 0px;
  }

  .masonry-nav ul li a,.masonry-nav ul li.selected a {
    padding: 0px;
  }/* SCHOLARSHIPS */  .scholarship-highlight > div {
    display: table;
    width: 100%;
  }

  .scholarship-highlight > div div {
    padding-bottom: .5rem;
  }

  .scholarship-highlight h5 {
    display: table-cell;
    width: 30%;
    padding-bottom: .5rem;
  }

  .scholarship-highlight h5:after {
    content: ":";
  }

  .scholarship-highlight p {
    display: table-cell;
    width: 70%;
  }

  .scholarship-info .actions {
    text-align: center;
  }

  .scholarship-details-content {
    padding: 0.9375rem;
  }

  .scholarship-notes [class*="col-"],.scholarship-details-content [class*="col-"] {
    display: block;
    width: 100%;
  }

  .scholarship-details-content h5 {
    margin: 0;
    padding: 0 0 .5rem 0;
    text-align: left;
  }

  .scholarship-details-content p {
    padding-bottom: .75rem;
  }

  .scholarship-saved h4,.scholarship-applied h4,.scholarship-unsuccessful h4,.scholarship-contacted h4,.scholarship-won h4 {
    min-height: 50px;
    margin-left: 6.875rem;
    padding-top: 0;
    padding-right: 2.5rem;
  }/* TEMPORARY BOOTSTRAP HACK */  .simpleForm td,.fieldsetNoStyle table tr td {
    display: table-cell;
  }

  #signInContainer .pageContent {
    padding: 0 !important;
  }

  .talktous .field input,.talktous .textarea textarea {
    width: 100% !important;
  }

  #signInContainer .pageContent {
    padding: 0 !important;
  }

  a.simpleSearchButton {
    display: inline-block;
  }

  #finanAidFitness .sectionbody {
    background: none !important;
  }

  #applycontainer table td {
    display: block;
    text-align: left;
  }

  #applycontainer table th {
    display: none;
  }

  #applycontainer table.alphabetList td,#applycontainer #pagecontrols table td {
    display: table-cell;
  }

  #applycontainer table td a {
    margin: 0px;
  }

  #applycontainer table.dataGrid:nth-of-type(1) td.dataGridElement:nth-of-type(1) {
    font-weight: bold;
  }

  #applycontainer table.dataGrid:nth-of-type(1) td.dataGridElement:nth-of-type(2):before {
    content: "Undergraduate Application:";
    padding-right: 6px;
    white-space: nowrap;
  }

  #applycontainer table.dataGrid:nth-of-type(1) td.dataGridElement:nth-of-type(3):before {
    content: "Graduate Application:";
    padding-right: 6px;
    white-space: nowrap;
  }

  #applycontainer table.dataGrid:nth-of-type(1) td.dataGridElement:nth-of-type(4):before {
    content: "International Application:";
    padding-right: 6px;
    white-space: nowrap;
  }

  #applycontainer table.dataGrid:nth-of-type(1) td.dataGridElement:nth-of-type(5):before {
    content: "Financial Aid Application:" !important;
    padding-right: 6px !important;
    white-space: nowrap;
  }

  #applycontainer table.dataGrid:nth-of-type(1) td.dataGridElement:nth-of-type(2) a,#applycontainer table.dataGrid:nth-of-type(1) td.dataGridElement:nth-of-type(3) a,#applycontainer table.dataGrid:nth-of-type(1) td.dataGridElement:nth-of-type(4) a,#applycontainer table.dataGrid:nth-of-type(1) td.dataGridElement:nth-of-type(5) a {
    display: inline;
  }

  #appsInProgress table.dataGrid:nth-of-type(1) td.dataGridElement:nth-of-type(2) a,#appsInProgress table.dataGrid:nth-of-type(1) td.dataGridElement:nth-of-type(3) a,#appsInProgress table.dataGrid:nth-of-type(1) td.dataGridElement:nth-of-type(4) a,#appsInProgress table.dataGrid:nth-of-type(1) td.dataGridElement:nth-of-type(5) a {
    display: inline-block;
  }

  #appsInProgress td.dataGridElement:nth-of-type(2):before {
    content: "Current Page:" !important;
    padding-right: 6px;
    white-space: nowrap;
  }

  #appsInProgress td.dataGridElement:nth-of-type(3):before {
    content: "Date Last Modified:" !important;
    padding-right: 6px;
    white-space: nowrap;
  }

  #appsInProgress td.dataGridElement:nth-of-type(4):before {
    content: "Date Started:" !important;
    padding-right: 6px;
    white-space: nowrap;
  }

  #appsInProgress table.dataGrid:nth-of-type(1) td.dataGridElement:nth-of-type(5):before {
    content: "" !important;
    padding: 0px !important;
  }
}

@media (max-width: 400px) {
/*
#voicesFaith .blurb {
padding: 15% 0px;
}

#voicesWork .blurb,
#voicesCollege .blurb {
padding: 10% 0px;
}
*/  .blogBox .blurb p {
    font-size: 1.25rem !important;
    line-height: 1.25rem !important;
  }
}

@media screen\0{
    #profile .scrollToTop{
        right:15px
    }
}
@media (max-width:385px) {

    /* Ability Profiler */
    .page-content .ability-hero.empty .hero-content {margin:40px 0;}
    .page-content .ability-content .result-toggle {float: none;display: block;text-align: left;margin-bottom: 20px;}
    .page-content .ability-content .reflection-wrap .panel-wrap .panel-body {padding:30px 20px 20px}

    .page-content .ability-content .career-card-wrap .career-top {padding:20px;}

    .page-content .ability-content .question-card.question-img .radio-box label:before {left:36%;}
    .page-content .ability-content .question-card.question-img .radio-box label span {right:35%;}

    /* scatterplot */
    .page-content .empty-wrap.empty-data img {max-width:100%; height:auto;}

    /* my goals new activity */
    .activity-page .action-task .task-date {width:100%;font-weight:600;}
    .activity-page .action-task .task-date:after {display:none;}
    .activity-page .action-task .task-status {width:100%;}

    /* wbl - eval */
    .eval-view .title span {display: block;width: 100%;margin-bottom: 20px;}
    .modal-hours .modal-body .empty-hours {text-align:center;width:80px;}
    .modal-hours .modal-body .empty-hours img {width:50%;float:none;}
    .modal-hours .modal-body .empty-text {margin-top:15px;}

}
@media (max-width:350px) {

    /* Ability Profiler */
    .page-content .ability-hero.empty .hero-content {margin:40px 0;}
    .page-content .ability-content.landing-empty {margin-top:340px;}
}





/* ----------------------- print ----------------------- */

@media print{

    /* boostrap print fixes */
    [class*="col-sm-"] {
        float: left;
    }

    [class*="col-xs-"] {
        float: left;
    }

    .col-lg-12, .col-md-12, .col-sm-12, .col-xs-12 {
        width:100% !important;
    }

    .col-lg-11, .col-md-11, .col-sm-11, .col-xs-11 {
        width:91.66666667% !important;
    }

    .col-lg-10, .col-md-10, .col-sm-10, .col-xs-10 {
        width:83.33333333% !important;
    }

    .col-lg-9, .col-md-9, .col-sm-9, .col-xs-9 {
        width:75% !important;
    }

    .col-lg-8, .col-md-8, .col-sm-8, .col-xs-8 {
        width:66.66666667% !important;
    }

    .col-lg-7, .col-md-7, .col-sm-7, .col-xs-7 {
        width:58.33333333% !important;
    }

    .col-lg-6, .col-md-6, .col-sm-6, .col-xs-6 {
        width:50% !important;
    }

    .col-lg-5, .col-md-5, .col-sm-5, .col-xs-5 {
        width:41.66666667% !important;
    }

    .col-lg-4, .col-md-4, .col-sm-4, .col-xs-4 {
        width:33.33333333% !important;
    }

    .col-lg-3, .col-md-3, .col-sm-3, .col-xs-3 {
        width:25% !important;
    }

    .col-lg-2, .col-md-2, .col-sm-2, .col-xs-2 {
        width:16.66666667% !important;
    }

    .col-lg-1, .col-md-1, .col-sm-1, .col-xs-1 {
        width:8.33333333% !important;
    }

    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
        float: left !important;
    }

    /* use print-col-12 stop override bootstrap above corrections */
    .print-col-12 {
        width:100% !important;
    }
    .print-margin-0 {
        margin:0 !important;
    }

    a[href]:after {
        content: none;
    }

    .table-responsive {
        min-height: inherit;
        overflow-x: inherit;
    }

    table thead th {
        font-size: 10px;
        padding: 0 5px 10px 0;
        min-width: inherit;
        border-bottom: 1px solid #eee;
    }

    table tbody td {
        font-size: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .noprint,
    div.alert,
    header,
    nav,
    footer,
    .group-media,
    .btn,
    form,
    body .uwy.userway_p1 .uai,
    #ember3 {
        display: none !important;
    }
    #fc_frame {
        display: none !important;
    }


    /* new activity page*/
    .page-content .activity-content .empty-content {
        margin: 0;
    }
    .page-content .activity-content {margin-top:20px}
    .page-content .activity-hero {position:relative;height:auto;}
    .activity-content .activity-item {box-shadow:none !important;}
    .activity-page .iframe-container {display:none;}
    .activity-page a {color:#000 !important;}
    .activity-content .activity-item h1 a,
    .activity-page .accordion-btn {color:#000 !important;}

    /* scatter plot */
    .page-content.scatterplot .col-lg-4, 
    .page-content.scatterplot .col-md-4, 
    .page-content.scatterplot .col-sm-4, 
    .page-content.scatterplot .col-xs-4 {
        width:33.33333333% !important;
    }
    .page-content.scatterplot .filter-wrap {
      padding:0;
      margin-top:0;
    }
    .page-content.scatterplot .alert {
        display:block !important;
        padding: 0;
        margin-top: 0 !important;
    }
    .page-content.scatterplot .alert .scatter-text {
        height:auto;
        overflow:visible;
        max-height:unset;
        font-size:14px;
    }
    .chartjs-render-monitor {
        width:100% !important;
        height:auto !important;
    }
    .page-content.scatterplot .scatter-form {
        position:relative;
        right:0px;
    }
    .page-content.scatterplot .form-group.inline {
        width: auto !important;
    }
    .page-content.scatterplot .scatter-form label{
        width: auto !important;
        margin-right:10px !important;
    }
    .page-content.scatterplot .scatter-form input {
        width: 100px !important;
        margin-right:20px;
    }
    .page-content .icon-scatter-chart {
        display:none !important;
    }
    .page-content .btn,
    .page-content .btn-primary.noprint,
    .page-content .btn-primary,
    .page-content .btn-default.btn-back,
    .page-content.scatterplot .alert a,
    .page-content.scatterplot .scatter-form .btn-primary {
        display:none!important;
    }

    #footer,
    #main-footer,
    #main-navigation,
    #pageheader,
    #top,
    .carousel-control,
    .carousel-inner,
    .nav-hamburger,
    .scrollToTop,
    .social-icons,
    .noprint,
    tool-tip {
        display:none!important;
    }
    #profile .carousel-caption{
        height:auto
    }
    #profile .carousel{
        height:auto
    }
    #profile .carousel-caption{
        position:relative;
        bottom:0;
        color:#000
    }
    #profile .profile-school-location{
        border-bottom:1px solid #000
    }
    #profile h2{
        color:#000!important;
        background-color:#fff
    }
    #profile .border-right{
        border-right:none!important
    }
    #profile .border-left{
        border-left:none!important
    }
    #profile .table > thead > tr > th{
        background-color:#ccc;
        color:#000!important
    }
    .page-content.scatterplot .alert .scatter-text {
      height:auto;
      overflow:visible;
      max-height:unset;
  }
    .activity-application form {
        display:block !important;
    }
    .activity-form .col-disabled{ clear: both;min-height:400px !important;
    width:100% !important;}
    .activity-form .disabled-textarea{ padding:10px 0;}

    #main:after {
        content: unset;
        display: unset;
        clear: unset;
    }
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink,.grid-x > .medium-full,.grid-x > .medium-1,.grid-x > .medium-2,.grid-x > .medium-3,.grid-x > .medium-4,.grid-x > .medium-5,.grid-x > .medium-6,.grid-x > .medium-7,.grid-x > .medium-8,.grid-x > .medium-9,.grid-x > .medium-10,.grid-x > .medium-11,.grid-x > .medium-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .grid-x > .medium-auto {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
    flex: 1 1 0px;
    width: auto;
  }

  .grid-x > .medium-shrink {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
  }

  .grid-x > .medium-1 {
    width: 8.33333%;
  }

  .grid-x > .medium-2 {
    width: 16.66667%;
  }

  .grid-x > .medium-3 {
    width: 25%;
  }

  .grid-x > .medium-4 {
    width: 33.33333%;
  }

  .grid-x > .medium-5 {
    width: 41.66667%;
  }

  .grid-x > .medium-6 {
    width: 50%;
  }

  .grid-x > .medium-7 {
    width: 58.33333%;
  }

  .grid-x > .medium-8 {
    width: 66.66667%;
  }

  .grid-x > .medium-9 {
    width: 75%;
  }

  .grid-x > .medium-10 {
    width: 83.33333%;
  }

  .grid-x > .medium-11 {
    width: 91.66667%;
  }

  .grid-x > .medium-12 {
    width: 100%;
  }

  .grid-margin-x > .medium-auto {
    width: auto;
  }

  .grid-margin-x > .medium-shrink {
    width: auto;
  }

  .grid-margin-x > .medium-1 {
    width: calc(8.33333% - 1.875rem);
  }

  .grid-margin-x > .medium-2 {
    width: calc(16.66667% - 1.875rem);
  }

  .grid-margin-x > .medium-3 {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x > .medium-4 {
    width: calc(33.33333% - 1.875rem);
  }

  .grid-margin-x > .medium-5 {
    width: calc(41.66667% - 1.875rem);
  }

  .grid-margin-x > .medium-6 {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x > .medium-7 {
    width: calc(58.33333% - 1.875rem);
  }

  .grid-margin-x > .medium-8 {
    width: calc(66.66667% - 1.875rem);
  }

  .grid-margin-x > .medium-9 {
    width: calc(75% - 1.875rem);
  }

  .grid-margin-x > .medium-10 {
    width: calc(83.33333% - 1.875rem);
  }

  .grid-margin-x > .medium-11 {
    width: calc(91.66667% - 1.875rem);
  }

  .grid-margin-x > .medium-12 {
    width: calc(100% - 1.875rem);
  }

  .medium-up-1 > .cell {
    width: 100%;
  }

  .medium-up-2 > .cell {
    width: 50%;
  }

  .medium-up-3 > .cell {
    width: 33.33333%;
  }

  .medium-up-4 > .cell {
    width: 25%;
  }

  .medium-up-5 > .cell {
    width: 20%;
  }

  .medium-up-6 > .cell {
    width: 16.66667%;
  }

  .medium-up-7 > .cell {
    width: 14.28571%;
  }

  .medium-up-8 > .cell {
    width: 12.5%;
  }

  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.33333% - 1.875rem);
  }

  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.66667% - 1.875rem);
  }

  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.28571% - 1.875rem);
  }

  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }

  .small-margin-collapse > .medium-1 {
    width: 8.33333%;
  }

  .small-margin-collapse > .medium-2 {
    width: 16.66667%;
  }

  .small-margin-collapse > .medium-3 {
    width: 25%;
  }

  .small-margin-collapse > .medium-4 {
    width: 33.33333%;
  }

  .small-margin-collapse > .medium-5 {
    width: 41.66667%;
  }

  .small-margin-collapse > .medium-6 {
    width: 50%;
  }

  .small-margin-collapse > .medium-7 {
    width: 58.33333%;
  }

  .small-margin-collapse > .medium-8 {
    width: 66.66667%;
  }

  .small-margin-collapse > .medium-9 {
    width: 75%;
  }

  .small-margin-collapse > .medium-10 {
    width: 83.33333%;
  }

  .small-margin-collapse > .medium-11 {
    width: 91.66667%;
  }

  .small-margin-collapse > .medium-12 {
    width: 100%;
  }

  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }

  .medium-margin-collapse > .small-1 {
    width: 8.33333%;
  }

  .medium-margin-collapse > .small-2 {
    width: 16.66667%;
  }

  .medium-margin-collapse > .small-3 {
    width: 25%;
  }

  .medium-margin-collapse > .small-4 {
    width: 33.33333%;
  }

  .medium-margin-collapse > .small-5 {
    width: 41.66667%;
  }

  .medium-margin-collapse > .small-6 {
    width: 50%;
  }

  .medium-margin-collapse > .small-7 {
    width: 58.33333%;
  }

  .medium-margin-collapse > .small-8 {
    width: 66.66667%;
  }

  .medium-margin-collapse > .small-9 {
    width: 75%;
  }

  .medium-margin-collapse > .small-10 {
    width: 83.33333%;
  }

  .medium-margin-collapse > .small-11 {
    width: 91.66667%;
  }

  .medium-margin-collapse > .small-12 {
    width: 100%;
  }

  .medium-margin-collapse > .medium-1 {
    width: 8.33333%;
  }

  .medium-margin-collapse > .medium-2 {
    width: 16.66667%;
  }

  .medium-margin-collapse > .medium-3 {
    width: 25%;
  }

  .medium-margin-collapse > .medium-4 {
    width: 33.33333%;
  }

  .medium-margin-collapse > .medium-5 {
    width: 41.66667%;
  }

  .medium-margin-collapse > .medium-6 {
    width: 50%;
  }

  .medium-margin-collapse > .medium-7 {
    width: 58.33333%;
  }

  .medium-margin-collapse > .medium-8 {
    width: 66.66667%;
  }

  .medium-margin-collapse > .medium-9 {
    width: 75%;
  }

  .medium-margin-collapse > .medium-10 {
    width: 83.33333%;
  }

  .medium-margin-collapse > .medium-11 {
    width: 91.66667%;
  }

  .medium-margin-collapse > .medium-12 {
    width: 100%;
  }

  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }

  .medium-offset-0 {
    margin-left: 0%;
  }

  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + (calcRem($xy-grid-padding)));
  }

  .medium-offset-1 {
    margin-left: 8.33333%;
  }

  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.33333% + (calcRem($xy-grid-padding)));
  }

  .medium-offset-2 {
    margin-left: 16.66667%;
  }

  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.66667% + (calcRem($xy-grid-padding)));
  }

  .medium-offset-3 {
    margin-left: 25%;
  }

  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + (calcRem($xy-grid-padding)));
  }

  .medium-offset-4 {
    margin-left: 33.33333%;
  }

  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.33333% + (calcRem($xy-grid-padding)));
  }

  .medium-offset-5 {
    margin-left: 41.66667%;
  }

  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.66667% + (calcRem($xy-grid-padding)));
  }

  .medium-offset-6 {
    margin-left: 50%;
  }

  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + (calcRem($xy-grid-padding)));
  }

  .medium-offset-7 {
    margin-left: 58.33333%;
  }

  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.33333% + (calcRem($xy-grid-padding)));
  }

  .medium-offset-8 {
    margin-left: 66.66667%;
  }

  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.66667% + (calcRem($xy-grid-padding)));
  }

  .medium-offset-9 {
    margin-left: 75%;
  }

  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + (calcRem($xy-grid-padding)));
  }

  .medium-offset-10 {
    margin-left: 83.33333%;
  }

  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.33333% + (calcRem($xy-grid-padding)));
  }

  .medium-offset-11 {
    margin-left: 91.66667%;
  }

  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.66667% + (calcRem($xy-grid-padding)));
  }

  .grid-y > .medium-shrink,.grid-y > .medium-full,.grid-y > .medium-1,.grid-y > .medium-2,.grid-y > .medium-3,.grid-y > .medium-4,.grid-y > .medium-5,.grid-y > .medium-6,.grid-y > .medium-7,.grid-y > .medium-8,.grid-y > .medium-9,.grid-y > .medium-10,.grid-y > .medium-11,.grid-y > .medium-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .grid-y > .medium-auto {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
    flex: 1 1 0px;
    height: auto;
  }

  .grid-y > .medium-shrink {
    height: auto;
  }

  .grid-y > .medium-1 {
    height: 8.33333%;
  }

  .grid-y > .medium-2 {
    height: 16.66667%;
  }

  .grid-y > .medium-3 {
    height: 25%;
  }

  .grid-y > .medium-4 {
    height: 33.33333%;
  }

  .grid-y > .medium-5 {
    height: 41.66667%;
  }

  .grid-y > .medium-6 {
    height: 50%;
  }

  .grid-y > .medium-7 {
    height: 58.33333%;
  }

  .grid-y > .medium-8 {
    height: 66.66667%;
  }

  .grid-y > .medium-9 {
    height: 75%;
  }

  .grid-y > .medium-10 {
    height: 83.33333%;
  }

  .grid-y > .medium-11 {
    height: 91.66667%;
  }

  .grid-y > .medium-12 {
    height: 100%;
  }

  .grid-margin-y > .medium-auto {
    height: auto;
  }

  .grid-margin-y > .medium-shrink {
    height: auto;
  }

  .grid-margin-y > .medium-1 {
    height: calc(8.33333% - 1.875rem);
  }

  .grid-margin-y > .medium-2 {
    height: calc(16.66667% - 1.875rem);
  }

  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }

  .grid-margin-y > .medium-4 {
    height: calc(33.33333% - 1.875rem);
  }

  .grid-margin-y > .medium-5 {
    height: calc(41.66667% - 1.875rem);
  }

  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }

  .grid-margin-y > .medium-7 {
    height: calc(58.33333% - 1.875rem);
  }

  .grid-margin-y > .medium-8 {
    height: calc(66.66667% - 1.875rem);
  }

  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }

  .grid-margin-y > .medium-10 {
    height: calc(83.33333% - 1.875rem);
  }

  .grid-margin-y > .medium-11 {
    height: calc(91.66667% - 1.875rem);
  }

  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }

  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 100vw;
  }

  .cell .medium-grid-frame {
    width: 100%;
  }

  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }

  .medium-cell-block-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    max-height: 100%;
  }

  .medium-cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }

  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    height: 100vh;
  }

  .cell .grid-y.medium-grid-frame {
    height: 100%;
  }

  .grid-margin-y > .medium-auto {
    height: auto;
  }

  .grid-margin-y > .medium-shrink {
    height: auto;
  }

  .grid-margin-y > .medium-1 {
    height: calc(8.33333% - 1.875rem);
  }

  .grid-margin-y > .medium-2 {
    height: calc(16.66667% - 1.875rem);
  }

  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }

  .grid-margin-y > .medium-4 {
    height: calc(33.33333% - 1.875rem);
  }

  .grid-margin-y > .medium-5 {
    height: calc(41.66667% - 1.875rem);
  }

  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }

  .grid-margin-y > .medium-7 {
    height: calc(58.33333% - 1.875rem);
  }

  .grid-margin-y > .medium-8 {
    height: calc(66.66667% - 1.875rem);
  }

  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }

  .grid-margin-y > .medium-10 {
    height: calc(83.33333% - 1.875rem);
  }

  .grid-margin-y > .medium-11 {
    height: calc(91.66667% - 1.875rem);
  }

  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }

  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem);
  }

  .medium-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }

  .medium-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }

  .medium-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3;
  }

  .medium-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4;
  }

  .medium-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5;
  }

  .medium-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6;
  }

  .medium-flex-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
  }

  .medium-flex-child-auto {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
  }

  .medium-flex-child-grow {
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
  }

  .medium-flex-child-shrink {
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
  }

  .medium-flex-dir-row {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }

  .medium-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }

  .medium-flex-dir-column {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  .medium-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
  }
}


@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink,.grid-x > .large-full,.grid-x > .large-1,.grid-x > .large-2,.grid-x > .large-3,.grid-x > .large-4,.grid-x > .large-5,.grid-x > .large-6,.grid-x > .large-7,.grid-x > .large-8,.grid-x > .large-9,.grid-x > .large-10,.grid-x > .large-11,.grid-x > .large-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .grid-x > .large-auto {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
    flex: 1 1 0px;
    width: auto;
  }

  .grid-x > .large-shrink {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
  }

  .grid-x > .large-1 {
    width: 8.33333%;
  }

  .grid-x > .large-2 {
    width: 16.66667%;
  }

  .grid-x > .large-3 {
    width: 25%;
  }

  .grid-x > .large-4 {
    width: 33.33333%;
  }

  .grid-x > .large-5 {
    width: 41.66667%;
  }

  .grid-x > .large-6 {
    width: 50%;
  }

  .grid-x > .large-7 {
    width: 58.33333%;
  }

  .grid-x > .large-8 {
    width: 66.66667%;
  }

  .grid-x > .large-9 {
    width: 75%;
  }

  .grid-x > .large-10 {
    width: 83.33333%;
  }

  .grid-x > .large-11 {
    width: 91.66667%;
  }

  .grid-x > .large-12 {
    width: 100%;
  }

  .grid-margin-x > .large-auto {
    width: auto;
  }

  .grid-margin-x > .large-shrink {
    width: auto;
  }

  .grid-margin-x > .large-1 {
    width: calc(8.33333% - 1.875rem);
  }

  .grid-margin-x > .large-2 {
    width: calc(16.66667% - 1.875rem);
  }

  .grid-margin-x > .large-3 {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x > .large-4 {
    width: calc(33.33333% - 1.875rem);
  }

  .grid-margin-x > .large-5 {
    width: calc(41.66667% - 1.875rem);
  }

  .grid-margin-x > .large-6 {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x > .large-7 {
    width: calc(58.33333% - 1.875rem);
  }

  .grid-margin-x > .large-8 {
    width: calc(66.66667% - 1.875rem);
  }

  .grid-margin-x > .large-9 {
    width: calc(75% - 1.875rem);
  }

  .grid-margin-x > .large-10 {
    width: calc(83.33333% - 1.875rem);
  }

  .grid-margin-x > .large-11 {
    width: calc(91.66667% - 1.875rem);
  }

  .grid-margin-x > .large-12 {
    width: calc(100% - 1.875rem);
  }

  .large-up-1 > .cell {
    width: 100%;
  }

  .large-up-2 > .cell {
    width: 50%;
  }

  .large-up-3 > .cell {
    width: 33.33333%;
  }

  .large-up-4 > .cell {
    width: 25%;
  }

  .large-up-5 > .cell {
    width: 20%;
  }

  .large-up-6 > .cell {
    width: 16.66667%;
  }

  .large-up-7 > .cell {
    width: 14.28571%;
  }

  .large-up-8 > .cell {
    width: 12.5%;
  }

  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.33333% - 1.875rem);
  }

  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.66667% - 1.875rem);
  }

  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.28571% - 1.875rem);
  }

  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }

  .small-margin-collapse > .large-1 {
    width: 8.33333%;
  }

  .small-margin-collapse > .large-2 {
    width: 16.66667%;
  }

  .small-margin-collapse > .large-3 {
    width: 25%;
  }

  .small-margin-collapse > .large-4 {
    width: 33.33333%;
  }

  .small-margin-collapse > .large-5 {
    width: 41.66667%;
  }

  .small-margin-collapse > .large-6 {
    width: 50%;
  }

  .small-margin-collapse > .large-7 {
    width: 58.33333%;
  }

  .small-margin-collapse > .large-8 {
    width: 66.66667%;
  }

  .small-margin-collapse > .large-9 {
    width: 75%;
  }

  .small-margin-collapse > .large-10 {
    width: 83.33333%;
  }

  .small-margin-collapse > .large-11 {
    width: 91.66667%;
  }

  .small-margin-collapse > .large-12 {
    width: 100%;
  }

  .medium-margin-collapse > .large-1 {
    width: 8.33333%;
  }

  .medium-margin-collapse > .large-2 {
    width: 16.66667%;
  }

  .medium-margin-collapse > .large-3 {
    width: 25%;
  }

  .medium-margin-collapse > .large-4 {
    width: 33.33333%;
  }

  .medium-margin-collapse > .large-5 {
    width: 41.66667%;
  }

  .medium-margin-collapse > .large-6 {
    width: 50%;
  }

  .medium-margin-collapse > .large-7 {
    width: 58.33333%;
  }

  .medium-margin-collapse > .large-8 {
    width: 66.66667%;
  }

  .medium-margin-collapse > .large-9 {
    width: 75%;
  }

  .medium-margin-collapse > .large-10 {
    width: 83.33333%;
  }

  .medium-margin-collapse > .large-11 {
    width: 91.66667%;
  }

  .medium-margin-collapse > .large-12 {
    width: 100%;
  }

  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }

  .large-margin-collapse > .small-1 {
    width: 8.33333%;
  }

  .large-margin-collapse > .small-2 {
    width: 16.66667%;
  }

  .large-margin-collapse > .small-3 {
    width: 25%;
  }

  .large-margin-collapse > .small-4 {
    width: 33.33333%;
  }

  .large-margin-collapse > .small-5 {
    width: 41.66667%;
  }

  .large-margin-collapse > .small-6 {
    width: 50%;
  }

  .large-margin-collapse > .small-7 {
    width: 58.33333%;
  }

  .large-margin-collapse > .small-8 {
    width: 66.66667%;
  }

  .large-margin-collapse > .small-9 {
    width: 75%;
  }

  .large-margin-collapse > .small-10 {
    width: 83.33333%;
  }

  .large-margin-collapse > .small-11 {
    width: 91.66667%;
  }

  .large-margin-collapse > .small-12 {
    width: 100%;
  }

  .large-margin-collapse > .medium-1 {
    width: 8.33333%;
  }

  .large-margin-collapse > .medium-2 {
    width: 16.66667%;
  }

  .large-margin-collapse > .medium-3 {
    width: 25%;
  }

  .large-margin-collapse > .medium-4 {
    width: 33.33333%;
  }

  .large-margin-collapse > .medium-5 {
    width: 41.66667%;
  }

  .large-margin-collapse > .medium-6 {
    width: 50%;
  }

  .large-margin-collapse > .medium-7 {
    width: 58.33333%;
  }

  .large-margin-collapse > .medium-8 {
    width: 66.66667%;
  }

  .large-margin-collapse > .medium-9 {
    width: 75%;
  }

  .large-margin-collapse > .medium-10 {
    width: 83.33333%;
  }

  .large-margin-collapse > .medium-11 {
    width: 91.66667%;
  }

  .large-margin-collapse > .medium-12 {
    width: 100%;
  }

  .large-margin-collapse > .large-1 {
    width: 8.33333%;
  }

  .large-margin-collapse > .large-2 {
    width: 16.66667%;
  }

  .large-margin-collapse > .large-3 {
    width: 25%;
  }

  .large-margin-collapse > .large-4 {
    width: 33.33333%;
  }

  .large-margin-collapse > .large-5 {
    width: 41.66667%;
  }

  .large-margin-collapse > .large-6 {
    width: 50%;
  }

  .large-margin-collapse > .large-7 {
    width: 58.33333%;
  }

  .large-margin-collapse > .large-8 {
    width: 66.66667%;
  }

  .large-margin-collapse > .large-9 {
    width: 75%;
  }

  .large-margin-collapse > .large-10 {
    width: 83.33333%;
  }

  .large-margin-collapse > .large-11 {
    width: 91.66667%;
  }

  .large-margin-collapse > .large-12 {
    width: 100%;
  }

  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }

  .large-offset-0 {
    margin-left: 0%;
  }

  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + (calcRem($xy-grid-padding)));
  }

  .large-offset-1 {
    margin-left: 8.33333%;
  }

  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.33333% + (calcRem($xy-grid-padding)));
  }

  .large-offset-2 {
    margin-left: 16.66667%;
  }

  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.66667% + (calcRem($xy-grid-padding)));
  }

  .large-offset-3 {
    margin-left: 25%;
  }

  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + (calcRem($xy-grid-padding)));
  }

  .large-offset-4 {
    margin-left: 33.33333%;
  }

  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.33333% + (calcRem($xy-grid-padding)));
  }

  .large-offset-5 {
    margin-left: 41.66667%;
  }

  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.66667% + (calcRem($xy-grid-padding)));
  }

  .large-offset-6 {
    margin-left: 50%;
  }

  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + (calcRem($xy-grid-padding)));
  }

  .large-offset-7 {
    margin-left: 58.33333%;
  }

  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.33333% + (calcRem($xy-grid-padding)));
  }

  .large-offset-8 {
    margin-left: 66.66667%;
  }

  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.66667% + (calcRem($xy-grid-padding)));
  }

  .large-offset-9 {
    margin-left: 75%;
  }

  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + (calcRem($xy-grid-padding)));
  }

  .large-offset-10 {
    margin-left: 83.33333%;
  }

  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.33333% + (calcRem($xy-grid-padding)));
  }

  .large-offset-11 {
    margin-left: 91.66667%;
  }

  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.66667% + (calcRem($xy-grid-padding)));
  }

  .grid-y > .large-shrink,.grid-y > .large-full,.grid-y > .large-1,.grid-y > .large-2,.grid-y > .large-3,.grid-y > .large-4,.grid-y > .large-5,.grid-y > .large-6,.grid-y > .large-7,.grid-y > .large-8,.grid-y > .large-9,.grid-y > .large-10,.grid-y > .large-11,.grid-y > .large-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .grid-y > .large-auto {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
    flex: 1 1 0px;
    height: auto;
  }

  .grid-y > .large-shrink {
    height: auto;
  }

  .grid-y > .large-1 {
    height: 8.33333%;
  }

  .grid-y > .large-2 {
    height: 16.66667%;
  }

  .grid-y > .large-3 {
    height: 25%;
  }

  .grid-y > .large-4 {
    height: 33.33333%;
  }

  .grid-y > .large-5 {
    height: 41.66667%;
  }

  .grid-y > .large-6 {
    height: 50%;
  }

  .grid-y > .large-7 {
    height: 58.33333%;
  }

  .grid-y > .large-8 {
    height: 66.66667%;
  }

  .grid-y > .large-9 {
    height: 75%;
  }

  .grid-y > .large-10 {
    height: 83.33333%;
  }

  .grid-y > .large-11 {
    height: 91.66667%;
  }

  .grid-y > .large-12 {
    height: 100%;
  }

  .grid-margin-y > .large-auto {
    height: auto;
  }

  .grid-margin-y > .large-shrink {
    height: auto;
  }

  .grid-margin-y > .large-1 {
    height: calc(8.33333% - 1.875rem);
  }

  .grid-margin-y > .large-2 {
    height: calc(16.66667% - 1.875rem);
  }

  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }

  .grid-margin-y > .large-4 {
    height: calc(33.33333% - 1.875rem);
  }

  .grid-margin-y > .large-5 {
    height: calc(41.66667% - 1.875rem);
  }

  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }

  .grid-margin-y > .large-7 {
    height: calc(58.33333% - 1.875rem);
  }

  .grid-margin-y > .large-8 {
    height: calc(66.66667% - 1.875rem);
  }

  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }

  .grid-margin-y > .large-10 {
    height: calc(83.33333% - 1.875rem);
  }

  .grid-margin-y > .large-11 {
    height: calc(91.66667% - 1.875rem);
  }

  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }

  .large-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 100vw;
  }

  .cell .large-grid-frame {
    width: 100%;
  }

  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }

  .large-cell-block-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    max-height: 100%;
  }

  .large-cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }

  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    height: 100vh;
  }

  .cell .grid-y.large-grid-frame {
    height: 100%;
  }

  .grid-margin-y > .large-auto {
    height: auto;
  }

  .grid-margin-y > .large-shrink {
    height: auto;
  }

  .grid-margin-y > .large-1 {
    height: calc(8.33333% - 1.875rem);
  }

  .grid-margin-y > .large-2 {
    height: calc(16.66667% - 1.875rem);
  }

  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }

  .grid-margin-y > .large-4 {
    height: calc(33.33333% - 1.875rem);
  }

  .grid-margin-y > .large-5 {
    height: calc(41.66667% - 1.875rem);
  }

  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }

  .grid-margin-y > .large-7 {
    height: calc(58.33333% - 1.875rem);
  }

  .grid-margin-y > .large-8 {
    height: calc(66.66667% - 1.875rem);
  }

  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }

  .grid-margin-y > .large-10 {
    height: calc(83.33333% - 1.875rem);
  }

  .grid-margin-y > .large-11 {
    height: calc(91.66667% - 1.875rem);
  }

  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }

  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem);
  }

  .large-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }

  .large-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }

  .large-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3;
  }

  .large-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4;
  }

  .large-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5;
  }

  .large-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6;
  }

  .large-flex-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
  }

  .large-flex-child-auto {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
  }

  .large-flex-child-grow {
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
  }

  .large-flex-child-shrink {
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
  }

  .large-flex-dir-row {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }

  .large-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }

  .large-flex-dir-column {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  .large-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
  }
}


@media print and (max-width: 640px), screen and (max-width: 640px) and (min-width: 64em) {
  #subnavigation .grid-x > .large-shrink,#subnavigation .grid-x > .large-full,#subnavigation .grid-x > .large-1,#subnavigation .grid-x > .large-2,#subnavigation .grid-x > .large-3,#subnavigation .grid-x > .large-4,#subnavigation .grid-x > .large-5,#subnavigation .grid-x > .large-6,#subnavigation .grid-x > .large-7,#subnavigation .grid-x > .large-8,#subnavigation .grid-x > .large-9,#subnavigation .grid-x > .large-10,#subnavigation .grid-x > .large-11,#subnavigation .grid-x > .large-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  #subnavigation .grid-x > .large-auto {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
    flex: 1 1 0px;
    width: auto;
  }

  #subnavigation .grid-x > .large-shrink {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
  }

  #subnavigation .grid-x > .large-1 {
    width: 8.33333%;
  }

  #subnavigation .grid-x > .large-2 {
    width: 16.66667%;
  }

  #subnavigation .grid-x > .large-3 {
    width: 25%;
  }

  #subnavigation .grid-x > .large-4 {
    width: 33.33333%;
  }

  #subnavigation .grid-x > .large-5 {
    width: 41.66667%;
  }

  #subnavigation .grid-x > .large-6 {
    width: 50%;
  }

  #subnavigation .grid-x > .large-7 {
    width: 58.33333%;
  }

  #subnavigation .grid-x > .large-8 {
    width: 66.66667%;
  }

  #subnavigation .grid-x > .large-9 {
    width: 75%;
  }

  #subnavigation .grid-x > .large-10 {
    width: 83.33333%;
  }

  #subnavigation .grid-x > .large-11 {
    width: 91.66667%;
  }

  #subnavigation .grid-x > .large-12 {
    width: 100%;
  }

  #subnavigation .grid-margin-x > .large-auto {
    width: auto;
  }

  #subnavigation .grid-margin-x > .large-shrink {
    width: auto;
  }

  #subnavigation .grid-margin-x > .large-1 {
    width: calc(8.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .large-2 {
    width: calc(16.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .large-3 {
    width: calc(25% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .large-4 {
    width: calc(33.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .large-5 {
    width: calc(41.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .large-6 {
    width: calc(50% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .large-7 {
    width: calc(58.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .large-8 {
    width: calc(66.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .large-9 {
    width: calc(75% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .large-10 {
    width: calc(83.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .large-11 {
    width: calc(91.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .large-12 {
    width: calc(100% - 1.875rem);
  }

  #subnavigation .large-up-1 > .cell {
    width: 100%;
  }

  #subnavigation .large-up-2 > .cell {
    width: 50%;
  }

  #subnavigation .large-up-3 > .cell {
    width: 33.33333%;
  }

  #subnavigation .large-up-4 > .cell {
    width: 25%;
  }

  #subnavigation .large-up-5 > .cell {
    width: 20%;
  }

  #subnavigation .large-up-6 > .cell {
    width: 16.66667%;
  }

  #subnavigation .large-up-7 > .cell {
    width: 14.28571%;
  }

  #subnavigation .large-up-8 > .cell {
    width: 12.5%;
  }

  #subnavigation .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  #subnavigation .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  #subnavigation .grid-margin-x.large-up-3 > .cell {
    width: calc(33.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  #subnavigation .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  #subnavigation .grid-margin-x.large-up-6 > .cell {
    width: calc(16.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-x.large-up-7 > .cell {
    width: calc(14.28571% - 1.875rem);
  }

  #subnavigation .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }

  #subnavigation .small-margin-collapse > .large-1 {
    width: 8.33333%;
  }

  #subnavigation .small-margin-collapse > .large-2 {
    width: 16.66667%;
  }

  #subnavigation .small-margin-collapse > .large-3 {
    width: 25%;
  }

  #subnavigation .small-margin-collapse > .large-4 {
    width: 33.33333%;
  }

  #subnavigation .small-margin-collapse > .large-5 {
    width: 41.66667%;
  }

  #subnavigation .small-margin-collapse > .large-6 {
    width: 50%;
  }

  #subnavigation .small-margin-collapse > .large-7 {
    width: 58.33333%;
  }

  #subnavigation .small-margin-collapse > .large-8 {
    width: 66.66667%;
  }

  #subnavigation .small-margin-collapse > .large-9 {
    width: 75%;
  }

  #subnavigation .small-margin-collapse > .large-10 {
    width: 83.33333%;
  }

  #subnavigation .small-margin-collapse > .large-11 {
    width: 91.66667%;
  }

  #subnavigation .small-margin-collapse > .large-12 {
    width: 100%;
  }

  #subnavigation .medium-margin-collapse > .large-1 {
    width: 8.33333%;
  }

  #subnavigation .medium-margin-collapse > .large-2 {
    width: 16.66667%;
  }

  #subnavigation .medium-margin-collapse > .large-3 {
    width: 25%;
  }

  #subnavigation .medium-margin-collapse > .large-4 {
    width: 33.33333%;
  }

  #subnavigation .medium-margin-collapse > .large-5 {
    width: 41.66667%;
  }

  #subnavigation .medium-margin-collapse > .large-6 {
    width: 50%;
  }

  #subnavigation .medium-margin-collapse > .large-7 {
    width: 58.33333%;
  }

  #subnavigation .medium-margin-collapse > .large-8 {
    width: 66.66667%;
  }

  #subnavigation .medium-margin-collapse > .large-9 {
    width: 75%;
  }

  #subnavigation .medium-margin-collapse > .large-10 {
    width: 83.33333%;
  }

  #subnavigation .medium-margin-collapse > .large-11 {
    width: 91.66667%;
  }

  #subnavigation .medium-margin-collapse > .large-12 {
    width: 100%;
  }

  #subnavigation .large-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  #subnavigation .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }

  #subnavigation .large-margin-collapse > .small-1 {
    width: 8.33333%;
  }

  #subnavigation .large-margin-collapse > .small-2 {
    width: 16.66667%;
  }

  #subnavigation .large-margin-collapse > .small-3 {
    width: 25%;
  }

  #subnavigation .large-margin-collapse > .small-4 {
    width: 33.33333%;
  }

  #subnavigation .large-margin-collapse > .small-5 {
    width: 41.66667%;
  }

  #subnavigation .large-margin-collapse > .small-6 {
    width: 50%;
  }

  #subnavigation .large-margin-collapse > .small-7 {
    width: 58.33333%;
  }

  #subnavigation .large-margin-collapse > .small-8 {
    width: 66.66667%;
  }

  #subnavigation .large-margin-collapse > .small-9 {
    width: 75%;
  }

  #subnavigation .large-margin-collapse > .small-10 {
    width: 83.33333%;
  }

  #subnavigation .large-margin-collapse > .small-11 {
    width: 91.66667%;
  }

  #subnavigation .large-margin-collapse > .small-12 {
    width: 100%;
  }

  #subnavigation .large-margin-collapse > .medium-1 {
    width: 8.33333%;
  }

  #subnavigation .large-margin-collapse > .medium-2 {
    width: 16.66667%;
  }

  #subnavigation .large-margin-collapse > .medium-3 {
    width: 25%;
  }

  #subnavigation .large-margin-collapse > .medium-4 {
    width: 33.33333%;
  }

  #subnavigation .large-margin-collapse > .medium-5 {
    width: 41.66667%;
  }

  #subnavigation .large-margin-collapse > .medium-6 {
    width: 50%;
  }

  #subnavigation .large-margin-collapse > .medium-7 {
    width: 58.33333%;
  }

  #subnavigation .large-margin-collapse > .medium-8 {
    width: 66.66667%;
  }

  #subnavigation .large-margin-collapse > .medium-9 {
    width: 75%;
  }

  #subnavigation .large-margin-collapse > .medium-10 {
    width: 83.33333%;
  }

  #subnavigation .large-margin-collapse > .medium-11 {
    width: 91.66667%;
  }

  #subnavigation .large-margin-collapse > .medium-12 {
    width: 100%;
  }

  #subnavigation .large-margin-collapse > .large-1 {
    width: 8.33333%;
  }

  #subnavigation .large-margin-collapse > .large-2 {
    width: 16.66667%;
  }

  #subnavigation .large-margin-collapse > .large-3 {
    width: 25%;
  }

  #subnavigation .large-margin-collapse > .large-4 {
    width: 33.33333%;
  }

  #subnavigation .large-margin-collapse > .large-5 {
    width: 41.66667%;
  }

  #subnavigation .large-margin-collapse > .large-6 {
    width: 50%;
  }

  #subnavigation .large-margin-collapse > .large-7 {
    width: 58.33333%;
  }

  #subnavigation .large-margin-collapse > .large-8 {
    width: 66.66667%;
  }

  #subnavigation .large-margin-collapse > .large-9 {
    width: 75%;
  }

  #subnavigation .large-margin-collapse > .large-10 {
    width: 83.33333%;
  }

  #subnavigation .large-margin-collapse > .large-11 {
    width: 91.66667%;
  }

  #subnavigation .large-margin-collapse > .large-12 {
    width: 100%;
  }

  #subnavigation .large-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  #subnavigation .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }

  #subnavigation .large-offset-0 {
    margin-left: 0%;
  }

  #subnavigation .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 0.9375rem);
  }

  #subnavigation .large-offset-1 {
    margin-left: 8.33333%;
  }

  #subnavigation .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem);
  }

  #subnavigation .large-offset-2 {
    margin-left: 16.66667%;
  }

  #subnavigation .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem);
  }

  #subnavigation .large-offset-3 {
    margin-left: 25%;
  }

  #subnavigation .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 0.9375rem);
  }

  #subnavigation .large-offset-4 {
    margin-left: 33.33333%;
  }

  #subnavigation .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem);
  }

  #subnavigation .large-offset-5 {
    margin-left: 41.66667%;
  }

  #subnavigation .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem);
  }

  #subnavigation .large-offset-6 {
    margin-left: 50%;
  }

  #subnavigation .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 0.9375rem);
  }

  #subnavigation .large-offset-7 {
    margin-left: 58.33333%;
  }

  #subnavigation .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem);
  }

  #subnavigation .large-offset-8 {
    margin-left: 66.66667%;
  }

  #subnavigation .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem);
  }

  #subnavigation .large-offset-9 {
    margin-left: 75%;
  }

  #subnavigation .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 0.9375rem);
  }

  #subnavigation .large-offset-10 {
    margin-left: 83.33333%;
  }

  #subnavigation .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem);
  }

  #subnavigation .large-offset-11 {
    margin-left: 91.66667%;
  }

  #subnavigation .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem);
  }

  #subnavigation .grid-y > .large-shrink,#subnavigation .grid-y > .large-full,#subnavigation .grid-y > .large-1,#subnavigation .grid-y > .large-2,#subnavigation .grid-y > .large-3,#subnavigation .grid-y > .large-4,#subnavigation .grid-y > .large-5,#subnavigation .grid-y > .large-6,#subnavigation .grid-y > .large-7,#subnavigation .grid-y > .large-8,#subnavigation .grid-y > .large-9,#subnavigation .grid-y > .large-10,#subnavigation .grid-y > .large-11,#subnavigation .grid-y > .large-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  #subnavigation .grid-y > .large-auto {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
    flex: 1 1 0px;
    height: auto;
  }

  #subnavigation .grid-y > .large-shrink {
    height: auto;
  }

  #subnavigation .grid-y > .large-1 {
    height: 8.33333%;
  }

  #subnavigation .grid-y > .large-2 {
    height: 16.66667%;
  }

  #subnavigation .grid-y > .large-3 {
    height: 25%;
  }

  #subnavigation .grid-y > .large-4 {
    height: 33.33333%;
  }

  #subnavigation .grid-y > .large-5 {
    height: 41.66667%;
  }

  #subnavigation .grid-y > .large-6 {
    height: 50%;
  }

  #subnavigation .grid-y > .large-7 {
    height: 58.33333%;
  }

  #subnavigation .grid-y > .large-8 {
    height: 66.66667%;
  }

  #subnavigation .grid-y > .large-9 {
    height: 75%;
  }

  #subnavigation .grid-y > .large-10 {
    height: 83.33333%;
  }

  #subnavigation .grid-y > .large-11 {
    height: 91.66667%;
  }

  #subnavigation .grid-y > .large-12 {
    height: 100%;
  }

  #subnavigation .grid-margin-y > .large-auto {
    height: auto;
  }

  #subnavigation .grid-margin-y > .large-shrink {
    height: auto;
  }

  #subnavigation .grid-margin-y > .large-1 {
    height: calc(8.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-2 {
    height: calc(16.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-4 {
    height: calc(33.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-5 {
    height: calc(41.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-7 {
    height: calc(58.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-8 {
    height: calc(66.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-10 {
    height: calc(83.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-11 {
    height: calc(91.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }

  #subnavigation .large-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 100vw;
  }

  #subnavigation .cell .large-grid-frame {
    width: 100%;
  }

  #subnavigation .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }

  #subnavigation .large-cell-block-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    max-height: 100%;
  }

  #subnavigation .large-cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  #subnavigation .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }

  #subnavigation .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    height: 100vh;
  }

  #subnavigation .cell .grid-y.large-grid-frame {
    height: 100%;
  }

  #subnavigation .grid-margin-y > .large-auto {
    height: auto;
  }

  #subnavigation .grid-margin-y > .large-shrink {
    height: auto;
  }

  #subnavigation .grid-margin-y > .large-1 {
    height: calc(8.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-2 {
    height: calc(16.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-4 {
    height: calc(33.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-5 {
    height: calc(41.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-7 {
    height: calc(58.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-8 {
    height: calc(66.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-10 {
    height: calc(83.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-11 {
    height: calc(91.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }

  #subnavigation .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem);
  }

  #subnavigation .large-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }

  #subnavigation .large-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }

  #subnavigation .large-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3;
  }

  #subnavigation .large-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4;
  }

  #subnavigation .large-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5;
  }

  #subnavigation .large-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6;
  }

  #subnavigation .large-flex-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
  }

  #subnavigation .large-flex-child-auto {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
  }

  #subnavigation .large-flex-child-grow {
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
  }

  #subnavigation .large-flex-child-shrink {
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
  }

  #subnavigation .large-flex-dir-row {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }

  #subnavigation .large-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }

  #subnavigation .large-flex-dir-column {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  #subnavigation .large-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
  }
}


@media print and (max-width: 640px), screen and (max-width: 640px) and (min-width: 40em) {
  #subnavigation .grid-x > .medium-shrink,#subnavigation .grid-x > .medium-full,#subnavigation .grid-x > .medium-1,#subnavigation .grid-x > .medium-2,#subnavigation .grid-x > .medium-3,#subnavigation .grid-x > .medium-4,#subnavigation .grid-x > .medium-5,#subnavigation .grid-x > .medium-6,#subnavigation .grid-x > .medium-7,#subnavigation .grid-x > .medium-8,#subnavigation .grid-x > .medium-9,#subnavigation .grid-x > .medium-10,#subnavigation .grid-x > .medium-11,#subnavigation .grid-x > .medium-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  #subnavigation .grid-x > .medium-auto {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
    flex: 1 1 0px;
    width: auto;
  }

  #subnavigation .grid-x > .medium-shrink {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
  }

  #subnavigation .grid-x > .medium-1 {
    width: 8.33333%;
  }

  #subnavigation .grid-x > .medium-2 {
    width: 16.66667%;
  }

  #subnavigation .grid-x > .medium-3 {
    width: 25%;
  }

  #subnavigation .grid-x > .medium-4 {
    width: 33.33333%;
  }

  #subnavigation .grid-x > .medium-5 {
    width: 41.66667%;
  }

  #subnavigation .grid-x > .medium-6 {
    width: 50%;
  }

  #subnavigation .grid-x > .medium-7 {
    width: 58.33333%;
  }

  #subnavigation .grid-x > .medium-8 {
    width: 66.66667%;
  }

  #subnavigation .grid-x > .medium-9 {
    width: 75%;
  }

  #subnavigation .grid-x > .medium-10 {
    width: 83.33333%;
  }

  #subnavigation .grid-x > .medium-11 {
    width: 91.66667%;
  }

  #subnavigation .grid-x > .medium-12 {
    width: 100%;
  }

  #subnavigation .grid-margin-x > .medium-auto {
    width: auto;
  }

  #subnavigation .grid-margin-x > .medium-shrink {
    width: auto;
  }

  #subnavigation .grid-margin-x > .medium-1 {
    width: calc(8.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .medium-2 {
    width: calc(16.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .medium-3 {
    width: calc(25% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .medium-4 {
    width: calc(33.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .medium-5 {
    width: calc(41.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .medium-6 {
    width: calc(50% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .medium-7 {
    width: calc(58.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .medium-8 {
    width: calc(66.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .medium-9 {
    width: calc(75% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .medium-10 {
    width: calc(83.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .medium-11 {
    width: calc(91.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-x > .medium-12 {
    width: calc(100% - 1.875rem);
  }

  #subnavigation .medium-up-1 > .cell {
    width: 100%;
  }

  #subnavigation .medium-up-2 > .cell {
    width: 50%;
  }

  #subnavigation .medium-up-3 > .cell {
    width: 33.33333%;
  }

  #subnavigation .medium-up-4 > .cell {
    width: 25%;
  }

  #subnavigation .medium-up-5 > .cell {
    width: 20%;
  }

  #subnavigation .medium-up-6 > .cell {
    width: 16.66667%;
  }

  #subnavigation .medium-up-7 > .cell {
    width: 14.28571%;
  }

  #subnavigation .medium-up-8 > .cell {
    width: 12.5%;
  }

  #subnavigation .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  #subnavigation .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  #subnavigation .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  #subnavigation .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  #subnavigation .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.28571% - 1.875rem);
  }

  #subnavigation .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }

  #subnavigation .small-margin-collapse > .medium-1 {
    width: 8.33333%;
  }

  #subnavigation .small-margin-collapse > .medium-2 {
    width: 16.66667%;
  }

  #subnavigation .small-margin-collapse > .medium-3 {
    width: 25%;
  }

  #subnavigation .small-margin-collapse > .medium-4 {
    width: 33.33333%;
  }

  #subnavigation .small-margin-collapse > .medium-5 {
    width: 41.66667%;
  }

  #subnavigation .small-margin-collapse > .medium-6 {
    width: 50%;
  }

  #subnavigation .small-margin-collapse > .medium-7 {
    width: 58.33333%;
  }

  #subnavigation .small-margin-collapse > .medium-8 {
    width: 66.66667%;
  }

  #subnavigation .small-margin-collapse > .medium-9 {
    width: 75%;
  }

  #subnavigation .small-margin-collapse > .medium-10 {
    width: 83.33333%;
  }

  #subnavigation .small-margin-collapse > .medium-11 {
    width: 91.66667%;
  }

  #subnavigation .small-margin-collapse > .medium-12 {
    width: 100%;
  }

  #subnavigation .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  #subnavigation .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }

  #subnavigation .medium-margin-collapse > .small-1 {
    width: 8.33333%;
  }

  #subnavigation .medium-margin-collapse > .small-2 {
    width: 16.66667%;
  }

  #subnavigation .medium-margin-collapse > .small-3 {
    width: 25%;
  }

  #subnavigation .medium-margin-collapse > .small-4 {
    width: 33.33333%;
  }

  #subnavigation .medium-margin-collapse > .small-5 {
    width: 41.66667%;
  }

  #subnavigation .medium-margin-collapse > .small-6 {
    width: 50%;
  }

  #subnavigation .medium-margin-collapse > .small-7 {
    width: 58.33333%;
  }

  #subnavigation .medium-margin-collapse > .small-8 {
    width: 66.66667%;
  }

  #subnavigation .medium-margin-collapse > .small-9 {
    width: 75%;
  }

  #subnavigation .medium-margin-collapse > .small-10 {
    width: 83.33333%;
  }

  #subnavigation .medium-margin-collapse > .small-11 {
    width: 91.66667%;
  }

  #subnavigation .medium-margin-collapse > .small-12 {
    width: 100%;
  }

  #subnavigation .medium-margin-collapse > .medium-1 {
    width: 8.33333%;
  }

  #subnavigation .medium-margin-collapse > .medium-2 {
    width: 16.66667%;
  }

  #subnavigation .medium-margin-collapse > .medium-3 {
    width: 25%;
  }

  #subnavigation .medium-margin-collapse > .medium-4 {
    width: 33.33333%;
  }

  #subnavigation .medium-margin-collapse > .medium-5 {
    width: 41.66667%;
  }

  #subnavigation .medium-margin-collapse > .medium-6 {
    width: 50%;
  }

  #subnavigation .medium-margin-collapse > .medium-7 {
    width: 58.33333%;
  }

  #subnavigation .medium-margin-collapse > .medium-8 {
    width: 66.66667%;
  }

  #subnavigation .medium-margin-collapse > .medium-9 {
    width: 75%;
  }

  #subnavigation .medium-margin-collapse > .medium-10 {
    width: 83.33333%;
  }

  #subnavigation .medium-margin-collapse > .medium-11 {
    width: 91.66667%;
  }

  #subnavigation .medium-margin-collapse > .medium-12 {
    width: 100%;
  }

  #subnavigation .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  #subnavigation .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }

  #subnavigation .medium-offset-0 {
    margin-left: 0%;
  }

  #subnavigation .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 0.9375rem);
  }

  #subnavigation .medium-offset-1 {
    margin-left: 8.33333%;
  }

  #subnavigation .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem);
  }

  #subnavigation .medium-offset-2 {
    margin-left: 16.66667%;
  }

  #subnavigation .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem);
  }

  #subnavigation .medium-offset-3 {
    margin-left: 25%;
  }

  #subnavigation .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 0.9375rem);
  }

  #subnavigation .medium-offset-4 {
    margin-left: 33.33333%;
  }

  #subnavigation .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem);
  }

  #subnavigation .medium-offset-5 {
    margin-left: 41.66667%;
  }

  #subnavigation .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem);
  }

  #subnavigation .medium-offset-6 {
    margin-left: 50%;
  }

  #subnavigation .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 0.9375rem);
  }

  #subnavigation .medium-offset-7 {
    margin-left: 58.33333%;
  }

  #subnavigation .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem);
  }

  #subnavigation .medium-offset-8 {
    margin-left: 66.66667%;
  }

  #subnavigation .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem);
  }

  #subnavigation .medium-offset-9 {
    margin-left: 75%;
  }

  #subnavigation .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 0.9375rem);
  }

  #subnavigation .medium-offset-10 {
    margin-left: 83.33333%;
  }

  #subnavigation .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem);
  }

  #subnavigation .medium-offset-11 {
    margin-left: 91.66667%;
  }

  #subnavigation .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem);
  }

  #subnavigation .grid-y > .medium-shrink,#subnavigation .grid-y > .medium-full,#subnavigation .grid-y > .medium-1,#subnavigation .grid-y > .medium-2,#subnavigation .grid-y > .medium-3,#subnavigation .grid-y > .medium-4,#subnavigation .grid-y > .medium-5,#subnavigation .grid-y > .medium-6,#subnavigation .grid-y > .medium-7,#subnavigation .grid-y > .medium-8,#subnavigation .grid-y > .medium-9,#subnavigation .grid-y > .medium-10,#subnavigation .grid-y > .medium-11,#subnavigation .grid-y > .medium-12 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  #subnavigation .grid-y > .medium-auto {
    -ms-flex: 1 1 0px;
    -webkit-box-flex: 1;
    flex: 1 1 0px;
    height: auto;
  }

  #subnavigation .grid-y > .medium-shrink {
    height: auto;
  }

  #subnavigation .grid-y > .medium-1 {
    height: 8.33333%;
  }

  #subnavigation .grid-y > .medium-2 {
    height: 16.66667%;
  }

  #subnavigation .grid-y > .medium-3 {
    height: 25%;
  }

  #subnavigation .grid-y > .medium-4 {
    height: 33.33333%;
  }

  #subnavigation .grid-y > .medium-5 {
    height: 41.66667%;
  }

  #subnavigation .grid-y > .medium-6 {
    height: 50%;
  }

  #subnavigation .grid-y > .medium-7 {
    height: 58.33333%;
  }

  #subnavigation .grid-y > .medium-8 {
    height: 66.66667%;
  }

  #subnavigation .grid-y > .medium-9 {
    height: 75%;
  }

  #subnavigation .grid-y > .medium-10 {
    height: 83.33333%;
  }

  #subnavigation .grid-y > .medium-11 {
    height: 91.66667%;
  }

  #subnavigation .grid-y > .medium-12 {
    height: 100%;
  }

  #subnavigation .grid-margin-y > .medium-auto {
    height: auto;
  }

  #subnavigation .grid-margin-y > .medium-shrink {
    height: auto;
  }

  #subnavigation .grid-margin-y > .medium-1 {
    height: calc(8.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-2 {
    height: calc(16.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-4 {
    height: calc(33.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-5 {
    height: calc(41.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-7 {
    height: calc(58.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-8 {
    height: calc(66.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-10 {
    height: calc(83.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-11 {
    height: calc(91.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }

  #subnavigation .medium-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 100vw;
  }

  #subnavigation .cell .medium-grid-frame {
    width: 100%;
  }

  #subnavigation .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }

  #subnavigation .medium-cell-block-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    max-height: 100%;
  }

  #subnavigation .medium-cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  #subnavigation .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar;
  }

  #subnavigation .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    height: 100vh;
  }

  #subnavigation .cell .grid-y.medium-grid-frame {
    height: 100%;
  }

  #subnavigation .grid-margin-y > .medium-auto {
    height: auto;
  }

  #subnavigation .grid-margin-y > .medium-shrink {
    height: auto;
  }

  #subnavigation .grid-margin-y > .medium-1 {
    height: calc(8.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-2 {
    height: calc(16.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-4 {
    height: calc(33.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-5 {
    height: calc(41.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-7 {
    height: calc(58.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-8 {
    height: calc(66.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-10 {
    height: calc(83.33333% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-11 {
    height: calc(91.66667% - 1.875rem);
  }

  #subnavigation .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }

  #subnavigation .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem);
  }

  #subnavigation .medium-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }

  #subnavigation .medium-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }

  #subnavigation .medium-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3;
  }

  #subnavigation .medium-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4;
  }

  #subnavigation .medium-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5;
  }

  #subnavigation .medium-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6;
  }

  #subnavigation .medium-flex-container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
  }

  #subnavigation .medium-flex-child-auto {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
  }

  #subnavigation .medium-flex-child-grow {
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
  }

  #subnavigation .medium-flex-child-shrink {
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
  }

  #subnavigation .medium-flex-dir-row {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }

  #subnavigation .medium-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }

  #subnavigation .medium-flex-dir-column {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  #subnavigation .medium-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
  }
}