@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600");/* 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;
}

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;
}

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

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

.label-r label {
  display: inline;
}

td.hint {
  padding: 0 4px;
}

.small {
  font-size: 1.083rem;
}

.fa-3x {
    font-size: 2.325rem;
}

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

#basic-skills .progress {
    height: auto!important;
}

#basic-skills .progress-bar {
    padding-left: 1rem!important;
}

.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: inline-block;
  float: none;
  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;
}

.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: 600;
}

#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: #0E7AA4;
  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
   

/* ----------------- common margins --------------- */

.mt-0 {
    margin-top:0 !important;
}
.mt-10 {
    margin-top:10px !important;
}
.mt-20 {
    margin-top:20px !important;
}
.mt-30 {
    margin-top:30px !important;
}
.mt-40 {
        margin-top:40px !important;
}
.mt-50 {
        margin-top:50px !important;
}


.mr-0 {
    margin-right:0 !important;
}
.mr-5 {
        margin-right:5px !important;
    }
.mr-10 {
    margin-right:10px !important;
}
.mr-20 {
    margin-right:20px !important;
}
.mr-30 {
    margin-right:30px !important;
}

.mb-0 {
    margin-bottom:0 !important;
}
.mb-5 {
        margin-bottom:5px !important;
    }
.mb-10 {
    margin-bottom:10px !important;
}
.mb-15 {
        margin-bottom:15px !important;
    }
.mb-20 {
    margin-bottom:20px !important;
}
.mb-30 {
    margin-bottom:30px !important;
}

.ml-0 {
    margin-left:0 !important;
}
.ml-5 {
        margin-left:5px !important;
    }
.ml-10 {
    margin-left:10px !important;
}
.ml-20 {
    margin-left:20px !important;
}
.ml-30 {
    margin-left:30px !important;
}
.pl-0{
    padding-left:0 !important;
}

.d-block {
        display:block;
    }
.d-inline-block {
        display:inline-block !important;
    }

/* ----------------------------- NEW TILE STYLING ----------------------------------*/
.sectionflex.tile-mr-1 {
	margin-right: 1rem;
}

.tile-wrap {
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: 1rem;
	padding: 25px 20px;
	background: #fff;
	border: 1px solid #eee;
        border-radius:4px;
	box-shadow: 0px 4px 10px rgba(204, 204, 204, 0.25);
	-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;
}


.tile-wrap.tile-half {
	width: 48%;
	margin-right: 2%;
}

.tile-wrap:hover {
	-webkit-transform: scale(1.025);
	-moz-transform: scale(1.025);
	-ms-transform: scale(1.025);
	-o-transform: scale(1.025);
	transform: scale(1.025);
}

.tile-wrap .tile-icon {
	height: 45px;
	width: 45px;
	background-color: #FDF5E7;
	color: #F3BD5F;
	padding: 12px;
	border-radius: 50px;
	text-align: center;
	display: inline-block;
}

.tile-wrap .tile-icon {
	font-size: 1.2rem;
}

.tile-wrap .tile-content {
	width: 83%;
	float: right;
}

.tile-wrap .tile-content .title {
	color: #014466;
	font-size: 1.125rem;
	width: 100%;
	display: block;
	font-weight: 700;
	margin-bottom: .5rem;
}
.tile-wrap #compassTile .tile-content .title + .title:before {
    background: url(/images/Transitions/portfolio/icon-activity-compass.png) no-repeat;
    content:"";
    background-size: 20px;
    display: inline-block;
    height: 20px;
    width: 20px;
    display: inline-block;
    position: relative;
    top: 2px;
}
.tile-wrap .tile-content .text {
    color: #6a6a6a;
    font-size: 0.875rem;
    line-height: 1.425rem;
}

.tile-wrap.tile-cluster {
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 145px;
	padding: 1rem 0;
	border: none !important;
        text-decoration: none !important;
}

.tile-wrap.tile-progress {
    height: 230px;
    width: 32.2%;
    margin: .5%;
}

.tile-wrap.tile-progress .tile-icon {
    height: 50px;
    width: 50px;
    padding: 15px;
}
.tile-wrap.tile-progress .tile-icon.icon-complete {
        background-color:#5BBCB1;
    }
    .tile-wrap.tile-progress .tile-icon.icon-complete i {
        color: #fff;
    }
    .tile-wrap.tile-progress .tile-icon.icon-progress {
        background-color:#E4F5FA;
    }
    .tile-wrap.tile-progress .tile-icon.icon-progress i {
        color:#0E7AA4;
    }

.tile-wrap.tile-progress .duration hr {
    margin: 2.4rem 0 1rem;
    border-top: 1px solid #eee;
}

.tile-wrap.tile-progress .title {
    margin: .9rem 0rem .6rem;
    line-height: 1.425rem;
}

.tile-wrap.tile-progress .tile-content {
	width: 100% !important;
	text-align: center;
}

.tile-wrap.tile-progress .tile-content .duration {
    margin: .5rem 0rem 0rem;
    line-height: 1.425rem;
    color: #6A6A6A;
    font-weight: 600;
    display: block;
    font-size: .8rem;
}
.tile-wrap.tile-progress .tile-content .duration i {
        color: #0E7AA4;
    }

.tile-wrap.tile-progress .start-progress {
    margin: 10px 0 0;
}
 .tile-wrap.tile-progress .start-progress .progress-bar {
        border-radius:30px;
    }
.tile-wrap.tile-2third {
        margin: .5%;
        width: 65.3%;
        border-left: 4px solid #0E7AA4 !important;
    }

    .tile-wrap.tile-2third .tile-content.left {
        width:60% !important;
        float:left;
        padding: 0 1rem;
    }
    .tile-wrap.tile-2third .tile-content.left .tile-icon {
        display:block;
        color:#0E7AA4;
        background-color:#E4F5FA;
        margin-top: 2rem;
    }
    .tile-wrap.tile-2third .tile-content.left .title {
        margin-top:2rem;
    }
    .tile-wrap.tile-2third .tile-content.right {
        width:40% !important;
        float:left;
    }
    .tile-wrap.tile-2third .list-links {
        list-style:none;
        border-left: 1px solid #eee;
        margin-top: 2.4rem;
    }
    .sectionflex.college .tile-wrap.tile-2third .list-links {
        margin-top:4rem;   
    }
    .tile-wrap.tile-2third .list-links li a {
        color: #0E7AA4 !important;
        padding: 2px 0;
        display: block;
    }
    .tile-wrap.tile-2third .list-links li a:hover {
        color:#014466 !important;
        text-decoration:none;
    }
    .tile-wrap.tile-2third .list-links li a:after {
        display: inline-block;
        content: "\f105";
        font-family: FontAwesome;
        margin-left: 5px;
        position: relative;
        top: -1px;
    }
.tile-wrap.tile-link {
        width: 19.5%;
        margin: 0 .5% 0 0;
        height: 110px;
        text-align: center;
        padding: 0 !important;
    }

a.tile-cluster:hover {
	text-decoration: none;
}

.tile-wrap.tile-cluster .title {
	color: #014466;
	font-size: 1.125rem;
	width: 60%;
	display: block;
	font-weight: 600;
	margin: .5rem 1rem 0 2rem;
	line-height: 1.425rem;
}


/* full width tile */

.tile-wrap.no-hover {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
         transform: scale(1);
    }
    .tile-wrap.tile-full .tile-icon {
        height: 75px;
        width: 75px;
        background-color: #E4F5FA;
        color: #0E7AA4;
        font-size: 2rem;
        padding:20px;
        float:left;
    }
    .tile-wrap.tile-full .tile-content {
        width: 80%;
        padding-left: 2.5%;
        float: left;
    }
     .tile-wrap.tile-full .tile-content .title:hover {
        text-decoration:none;
    }
    .tile-wrap.tile-full .tile-btn {
        width: 7%;
        text-align: center;
        float: right;
    }
    .tile-wrap.tile-full .tile-btn .btn-round {
        margin:15px 0 0 0;
    }
    .tile-wrap.tile-full.index .tile-content {
        padding-left: .5%;
    }
    .tile-wrap.tile-full.index .tile-content {
        width:90%;
    }
    .tile-wrap.index .tile-btn .btn-round.mt-fix-2 {
        margin-top:30px;
    }
    .tile-wrap.index .tile-btn .btn-round.mt-fix-3 {
        margin-top:50px;
    }
    .tile-wrap.index .tile-btn .btn-round.mt-fix-4 {
        margin-top:70px;
    }
========================================================================== */#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;
}

.rightsection .input-group.search {
    margin-bottom: 10px;
}

.rightsectiontop {
  border: 2px solid #0E7AA4;
  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 #0E7AA4;
  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;
}

#summaryCalendar .rightsectionbottom table td:first-child {
        padding-right:5px;
    }

.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;
}

.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;
}

#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;
    -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;
}

#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 .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;
}

.portfolioSummaryItem:before {
    font-family: FontAwesome;
    content: "\f111";
    padding-right: 4px;
    font-size: 4px;
    line-height: 10px;
    vertical-align: middle;
}

.portfolioSummaryItem {
  background: transparent;
  color: #6A6A6A;
  padding: 0 0 3px 14px;
}/* 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;
}
#summaryMessages .mailSummary a {
  display: block;
  overflow: hidden;
}

.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 {
  margin: 0;
  padding: 0.125rem 0rem 0.3125rem;
  vertical-align: top;
}

.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;
}

#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;
}

h3.sectionbox-header {
    padding:1rem 0 .425rem;
}

.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 {
  width: 125px;
  height: 125px;
  margin: 0px auto;
  padding-bottom: 0px;
}

.doughnut-text {
  position: absolute;
  display: table;
  width: 125px;
  height: 125px;
}

.doughnut-text span {
  display: table-cell;
  width: 125px;
  height: 125px;
  vertical-align: middle;
  font-size: 0.9rem;
  font-style: italic;
  font-weight: bold;
  word-spacing: 125px;
}/* 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-usd {
  color: #000;
  font-weight:600;
}

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

.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: 2.5rem;
}

.masonry-main #item-match .item-alerts:before {
  content: "\f0f3";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}

.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 {
  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 - 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 .actions {
  padding-top: 7px;
  text-align: right;
}

.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;
}/* 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;
  padding:10px 5px;
}
#main .dataGrid .dataGridOddRow{
  background:rgba(0, 0, 0, .10);
}

#main .dataGrid th {
  font-size: 0.75rem !important;
}/* Component - Portfolio
   ========================================================================== */.portfolio-box {
  position: relative;
  border: 1px solid #EEE;
  border-radius: 4px;
  margin: 5px 20px 15px 0px;
  font-family: inherit;
  font-weight: 1em;
  -webkit-box-shadow: 0px 4px 10px rgb(204 204 204 / 25%) !important;
  box-shadow: 0px 4px 10px rgb(204 204 204 / 25%) !important;
  overflow: hidden;
  margin-bottom:25px!important;
}

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

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

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

.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: #0E7AA4;
  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: -65px;
  color: #FFF;
  font-family: inherit;
  font-size: 1.3rem;
  font-weight: 600;
  text-align: right;
  right: 15px;
}

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

.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: #07a9d2;
  height: 35px;
}

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

.portfolio-test-date-buttons select:disabled {
    color:#000;
}
#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;
}
div.PCompletedPlan {
    text-transform: none;
    font-weight: 600;
    padding: 10px 0 20px 0;
    font-size: 1rem;
    color: #333333;
}

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

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

.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;
}

#portfolioWideContent #mainbody {
  width: 100% !important;
}

div#courseplanner {
  overflow-x: auto !important;
}

#courseplanner table.dataGrid td label {
  white-space: nowrap !important;
}

.tflegendcontainer {
  margin: 0 !important;
  padding: 0;
  width: 100%;
}

#ccSurvey .multiLineTextBox {
  width: 100% !important;
}

.progressIndicatorMedium {
  overflow-x: auto;
}

#ccSurvey .actions {
  width: 100% !important;
  padding: 0 !important;
  margin-bottom: 25px;
}/* School Finder
   ========================================================================== */.mainInstructions,.savedSearches {
  padding: 0.625rem !important;
}/* Explore Schools
   ========================================================================== */.previouswork {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 2px solid #0E7AA4;
  border-radius: 5px;
  margin-bottom: 15px;
  width: 100% !important;
}

.previouswork th {
  background: #0E7AA4;
  color: #f9f9f9;
  font-size: 14px;
  height: 42px;
  text-align: left;
  text-indent: 20px;
  width: 100% !important;
}

.previouswork .bottom {
  height: 11px;
  width: 100% !important;
}/* 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
   ========================================================================== */#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-input input::placeholder {
  color: #4B5675;
}

.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: #0E7AA4;
}

a:hover {
  color: #56aadb;
}

.invisible {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  text-indent: -3000px;
}/* Link Styles */
.sectionlink a {
    font-size: 0.875rem !important;
    font-family: inherit !important;
    padding: 0 !important;
    background: none !important;
    text-decoration: none;
    -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;
}

ul.sectionlink-big {
    list-style:none;
    margin-top: 2.825rem;
    padding-left:1.5rem;
}

ul.sectionlink-big li {
    padding: .125rem 0rem;
}

.sectionlink-big a {
    font-size: 1rem;
    color:#0E7AA4 !important;
}

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

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

.rightsectiontop hr {
    padding: 0;
    border-top: 1px solid #eee;
    margin: .625rem 0rem;
}

.rightsectiontop .sectionlink {
    padding-bottom: .425rem !important;
}

.rightsectiontop .sectionlink a {
    text-decoration: none;
}

.rightsectiontop .sectionlink a:before {
    display:none;
}

.rightsectiontop .sectionlink a:after {
    display: inline-block;
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 2px;
    color: inherit;
    position: relative;
    top: -1px;
    }

.actionlink a,.guidewaysNavigator .actionbutton a {
  background: transparent url("/Images/Transitions/blue_arw.png") 0 4px no-repeat;
  color: #0E7AA4;
  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: #0E7AA4;
  text-decoration: underline;
}

.reviewbody .portfolioEditPanel .actionbutton {
    max-width: 15%;
    height: auto !important;
}
.reviewbody .portfolioEditPanel .actionbutton a {
    height: auto !important;
}

.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: 100%;
}

.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;
  background-size: 55px auto;
}

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

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

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

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

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

    #workValue1 {
      background: url("/Images/Transitions/icons/icon_achievement.png") 0 0 no-repeat;
      background-size: 55px auto;
    }

    #workValue2 {
      background: url("/Images/Transitions/icons/icon_independence.png") 0 0 no-repeat;
      background-size: 55px auto;
    }

    #workValue3 {
      background: url("/Images/Transitions/icons/icon_recognition.png") 0 0 no-repeat;
      background-size: 55px auto;
    }

    #workValue4 {
      background: url("/Images/Transitions/icons/icon_relationships.png") 0 0 no-repeat;
      background-size: 55px auto;
    }

    #workValue5 {
      background: url("/Images/Transitions/icons/icon_support.png") 0 0 no-repeat;
      background-size: 55px auto;
    }

    #workValue6 {
      background: url("/Images/Transitions/icons/icon_working_conditions.png") 0 0 no-repeat;
      background-size: 55px auto;
    }

#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 #0E7AA4;
  border-radius: 5px;
  padding: 0.625rem;
}

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

#iprofiler .innerboxmedium {
  width: 270px;
}

.innerboxhalfmiddle {
  background-color: #aed0e3;
  border: 2px solid #0E7AA4;
  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;
}

.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 {
	color: #6a6a6a;
	background: #FBF1ED;
	border: none;
	padding: 20px;
	margin: 10px 0px;
	font-size: 14px;
	border-radius: 4px;
}

.errorMessage:before {
	color: #EE825C;
	content: "\f06a";
	font-family: FontAwesome;
	margin-right: 3px;
}

.errorMessage i {
	color: #EE825C;
}

.errorMessage strong {
	font-weight: 400;
}

.errorMessage ul {
	padding-top: 10px;
	margin-bottom: 0px !important;
}

.errorMessage ul li {
	font-weight: 600;
	color: #EE825C;
	font-size: 14px !important;
}
/* 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;
}

.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 span.errorMessage:before {
  content: '\f071';
  font-family: "FontAwesome";
  padding: 0 10px;
  font-size: 1.25em;
  font-weight: 500;
}
#signInBox span.errorMessage {
  font-size: 1.25em;
  font-weight: 500;
}

#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 .printthis a,
#pagecontrols .emailthis a,
#pagecontrols .pdfthis a {
	color: #0E7AA4 !important;
	text-transform: unset !important;
	font-weight: 600 !important;
	letter-spacing: unset !important;
	font-size: 14px;
	text-decoration: none !important;
}

#pagecontrols .printthis a i,
#pagecontrols .emailthis a i,
#pagecontrols .pdfthis a i {
	margin-right: 5px;
	padding-right: 0 !important;
}

#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: #0E7AA4;
  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:before {
    content: "\f1c1";
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 0.625rem;
    font-size: 12px;
}

#main .pdfLink a {
    color: #0E7AA4;
    font-weight: 400;
    display: inline-block;
    padding: .125rem 0;
}

.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;
  text-indent: -3000px;
}

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;
}

#dashboard a:hover,#dashboard a:focus,a:hover,a:focus {
  color: #FF3800;
}

#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 #0E7AA4;
  border-bottom: none;
  background: #0E7AA4;
  color: #ffffff;
  margin-right: 2px;
  line-height: 22px;
}

.whtabbednav a:hover {
  text-decoration: underline;
}

.whtabbednav a.selected {
  background: #ffffff;
  color: #0E7AA4;
  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 70px !important;
}

#main .wvscharacteristic h4 {
  padding: 0px 0px 4px 0px;
  margin: 0px;
  font-weight: bold;
  font-family: inherit;
}

#main .wvscharacteristic li {
  list-style: square;
}

.card {
  width: 130px;
  height: 110px;
  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: 137px;
  height: 117px;
  background: transparent url(/images/transitions/tabbed-feature/stack.gif) right bottom no-repeat;
  position: relative;
}

.stackArea .card {
  position: absolute;
}

.dropArea {
  width: 130px;
  height: 110px;
  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;
  text-align: center;
}

.importance5 {
  border-right: 1px dotted #29B3BD;
}

.importance1 .dropArea {
  background-image: url("/images/transitions/tabbed-feature/drop1.gif");
  background-position: center;
  background-repeat: no-repeat;
}

.importance2 .dropArea {
  background-image: url("/images/transitions/tabbed-feature/drop2.gif");
  background-position: center;
  background-repeat: no-repeat;
}

.importance3 .dropArea {
  background-image: url("/images/transitions/tabbed-feature/drop3.gif"); 
  background-position: center;
  background-repeat: no-repeat;
}

.importance4 .dropArea {
  background-image: url("/images/transitions/tabbed-feature/drop4.gif");
  background-position: center;
  background-repeat: no-repeat;
}

.importance5 .dropArea {
  background-image: url("/images/transitions/tabbed-feature/drop5.gif");
  background-position: center;
  background-repeat: no-repeat;
}

.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;
}
/** 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 #0E7AA4;
  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: inline-block;
  margin-left: 6px;
  float: right;
  padding-left: 0;
}
span.inPortfolio {
    margin-right: 6px;
}
table.values table td:first-child {
    width: 52px;
}

.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: #EEEEEE;
}

#recruitercontainer .dataGridElement a:hover,#applycontainer .dataGridElement a:hover {
  color: #0E7AA4;
  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: #0E7AA4;
}

.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: #0E7AA4;
}

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: #0E7AA4;
}

#main #referenceSelector input.searchButtonSmall,#main #referenceSelector input.addButton {
  background: #0E7AA4;
  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: #0E7AA4;
}/* 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_SAT .portfolio-legend-2 p,#portfolio_SAT .portfolio-legend-3 p,#portfolio_SAT .portfolio-legend-4 p,#portfolio_PSAT .portfolio-legend-1 p,#portfolio_PSAT .portfolio-legend-2 p,#portfolio_PSAT .portfolio-legend-3 p,#portfolio_PSAT .portfolio-legend-4 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,#portfolio_ACT .portfolio-legend-2 p,#portfolio_ACT .portfolio-legend-3 p,#portfolio_ACT .portfolio-legend-4 p {
  border-bottom: 5px solid #F47026;
}

#portfolio_ACT .portfolio-legend-2 p {
  border-bottom: 5px solid #3EAFD7;
}

#portfolio_ASPIRE .portfolio-legend-1 p,#portfolio_ASPIRE .portfolio-legend-2 p,#portfolio_ASPIRE .portfolio-legend-3 p,#portfolio_ASPIRE .portfolio-legend-4 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,#portfolio_PREACT .portfolio-legend-1 p {
  border-bottom: 5px solid #BE081C;
}

#portfolio_PreACT .portfolio-legend-2 p,#portfolio_PREACT .portfolio-legend-2 p {
  border-bottom: 5px solid #FFCE58;
}

#portfolio_PreACT .portfolio-legend-3 p,#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-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: #0E7AA4 !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;
}

div#Superscore2 {
    box-shadow: inset 0 0 0 1000px rgb(119 119 119 / .75);
    background: url(https://eng.choices360.com/images/transitions/portfolio/superscore_bg.jpg) center no-repeat;
    background-size: cover;
}

.ClsTotal span {
  font-size: 2em;
  letter-spacing: 0em;
  line-height: 1.25em;
}

#score-container-1 .row-height {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.portfolio-test-type-buttons {
  padding: 10px;
  text-align: center;
}

.portfolio-test-date-buttons {
  padding: 20px 0;
  text-align: center;
  font-size: 1.25em;
  line-height: 60px;
}

.portfolio-test-date-buttons label {
  line-height: 60px;
}

.portfolio-top-buttons {
  position: relative;
  padding: 15px 15px 0px 15px;
  color: #0E7AA4;
  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);
}

@media (max-width: 665px) {
  .portfolio-body .form-dropdown {
    display: inline-block;
    padding: 2px 10px;
    margin: 5px;
  }
}

.portfolio-body .form-dropdown select {
  background: none;
  width: auto;
  border: 0px;
  color: #36AEDB;
  font-size: .8em;
  text-transform: uppercase;
}

.scoreContainer .form-dropdown {
  padding: 10px 15px;
  font-size: 1em;
  margin: 0;
  width: 100%;
  display: block;
}

.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 !important;
  font-size: 1em !important;
  font-weight: normal;
  text-align: left;
    padding-top: 0;
}

.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: 0 !important;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0;
 /* offset container-fluid */
  padding-right: 0;
 /* offset container-fluid */;
}

.portfolio-faq h3 {
  padding-left: 0;
  margin-bottom: 0;
  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:10px 15px 0 20px;
  height: 265px;
}

.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: #0E7AA4;
  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%;
}

.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);
}

.multiSelectInput .ui-slider-handle,.multiSelectInput .ui-state-default {
  top: 0px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 7px !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}/* 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);
}

.multiSelectInput .ui-slider-handle,.multiSelectInput .ui-state-default {
  top: 0px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 7px !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.multiSelectInput .ui-multiselect .ui-multiselect-trigger {
  top: 2px !important;
  right: 2px !important;
  border: 0px;
}

.multiSelectInput .ui-multiselect-panel .ui-multiselect-list,.multiSelectInput .ui-multiselect-panel .ui-multiselect-item {
  background: #FFF !important;
  color: #555 !important;
}

.multiSelectInput .ui-multiselect .ui-multiselect-label,.multiSelectInput span,.multiSelectInput .dropdown-item {
  font-size: 14px;
  text-decoration: none;
  white-space: normal;
}

.dropdown-item div {
  white-space: normal;
}

.multiSelectInput .dropdown-item:hover,.multiSelectInput .ui-select-match-item span:hover {
  color: #FFF !important;
}

.ui-multiselect .ui-multiselect-label-container {
  padding: 0px 10px;
  border: 1px solid #CCC;
  border-radius: 4px;
}

.ui-multiselect label {
  color: #333;
}

.ui-select-match-item {
  white-space: normal !important;
  text-align: left;
}

.ui-select-match-item a {
  text-decoration: none;
}

.ui-shadow {
  background: #FFF;
}

#scholarships .test-score-slider {
  padding-top: .5rem;
  font-size: 1rem;
  font-weight: bold;
}

#scholarships .test-score-slider .ui-slider-horizontal {
  margin-bottom: .35rem;
}

@media print {
	a.arrow-links,
	.ndheader,
	body .uwy.userway_p1 .uai {
		display: none;
	}
}

@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 (max-width: 640px) and (min-width: 914px) {
  #subnavigation .nav-collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
}

@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;
  }
}

@media (min-width: 736px) and (max-width: 768px) {
  #yourportfolio.rightsectiontop #fullportfolio {
    text-align: right;
  }
}

@media (min-width: 737px) and (max-width: 768px) {
/* MASONRY */  #scholarships .col-height {
    display: table-cell;
    float: none;
  }
}

@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 (max-width: 1024px) {
  .hide-on-med {
    display: none;
  }
}

@media (max-width: 857px) {
  .tflegendcontainer td {
    display: block;
  }

  .tfsectionsmall {
    width: 100% !important;
  }

  .tflegend .smallsection {
    width: 100% !important;
  }
}

@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: 768px) {
  #showMenuOpen,#showMenuClose {
    display:none;
  }

	#PSAT .ClsTotal span {
		font-size: 2em;
		letter-spacing: 0em;
		line-height: 10px;
	}

  #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 .row-height {
		height: 100%;
		display: flex;
		align-items: center;
		height: 48px;
	}

	.other-results-link {
		padding: 10px 35px 10px 15px;
		font-size: 18px;
	}

	.other-results-arrow {
		position: absolute;
		top: 0px;
		right: 0px;
		padding: 15px;
		font-size: 22px;
	}

  .minScore,.maxScore {
    padding-top: 15px;
  }

  .modal-test-info .modal-dialog {
    width: 80%;
  }

  .modal-test-info .modal-dialog iframe {
    height: 500px;
  }

  .ClsTotal h4 {
    color: #FFF !important;
    font-size: .9em;
    line-height: .5em;
    text-align: center;
  }/* MASONRY */  .masonry .item {
    width: 32%;
  }
}

@media (max-width: 767px) {

    .tile-wrap.tile-progress {
            width:98% !important;
            margin: .5% 1% .5% 0;
            height: unset;
        }
        .tile-wrap.tile-2third {
            margin:.5% 1% .5% 0;
            text-align:center;
        }
        .tile-wrap.tile-2third .tile-content.left {
            width:100% !important;
        }
        .tile-wrap.tile-2third .tile-content.left .tile-icon {
            margin: 0 auto;
        }
        .tile-wrap.tile-2third .tile-content.left .title {
            margin:1rem 0;
        }
        .tile-wrap.tile-2third .tile-content.right {
            width:100% !important;
        }
        .tile-wrap.tile-2third .list-links {
            border-left:none;
            padding-left:0;
            margin:0 !important;
        }
       .sectionflex.college .tile-wrap.tile-2third .list-links {
           margin-top: 0 !important;
       }

  #cashCollege .rightsection {
    padding: 10px 0px;
    text-align: center;
  }

  #yourportfolio.rightsectiontop #fullportfolio {
    padding-left: 0px;
  }
}

@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) {

    .tile-wrap.tile-full .tile-btn .btn-round {
            margin:15px 0 0 0 !important;
        }
    .tile-wrap.tile-progress { 
        width: 97% !important;
}
       .tile-wrap.tile-2third { 
        width: 97% !important;
}
    .tile-wrap.tile-link {
            width: 48% !important;
        }

  body {
    margin: 0;
  }

  #subnavigation {
    padding: 0rem 1.375rem;
  }

  #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: #0E7AA4;
    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 .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: #0E7AA4 !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 .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% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .portfolio-milestone {
    margin-top: -105px;
    line-height: 1.3rem;
    text-align: left;
    left: 15px;
  }

  #main .tfmain div.sectionlink#startlink {
    margin-left: 50% !important;
  }

  #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: 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) and (max-width: 640px) {
  #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;
  }

  #portfolioSubnavigation {
        background: #fff !important;
        margin-bottom:0 !important;
    }
    #portfolioSubnavigation:before {
        font-weight:bold;
        background: transparent;
        margin-top: 0;
        padding-right:0;
        text-transform: uppercase;
    }
    #portfolioSubnavigation a:first-child {
        border-top: none;
        padding: 0;
    }
    #portfolioSubnavigation a {
        border-bottom: none;
        padding: 0;
        text-transform: uppercase;
    }
    #portfolioSubnavigation a:last-child {
        border-bottom: none;
        padding: 0;
    }

}

@media (max-width: 480px) {

	#dMoreTests-PSAT .other-results-link {
		padding: 0px 35px 0px 15px;
	}

  .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;
  }

  .journalentry textarea {
    min-width: auto !important;
  }

  .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_PREACT .portfolio-introduction,#portfolio_WorkKeys .portfolio-introduction,#portfolio_IB .portfolio-introduction {
    background: none !important;
  }

  .portfolio-introduction h3,.portfolio-introduction .portfolio-desc {
    margin-left: 10px!important;
  }

  .portfolio-introduction .portfolio-start-link {
    padding-left: 20px;
    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;
  }
}

.alphalist_skip{
    visibility: hidden;
    height: 0;
    display: block;
}

.portfolio_MGAAP .portfolio-box {
    width:100%;
}
 
.portfolio_MGAAP .portfolio-introduction {
    padding-right: .45rem !important;
}
 
.portfolio-milestone {
  position: absolute;
  margin-top: -75px;
  color: #FFF;
  font-family: inherit;
  font-size: .9rem;
  font-weight: 600;
  text-align: right;
  right: 15px;
}

/*test prep*/
#test-prep {
  margin-bottom: 0.3125rem;
}

#test-prep .page-heading {
  background: #434142;
  color: #fff;
  margin: 0.9375rem 0;
  padding: 0.9375rem 0.3125rem;
}

#test-prep .page-heading h2 {
  margin: 0;
  color: #fff;
}

#test-prep .page-heading p {
  margin: 0;
  font-style: italic;
  font-size: 1.125rem;
}

#test-prep .toggle-btn {
  display: inline-block;
  float: right;
  color: #fff;
  position: absolute;
  right: 0.9375rem;
  top: 0.8125rem;
  padding: 0.3125rem 0.4375rem;
  font-size: 1.25rem;
  line-height: 1;
  border-radius: 0.3125rem;
  text-decoration: none;
}

#test-prep .toggle-btn:after {
  display: inline-block;
  content: "\f065";
  font-family: FontAwesome;
}

#test-prep .toggle-btn:hover {
  background: rgba(255, 255, 255, 0.25);
  border-radius: 0.3125rem;
}

#test-prep .toggle-btn:hover,#test-prep .toggle-btn:focus,#test-prep .toggle-btn:active {
  outline: none;
  text-decoration: none;
}

#test-prep .toggle-btn[aria-expanded="false"] {
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}

#test-prep .toggle-btn[aria-expanded="false"]:after {
  content: "\f065";
  right: 20px;
  top: 18px;
  position: absolute;
}

#test-prep .toggle-btn[aria-expanded="true"]:after {
  content: "\f00d";
}

#test-prep .info-box > ul {
  background-image: url("/images/bp/test-prep/icon_open-tile.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  padding-bottom: 7.5rem !important;
}

#test-prep .info-box ul {
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#test-prep .info-box ul li h4 {
	color: #fff;
	font-style: italic;
	font-size: 1.0625rem;
	font-weight: 400;
	margin-bottom: 10px;
}

#test-prep .info-box ul li p {
  color: #000;
  margin: 0;
  font-style: normal;
  font-size: 1.1875rem;
  line-height: 1.3;
  padding-top: 0.625rem;
}

#test-prep .info-box ul li > ul > li > a {
	color: #fff!important;
	font-size: 1.0625rem;
	font-weight: 500;
}

#test-prep .info-box ul li > ul > li > a:after {
  content: "\f105";
  display: inline-block;
  font-family: FontAwesome;
  margin-left: 0.3125rem;
}

.tprep-masonry {
  margin-right: -15px;
}

.tprep-box {
  background: #07a8d2;
  border-radius: 0.3125rem;
  color: #fff;
  padding: 1.25rem;
  float: left;
  margin-bottom: 15px;
  -webkit-transition: width .40 ease;
  transition: width .40 ease;
}

.tprep-box h3 {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  color: #fff;
  font-weight: bold;
  font-size: 2.25rem;
  margin-bottom: 0.625rem;
  margin-top: 1.5625rem;
}

.tprep-box h3.large-text {
  font-size: 1.5rem;
}

.tprep-box p {
  font-style: italic;
  margin: 0;
  font-size: 0.9375rem;
  margin-bottom: 1.5625rem;
}

.tprep-box.act {
  background: #4CAF50;
}

.tprep-box.accuplacer {
  background: #E65100;
}

.tprep-box.asvab {
  background: #F57F17;
}

.tprep-box.psat {
  background: #9b1eb8;
}

.tprep-box.psatnmsqv {
  background: #f81d55;
}

.tprep-box.ged {
  background: #004D40;
}

.tprep-box.gre {
  background: #827717;
}

.tprep-box.toefl {
  background: #283593;
}

.tprep-box,.tprep-sizing {
  width: calc(33.33333% - 15px);
}

.tprep-expanded-sizing {
  width: calc(66.66667% - 15px);
}

.tprep-box.expanded {
  width: calc(66.66667% - 15px);
  padding-left: 6.25rem;
  background-repeat: repeat-y;
  background-image: url("/images/bp/test-prep/test-prep-pattern.png");
  z-index: 300;
}

.tprep-box.expanded h3 {
  font-size: 2.875rem;
  letter-spacing: -1px;
  overflow-wrap: break-word;
  margin-top: 1.625rem;
}

.tprep-box.expanded h3.large-text {
  font-size: 2.625rem;
}

@media (max-width: 667px) and (orientation: landscape) {
  .tprep-box,.tprep-sizing {
    width: calc(100% - 15px);
  }

  .tprep-expanded-sizing {
    width: calc(100% - 15px);
  }

  .tprep-box.expanded {
    width: calc(100% - 15px);
  }
}

@media (max-width: 640px) {
.tprep-box.expanded h3{
font-size:2.4rem;
}
  #test-prep .toggle-btn[aria-expanded="false"] {
    left: auto;
    bottom: auto;
    right: 0.9375rem;
    top: 0.8125rem;
  }

  #test-prep .toggle-btn[aria-expanded="false"]:after {
    position: relative;
    top: auto;
    right: auto;
  }

  #test-prep .info-box > ul {
    padding-bottom: 11.25rem !important;
  }

  .tprep-box {
    position: relative;
  }

  .tprep-box,.tprep-sizing {
    width: calc(100% - 15px);
  }

  .tprep-expanded-sizing {
    width: calc(100% - 15px);
  }

  .tprep-box.expanded {
    background-image: none;
    padding-left: 1.25rem;
  }

  .tprep-box.expanded {
    width: calc(100% - 15px);
  }
}

@media (max-width: 300px) {
  .tprep-box.expanded h3 {
    font-size: 2rem;
  }
}

/*# sourceMappingURL=app.css.map */











#jobinterview .something tr, #jobinterview .something td{
    display:block
}
#ccSurvey .clusterdescription{
    padding-left: 70px !important;
}

#ilp_training > div {
    padding: 15px;
}



.ui-menu .ui-menu-item {
    background: #fff;
}
.bcs-result h2{
    font-size:16px !important;
}
.bcs-query-rewrite, .bcs-result {
    padding: 10px !important;
}
.bcs-result:hover h2 a{
    text-decoration:none !important;
}
.bcs-result h2 a:hover{
    text-decoration:underline !important;
}
.bcs-results-div{
    padding:0 10px;
}
.bcs-result cite {
    color: #7c7c7c !important;
    padding: 5px 0;
    display: block;
}
.bcs-result:hover{
    background: rgba(0, 0, 0, .08);
}
.bcs-result h2{
    margin: 0 !important;
}

/* PRINT/SHARE THIS */
/* print control */
    .print-wrap {
        float: right;
    }

    .print-wrap #pagecontrols {
        padding: 18px 0 0 0 !important;
    }

    .print-wrap #pagecontrols .printthis a,
    .print-wrap #pagecontrols .emailthis a,
    .print-wrap #pagecontrols .pdfthis a {
        color: #0E7AA4 !important;
        text-transform: unset !important;
        font-weight: 600 !important;
        letter-spacing: unset !important;
        font-size: 14px;
        text-decoration:none !important;
    }
    .print-wrap #pagecontrols .printthis a i, 
    .print-wrap #pagecontrols .emailthis a i, 
    .print-wrap #pagecontrols .pdfthis a i {
        margin-right:5px;
        padding-right:0 !important;
    }

    .print-wrap #pagecontrols td:nth-child(2) div,
    .print-wrap #pagecontrols td:nth-child(4) div {
        margin:0 5px;
        font-size:14px;
    }
#shareThis {
    font-size: 1rem;
    padding: 0 6px 6px 6px;
    width: 770px;
    height: 16px;
    text-align: right;
}

.printThis a {
    float: right;
    display: block;
    background: url(/images/cic/print.png) left top no-repeat;
    line-height: 18px;
    margin: 0 8px 8px 0;
    padding: 0;
    text-decoration: none;
    width: 70px;
}

#career-clusters .progress-bar, #CSSChartDiv .progress-bar {
  color: #fff !important;
}
.english {}.questioncount {right: 10px;}
#mainpanel .tfmain .actionbuttonlist li a {font-size: 10px;}
.alphabetList td a {font-size: 8px;}


/* New Section Boxes */
.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;
    justify-content: stretch;
    margin: .225rem -.5rem 0 0;
}

.sectionflex .sectionbox,
.sectionbox-cluster,
.sectionbox-progress {
    width: 47.5%;
    max-width: 47.5%;
    border-radius: 4px;
    padding: 1.425rem 0 1rem;
    display:inline-block;
    margin: .425rem 1rem .425rem 0 !important;
    border: 1px solid #EEE !important;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(204, 204, 204, 0.25) !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;
}

.sectionbox-progress {
    width: 32%;
    max-width: 32%;
    margin: .425rem .825rem .425rem 0 !important;
    padding: 1rem;
    text-align: center;
}

.sectionbox-progress p {
    font-size: 14px;
    line-height: 20px;
    padding-top: 10px;
}

.duration-time {
    font-size: 13px;
    font-weight: 600;
}

@media (max-width: 1100px) {

        .tile-wrap.tile-half .tile-content {width:81%;}

    }

@media (max-width: 991px) {

    .tile-wrap.tile-half {width:100%;}
        .tile-wrap.tile-half .tile-content {width:100%;}
        .tile-wrap.tile-half .tile-icon {display: block; margin: 0 auto 1rem;}
        .tile-wrap.tile-half .tile-content {width:100%; float: left;text-align: center;}

    .tile-wrap.tile-full {
            text-align:center;
        }
        .tile-wrap.tile-full .tile-icon {
            float:none;
            margin-bottom:20px;
        }
        .tile-wrap.tile-full .tile-content {
            width: 100%;
            padding-left: 0;
            float: left;
            display: block;
        }
        .tile-wrap.tile-full .tile-btn {
            width:100%;
        }
        .tile-wrap.tile-full.index .tile-content{
            padding-left: 0 !important;
        }
        .tile-wrap.tile-full.index .tile-content {width:100%;}
        .tile-wrap.index .tile-btn .btn-round.mt-fix-2,
        .tile-wrap.index .tile-btn .btn-round.mt-fix-3 {
            margin-top:15px;
        }
     .tile-wrap.tile-progress {
            width: 48.5%;
        }

        .tile-wrap.tile-2third {
            width:98%;
            margin-right:1.5%;
        }
    .tile-wrap.tile-2third .list-links {
        margin-top:1.6rem;
    }
    .sectionflex.college .tile-wrap.tile-2third .list-links {
        margin-top:3.2rem;
    }
    .tile-wrap.tile-link {
            width: 23.5%;
            margin: .5%;
        }

   .sectionflex .sectionbox,
   .sectionbox-progress,
   .sectionbox-half,
   .sectionbox-small,
   .sectionboxwide { 
       width: 98% !important;
       max-width:98% !important;
   }
   .sectionbox-cluster {
       width: 98% !important;
       max-width:98% !important;
       text-align: left;
   }
    .sectionbox-cluster h3 a {
        display: block;
        text-align: left;
        position: absolute;
        width: 70%;
        top: 0;
        left: 10px;
    }
   .sectionflex .sectionbox .icons,
   .sectionflex .sectionboxwide .icons {
       width: 100%;
       padding-bottom: 1rem;
       text-align:center;
    }
   .sectionflex .sectionboxwide a.btn-round {
        margin:0rem!important;
    }
    .sectionflex .sectionbox h3, h3 a {
        margin: 0px!important;
        text-align:center;
    }
}

@media (max-width: 769px) {
    .sectionflex .sectionbox,
    .sectionbox-progress,
    .sectionbox-half,
    .sectionbox-small,
    .sectionboxwide {
        width: 98% !important;
        max-width: 98% !important;
    }    
    .sectionbox-cluster {
       width: 98% !important;
       max-width:98% !important;
       text-align: left;
   }
    .sectionbox-cluster h3 a {
        display: block;
        text-align: left;
        position: absolute;
        width: 70%;
        top: 0;
        left: 10px;
        }
     .sectionflex .sectionbox .icons,
    .sectionflex .sectionboxwide .icons {
        width: 100%;
        padding-bottom: 1rem;
        text-align: center;
    }
    .sectionflex .sectionboxwide a.btn-round {
        margin:0rem!important;
    }
    .sectionflex .sectionbox h3, h3 a {
        margin: 0px!important;
        text-align:center;
    }
}

.sectionboxwide,
.sectionbox-half,
.sectionbox-small {
    width: 98%;
    max-width: 100%;
    margin: .425rem 0;  
    padding: 1rem 0rem 1rem 1rem !important;
    border-radius: 4px;
    border: 1px solid #EEE !important;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(204, 204, 204, 0.25) !important;
    display:inline-block;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.sectionboxwide {
    padding: 1.5rem 0 1.5rem .5rem !important
}

.sectionbox-small {
    width: 13.75%;
    max-width: 13.75%;
    margin-right: .325rem;
    height: 113px;
    text-align: center;
    padding: 0rem!important;
}

.sectionbox-half {
    width: 65%;
    max-width: 65%;
    border-left: 4px solid #0E7AA4 !important;
    padding: 1rem 0rem 0rem 2rem !important;
}

#Four-Year.sectionbox h3,
#Two-Year.sectionbox h3,
#Graduate.sectionbox h3,
#Vocational/Technical.sectionbox h3 {
    padding-bottom:1rem;
}

.sectionflex .sectionbox:hover,
.sectionbox-cluster:hover,
.sectionbox-progress:hover {
    transform: scale(1.025);
    box-shadow: 0px 4px 10px rgba(204, 204, 204, 0.8);
}

.sectionboxwide:hover {
    transform:none;
}

.sectionbox-info {
    display: block;
    font-size: 1.275rem;
    font-weight: 600;
    padding: 0;
    margin: 0 0 1rem 0;
    color: #014466;
}

#mainpanel .sectionboxwide h3:hover {
    text-decoration:none !important;
}

.sectionbox-cluster {
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 431px;
    height: 145px;
    padding: 1rem 0;
    border:none !important;
}

.sectionbox-cluster h3 {
    width: 71%;
    margin-left:0px !important;
}

.sectionbox h3 a:hover,
.sectionbox-cluster h3 a:hover,
.sectionbox-progress h3 a:hover {
    text-decoration:none !important;
    color: unset !important;
}

.sectionboxwide p {
    font-size: 0.875rem!important;
    line-height: 20px;
    padding: 4px 0px 0px 0px !important;
    color: #6A6A6A;
    font-weight: 400;
}

.sectionbox h3 a::after,
.sectionbox-cluster h3 a::after,
.sectionbox-progress h3 a::after {
    position: absolute;
    top: -30px;
    right: 0;
    bottom: -30px;
    left: -70px;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}

.sectionbox-cluster h3 a::after {
    bottom: -100px;
    left: -10px;
    top: -20px;
}

.sectionbox-progress span.duration {
    font-size:10px;
}

.sectionbox-progress span.last-visited {
    font-size: 12px;
    font-weight: 600;
    line-height: 40px;
}

.sectionbox-progress hr {
    height: 5px;
    width: 365px;
    margin: 20px 0px 15px -32px;
    border-top: 1px solid #eee;
}

.progress {
    height: 12px !important;
}

.duration-icon .fa-3x {
    font-size: 3rem;
}

.duration-icon .fa-2x {
    font-size: 1.575rem;
}

.start-progress {
    padding: 0px;
    margin: 10px -10px 0px;
    border-radius: 20px;
    background-color: #EFF9FA;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.sectionbox-progress .duration-icon {
    padding: 1rem;
}

#clusterId1,
#clusterId701,
#clusterId1001,
#clusterId6201 {
    background-image: url(/Images/transitions/clusters/agriculture.png);
    background-color: #E8F7EF;
}

#clusterId2,
#clusterId702,
#clusterId1002,
#clusterId6202 {
    background-image: url(/Images/transitions/clusters/architecture.png);
    background-color: #FDF5E7;
}

#clusterId3,
#clusterId703,
#clusterId1003,
#clusterId6203 {
    background-image: url(/Images/transitions/clusters/arts.png);
    background-color: #F9EBE6;
}

#clusterId4,
#clusterId704,
#clusterId1004,
#clusterId6204 {
    background-image: url(/Images/transitions/clusters/business.png);
    background-color: #E4F5FA;
}

#clusterId5,
#clusterId705,
#clusterId1005,
#clusterId6205 {
    background-image: url(/Images/transitions/clusters/education.png);
    background-color: #E4F5FA;
}

#clusterId1006,
#clusterId6217 {
    background-image: url(/Images/transitions/clusters/energy.png);
    background-color: #FDF5E7;
}

#clusterId6,
#clusterId706,
#clusterId6206 {
    background-image: url(/Images/transitions/clusters/finance.png);
    background-color: #FDF5E7;
}

#clusterId7,
#clusterId707,
#clusterId6207 {
    background-image: url(/Images/transitions/clusters/government.png);
    background-color: #E8F7EF;
}

#clusterId8,
#clusterId708,
#clusterId1007,
#clusterId6208 {
    background-image: url(/Images/transitions/clusters/health.png);
    background-color: #F9EBE6;
}
#clusterId1007 {
    background-color: #E8F7EF;
}

#clusterId9,
#clusterId709,
#clusterId1008,
#clusterId6209 {
    background-image: url(/Images/transitions/clusters/hospitality.png);
    background-color: #F9EBE6;
}

#clusterId10,
#clusterId710,
#clusterId1009,
#clusterId6210 {
    background-image: url(/Images/transitions/clusters/human-services.png);
    background-color: #E4F5FA;
}
#clusterId1009 {
    background-color: #F9EBE6;
}

#clusterId11,
#clusterId711,
#clusterId1010,
#clusterId6211 {
    background-image: url(/Images/transitions/clusters/information-tech.png);
    background-color: #FDF5E7;
}
#clusterId1010 {
    background-color: #E4F5FA;
}

#clusterId12,
#clusterId712,
#clusterId1011,
#clusterId6212 {
    background-image: url(/Images/transitions/clusters/law.png);
    background-color: #E8F7EF;
}
#clusterId1011 {
    background-color: #FDF5E7;
}

#clusterId13,
#clusterId713,
#clusterId1012,
#clusterId6213 {
    background-image: url(/Images/transitions/clusters/manufacturing.png);
    background-color: #E4F5FA;
}
#clusterId1012 {
    background-color: #E8F7EF;
}

#clusterId14,
#clusterId714,
#clusterId6214 {
    background-image: url(/Images/transitions/clusters/marketing.png);
    background-color: #F9EBE6;
}

#clusterId15,
#clusterId715,
#clusterId1013,
#clusterId6215 {
    background-image: url(/Images/transitions/clusters/science.png);
    background-color: #E8F7EF;
}
#clusterId1013 {
    background-color: #E4F5FA;
}

#clusterId16,
#clusterId716,
#clusterId1014,
#clusterId6216 {
    background-image: url(/Images/transitions/clusters/transportation.png);
    background-color: #FDF5E7;
}
#clusterId1014 {
    background-color: #F9EBE6;
}

.sectionbox .icons {
    color: #626262;
    width:13%;
}

.sectionboxwide .icons {
    color: #626262;
	width:11%;
}

.sectionbox .fa-circle {
    color:#e0e0e0;
}

.sectionboxwide .fa-circle {
    color:#e0e0e0;
}

h3.section-header {
    padding-bottom:.425rem;
}

#mainpanel h3.underline {
    font-size: 1.25rem;
    padding: 9px 0px 10px;
    margin-bottom: 22px;
    letter-spacing: normal;
    font-weight: 600;
    border-bottom: 1px solid #EEEEEE;
}

p.note-info {
    background-color: #eff9fa;
    border-left: 4px solid #05659B;
    position: relative;
    font-size: 14px;
    padding: 13px 20px;
    margin-bottom: 15px;
    border-radius: 4px;
}

h2 i,
fas {
	color: #626262;
	padding-right: .525rem;
}

.fa-lg {
    font-size: 1.375rem;
    line-height: 44px !important;
}

.half {
    min-height:98px;
}

.fa-stack .fa-3x {
    width: 75px;
    height: 75px;
    vertical-align: middle;
}

a.btn-round:hover {
    color: #fff !important;
    background-color: #006A98;
    border-color: #006A98;
}

a.btn-round {
    padding: 7px 12px 6px 12px;
    color: #fff !important;
    background-color: #0E7AA4;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    border-color: #0E7AA4;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    margin: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;
}

.rightsection .interfaceSearchPanel {
    margin-bottom: 10px;
}
.interfaceSearchPanel .btn-search {
        padding:7px 12px !important;
    }
.rightsection .interfaceSearchPanel .input-group .form-control,
.rightsection .input-group .form-control {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    border: 1px solid #C2CAD8;
    height: 38px;
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.rightsection .interfaceSearchPanel .input-group-btn:last-child > .btn {
    z-index: 2;
    margin-left: -1px;
    height: 38px;
    color: #fff !important;
    padding: 6px 12px;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.rightsection .interfaceSearchPanel .btn {
	font-weight: 400;
	padding: 6px 12px;
	width: unset;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	margin-bottom: inherit;
}

 .monster  {
    display: inline-block;
    background: url(/images/transitions/logos/monster.png) 0 0 no-repeat;
    background-size: contain;
    width: 76px;
    height: 61px;
    text-indent: -4000px;
    margin-top: 22px;
}

.employment-guide {
    display: inline-block;
    background: url(/images/transitions/logos/eg.png) 0 0 no-repeat;
    background-size: contain;
    width: 116px;
    height: 33px;
    text-indent: -4000px;
    margin-top: 40px;
}

.us-jobs {
    display: inline-block;
    background: url(/images/transitions/logos/dotjobs.png) 0 0 no-repeat;
    background-size: contain;
    width: 112px;
    height: 37px;
    text-indent: -4000px;
    margin-top: 35px;
}

.usa-jobs {
    display: inline-block;
    background: url(/images/transitions/logos/usajobs.png) 0 0 no-repeat;
    background-size: contain;
    width: 121px;
    height: 29px;
    text-indent: -4000px;
    margin-top: 40px;
}

.career-onestop {
    display: inline-block;
    background: url(/images/transitions/logos/career-onestop.png) 0 0 no-repeat;
    background-size: contain;
    width: 113px;
    height: 88px;
    text-indent: -4000px;
    margin-top: 10px;
}

.zip-recruiter {
    display: inline-block;
    background: url(/images/transitions/logos/zip-recruiter.png) 0 0 no-repeat;
    background-size: contain;
    width: 144px;
    height: 91px;
    text-indent: -4000px;
    margin-top: 10px;
}

.indeed {
    display: inline-block;
    background: url(/images/transitions/logos/indeed.png) 0 0 no-repeat;
    background-size: contain;
    width: 109px;
    height: 28px;
    text-indent: -4000px;
    margin-top: 35px;
}

.underline {
    border-bottom: 1px solid #eee;
    width: 100%;
}

.border-right {
    border-right: 1px solid #eee;
    margin-top: 2.425rem;
}
.two-columns.border-right{
    margin-top: 0;
}

.job-banks {
    text-align: center;
    padding: 1rem;
}

.progress-indicator {
    text-align:center;
}

ul.portfolio-pill-list {
        list-style: none;
        margin: 1rem 0 0 0;
        padding: 0;
        display: block;
}

ul.portfolio-pill-list li {
        margin: 0rem .425rem .425rem 0rem;
        display: inline-block;
}
ul.portfolio-pill-list li a {
        background: #F2FAFB;
        border: 1px solid #E4F5FA;
        border-radius: 38px;
        padding: 5px 10px;
        color: #0E7AA4 !important;
        display: block;
}
ul.portfolio-pill-list li a:hover {
        border: 1px solid #0E7AA4;
}
ul.portfolioIndexList {
    list-style: none;
    margin-top:10px;
    padding: 0 0 8px;
}

/* section box fixes */
div#article {
    width: 100%;
    max-width: 100%;
}
div#article:hover {
    transform: none;
}

@media (max-width: 1200px) and (min-width: 991px) {
    .sectionboxwide a.btn-round {
        margin: 20px 0px;
    }
}
@media (max-width: 991px) {
    .sectionboxwide {
        padding-left:0 !important;
    }
    .sectionbox h3 a::after {
    top: -80px;
    bottom: -20px;
    left: -10px;
    width:600px;
    }
}
@media (max-width: 640px) {

    .sectionflex.tile-mr-1 {margin-right:.5rem;}
        .tile-wrap.tile-half {margin-right:0;}
    #mainpanel {
        padding: 0rem 0.625rem 0rem !important;
        margin: 0rem;
    }
    #rightbar {
        padding-top: 0rem !important;
    }
    div#rightbarcontent:first-child {
        margin-top: 0rem !important;
    }
    a.btn-round {
        margin: 0rem !important;
    }
    .sectionflex .sectionbox, .sectionbox-cluster, .sectionboxwide, .sectionbox-progress {
        padding: 1rem 0 .875rem !important;
        margin: .425rem 1.425rem .425rem 0 !important;
    }
}
@media (max-width: 380px) {

    .tile-wrap.tile-cluster {
            background-size: 140px auto;
            height: 110px;
        }

        .tile-wrap.tile-cluster#clusterId15, 
        .tile-wrap.tile-cluster#clusterId715,
        .tile-wrap.tile-cluster#clusterId1013, 
        .tile-wrap.tile-cluster#clusterId6215 {
            background-size: 115px auto;
        }

        .tile-wrap.tile-cluster .title {
            width: 50%;
            font-size: 1rem;
            line-height: 1.225rem;
            margin:.2rem 1rem 0 1.5rem;
        }
     .tile-wrap.tile-link {
            width: 95% !important;
            margin: 0 0 2%;
        }

    .sectionbox-cluster h3 a {
        width: 55%;
    }
}
@media (max-width: 350px) {

        
        .tile-wrap.tile-cluster .title {
            width: 55%;
            font-size: .9rem;
            line-height: 1.125rem;
            margin:.2rem 0rem 0 1rem;
        }
    
    }





/* ---------------   Plan of study styles for cluster profile and career builder --------------------- */

    .pos-container {
        width: 100%;
        float: left;
        margin-bottom:30px;
    }
    .pos-container .row {
        margin-left:-10px;
        margin-right:-10px;
    }
    .pos-container .col-md-3,
    .pos-container .col-sm-3 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .pos-container .pos-header {
        background: #014466;
        padding: 10px 15px;
        border-radius: 5px;
    }
    .pos-container .pos-header h3 {
        font-size:14px;
        color: #fff !important;
        margin: 0 !important;
    }
    .pos-container .pos-subject {
        width: 100%;
        float: left;
    }
    .pos-container .pos-subject h4 {
        margin-top: 25px !important;
        margin-bottom: 10px !important;
        padding:0;
        display:block;
        font-size: 14px;
        font-weight: 600;
        color: #014466;
    }
    .pos-container .row-eq-height {
        display: -webkit-box;
        display: flex;
        min-width:1px;
    }
    .pos-container .row-subject .pos-header {
        display:none;
    }
    .pos-container .swim-lane {
        width: 100%;
        float: left;
        background: #FAFAFA;
        border-radius: 5px;
        min-height:50px;
        position: relative;
    }
    .pos-container .pos-course {
        background-color:#fff;
        border: 1px solid #eee;
        border-radius: 5px;
        box-shadow: 0px 4px 10px rgba(204, 204, 204, 0.25);
        margin:10px 5px;
        border-left: 3px solid #014466;
        padding:8px 10px;
    }
    .pos-container .pos-course p:first-child {
        margin-bottom:1px !important;
        line-height: 18px;
        padding:0;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .pos-container .pos-course strong {
        color:#014466 !important;
        font-weight:600 !important;
    }
    .pos-container .pos-course .credit {
        margin-bottom: 0 !important;
        font-size: 12px !important;
        font-style: italic;
        padding:0;
    }
    .pos-container .course-divider {
        margin-bottom: 10px;
        text-align: center;
        color:#014466;
        font-weight:600;
        font-size:14px;
        padding: 0 !important;
    }
    .pos-container .note {
        width: 100%;
        float: left;
    }
    .pos-container .note a {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom:10px;
        color:#0E7AA4 !important;
    }
    .pos-container .note a:hover {
        color:#014466 !important;
    }

    /* responsive */
    @media (max-width: 991px) {

        .pos-container .pos-header h3 span {display:block;}

        .pos-container .pos-course {padding:5px 7px;}
        .pos-container .pos-course p:first-child {font-size: 12px !important;line-height: 16px;}

    }
    @media (max-width: 767px) {

        .pos-container > div:first-child {display:none;}
        .pos-container .pos-header {display:none;}
        .pos-container .row-eq-height {display: block;}
        .pos-container .row-subject .pos-header {display:block;margin:15px 0 10px;width:100%;}

        .pos-container .pos-subject h4 {font-size:18px !important; margin-bottom:0 !important; margin-top:30px !important;}
        .pos-container > div:nth-child(2) h4 {margin-top:0;}
        .pos-container .pos-course {padding:8px 10px;}
        .pos-container .pos-course p:first-child {font-size: 14px !important;line-height: 18px;}

    }



/* ----------------------- Career list, school list, program list ----------------------- */

    .results-wrap .btn-primary {
        font-size:14px;
    }
    .results-wrap select {
        background: #fff url(../../Images/SavedColleges/icon-arrow.png) no-repeat top 14px right 12px;
        background-size: 9px auto;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        color: #6a6a6a;
        width: 100%;
        padding: 8px 12px;
    }

    .results-wrap label {
        width: 100%;
        float: left;
        font-size: 14px;
        padding: 5px 0;
        margin-bottom: 0;
    }

    .results-wrap .tooltip {
        font-family: 'Poppins', helvetica, arial, sans-serif;
    }

    /* sticky filters*/
    .results-wrap.sticky-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .results-wrap.sticky-wrap .sticky-filter {
        position: sticky;
        z-index: 10;
        top: 20px;
    }

    /* results top row */
    .results-wrap .result-top {
        margin-bottom: 10px;
    }

    .results-wrap .result-top label {
        display: inline-block;
        font-size: 14px;
        margin-right: 10px;
        width:auto;
        padding:8px 0;
    }

    .results-wrap .result-top select {
        width: 240px;
        display: inline-block;
        padding: 6px 25px 6px 12px
    }

    .results-wrap .result-top .pill-wrap {
        width: 100%;
        margin-top: 5px;
        display: inline-block;
        float: right;
        padding-top: 4px;
    }

    .results-wrap .result-top .pill-left {
        float: left;
    }

    .results-wrap .result-top .filter-pill {
        display: inline-block;
        float: left;
        background-color: #E4F5FA;
        color: #014466;
        font-weight: 600;
        font-size: 12px;
        padding: 4px 13px;
        border: 1px solid #fff;
        border-radius: 25px;
        margin-left: 4px;
        text-decoration:none !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;
    }
    .results-wrap .result-top .pill-left .filter-pill {
        margin-left:0;
        margin-right:4px;
    }

    .results-wrap .result-top .filter-pill:hover,
    .results-wrap .result-top .filter-pill:focus,
    .results-wrap .result-top .filter-pill:active {
        text-decoration: none;
        border: 1px solid #0E7AA4;
        color: #014466 !important;
        outline: none;
    }

    .results-wrap .result-top .filter-pill i {
        color: #0E7AA4;
    }

    /* panel */
    .results-wrap .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;
    }

    .results-wrap .panel-wrap .panel-header {
        padding: 10px 20px;
        border-bottom: 1px solid #eee;
        width: 100%;
        float: left;
        position: relative;
    }

    .results-wrap .panel-wrap .panel-header h3, .results-wrap .panel-wrap .panel-header h4 {
        margin: 0;
        padding-bottom: 0;
        padding-top: 0 !important;
        font-size: 16px !important;
        font-weight: 600;
        color:#014466;
        text-transform:capitalize;
    }

    .results-wrap .panel-wrap .panel-header h3 i, .results-wrap .panel-wrap .panel-header h4 i {
        color: #0E7AA4;
    }

    .results-wrap .panel-wrap .panel-body {
        padding: 15px 20px;
        width: 100%;
        float: left;
    }

    /* filters */
    .results-wrap .result-filters .filter-search {
        position: relative;
        margin-top: 5px;
    }

    .results-wrap .result-filters .filter-search .search-input {
        width: 100%;
        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;
        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;
    }

    .results-wrap .result-filters .filter-search .search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #a0a0a0;
        opacity: 1; /* Firefox */
    }

    .results-wrap .result-filters .filter-search .search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #a0a0a0;
    }

    .results-wrap .result-filters .filter-search .search-input::-ms-input-placeholder { /* Microsoft Edge */
        color: #a0a0a0;
    }

    .results-wrap input,
    .results-wrap 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;
    }
    .results-wrap input:hover,
    .results-wrap select:hover {
        border-color: #a0acc3;
    }
    .results-wrap input:focus,
    .results-wrap select: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);
    }

    .results-wrap .result-filters .filter-search .search-input:focus {
        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);
        outline: none;
    }

    .results-wrap .result-filters .filter-search .search-btn {
        position: absolute;
        height: 38px;
        background-color: #0E7AA4;
        color: #fff !important;
        font-weight: 600;
        font-size:14px;
        padding: 12px 12px;
        right: 0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .results-wrap .result-filters .filter-search .search-btn span {
        display: none;
    }

    .results-wrap .result-filters .filter-search .search-btn:hover,
    .results-wrap .result-filters .filter-search .search-btn:active,
    .results-wrap .result-filters .filter-search .search-btn:focus {
        outline: none;
        background-color: #006A98 !important;
    }
    .results-wrap .result-filters .filter-or {
        text-align: center;
        color: #014466;
        font-size: 14px;
    }

    /* filter checkbox */
    .results-wrap .filter-categories {
        margin-top: 25px;
        width: 100%;
        float: left;
    }

    .results-wrap .filter-categories .check-box {
        margin-bottom: 7px;
        font-size: 14px;
    }

    .results-wrap .filter-categories .check-box input {
        margin: 0;
    }

    .results-wrap .filter-categories .check-box label {
        color: #0E7AA4;
        font-weight: 600;
    }

    .results-wrap .filter-categories .check-box label img {
        max-width: 15px;
        margin-right: 5px;
    }

    /* checkbox */
    .results-wrap .check-box {
        position: relative;
        width: 100%;
        float: left;
    }

    .results-wrap .check-box input {
        width: 20px !important;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 100;
        opacity: 0;
    }

    .results-wrap .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;
    }

    .results-wrap .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;
    }

    .results-wrap .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);
    }

    .results-wrap .check-box input[type="checkbox"]:checked + label {
    }

    .results-wrap .check-box input[type="checkbox"]:checked + label::before {
        border-color: #0E7AA4;
        background-color: #0E7AA4;
        box-shadow: none;
    }

    .results-wrap .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;
    }

    .results-wrap .check-box input[type="checkbox"]:hover + label:after {
        opacity: 1;
    }

    .results-wrap .check-box input[type="checkbox"]:checked + label:after {
        opacity: 1;
        color: #fff;
    }

    .results-wrap .check-box input[type="checkbox"]:hover + label,
    .results-wrap .check-box input[type="checkbox"]:focus + label {
        border-color: #0E7AA4;
    }

    .results-wrap .check-box.correct label,
    .results-wrap .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;
    }


    /* career card */
    .results-wrap .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;
    }

    .results-wrap .career-card-wrap .career-top {
        padding: 20px 25px 25px;
        position: relative;
    }

    .results-wrap .career-card-wrap .career-top a {
        margin-top: 0;
        margin-bottom: 15px;
        color: #0E7AA4 !important;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 15px !important;
        display: inline-block;
        line-height: 22px;
        text-decoration:none !important;
    }

    .results-wrap .career-card-wrap .career-top .btn-card-save {
        float: right;
        border: 1px solid #0E7AA4;
        padding: 8px 8px;
        font-size: 12px;
        border-radius: 20px;
        margin-top: -5px;
        margin-bottom: 0 !important;
        line-height: 12px;
    }

    .results-wrap .career-card-wrap .career-top .btn-card-save .default-text {
        display: block;
    }

    .results-wrap .career-card-wrap .career-top .btn-card-save .saving-text {
        display: none;
    }

    .results-wrap .career-card-wrap .career-top .btn-card-save.saving {
        background-color: #5BBCB1;
        color: #fff !important;
        border-color: #5BBCB1;
        padding: 8px 12px;
    }

    .results-wrap .career-card-wrap .career-top .btn-card-save.saving .default-text {
        display: none;
    }

    .results-wrap .career-card-wrap .career-top .btn-card-save.saving .saving-text {
        display: block;
    }
    .results-wrap .career-card-wrap .career-top .btn-card-save.saved.saving {
        padding: 8px 8px;
    }
    .results-wrap .career-card-wrap .career-top .btn-card-save.saved {
        background-color: #5BBCB1;
        color: #fff !important;
        border-color: #5BBCB1;
    }

    .results-wrap .career-card-wrap .career-top .btn-card-save.saved .default-text {
        display: block;
    }

    .results-wrap .career-card-wrap .career-top .btn-card-save.saved .saving-text {
        display: none;
    }

    .results-wrap .career-card-wrap .career-top .btn-card-save:hover {
        background-color: #0E7AA4;
        color: #fff !important;
    }

    .results-wrap .career-card-wrap .career-top a:hover {
        color: #014466 !important;
        text-decoration: none !important;
    }

    .results-wrap .career-card-wrap .career-top h5 {
        text-transform: uppercase;
        font-size: 12px;
        margin-top: 0;
        margin-bottom: 4px;
        font-weight: 400;
        color: #6a6a6a !important;
    }

    .results-wrap .career-card-wrap .career-top p {
        font-size: 12px;
        line-height: 1rem;
        margin-bottom: 0;
        font-weight: 600;
        color: #014466;
        padding-top: 0;
    }

    .results-wrap .career-card-wrap .career-top .meta-icon img,
    .results-wrap .career-card-wrap .career-top img {
        max-width: 100%;
        max-height: 30px;
        float: left;
        margin-right: 10px;
    }
    .results-wrap .career-card-wrap .career-top .meta-text {
        padding-left: 43px;
    }
    .results-wrap .career-card-wrap .career-top .meta-text.education {
        padding-left: 50px;
    }

    .results-wrap .career-card-wrap .career-top .card-buttons {
        position: absolute;
        right: 15px;
    }
    .results-wrap .career-card-wrap .career-top  .card-buttons .btn-apply {
        padding: 2px 15px;
        font-size: 12px !important;
        color: #fff !important;
        margin-bottom: 0 !important;
        margin-top:-5px;
    }
    .results-wrap .career-card-wrap .career-top  .card-buttons .btn-card-save {
        position:relative;
        right:unset;
        float:none;
    }
    .results-wrap .career-card-wrap .career-top a.college-title {
        padding-right:100px;
        margin-bottom:0px !important;
    }
    .results-wrap .career-card-wrap .career-top .card-subheading {
        color: #6a6a6a;
        font-weight: normal;
        margin-bottom:20px;
    }

    .result-paging {
        width: 100%;
        float: left;
    }
    .result-paging .info {
        display: inline-block;
        float: left;
        font-size:14px;
        padding-top:5px;
    }
    .result-paging .paging {
        display: inline-block;
        float: right;
    }
    .result-paging .paging a {
        display:inline-block;
        color: #0E7AA4 !important;
        font-weight: 600;
        border: 1px solid #0E7AA4;
        padding: 9px 12px;
        border-radius: 30px;
        line-height: 14px;
        font-size: 14px;
        height: 34px;
        min-width:34px;
        text-align: center;
        text-decoration:none !important;
    }
    .result-paging .paging a.btn {
        padding: 9px 14px;
        width:auto;
        text-transform:capitalize;
    }
    .result-paging .paging a:hover,
    .result-paging .paging a:active,
    .result-paging .paging a:focus {
        color:#fff !important;
        background-color:#0E7AA4 !important;
        text-decoration:none !important;
    }
    .result-paging .paging a.active {
        color:#fff !important;
        background-color:#0E7AA4 !important;
        text-decoration:none !important;
    }
    .result-empty {
        width: 100%;
        float: left;
        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); 
    }
    .result-empty img {
        max-width:150px;
    }
    .result-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;
    }
    .result-help {
        float:right;
        font-size:14px;
        color: #6a6a6a;
        line-height: 20px;
        position:relative;
        top:-2px;
        margin-left:5px;
    }
    .result-help a {
        font-size:20px;
        position:relative;
        top:2px;
        cursor:pointer;
    }

    
    /* responsive */
    @media (max-width: 1120px) {
        .results-wrap .result-top select {width:250px;}
        .results-wrap .result-top .pill-wrap {width:100%;padding-top: 12px;}
        .results-wrap .result-top .filter-pill {margin-left: 0;margin-right: 4px;margin-bottom:2px;}

    }
    @media (max-width: 991px) {
        .results-wrap .career-card-wrap .career-top {padding:20px 25px 10px}
        .results-wrap .career-card-wrap .meta-set {margin-bottom:15px;}
        .result-paging .info {width: 100%;text-align: center;}
        .result-paging .paging {width: 100%;text-align: center;margin-top: 10px;}
    }
    @media (max-width: 767px) {
        .results-wrap .result-top {margin-top:30px;}
        .results-wrap .career-card-wrap .career-top a {display:block;}
        .results-wrap .career-card-wrap .career-top .btn-card-save {float:none; margin-right:5px;margin-bottom: 10px !important;display:inline-block;}
        .results-wrap .career-card-wrap .career-top .card-buttons {
            width: 100%;
            position: relative;
            right: unset;
            display: block;
            margin-bottom: 10px;
            margin-top: 5px;
        }
        .results-wrap .career-card-wrap .career-top .card-buttons a {display:inline-block;}
        .results-wrap .career-card-wrap .career-top .card-buttons .btn-card-save {margin-bottom:0 !important;}
        .results-wrap .career-card-wrap .career-top a.college-title { padding-right:0;}

    }
    @media (max-width: 640px) {
        .print-wrap.results {float: none;width: 100%;display: flex;margin-top: 5px;}
        .result-help .help-seperator {display:none;}
    }



/* -------------------- New activity styles --------------- */
.curriculum .activity-panel-wrap.portfolio {
    border: none;
    box-shadow: none;
    margin: 0;
  }
.activity-panel-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:25px;
        position:relative;
    }
    .activity-panel-wrap .d-flex {
        display:flex;
        min-width:1px;
    }
    .activity-panel-wrap a,
    .activity-panel-wrap button {
        -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;
        text-decoration:none;
    }
    .activity-panel-wrap .activity-panel-body {
        width: 100%;
        float: left;
    }
    .activity-panel-wrap .activity-panel-body .btn-info {
        position: absolute;
        right: 22px;
        top: 22px;
        background:none;
        color:#0E7AA4;
        border: none;
        font-size:16px;
        z-index:10;
    }
    .activity-panel-wrap .activity-panel-body .btn-info:hover,
    .activity-panel-wrap .activity-panel-body .btn-info:focus,
    .activity-panel-wrap .activity-panel-body .btn-info:active {
        color:#014466;
        outline:none;
    }
    .activity-panel-wrap .activity-panel-body .icon-container {
        width: 130px;
    min-width: 130px;
    float: left;
    background: #F2FAFB;
    min-height: 130px;
    height: 130px;
    margin: 20px 0 20px 20px;
    border-radius: 6px;
    }
    .activity-panel-wrap .activity-panel-body .icon-container img {
        max-height: 95px;
        margin: auto;
        max-width: 95px;
    }
    .activity-panel-wrap .activity-panel-body .text-container {
        width: 100%;
        padding:20px 27px;
        min-height:150px;
    }
    .activity-panel-wrap .activity-panel-body .activity-content {
        width:100%;
        float:left
    }
    .activity-panel-wrap .activity-panel-body h3,
	.portfolioSectionBody h3.headerlink {
        width:100%;
        padding-right:40px;
        display:block !important;
        line-height:20px !important;
        margin-top:2px;
        margin-bottom:4px !important;
        padding:0;
        color:#014466 !important;
        font-weight:600 !important;
    }
    .activity-panel-wrap .activity-panel-body h3 a {
        font-size: 20px;
        color:#014466 !important;    
        position:relative;
        margin:0 !important;
        padding:0 !important;   
        display: inline-block !important;
    }
    .activity-panel-wrap .activity-panel-body h3 a:hover {
        color:#0E7AA4 !important;
    }
    .activity-panel-wrap .activity-panel-body p {
        padding-top:4px !important;
        margin-bottom:10px;
    }
    .activity-panel-wrap .activity-panel-body a {
        font-size: 14px;
        font-weight:600;
        color:#0E7AA4 !important;
        text-decoration:none !important;
    }
    .activity-panel-wrap .activity-panel-body a:hover {
        color:#014466 !important;
    }
    .activity-panel-wrap .meta-block {
        width:100%;
        float:left;
        margin:5px 0 0;
    }
    .activity-panel-wrap .meta-block .meta-pill {
        background-color:#E8F7EF;
        display:inline-block;
        color:#014466;
        font-weight:600;
        border-radius:30px;
        padding: 6px 18px;
        font-size:14px;
        margin-bottom:5px;
    }
    .activity-panel-wrap .meta-block .meta-pill .meta-count {
        background-color:#5BBCB1;
        color:#fff;
        font-weight:600;
        border-radius:20px;
        font-size: 12px;
        padding: 2px 10px;
        margin-right: 7px;
        display: inline-block;
    }
    .activity-panel-wrap .meta-block .meta-pill.incomplete {
        background-color: #FDF5E7;
    }
    .activity-panel-wrap .meta-block .meta-pill.complete i {
        color:#5BBCB1;
    }
    .activity-panel-wrap .activity-panel-body .bottom-links {
        width: 100%;
        float: left;
        margin-top: 10px;
    }
    .activity-panel-wrap .activity-panel-body .bottom-links a {
        display:inline-block !important;
    }
    .activity-panel-wrap .activity-panel-body .bottom-links .comment-link {
        float:right;
        color:#014466 !important;
    }
    .activity-panel-wrap .activity-panel-body .bottom-links .comment-link:hover {
        color:#0E7AA4 !important;
    }
    .activity-panel-wrap .activity-panel-body .bottom-links .comment-link i {
        color:#0E7AA4 !important;
    }
    .activity-panel-wrap .activity-panel-body .bottom-links .comment-link .comment-count {
        color:#6a6a6a;
        font-weight:400;
        font-size:12px;
    }

    /* ribbon fixes */
    .activity-panel-wrap .msg-wrap {
        background:none;
        height:unset;
    }
    .activity-panel-wrap .msg-wrap .msg-complete, .activity-panel-wrap .msg-wrap .msg-incomplete {
        height:unset !important;
        padding:9px 15px 9px;
    }
    .activity-panel-wrap .msg-wrap p {
        height: unset;
        line-height:16px;
    }

    /* responsive */
    @media only screen and (max-width: 991px) {

        .activity-panel-wrap .activity-panel-body h3 a {text-align:left;}

    }
    @media only screen and (max-width: 640px) {

        .activity-panel-wrap .msg-wrap .msg-complete, .activity-panel-wrap .msg-wrap .msg-incomplete {text-align:left;}
        .activity-panel-wrap .activity-panel-body {display:block;}
        .activity-panel-wrap .activity-panel-body .icon-container {width: 100%;min-width: unset;border-radius: 0;margin: 0;}
        .activity-panel-wrap .activity-panel-body .text-container {width: 100%;display:inline-block;min-width: unset;}
        .activity-panel-wrap .activity-panel-body h3 {padding-right:0;}

    }
@media only screen and (max-width: 480px) {

	.activity-panel-wrap .activity-panel-body .bottom-links .comment-link {
		float: left;
		display: block;
		width: 100%;
		margin-top: 5px !important;
	}

	#CareerClusterSurvey.activity-panel-wrap .activity-panel-body .bottom-links .comment-link {
		margin-top: 10px;
	}
}
/* ------------- plan of study ----------- */
.meta-item {
        width:100%;
        float:left;
        box-shadow:0px 4px 20px rgba(161, 180, 189, 0.15);
        border-radius:6px;
        margin-bottom:10px;
        padding: 20px 20px;
    }
    .meta-item .meta-icon {
            font-size: 18px;
    float: left;
    background-color: #E4F5FA;
    color: #0E7AA4;
    padding: 11px 0;
    border-radius: 30px;
    height: 40px;
    width: 40px;
    display: inline-block;
    margin-right: 15px;
    text-align: center;
    margin-top: -3px;
    }
    .activity-panel-wrap .activity-panel-body .meta-item .meta-left {
        font-size:14px;
        font-weight:600;
        color:#014466;
        display:inline-block;
        margin-bottom:0 !important;
    }
    .meta-item a {
        display:inline-block;
        margin-top:-2px;
    }
    .meta-item .meta-left {
        float:left;
        width:75%;
    }
    .meta-item .meta-left a {
        display:block;
    }
    .meta-item .meta-left .date {
       margin-right:30px;
       font-size:12px;
       font-weight:400;
       color:#6a6a6a;
    }
    .meta-item .meta-right {
        float:right;
        width:25%;
        text-align:right;
    }
    
    .meta-item .meta-right .meta-status {
        color:#014466;
        font-weight:600;
        padding: 7px 17px;
        display:inline-block;
        border-radius: 30px;
    }
    .meta-item .meta-right .meta-status.green {
        background-color:#E8F7EF;
    }
    .meta-item .meta-right .meta-status.green i {
        color:#5BBCB1;
        padding:0;
    }
    .meta-item .meta-right .meta-status.red {
        background-color:#F9EBE6;
    }
    .meta-item .meta-right .meta-status.red i {
        color:#EE825C;
        padding:0;
    }

    /* responsive */
    @media (max-width: 991px) {
        .meta-item .meta-left {width:100%}
        .meta-item .meta-right {width:100%;float:left;text-align:left;margin-top:10px;}
    }
    @media (max-width: 640px) {
        .meta-item .meta-icon {float:none; margin-bottom:15px;}
    }

/* --------- Saved career cluster and career pathways ------- */
.cluster-path-wrap .cp-notes .top-links .note-title {
        font-weight:600;
        color:#014466;
    }
.cluster-path-wrap:first-child{
  margin-top:10px;
}
.cluster-path-wrap {
        width: 100%;
        float: left;
        padding: 15px 20px;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgba(161, 180, 189, 0.15);
        border-radius: 6px;
        margin-bottom: 10px;
    }
    .cluster-path-wrap:last-child {
        border-bottom:none;
    }
    .cluster-path-wrap .col-left {
        display: inline-block;
        float: left;
        width: 60%;
    }
    .cluster-path-wrap .cp-main {
    }
    .cluster-path-wrap .cp-icon {
        float: left;
        height: 40px;
        width: 40px;
        border-radius: 30px;
        background-color: #F9EBE6;
        color: #EE825C;
        text-align: center;
        padding: 11px 0;
        font-size: 17px;
        margin-right:15px;
        margin-top:-3px;
        cursor:default;
    }
    .cluster-path-wrap .cp-icon i {
        padding:0;
        cursor:default;
    }
    .cluster-path-wrap .cp-title {
        font-size: 14px;
        font-weight:600;
        color:#014466;
    }
    .cluster-path-wrap .cp-type {
        font-size: 12px;
        color: #6a6a6a;
        display:block;
        padding-left:55px;
    }
    .cluster-path-wrap .col-right {
        display: inline-block;
        float: left;
        width: 40%;
    }
    .cluster-path-wrap .cp-date {
        font-size: 12px;
        margin-top: 2px;
    }
    .cluster-path-wrap .col-right .action-link {
        text-align:right;
    }
    .cluster-path-wrap .col-right .action-link .btn-link {
        display:inline-block;
    }
    .cluster-path-wrap .col-right .action-link .btn-link:first-child {
        margin-right:15px;
    }
    .cluster-path-wrap .cp-notes {
        display: block;
        float: left;
        padding: 20px;
        background-color: #FDF7EC;
        border-radius: 8px;
        margin-left: 0px;
        margin-top:10px;
        width:100%;
    }
    .cluster-path-wrap .cp-notes .top-links {
        width: 100%;
        float:left;
        margin-bottom: 5px;
        margin-top: 0;
    }
    .cluster-path-wrap .cp-notes .note-date {
        color: #6a6a6a;
        display: block;
        margin-top: 2px;
        font-size: 12px;
        font-weight:400;
    }
    .cluster-path-wrap .cp-notes .btn-link {
        float: right;
    }
    .cluster-path-wrap .cp-notes.note-edit {
       background-color:#fff;
        padding:5px 0;
    }
    .cluster-path-wrap .cp-notes .text-primary {
        color:#0E7AA4;
    }
    .cluster-path-wrap .note-edit label {
        display:block;
    }
    .cluster-path-wrap .note-edit .hint {
        display: block;
        font-size: 12px;
        line-height: 17px;
        color: #6a6a6a;
        margin-bottom:17px;
    }
    .cluster-path-wrap .note-edit .hint i {
        font-size:12px;
    }
    .cluster-path-wrap .note-edit .btn-primary {
        color: #fff !important;
        display: inline-block;
        margin-bottom: 0;
        padding: 4px 17px;
        border-radius:30px;
    }
    .cluster-path-wrap .note-edit .btn-primary:hover {
        color: #fff !important;
    }
    .cluster-path-wrap .note-edit .btn-default {
        display: inline-block;
        border-color: #0E7AA4;
        border-radius: 30px;
        padding: 5px 17px;
    }
    .cluster-path-wrap .note-edit .btn-default:hover {
        color:#fff !important;
        background-color:#006A98 !important;
        border-color:#006A98 !important;
    }
    .cluster-path-wrap .note-edit .btn-link {
        margin-top:5px;
    }

    /* --------- responsive -------- */
    @media (max-width: 991px) {

        .cluster-path-wrap .col-right .action-link .btn-link:first-child {margin-right:0;display:block;}
        .cluster-path-wrap .note-edit .btn-link {margin-top: 18px;float: left;display: block;width: 100%;}

    }
    @media (max-width: 640px) {

        .cluster-path-wrap .cp-icon {float: none;margin-bottom: 10px;}
        .cluster-path-wrap .cp-type {padding-left:0;}
        .cluster-path-wrap .cp-notes {margin-left:0;}
        .cluster-path-wrap .col-left {width:100%;}
        .cluster-path-wrap .col-right {width:100%;margin-top:10px;}
        .cluster-path-wrap .col-right .action-link {text-align:left;}
        .cluster-path-wrap .col-right .action-link .btn-link:first-child {display: inline-block;margin-right: 15px;}
        .cluster-path-wrap .cp-date {text-align:left;}

    }

/* ----------------- saved prog/major saved careers ----------------*/

.panel-item-wrap {
        width:100%;
        float:left;
        padding:15px 20px;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgba(161, 180, 189, 0.15);
        border-radius: 6px;
        margin-bottom:10px;
        position:relative;
    }
    .panel-item-wrap.top-choice {
        border-top:2px solid #F3BD5F;
    }
    .top-choice .top-choice-marker {
        background: #F3BD5F;
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        letter-spacing: 1px;
        position: relative;
        top: -15px;
        left: -20px;
        border-top-left-radius: 4px;
        font-weight: 600;
        width: 120px;
        text-align: center;
    }
    .panel-item-wrap .item-left {
        width:60%;
        float:left;
    }
    .panel-item-wrap .item-left .item-icon {
        float: left;
        width: 40px;
        height: 40px;
        background: #E4F5FA;
        border-radius: 30px;
        text-align: center;
        padding: 11px 0;
        color: #0E7AA4;
        margin-right: 15px;
        font-size:17px
    }
    .panel-item-wrap .item-left .item-title {
        font-size:14px;
    }
    .panel-item-wrap .item-left .item-date {
        font-size:12px;
        color:#6a6a6a;
    }
    
    .panel-item-wrap .item-right {
        width:40%;
        float:right;
    }
    .panel-item-wrap .item-right .add-note {
        display:inline-block;
        margin-top:10px;
    }
    .panel-item-wrap .item-right .btn-remove {
        display:inline-block;
        height:34px;
        width:34px;
        border: 2px solid #0E7AA4;
        text-align: center;
        padding: 8.5px 1px 8px;
        border-radius: 30px;
        float:right;
    }
    .panel-item-wrap .item-right .btn-remove:hover {
        color: #fff !important;
        background-color: #006A98 !important;
        border-color: #006A98;
    }
    .panel-item-wrap .item-edit {
        display: block;
        float: left;
        padding: 0 0 5px;
        margin-left: 0px;
        margin-top: 10px;
        width: 100%;
        position:relative;
    }
    .panel-item-wrap .item-edit label {
        margin-bottom:5px;
        display:block;
        font-size:14px;
    }
    .panel-item-wrap .item-edit p {
        margin-bottom:5px;
    }
    .panel-item-wrap .item-edit textarea {
        margin-bottom:10px;
    }
    .panel-item-wrap .item-edit .form-hint {
        display: block;
        font-size: 12px;
        line-height: 17px;
        color: #6a6a6a;
        margin-bottom: 17px;
    }
    .panel-item-wrap .item-edit .form-hint i {
        color:#0E7AA4;
    }
    .panel-item-wrap .item-edit .btn-primary {
        background-color:#0E7AA4;
        display:inline-block;
        color:#fff !important;
        border-radius:30px;
        margin:0 5px 0 0;
        float:left;
        padding:7px 26px;
        border:none;
    }
    .panel-item-wrap .item-edit .btn-default {
        display:inline-block;
        border-radius:30px;
        margin:0;
        float:left;
        padding:5px 26px;
        border:2px solid #0E7AA4
    }
    .panel-item-wrap .item-edit .btn-primary:hover {
        color:#fff !important;
        background-color:#006A98 !important;
    }
    .panel-item-wrap .item-edit .btn-default:hover {
        color:#fff !important;
        background-color:#006A98 !important;
        border-color: #006A98;
    }
    .panel-item-wrap .item-edit .btn-remove {
        padding: 8px 0;
        height: 34px;
        width: 34px;
        text-align: center;
        position: absolute;
        top: -48px;
        right: 0;
    }
    .panel-item-wrap .item-notes {
        display: block;
        float: left;
        padding: 20px;
        background-color: #FDF7EC;
        border-radius: 8px;
        margin-left: 0px;
        margin-top: 10px;
        width: 100%;
    }
    .panel-item-wrap .item-notes strong {
        font-weight:600;
    }
    .panel-item-wrap .item-notes .note-title {
        color:#014466;
        display:block;
        margin-bottom:5px;
    }
     .panel-item-wrap .item-notes .note-title a {
        color:#014466;
        float:right;
    }
     .panel-item-wrap .item-notes .note-date {
        color: #6a6a6a;
        display: block;
        margin-top: 2px;
        font-size: 12px;
    }

   
    .activity-panel-wrap .panel-actions {
        width:100%;
        float:left;
        margin-top:10px;
    }
    .activity-panel-wrap .panel-actions .btn-primary {
        display:inline-block;
        color:#fff !important;
        border: none;
        padding: 7px 23px;
        margin-bottom:10px;
    }
    .activity-panel-wrap .panel-actions .btn-primary:hover {
        background-color:#006A98;
        color:#fff !important;
    }
    .activity-panel-wrap .panel-actions .btn-explore {
        float:right;
    }


    /* modal */
    .modal-top-choice .modal-content,
    .modal-top-choice .modal-header,
    .modal-top-choice .modal-body,
    .modal-top-choice .modal-footer {
        width:100%;
        float:left;
    }
    .modal-top-choice .modal-header {
        border-color:#F2F3F6;
        background-color:#fff !important;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .modal-top-choice  .modal-footer {
        border-color:#F2F3F6;
    }
    .modal-top-choice .modal-header .close {
        margin: 4px 10px 0 0 !important;
        color: #333 !important;
    }
    .page-content #modalProgramMajorTopChoice .modal-title {
        color:#014466 !important;
        font-weight:600 !important;
        font-size:18px;
    }
    .page-content #modalProgramMajorTopChoice .modal-title i {
        color:#0E7AA4 !important;
    }
    .modal-top-choice .modal-body {
        background-color:#F6F7F9;
        max-height: 325px;
        overflow-y: auto;
    }
    .modal-top-choice .btn {
        display:inline-block;
        border-radius:30px;
        margin:0;
        font-weight:600;
        padding:5px 26px;
        -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-top-choice .btn-primary {
        padding:7px 26px;
        border:none;
    }
    .modal-top-choice .btn-default {
        color:#0E7AA4;
        padding:5px 26px;
        border:2px solid #0E7AA4;
    }
    .page-content #modalProgramMajorTopChoice .btn-primary:hover,
    .page-content #modalProgramMajorTopChoice .btn-primary:focus,
    .page-content #modalProgramMajorTopChoice .btn-primary:active {
        border:none !important;
        outline:none;
    }
    .page-content #modalProgramMajorTopChoice .btn-default:hover,
    .page-content #modalProgramMajorTopChoice .btn-default:focus,
    .page-content #modalProgramMajorTopChoice .btn-default:active {
        border-color:#006A98 !important;
        color:#fff !important;
        outline:none;
        background:#006A98 !important;
    }


    .modal-top-choice .radio-box {
	    position:relative;
	    width: 100%;
	    float: left;
    }
.modal-top-choice .radio-box .label-title {
        max-width:350px;
        display:inline-block;
    }
    .modal-top-choice .radio-box input {
        width: 20px;
        position: absolute;
        top: 12px;
        left: 15px;
        z-index: 100;
        opacity:0;
    }
    .modal-top-choice .radio-box input[disabled],
    .modal-top-choice .radio-box input[disabled]:hover {
        cursor:default;
    }
    .modal-top-choice .radio-box input[disabled]:hover + label {
        border-color:#C2CAD8 !important;
        cursor:default;
    }
    .modal-top-choice .radio-box label {
        width: 100%;
        float:left;
        background-color:#fff;
        padding: 10px 38px 10px 15px;
        margin-bottom: 5px;
        position: relative;
        cursor: pointer;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
        border: 2px solid #fff;
        box-shadow: 0px 4px 20px rgba(161, 180, 189, 0.15);
        border-radius: 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;
    }
    .modal-top-choice .radio-box label:before {
        content: "";
        font-family: "FontAwesome";
        width: 15px;
        height: 15px;
        position: absolute;
        top:11px;
        right: 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;
    }
    .modal-top-choice .radio-box input[type="radio"]:checked + label {
        border-color:#0E7AA4;
    }
    .modal-top-choice .radio-box input[type="radio"]:checked + label::before{
        background-image: url(/images/Transitions/portfolio/icon-check-circle.png);
        background-size: 15px auto;
        border: none;
    }

    .modal-top-choice .radio-box input[type="radio"]:hover + label,
    .modal-top-choice .radio-box input[type="radio"]:focus + label {
	    border-color: #C2CAD8;
    }
    .modal-top-choice .radio-box input[type="radio"]:checked:hover + label,
    .modal-top-choice .radio-box input[type="radio"]:checked:focus + label {
        border-color: #0E7AA4 !important
    }
    .modal-top-choice .radio-box.correct label,
    .modal-top-choice .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;
    }

    #modalTopChoiceSavedCareers .modal-title {
        color: #014466 !important;
        font-weight: 600 !important;
        font-size: 18px;
    }
    #modalTopChoiceSavedCareers .modal-title i {
        color: #0E7AA4 !important;
    }
    #modalTopChoiceSavedCareers .btn-primary {
        background: #0E7AA4;
        border: none;
        font-size: 14px;
        padding: 7px 26px;
    }
    #modalTopChoiceSavedCareers .btn-primary:hover,
    #modalTopChoiceSavedCareers .btn-primary:focus {
        background: #006A98 !important;
        border: none;
        color:#fff;
        outline:none;
    }
    #modalTopChoiceSavedCareers .btn-default {
        border: 2px solid #0E7AA4;
        font-size: 14px;
        padding: 5px 26px;
        color:#0E7AA4;
    }
    #modalTopChoiceSavedCareers .modal-header .close {
        font-size:16px;
        color:#333;
    }
    #modalTopChoiceSavedCareers .btn-default:hover,
    #modalTopChoiceSavedCareers .btn-default:focus {
        background: #006A98 !important;
        border-color:#006A98 !important;
        color:#fff !important;
        outline:none;
    }

    .modal-top-choice .rating {
        color:#F3BD5F;
        font-size:16px;
        display:inline-block;
        float: right;
        margin-right: 30px;
    }
    .modal-top-choice .star-1 i:nth-child(1n+2) {
        display:none;
    }
    .modal-top-choice .star-2 i:nth-child(1n+3) {
        display:none;
    }
    .modal-top-choice .star-3 i:nth-child(1n+4) {
        display:none;
    }
    .modal-top-choice .star-4 i:nth-child(1n+5) {
        display:none;
    }

    .panel-item-wrap .item-right .rating-group {
        width:45%;
        float:left;
        display:inline-block;
        margin: 10px 0 0 0;
        
    }
    .panel-item-wrap .item-right .rating-group .ratingStar {
        cursor: pointer;
        display:inline-block;
        width: 17px;
        height: 17px;
        margin:0 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;
    }

    .panel-item-wrap .item-right .rating-group .emptyRatingStar:before {
        font-family:'Font Awesome 5 Free';
        content:"\f005";
        font-weight:400;
        color:#C2CAD8;
    }
    .panel-item-wrap .item-right .rating-group .filledRatingStar:before {
        font-family:'Font Awesome 5 Free';
        content:"\f005";
        font-weight:bold;
        color:#F3BD5F;
    }

    .panel-item-wrap .item-right .rating-group .savedRatingStar:before {
        font-family:'Font Awesome 5 Free';
        content:"\f005";
        font-weight:bold;
        color:#F3BD5F;
    }
    .activity-panel-wrap .panel-actions .btn-primary {border-radius:30px;background-color:#0E7AA4;}
    .activity-panel-wrap .panel-actions .btn-primary i {padding:0;}
    .modal-top-choice .modal-header i {padding:0;}
    .page-content .modal-top-choice .modal-title {padding:0;}
    .modal-top-choice .btn-primary {background-color:#0E7AA4;}
    .modal-top-choice .btn-primary:hover {background-color:#006A98 !important; color: #fff;}


    /* responsive */
    @media only screen and (max-width: 991px) {

        .panel-item-wrap .item-left {width: 100% !important;}
        .panel-item-wrap .item-right {width: 100% !important;;float: left !important;padding-left: 55px;}

    }
    @media only screen and (max-width: 768px) {

        .activity-panel-wrap .panel-actions .btn-primary {display:block;float:none;width:100%}
        .activity-panel-wrap .panel-actions .btn-explore {float:none;}
        .modal-top-choice .rating {width: 100%;float: none !important;margin-top: 5px;}
        .modal-top-choice .radio-box .label-title {max-width:unset;}

    }


    @media only screen and (max-width: 640px) {

        .activity-panel-wrap .panel-actions .btn-primary { width:100%; }
        .panel-item-wrap .item-left .item-icon {float:none !important;margin-bottom:10px;}
        .panel-item-wrap .item-right {padding-left:0;}

    }
    @media only screen and (max-width: 480px) {

        .panel-item-wrap .item-right .rating-group { width:100%;margin-bottom:5px; }
        .panel-item-wrap .item-right .add-note {margin-right:20px;}
        .panel-item-wrap .item-right .btn-remove {float:none !important;}

    }


/* saved scholarships */
 .activity-panel-body .scholarship-item-wrap {
    box-shadow: 0px 4px 20px rgba(161, 180, 189, 0.15);
    border-bottom: none;
    padding: 10px 15px;
    border-radius: 6px;
    margin-bottom: 10px;
  }
  .activity-panel-body .scholarship-meta-icon {
    background-color: #E8F7EF;
    height: 40px;
    width: 40px;
    display: inline-block;
    float: left;
    border-radius: 30px;
    text-align: center;
    color: #5BBCB1;
    padding: 11px 0;
    font-size: 18px;
    margin-right: 15px;
  }
  .activity-panel-body .scholarship-item-wrap h4 {
    font-size: 14px;
    color: #014466;
    margin-bottom: 0;
    margin-top: 12px !important;
    float:left;
  }
  .activity-panel-body .scholarship-item-wrap p {
    margin-top: 5px;
    padding: 5px 0;
    margin-bottom: 0;
  }



/* sign in help pages */

#signInContainer .pageContent.sign-in-help h2 {
  padding-left: 0px;
}

.sign-in-help .border-left {
  border-left: 1px solid #eee;
  margin-top: 0px;
  min-height: 400px;
}

.sign-in-help .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;
}

.sign-in-help .panel-wrap .panel-header {
  padding: 10px 20px;
  border-bottom: 1px solid #eee;
}

.sign-in-help .panel-wrap .panel-header h3 {
  font-size: 16px !important;
}

.sign-in-help .panel-wrap .panel-body {
  padding: 15px 20px;
}

.sign-in-help .text-primary {
  color: #0E7AA4;
}

.sign-in-help strong {
  font-weight: normal;
}

.sign-in-help .link-text {
  font-weight: 500;
}

.sign-in-help label {
  font-size: 14px;
  display: inline-block;
  margin-right: -20px;
  padding-top: 15px;
}

.sign-in-help select.form-control {
  background: #fff url(../../Images/SavedColleges/icon-arrow.png) no-repeat top 14px right 5px;
  width:auto;
  background-size: 9px auto;
  color: #6a6a6a;
  border: 1px solid #a0acc3;
  -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;
  display: inline-block;
  padding: 5px;
}

.sign-in-help input[type=text] {
  padding: 6px 12px;
  margin-bottom: 5px;
}

.sign-in-help ul.button-list {
  list-style: none;
  margin: 20px 0px;
}

.sign-in-help p,
.sign-in-help ul li {
  font-size: 0.875rem;
  line-height: 20px;
}

.sign-in-help p.note-info {
  padding: 10px 20px;
  margin: 20px 0px;
}

.sign-in-help .note-warning {
  background-color: #FFF4DE !important;
  width: 100%;
  float: left;
  padding: 15px 15px 15px 20px;
  border-left: 4px solid #FFA800;
  border-radius: 4px;
  margin: 10px 0px;
}

.sign-in-help .note-error {
  background-color: #FFE2E5 !important;
  width: 100%;
  float: left;
  color: #F64E60;
  font-size: 14px;
  padding: 15px 15px 15px 20px;
  border-left: 4px solid #F64E60;
  border-radius: 4px;
  margin-bottom: 30px;
}

.sign-in-help .error-message {
  color: #F64E60;
  font-size: 14px;
  padding-left: 16px;
  display: inline-block;
}

.sign-in-help .user-name {
  font-size: 14px;
  margin-top: 10px;
  color: #014466;
  font-weight: 600;
}

.sign-in-help .btn-primary {
  font-size: 14px!important;
  display: inline-block;
  border-radius: 300px;
  margin-bottom: 0px;
}

.sign-in-help .btn-primary.wide {
  display: block!important;
  border-radius: 300px;
  margin-bottom: 16px;
  white-space:normal;
}

.sign-in-help .btn-primary.password:before {
  font-family: "FontAwesome";
  content: "\f023";
  display: inline-block;
  padding-right: 5px;
  font-weight: 400;
}

.sign-in-help .btn-primary.username:before {
  font-family: "FontAwesome";
  content: "\f007";
  display: inline-block;
  padding-right: 5px;
  font-weight: 400;
}

.sign-in-help .btn-primary.submit:before {
  font-family: "FontAwesome";
  content: "\f00c";
  display: inline-block;
  padding-right: 5px;
  font-weight: 400;
}

.sign-in-help .btn-primary.request:before {
  font-family: "FontAwesome";
  content: "\f1d9";
  display: inline-block;
  padding-right: 5px;
  font-weight: 400;
}

.sign-in-help .btn-primary.go:after {
  font-family: "FontAwesome";
  content: "\f105";
  display: inline-block;
  padding-left: 5px;
  font-weight: 400;
}

.sign-in-help .btn-primary.send:before {
  margin-right: 5px;
  font-family: "FontAwesome";
  content: "\f1d8";
  display: inline-block;
  color: #fff;
  vertical-align: bottom;
}

.sign-in-help .btn-default.cancel:before {
  margin-right: 5px;
  font-family: "FontAwesome";
  content: "\f00d";
  display: inline-block;
  color: #0E7AA4;
  vertical-align: bottom;
}

.sign-in-help .btn-default.cancel {
  border-radius: 46px;
  color: #0E7AA4!important;
}

.sectionbox#talktous{
    padding:10px 0px;
}

@media (max-width: 769px) {
	.sign-in-help .text-right {
		text-align: left;
	}
	.sign-in-help .form-group .col-xs-12 label {
		padding-top: 0px;
	}
	.sign-in-help .form-group {
		margin-bottom: 0px;
	}
	.sign-in-help .form-group .col-xs-12 {
		width: 100%;
	}
	.sign-in-help .btn-primary.wide {
		white-space: normal;
	}
}

@media (max-width: 640px) {
	.sign-in-help .btn {
		margin-bottom: 0px;
		margin-right: 10px;
		margin-top:10px;
	}
	.sign-in-help hr {
		margin-top: 30px;
		margin-bottom: 0px;
	}
	.sign-in-help .form-group {
		margin-bottom: 0px;
	}
	#main .pageContent h2 {
		font-size: 1rem;
		padding-left: 0px !important;
	}
	#mainpanel .sign-in-help h3 {
		font-size: 1rem !important;
		margin-top: 20px;
	}
	.sign-in-help ul {
		padding-left: 20px;
	}
	.sign-in-help .border-left {
		border-left: none;
		border-top: 1px solid #eee;
		margin-top: 20px;
		min-height: inherit;
	}
}

/* File Upload */
.file-upload h4 {
    color: #014466;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding-bottom: 0;
    text-transform: capitalize;
}
.file-upload .file-attachment {
    padding-top: 14px;
}
.file-upload .file-attachment a {
    font-weight: 400 !important;
    font-size: 13px;
}
 .file-upload .file-attachment a:hover {
    text-decoration: none;
}
.file-upload #uploadModal .modal-header,
.file-upload .modal-header {
    padding: 13px 20px;
    background: #23527c;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.file-upload #uploadModal .modal-header .close,
.file-upload .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;
}
.file-upload #uploadModal .modal-header .modal-title {
    color: #fff !important;
    margin: 0;
}
.file-upload .btn,
.file-upload input[type=file]::-webkit-file-upload-button {
    -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: 400;
    padding: 6px 12px;
    width: unset;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    margin-bottom: inherit;
}
.file-upload a.btn-secondary {
    background-color: #eef1f5;
    border: 1px solid #eee !important;
    color: #316ebe;
    padding: 5px 8px;
    border-radius: 0px;
    margin-top: 5px;
}
.file-upload .btn-secondary:hover,
.file-upload .btn-secondary:focus {
    background-color: #eee;
    color: #23527c;
    text-decoration: none;
}
.file-upload .btn-primary,
.file-upload input[type=file]::-webkit-file-upload-button {
    background-color: #0E7AA4;
    color: #fff !important;
    border: none;
    text-transform: capitalize;
    font-family: inherit;
}
.file-upload .btn-primary:hover,
.file-upload input[type=file]::-webkit-file-upload-button:hover,
.file-upload .btn-primary:focus,
.file-upload input[type=file]::-webkit-file-upload-button:focus,
.file-upload .btn-primary:active,
.file-upload input[type=file]::-webkit-file-upload-button:active {
    background-color: #23527c;
    color: #fff !important;
    text-decoration:none;
    outline:none;
}
.file-upload .btn-primary.disabled:hover,
.file-upload .btn-primary[disabled]:hover {
    background-color: #0E7AA4 !important;
    color: #fff !important;
}
.file-upload .btn-default {
    border-color: #eee;
    font-weight: 600;
    color: #0E7AA4;
    text-transform: capitalize;
    font-family: inherit;
}
.file-upload .btn-default:hover,
.file-upload .btn-default:focus,
.file-upload .btn-default:active {
    background-color: #eee;
    color: #23527c;
    box-shadow: none;
    text-decoration: none;
}
.file-upload .modal-footer .btn,
.file-upload input[type=file]::-webkit-file-upload-button {
    border-radius: 25px;
    cursor:pointer;
}
.file-upload .mr-5 {
    margin-right: 5px;
}
.file-upload #uploadModal .my-drop-zone {
    border: dotted 3px lightgray;
}
.file-upload button {
    overflow: visible;
    width: auto;
}
.file-upload button.link {
    text-align: left;
    color: #0E7AA4;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
     -moz-user-select: text;
}
.file-upload button.link:before {
    color: #0E7AA4;
    content: '\f093';
    font: 14px/1 FontAwesome;
    margin-right: 5px;
    position: relative;
}
.file-upload button.link:after {
    content: "\f105";
    font-family: FontAwesome;
    padding-left: 4px;
}
.file-upload button.link span {
    text-decoration: underline;
}
.file-upload input[type="file"] {
    color: #fff;
    width: 110px;
}
.file-upload button:focus {
    outline: none !important;
}
.file-upload .btn-row input {
    top: 0;
    cursor: pointer;
    display: inline-block;
}
.file-upload .btn.sm {
    font-size:12px;
    padding:4px;
}
.file-upload .rightsectiontop a:hover {
    text-decoration:none;
}
.file-upload p.inline-block {
    display:inline;
}
.file-upload .table {
    font-size: 12px;
}

/* Textarea resize */
textarea {
  resize: vertical;
}

/* prepare for college page */

#main .prepare-for-college .sectionbody {
	margin: 0 30px 0px 25px;
}
#main .prepare-for-college .sectionbody h3.title-main {
	font-size: 20px !important;
	font-weight: 600;
	color: #014466;
	margin: 0 0 15px;
}
#main .prepare-for-college .sectionbody h4,
#main .prepare-for-college .sectionbody .articleListCategoryName {
	font-size: 15px;
	color: #014466;
	margin-bottom: 10px;
	font-weight: 600;
	margin-top: 0;
}
#main .prepare-for-college .sectionbody .college-questions .articleListCategoryName:before {
	color: #161846;
	font-family: "FontAwesome";
	content: "\f059";
	display: inline-block;
	margin-right: 5px;
	font-size: 18px;
}
#main .prepare-for-college .sectionbody h3 i, #main .prepare-for-college .sectionbody fas {
	color: #01A4CF;
}
#main .prepare-for-college .fa-question-circle {
	font-size: 20px;
}
#main .prepare-for-college .sectionbody .sectionlink a:after,
#main .prepare-for-college .sectionbody p a:after,
#main .prepare-for-college .sectionbody #prepareQuestions ul li a:after,
#main .prepare-for-college .sectionbody .subCategoryPanel ul li a:after,
#main .prepare-for-college .sectionbody .articleListPanel ul li a:after {
	padding-left: 5px;
	font-family: "FontAwesome";
	content: "\f105";
	display: inline-block;
	vertical-align: bottom;
	color: #0E7AA4 !important;
}
#main .prepare-for-college .sectionbody .articleList ul li a:after,
#main .prepare-for-college .sectionbody .sectionlink a:before,
#main .prepare-for-college .sectionboxwide ul li a:before,
#main .prepare-for-college .sectionbody .adult-learner ul li a:after {
	display: none !important;
}
#main .prepare-for-college .sectionbody a {
	color: #0E7AA4 !important;
	font-weight: 600;
	text-decoration: none !important;
}
#main .prepare-for-college .sectionbody .note-warning a {
	color: #0E7AA4 !important;
}
#main .prepare-for-college .sectionbody a:hover {
	color: #000 !important;
	text-decoration: none !important;
}
#main .prepare-for-college .sectionbody .articleListPanel ul {
	margin-left: -40px;
}
#main .prepare-for-college .sectionbody .note-warning.college-questions ul {
	margin-top: 10px;
	margin-bottom: 0px;
}
#main .prepare-for-college .sectionbody .subCategoryPanel ul li,
#main .prepare-for-college .sectionbody #prepareQuestions ul li,
#main .prepare-for-college .sectionbody .articleListPanel ul li {
	font-size: 14px;
	line-height: 20px;
	padding: 0 0 5px 0px !important;
	list-style: none !important;
}
#main .prepare-for-college .sectionbody .adult-learner ul {
	margin-left: 0px;
    margin-top: 20px;
}
#main .prepare-for-college .sectionbody .adult-learner ul li {
	list-style: disc !important;
	float: left;
	width: 50%;
	line-height: 18px;
}
#main .prepare-for-college .sectionbody .note-warning.college-questions {
	padding-top: 20px;
	margin-top: 10px;
}
#main .prepare-for-college .sectionbody .note-warning {
	float: left;
	background: #FEF9F1;
	padding: 10px 25px 25px 30px;
	border-left: 4px solid #F3BD5F;
	border-radius: 4px;
	margin-bottom: 30px;
	margin-right: 40px;
}
#main .prepare-for-college .sectionbody .note-warning p {
	color: #6a6a6a;
	margin-bottom: 0;
}

 a.external-icon-link:after {
    font-family: "Font Awesome 5 Free";
    content: "\f35d";
    display: inline-block;
    margin-left: 4px;
    margin-right: 2px;
    vertical-align: bottom;
    font-weight: 600;
}

a.video-icon-link:after {
    font-family: "Font Awesome 5 Free";
    content: "\f03d";
    display: inline-block;
    margin-left: 4px;
    margin-right: 2px;
    vertical-align: bottom;
    font-weight: 600;
}

a.pdf-icon-link:after {
    font-family: "Font Awesome 5 Free";
    content: "\f1c1";
    display: inline-block;
    margin-left: 4px;
    margin-right: 2px;
    vertical-align: bottom;
    font-weight: 400;
}

a.powerpoint-icon-link:after {
    font-family: "Font Awesome 5 Free";
    content: "\f1c4";
    display: inline-block;
    margin-left: 4px;
    margin-right: 2px;
    vertical-align: bottom;
    font-weight: 400;
}

a.word-icon-link:after {
    font-family: "Font Awesome 5 Free";
    content: "\f1c2";
    display: inline-block;
    margin-left: 4px;
    margin-right: 2px;
    vertical-align: bottom;
    font-weight: 400;
}

a.excel-icon-link:after {
    font-family: "Font Awesome 5 Free";
    content: "\f1c3";
    display: inline-block;
    margin-left: 4px;
    margin-right: 2px;
    vertical-align: bottom;
    font-weight: 400;
}

/* upload control */
.upload-control .file-upload {
        margin-bottom: 0 !important;
      }
    .upload-control .sub-heading {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #014466 !important;
        margin: 20px 0 10px;
      }
    .upload-control .file-upload {
        margin-bottom:80px;
    }
    .upload-control .well {
        text-align: center;
        padding: 50px 20px;
        background-color: #fff;
        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);
    }
    .upload-control .well div p {
        margin:0;
        padding:0;
    }
    .upload-control .well div p:first-child {
        font-size:14px;
        font-weight:600;
        color:#014466;
        margin-bottom:3px;
    }
    .upload-control .well div p small {
        font-size:12px;
        font-weight:400;
        color:#6a6a6a !important;
    }

    .upload-control .alert-danger {
        color: #333;
        background-color: #FAEFEB;
        padding: 10px 15px !important;
        display: inline-block;
        margin-top: 10px !important;
        border: none;
    }
    .upload-control .alert-danger i {
        color: #EE825C;
    }
    .upload-control .btn-row .btn-or {
        text-align:center;
    }
    .upload-control .btn-row .btn-options {
        text-align:center;
    }
    .upload-control .btn-row .btn-options button {
        margin: 0 3px;
        font-weight: 600;
        padding: 7px 20px;
        border: none;
        border-radius:30px;
    }
    .upload-control .btn-row .btn-options button i {
        color:#fff !important;
    }
    .upload-control .btn-row .btn-options button:hover {
        background-color: #006A98 !important;
    }
    .upload-control .btn-row .btn-msg {
    }
    .upload-control .file-wrap {
        background-color: #F2FAFB;
        padding:30px 30px 20px;
        margin-top:30px;
        border-radius:10px;
    }
    .upload-control .file-wrap .file-item {
        background-color: #fff;
        box-shadow: 0px 2px 24px 0px rgba(69, 88, 105, 0.09);
        border-radius:8px;
        margin-bottom:10px;
        padding: 10px 20px;
        width:100%;
    }
    .upload-control .file-wrap .file-item a {
        color:#0E7AA4 !important;
        font-weight:600;
    }
    .upload-control .file-wrap .file-item a:hover {
        color:#014466 !important;
        text-decoration:none;
    }
    .upload-control .file-wrap .file-item .file-anchor {
        width: 70%;
        display: inline-block;
    }
    .upload-control .file-wrap .file-item .file-date {
        width: 15%;
        display: inline-block;
    }
    .upload-control .file-wrap .file-item .file-btn {
        width: 15%;
        display: inline-block;
        text-align:right;
    }
    .upload-control .file-wrap .file-item .file-btn .btn-default {
        background:#fff;
        border:2px solid #0E7AA4 !important;
        border-radius:6px;
        padding:5px 15px;
        margin:0;
        margin-top:-2px;
        font-size:14px;
    }
    .upload-control .file-wrap .file-item .file-btn .btn-default:hover,
    .upload-control .file-wrap .file-item .file-btn .btn-default:active,
    .upload-control .file-wrap .file-item .file-btn .btn-default:focus {
        background: #006A98 !important;
        border-color:#006A98 !important;
        color:#fff !important;
    }

    .loading-bkgd {
        position: fixed;
        z-index: 100;
        text-align: center;
        width: 100%;
        top: 0;
        left: 0;
        height: 100vh;
    }
    .loading-bkgd .loading-spinner {
        margin: 0 auto;
        width: 200px;
        background: rgba(255, 255, 255, 0.90);
        padding: 30px;
        border-radius: 10px;
        box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.11);
        position: relative;
        top: 35%;
    }
    .loading-bkgd .loading-spinner h3 {
        color:#014466;
        font-size: 16px;
        font-weight: 600;
        margin: 0;
    }
    .loading-bkgd .loading-spinner h3:after {
        display:none;
    }
    .loading-bkgd .loading-spinner p {
        display: block;
    }
    .loading-bkgd .loading-spinner i {
    }

    @media only screen and (max-width: 767px) {

        .upload-control .file-wrap .file-item .file-anchor {width:80%;margin:4px 0;}
        .upload-control .file-wrap .file-item .file-date {width:20%;margin:4px 0;}
        .upload-control .file-wrap .file-item .file-btn {width:100%;text-align:left; margin: 5px 0;}
        .upload-control .file-wrap .file-item .file-btn .btn-default {margin-left:0 !important;}
    }
    @media only screen and (max-width: 640px) {
        .upload-control .file-wrap .file-item .file-anchor {width:100%;margin:4px 0;}
        .upload-control .file-wrap .file-item .file-date {width:100%;margin:4px 0;}
    }
.english {}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800&family=Mulish&display=swap');

/* Body
   ========================================================================== */

body {
	background-color: #fff;
	color: #333333;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	margin: 0;
	padding: 0;
}

a {
	color: inherit;
	cursor: pointer;
	-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;
}

input:-webkit-autofill {
	font-family: 'Montserrat', sans-serif;
}

*:focus {
    outline: none;
}

#uw-skip-to-main {
    display:none;
}

.skip-to-content-link {
    font-size:.5em;
    line-height:.015em;

}

a.skip-to-content-link {
    background: #fff;
    text-decoration: none!important;
    margin: 30px;
    font-size: 14px;
    padding: 20px;
    position: absolute;
    transform: translateY(-220%);
    transition: transform 0.3s;
   z-index: 0;
}

a.skip-to-content-link:focus {
    transform: translateY(0%);
    line-height:1em;
    z-index: 9;
}

input[type=text],
input[type=password],
select,
textarea,
#careerProfile .field input,
.simpleSelectList,
input.pds-textfield,
#mainpanel .sectionbox .interfaceSearchBox,
.searchBox,
.questionAnswer input,
.questionAnswer select,
#distanceSearch .field input,
#distanceSearch .field select {
	display: inline-block;
	padding: 8px 12px;
	font-size: .9rem;
	height: auto;
	line-height: 1.42857143;
	background-color: #fff;
	background-image: none;
	border: 1px solid #C2CAD8;
	border-radius: 4px;
	-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;
}

.sectionbox {
	padding: 30px 40px!important;
}

.sectionbox strong {
    font-weight: bold;
}

p,
.sectionboxwide p {
	font-size: 14px;
}

.ui-select-multiple input.ui-select-search {
	border: 0px solid #fff !important;
	padding: 6px 12px !important;
}

.ui-multiselect .ui-multiselect-label {
	padding: 6px 12px !important;
}

.ui-multiselect .ui-multiselect-trigger .fa {
	margin-top: .4em;
	margin-left: -.25em;
}


/* Redesign colors
   ========================================================================== */

.tile-wrap.tile-full.index .tile-content i {
	color: #017c9c!important;
}

ul.portfolio-pill-list li a {
	color: #22415F !important;
	font-size: 14px;
}

ul.portfolio-pill-list li a:hover {
	border: 1px solid #22415F !important;
	text-decoration: none;
}

h2 i,
fas {
	color: #01A4CF;
}

a.btn-round {
	background-color: #017C9C;
	border-color: #017C9C;
}

.tile-wrap .tile-icon {
	background-color: #E4F5FA !important;
	color: #017c9c!important;
}

.sectionflex.tile-mr-1 {
	margin-right: 10px;
	margin-top: 30px;
}

.tile-wrap .tile-content .title {
	font-family: 'Montserrat', sans-serif;
	color: #22415F !important;
	line-height: 1em;
}

.tile-wrap .tile-content .title:hover,.tile-wrap .tile-content .title:focus {
	color: #000 !important;
}

.tile-wrap.tile-progress .title {
    padding: 0 2rem!important;
}

.tile-wrap .tile-content .text {
	font-family: 'Montserrat', sans-serif;
}

.tile-wrap .tile-content {
    width: 84%;
}

.tile-wrap.tile-full .tile-content a.title:hover {
	color: #017c9c!important;
}

.tile-wrap.tile-full .tile-btn .btn-round:hover {
	background-color: #22415F !important;
	border-color: #22415F !important;
}

.tile-wrap.tile-progress .tile-content .duration i {
	color: #017c9c!important;
}

.tile-wrap.tile-progress .tile-icon.icon-progress {
	background-color: #e5f5f6 !important;
}

.tile-wrap.tile-progress .tile-icon.icon-progress i {
	color: #179BA6;
}

.tile-wrap.tile-progress .tile-icon.icon-complete {
	background-color: #5BBCB1 !important;
}

.tile-wrap.tile-progress .start-progress {
	background-color: #e5f5f6 !important;
}

.tile-wrap.tile-progress .start-progress .progress-bar {
	background-color: #179BA6;
}

.tile-wrap.tile-2third {
	border-left: 4px solid #A5D24C !important
}

.tile-wrap.tile-2third .list-links li a {
	color: #017c9c !important;
	font-size: 14px;
	font-weight: 600;
}

.tile-wrap.tile-2third .list-links li a:hover {
	color: #22415F !important;
}

#job-banks .jobbank-links li a {
	color: #017c9c !important;
}

#job-banks .jobbank-links li a:hover {
	color: #22415F !important;
}

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

.sectionbox .icons {
	color: #FF6E15;
}

.sectionboxwide .icons {
	color: #FF6E15;
	width: 13%;
	text-align: right;
}

.sectionbox .fa-circle,
.sectionboxwide .fa-circle,
.sectionbox-progress .fa-circle {
	color: rgba(255, 110, 21, 0.15);
}

.sectionbox-progress .fa-edit {
	color: #FF6E15 !important;
}

.sectionboxwide {
	width: 98%;
	max-width: 100%;
	margin: 1px 0px 10px;
}

.sectionflex .sectionbox {
	padding: 1.625rem 0;
}

#mainpanel .sectionboxwide h3 a:hover {
	color: #179BA6 !important;
	text-decoration: none;
}

.rightsection .interfaceSearchPanel .btn-primary {
	background-color: #01A4CF;
	border: transparent;
}
.interfaceSearchPanel .btn-search {
        padding:7px 11px !important;
    }
.rightsection .interfaceSearchPanel .fa-search:before {
	content: "\f002";
	line-height: 24px;
}

.rightsection .sectionlist li a:after {
	content: "\f105";
	font-family: FontAwesome;
	padding-left: 4px;
}

.rightsection .sectionlist li a {
	font-weight: 600;
}

.rightsection,
#rightsection,
.rightsection p,
#rightsection p {
    padding: 0px 10px 10px 0px;
	text-align: left;
	line-height: 1.2em;
	color: #333333 !important;
	font-size: 14px !important;
}

.sectionlink a:before {
	display: none;
}

@media (max-width: 916px) {
	.tile-wrap.tile-progress {
		margin: 0px 0px 20px 0px !important;
		padding-top: 20px;
	}
}
@media (max-width: 640px) {
	.tile-wrap.tile-progress {
		width: 100% !important;
	}
}

/* Navigation
   ========================================================================== */

.margin-fix {
	margin: 0;
}

.margin-fix #topbar-ttu,
.margin-fix #topbar-soc,
.margin-fix #topbar-translate,
.margin-fix #topbar-utility {
	margin: 5px 0px;
}

.margin-fix #topbar-ttu ul,
.margin-fix #topbar-soc ul,
.margin-fix #topbar-utility ul {
	top: -1px;
}

#topbar {
	background: #22415F;
	color: #fff;
	padding: 1rem;
}

#topbar-translate {
	margin-right: 6px;
	margin-left: 0;
}

#topbar-soc ul {
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
	top: 1px;
}

#topbar-soc .twitter-logo {
	padding-top: 6px;
}

#topbar-soc ul.no-divider li {
	display: inline-block;
	float: left;
	position: relative;
	margin-right: 5px;
}

#topbar-soc ul.no-divider li a {
	display: inline-block;
	border-radius: 6.25rem;
	background: #16324E;
	color: #fff;
	width: 30px;
	height: 30px;
	text-align: center;
	-webkit-transition: background 250ms ease-in-out, color 250ms ease-in-out;
	transition: background 250ms ease-in-out, color 250ms ease-in-out;
}

#topbar-soc ul.no-divider li a i {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 18px;
}

#topbar-soc ul.no-divider li a:hover {
	background: rgba(0, 0, 0, 0.3);
}

#topbar-soc ul.no-divider li:after {
	display: none;
}

#topbar-translate {
	margin-right: 6px;
	margin-left: 0;
}

#topbar-utility ul.signed-in li:first-of-type:before,
#topbar-utility ul.signed-in li:last-of-type:before {
	content: none;
}

#topbar-ttu ul,
#topbar-utility ul {
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
	top: 1px;
}

#topbar-ttu ul::before,
#topbar-utility ul::before,
#topbar-ttu ul::after,
#topbar-utility ul::after {
	display: table;
	content: ' ';
}

#topbar-ttu ul::after,
#topbar-utility ul::after {
	clear: both;
}

#topbar-ttu ul li,
#topbar-utility ul li {
	display: inline-block;
	text-transform: none;
	font-family: 'Poppins', helvetica, arial, sans-serif;
	font-size: 0.875rem;
	margin-right: .465rem;
	position: relative;
}

#topbar-ttu ul li:after,
#topbar-utility ul li:after {
	content: "\2022";
	color: #fff;
	padding-left: 1rem;
}

#topbar-ttu ul li:last-child,
#topbar-utility ul li:last-child {
	margin-right: 0;
}

#topbar-ttu ul li:last-child:after,
#topbar-utility ul li:last-child:after {
	display: none;
}

#topbar-ttu ul li a,
#topbar-utility ul li a {
	font-family: 'Montserrat', sans-serif;
	color: #fff !important;
	font-size: 14px;
	font-weight: 600;
	-webkit-transition: color 250ms ease-in-out;
	transition: color 250ms ease-in-out;
}

#topbar-ttu ul li a:hover,
#topbar-utility ul li a:hover {
	color: #fff !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;
}

#topbar-ttu ul li a:focus,
#topbar-utility ul li a:focus,
#topbar-ttu ul li a:active,
#topbar-utility ul li a:active {
	text-decoration: none;
}

#primarynav {
	background: none;
	padding: 0;
	margin-top: 0;
}

#primarynav ul#navigation {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	float: right;
	padding-right: 0px !important;
}

#primarynav ul#navigation li {
	text-indent: 0;
}

#primarynav ul#navigation li a {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	background: none;
	display: inline-block;
	width: auto !important;
	color: #22415F;
	height: auto;
	font-weight: 800;
	line-height: 17px;
	letter-spacing: .7px;
}

#primarynav ul#navigation li a:hover,#primarynav ul#navigation li a:focus {
	color: #54822f !important;
}

#primarynav ul#navigation li.selected a {
	color: #54822f !important;
}

#primarynav ul#navigation li:first-child {
	display: none;
}

#primarynav ul#navigation #HighSchoolPlanning,
#primarynav ul#navigation #CollegePlanning,
#primarynav ul#navigation #FinancialAidPlanning,
#primarynav ul#navigation #OfftoWork {
	max-width: 139px;
	margin-left:35px;
}

#primarynav ul#navigation #CareerPlanning {
	max-width: 139px;
	margin-left:0px;
}

#primarynav ul#navigation #YourPortfolio {
    max-width: 100px;
    margin-left: 30px;
}

#primarynav ul#navigation #FinancialAidPlanning,
#primarynav ul#navigation #HighSchoolPlanning {
	margin-left: 5px;
}

#navigation #OfftoWork a {
	padding-right: .475rem;
}

#primarynav ul#subnavigation:not(.HomeSub) {
	margin-top: 0.625rem;
	background: none;
	border-top: 1px solid #000;
	padding: 0.625rem 0 0 0;
	margin-bottom: .625rem;
}

#primarynav ul#subnavigation li {
	margin-left: 35px;
	float:left;
}

#primarynav ul#subnavigation li a {
	padding: 0;
	color: #22415F !important;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: normal;
}

#primarynav ul#subnavigation li a:hover,#primarynav ul#subnavigation li a:focus {
	color: #54822f !important;
	text-decoration: none;
}

#primarynav ul#subnavigation li.selected a {
	color: #54822f !important;
}


#whoareyou h3 {
	overflow: hidden;
	text-align: center;
}

#whoareyou h3:after {
	background: linear-gradient(to right, #161846, white);
	content: "";
	display: inline-block;
	height: .104rem;
	position: relative;
	vertical-align: middle;
	width: 50%;
	margin-top: -.675rem;
}

#whoareyou h3:before {
	background: linear-gradient(to left, #161846, white);
	content: "";
	display: inline-block;
	height: .104rem;
	position: relative;
	vertical-align: middle;
	width: 50%;
	margin-top: -.675rem;
}

#whoareyou h3:before {
	right: 0.5em;
	margin-left: -50%;
}

#whoareyou h3:after {
	left: 0.5em;
	margin-right: -50%;
}

.role-icons img {
	max-width: 100%;
	max-height: 35px;
	float: left;
	margin-right: 5px;
}

a.active {
	border-bottom: 5px solid #01A4CF;
	margin: 20px 0px;
	color: #A5D24C;
}

way-item {
	margin-bottom: 30px;
}

.role-icons {
	display: inline;
}

.grid-container {
	max-width: 73.125rem;
}

#portfolioSubnavigation .selected a {
	color: #A5D24C;
	text-decoration: none;
}

#portfolioSubnavigation a {
	color: #22415F;
	text-decoration: none;
	font-weight: 400;
	font-size: 12px;
}


/* 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;
	z-index: 1;
}

#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.9375rem;
	margin-left: 0.625rem;
}

#mobile-menu-toggle a.close-menu:after {
	content: "\f00d";
}


/* Sidebar
   ========================================================================== */

#main-rightbar {
	width: 23%;
	padding: 0;
}

div#rightbarcontent:first-child {
	padding-top: 0;
	height: 100%;
	border-top: 1px solid #EEEEEE;
	margin-top: 87px;
}

#rightbar .simpleForm {
	width: 100%;
}

.panel-wrap.cl-widget .panel-body {
	padding: 0 !important;
}

.rightsection .simpleForm tbody {
	display: block;
}

.rightsection .simpleForm tbody td {
	display: block;
}

.rightsection .simpleForm tbody tr:last-child {
	margin-top: 0.625rem;
}

.rightsection .simpleForm input[type="text"],
.rightsection .simpleForm input[type="password"] {
	font-size: 0.8125rem !important;
	border-radius: 0.1875rem;
	outline: 0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	text-align: left;
	line-height: 1.21428571em;
	padding: .67857143em 1em;
	background: #fff;
	border: 1px solid rgba(34, 36, 38, 0.15) !important;
	color: rgba(0, 0, 0, 0.87);
	border-radius: .28571429rem;
	-webkit-transition: box-shadow .1s ease, border-color .1s ease;
	-webkit-transition: border-color .1s ease, -webkit-box-shadow .1s ease;
	transition: border-color .1s ease, -webkit-box-shadow .1s ease;
	transition: box-shadow .1s ease, border-color .1s ease;
	transition: box-shadow .1s ease, border-color .1s ease, -webkit-box-shadow .1s ease;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.rightsection .simpleForm input[type="text"]:focus,
.rightsection .simpleForm input[type="password"]:focus {
	border-color: #85b7d9 !important;
	background: #fff;
	color: rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.rightsection .logonButton {
	border: 1px solid #017c9c;
	background: #017c9c;
	display: inline-block;
	border-radius: 83.5625rem;
	margin-bottom: 1rem;
	color: #fff;
}

.rightsection a.logonButton {
	color: #fff !important;
	padding: 4px 8px;
}

.rightsection a.logonButton:hover,
.rightsection a.logonButton:focus,
a.css-vot.rightsection .logonButtone-button.pds-vote-button:hover {
	background-color: #22415F !important;
	color: #fff !important;
	border: 1px solid #22415F !important;
	text-decoration: none;
	-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;
}

.rightsectiontop {
    overflow: hidden;
    margin: 30px 0 0rem 0px;
    padding: 0rem 0rem 0rem;
    background: #fff;
    border: 1px solid #eee;
	box-sizing: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
}

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

.rightsectiontop h3 {
	font-weight: 800;
	font-size: 1rem;
	line-height: 1.8em;
    color: #fff !important;
    text-transform: none !important;
    background-color: #22415F;
	padding-bottom: 5px;
    border-left: 5px solid #267fb4 !important;
    margin-bottom: 14px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
	}

.rightsectiontop h3::after {
	height: 3px;
	display: block;
	width: 40px;
    background: transparent;
	content: '';
}

.rightsectiontop#yourportfolio .rightsectionbottom {
	margin-bottom: 0 !important;
}

.rightsection {
	color: #333;
	font-size: 14px;
	margin-left: 10px;
}

/* Tabbed Content - Sidebar
   ========================================================================== */

.tfnavtabs li.menuItemActive a,
.tfnavtabs li.menuItemActive a:disabled,
.tfnavtabs li span.description {
	color: #EE825C !important;
}

.tfnavtabs li a,
.tfnavtabs li span.description {
	display: block;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
}

.tfnavtabs li.description {
	color: #013047;
}

.tfnavtabs li.menuItemActive {
	background: #fff;
}

.tfnavtabs li {
	background: none;
}

/* Header
   ========================================================================== */

#main-header {
	background: #fff;
	box-shadow: 0px 3px 15px rgb(161 180 189 / 30%);
	position: relative;
	z-index: 5;
	padding: 30px 10px;
}

#search-site {
	font-size: 1.25rem;
	position: relative;
}

#search-site-dropbox {
    top: -13px;
    right: -240px;
    padding: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.bcs-query-rewrite a, .bcs-result a {
	color: #01A4CF!important;
	font-family: 'Montserrat', sans-serif!important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: 'Montserrat', sans-serif!important;
}

#responsive-logo {
	display: none;
	text-align: center;
	margin: 45px 0 0 0;
}

#responsive-logo h1 {
	padding: 0;
	margin: 0rem 3.125rem 0rem 0rem;
}

.norm-logo h1 {
	padding-right: 15px;
	margin: 0;
}

#responsive-logo h1 a,
.norm-logo h1 a {
	background-image: url("/Images/ok/logo.png");
	background-repeat: no-repeat;
	width: 360px;
	height: 48px;
	background-size: 360px 48px;
	text-indent: -9000px;
	display: inline-block;
	position: relative;
}


/* Page Layout
========================================================================== */

#page {
	background: #fff;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
}

#main {
	padding: 0 !important;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

#mainbody {
	width: 100%;
}

#main-content {
	width: 100% !important;
	max-width: 73%;
	background: none;
	float: none;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	min-height: 0px;
	min-width: 0px;
}

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

#main-content.no-sidebar .pageContent {
	padding: 30px 0px!important;
}

#mainpanel {
	width: 100% !important;
	max-width: 100%;
	padding: 1.25rem 0 1.25rem 1.25rem;
	background: transparent;
	margin-bottom: 3rem;
}

#signInBox {
	width: 100% !important;
	max-width: 100%;
	background: #fff;
}

#signInBox h2:before {
	font-family: "FontAwesome";
	content: "\f234";
	display: inline-block;
	padding-right: 5px;
	font-weight: 400;
	color: #01A4CF;
}

#main-rightbar {
	width: 27%;
	padding-right: 1.25rem;
}

.pageContent {
	padding: 0rem 0.625rem !important;
}


/* Footer
   ========================================================================== */

#main-footer {
	font-family: 'Mulish', sans-serif;
	background: #22415F;
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	padding-bottom: 60px;
}
#main-footer-sponsors a span {
	background: #fff!important;
}
#main-footer-sponsors {
	background: #A5D24C;
	padding: 20px 20px 32px 20px;
	margin-bottom: 50px;
}
#main-footer-sponsors .grid-margin-x > .cell {
	margin: 0 40px;
}
#main-footer-sponsors .ok-state {
	background-image: url("/Images/ok/logo-ok-state.png");
	width: 156px;
	height: 84px;
	display: inline-block;
}
#main-footer-sponsors .ocap {
	background-image: url("/Images/ok/logo-ocap.png");
	width: 175px;
	height: 75px;
	display: inline-block;
}
#main-footer-sponsors .promise {
	background-image: url("/Images/ok/logo-ok-promise.png");
	width: 216px;
	height: 47px;
	display: inline-block;
}
#main-footer-sponsors .gearup {
	background-image: url("/Images/ok/logo-ok-gear-up.png");
	width: 81px;
	height: 78px;
	display: inline-block;
}
#main-footer hr {
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid #eee;
    opacity: .1;
}
#main-footer p,#main-footer a {
    font-size: 13px;
    color: #fff;
    margin-top: 1rem;
}
#main-footer a {
    text-decoration: underline;
}
#main-footer a:hover,
#main-footer a:active,
#main-footer a:focus {
	color: #a3d55d;
	text-decoration: none;
}

/* Typography
   ========================================================================== */

#main .dualbox .sectionlink a,
strong a {
	font-weight: 700;
}

#main h2 .subtitle {
	background: none!important;
	display: inline-block;
	color: #22415F;
	margin: 0px;
	font-weight: bold;
	font-size: 1.125rem;
	padding-left: 24px;
	text-transform: uppercase;
	letter-spacing: normal;
}

#main h2 .subtitle:before {
	content: "\f105";
	font-family: FontAwesome;
	margin-left: -10px;
	color: #01A4CF;
	margin-right: 20px;
	font-size: 20px;
}

#mainpanel h2,
#signInBox h2 {
	color: #22415F;
	font-family: 'Montserrat', sans-serif;
	margin: 0px 0 30px 0;
	border-bottom: 1px solid #EEEEEE;
	padding: 0px 0px 5px;
	font-size: 1.25rem;
	font-weight: 800;
	margin-top: 40px;
}

.pageContent h2 a {
	color: #fff !important;
}

#mainbody h2:nth-of-type(2),
#mainpanel h2:nth-of-type(2),
.pageContent h2:nth-of-type(2) {
	background: #fff;
	color: #161846 !important;
	border-left: 0;
}

.pageContent h2 {
	margin-bottom: 1.125rem !important;
}

#article h2,
#main .articleContentPanel h2 {
	border-left: none;
	font-size: 1rem !important;
	line-height: 1.4;
	padding: 0 !important;
	margin: 0 !important;
}

#article h2:after {
	display: none;
}

.articleContentPanel h2 {
	background: none !important;
}

.articleContentPanel h2:after {
	display: none;
}

.sectionprompt {
	font-family: 'Montserrat', sans-serif;
	font-size: inherit;
	clear: both;
	padding: 5px 0px;
	font-weight: inherit;
	color: black;
}

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


h2#talk-to-us:before {
	content: "\f086";
	font-family: "Font Awesome 5 Free";
	padding-right: 4px;
	font-weight: 400;
	color: #01A4CF;
}

h2#your-plan-of-study:before {
	content: "\f007";
	font-family: "Font Awesome 5 Free";
	padding-right: 4px;
	color: #01A4CF;
}

h3,
h3 a,
h3.headerlink,
#main .articleContentPanel h2,
#article step-title,
.articleListCategoryName {
	font-size: 18px;
	color: #22415F !important;
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	text-transform: none;
	font-weight: 700;
}

#focusCareerCluster .portfolioSectionBodyNew h3 {
    margin-left: 150px!important;
}

h3 a:hover {
	text-decoration: none;
}

h3.subtitle {
    background: none!important;
    display: inline;
    font-family: inherit!important;
}

h3.subtitle:before {
	content: "\f105";
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 0.3125rem;
	position: relative;
	top: -1px;
	padding-right: 15px;
}

h4,
h4 a {
	color: #161846 !important;
	font-size: .95rem;
	font-weight: bold;
	margin: 1em 0;
}

h5,
h5 a {
    color: #000 !important;
    margin: 1em 0 0 0;
    padding: 0;
    font-size: .92rem;
    font-weight: bold;
}

h3 a,
h4 a,
h5 a {
	color: #161846 !important;
}

h3 a:hover,
h4 a:hover,
h5 a:hover {
	color: #79BA43 !important;
}

span.headerlink a,
span.headerlink,
#main a span.headerlink {
	color: #ff8023;
	text-transform: uppercase;
	font: bold 13px;
}

#main .articleContentPanel .articleTitle,
#article .subMainCategoryName,
#article .articleListCategoryName {
	color: #ff8023;
	font: bold 16px;
	text-transform: uppercase;
}

#articleIndex .equicolumn p {
	font: 13px;
}

.small {
	color: #000;
	font: 10px;
}

#articleIndex .articleListPanel .articleListCategoryName {
	font-size: .95rem !important;
	font-family: inherit !important;
	color: #000 !important;
}

.alignleft {
	float: left;
	padding: 0.375rem;
}

.alignright {
	float: right;
	padding: 0.375rem;
}

#pagecontrols {
	padding: 18px 0 0 0 !important;
	margin-bottom: 10px;
}

#pagecontrols .printthis a,
#pagecontrols .emailthis a,
#pagecontrols .pdfthis a {
	color: #22415F !important;
	text-transform: unset !important;
	font-weight: 600 !important;
	letter-spacing: unset !important;
	font-size: 14px;
	text-decoration: none !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;
}

#pagecontrols a:hover {
	color: #A5D24C !important;
}

#pagecontrols .printthis a i,
#pagecontrols .emailthis a i,
#pagecontrols .pdfthis a i {
	margin-right: 5px;
	padding-right: 0 !important;
}

#pagecontrols td:nth-child(2) div,
#pagecontrols td:nth-child(4) div {
	margin: 0 5px;
	font-size: 14px;
}

span.headerlink a span.headerfirst,
span.headerlink span.headerfirst {
	color: #22415F;
	font-size: 1rem;
	font-weight: 600;
	text-transform: none;
}

#summaryAccessStudent h3 {
	color: #fff;
}


/* Typography - Links
   ========================================================================== */

a {
	color: #017c9c;
	outline: 0;
	text-decoration: none;
}

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

.sectionbody .sectionlink {
	margin-left: 0 !important;
}

.help-block a {
	font-size: 16px;
}

#main .sectionlink,
.sectionboxwide ul {
	text-align: left;
	padding-right: 5px;
	list-style: none;
	font-size: 0.875rem;
}

.sectionlink a,
.sectionlink li a,
.sectionboxwide li a {
	background: none;
	padding: 0rem;
	margin-left: 0px !important;
	text-transform: none;
	color: #017c9c;
	font-size: 14px;
}

.sectionlink a:hover {
	text-decoration: none !important;
	color: #79BA43 !important;
}

.sectionlink a:hover,
.sectionlink li a:hover {
	color: #22415F;
	background: none !important;
}

.sectionlink a:hover:before,
.sectionlink li a:hover:before {
	color: #22415F;
}

#articleIndex .articleListPanel ul li a,
.subCategoryPanel ul li {
	background: none;
	padding: 0;
}

.subCategoryPanel ul li:before,
#article .articleListPanel ul li:before {
	content: " " !important;
}

#toolsContainer .sectionlink {
	padding: 0rem 0rem 0.625rem 0rem;
}

.sectionlink a:hover,
.sectionLink a:hover {
	background: transparent url("/Images/ok/arw_on.png") 0 7px no-repeat;
}

.articleIndex .articleListPanel ul li {
	background: none !important;
	list-style: none !important;
	border-bottom: none !important;
	padding: 0 !important;
}

.articleIndex .articleListPanel ul li:hover {
	background: none !important;
}

.actionlink a,
.guidewaysNavigator .actionbutton a,
#faithcontent div.sectionlink a.faithHeader {
	background: none;
    color: #01A4CF;
    padding: 2px 0px 4px 2px;
    text-transform: none;
    text-align: center;
    font-weight: 600;
}

.actionlink a:hover,
.guidewaysNavigator .actionbutton a:hover,
#faithcontent div.sectionlink a.faithHeader:hover {
	background: none;
	color: #22415F;
}

.nextlink a:after,
.actionlink a:after,
#main a.pageLinksNext:after,
#main .pageLinksNext a:after,
#main .pageLinks .nextLink a:after {
	content: "\f105";
	font-family: FontAwesome;
	padding-left: 4px;
}

.nextlink a {
	background: none !important;
	font-weight: 600;
	font-size: 0.85rem;
	text-transform: uppercase;
}

#main a.pageLinksNext,
#main .pageLinksNext a,
#main .pageLinks .nextLink a,
#main .pageLinksLast a,
#main .pageLinks .lastLink a,
#main .pageLinksFirst a,
#main .pageLinks .firstLink a {
	background: none !important;
}

.prevlink a:before,
#main a.pageLinksPrev:before,
#main .pageLinksPrev a:before,
#main .pageLinks .previousLink a:before {
	content: "\f104";
	font-family: FontAwesome;
	padding-right: 4px;
}

#main .pageLinksFirst a:before,
#main .pageLinks .firstLink a:before {
	content: "\f104 \f104";
	font-family: FontAwesome;
	padding-right: 4px;
}

#main .pageLinksLast a:after,
#main .pageLinks .lastLink a:after {
	content: "\f105 \f105";
	font-family: FontAwesome;
	padding-left: 4px;
}

.prevlink a {
	background: none !important;
}

#main a.pageLinksPrev,
#main .pageLinksPrev a,
#main .pageLinks .previousLink a {
	background: none !important;
}

#main .pageLinks a:hover,
#main a.pageLinks:hover {
	background-color: #22415F;
}

#main .pageLinksSelected a,
#main span.pageLinksSelected {
	border: none;
	color: #000;
}

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

.articleList ul li {
	margin-bottom: 0.625rem;
}

.articleList ul li:last-child {
	margin-bottom: 0;
}

.articleList ul li a {
	background: none;
	font-weight: 600;
	padding: 0;
	-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;
}

.articleList ul li a:hover {
	color: #22415F;
}


/* Forms
   ========================================================================== */

#main .sectionbox .interfaceSearchBox {
	background-color: #fff !important;
	border: 1px solid #000 !important;
	color: #242424 !important;
	padding: 0.3125rem !important;
	height: 24px;
	top: 0;
}

.interfaceSearchBox {
	margin-right: 0.0625rem;
	position: relative;
	top: -2px;
}

.tfcontrols {
	background: none;
}

#main .tfcontrols .interfaceSearchBox {
	height: 1.5rem !important;
}

.questionAnswer input, .questionAnswer select {
    background-color: #fff !important;
    border: 1px solid #C2CAD8;
    color: #242424 !important;
    padding: 2px;
    margin-left: 5px;
    width: 100%;
}

nav.navbar.sticky-top.undefined {
	margin-left: -1.25rem !important;
}

#careerProfile .field input {
	background-color: #fff !important;
	border: 1px solid #8B8B8B !important;
	color: #242424 !important;
	padding: 5px !important;
}

.talktous .field input {
	background-color: #fff !important;
	border: 1px solid #8B8B8B !important;
	color: #242424 !important;
	padding: 0.3125rem !important;
}

.talktous .label {
	color: #000 !important;
	text-transform: uppercase;
}

.talktous td {
	font-family: 'Montserrat', helvetica, arial, sans-serif;
	font-size: 0.75rem;
}

.talktous .radiogroup {
	color: #000 !important;
	font-family: 'Montserrat', helvetica, arial, sans-serif;
	font-size: 0.75rem;
}

.talktous .textarea textarea {
	background-color: #fff !important;
	border: 1px solid #8B8B8B !important;
	color: #242424 !important;
	padding: 0.3125rem !important;
}

.searchBoxContainer {
	position: relative;
	top: 2px;
}

.searchButtonContainer {
	position: relative;
}

#bcs-results-div .bcs-result h2 {
	background: transparent;
	border-left: none;
	padding: 0;
}

.bcs-result h2 {
	font-family: inherit !important;
	color: #22415F !important;
}

.simpleSelectList,
.searchBox {
	border: 1px solid #000;
	min-height: 1.5rem;
	color: #242424;
	font-family: 'Montserrat', helvetica, arial, sans-serif;
	font-size: 0.75rem;
}

.simpleGoBtn,
.simpleSearchButton,
#main .tfcontrols a.interfaceSearchBtn,
#main a.searchBtn,
.actionbutton a {
    border-left: none;
    position: relative;
    display: inline-block;
    line-height: 21px !important;
    left: -3px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #017c9c !important;
    border: #017c9c solid 2px;
    padding: 7px;
    text-align: center;
    font-size: 1rem;
    color: #fff !important;
    margin-bottom: 1.5rem;
    font-weight: 600;
    width: auto;
    height: auto;
}

.simpleGoBtn:hover,
.simpleSearchButton:hover,
#main .tfcontrols a.interfaceSearchBtn:hover,
#main .tfcontrols a.interfaceSearchBtn:focus,
#main a.searchBtn:hover {
	text-decoration: none;
	color: #161846 !important;
}

.searchButtonContainer {
	height: 29px;
	width: 36px;
}

.ethnicityGroup span.subquestion {
	font-size: 0.6875rem;
}


/* Sectionbox
   ========================================================================== */

.sectionboxtabswide {
    margin: 20px 0px 0px!important;
    background: #eee;
}

.sectionbody table td.narrowcolumn {
	padding-left: 0 !important;
}

.landingpagesection {
	width: 340px;
}

.innerboxmedium,
.smallsection,
.innerboxbig,
.innerboxlargemiddle,
.innerboxhalfmiddle,
#page td.planSummary,
#main td.courseBlock {
	background-color: #FFF;
	border-color: #eee;
}

.innerboxmediummiddle,
.innerboxbigmiddle {
	background: transparent;
	padding: 0rem 0.5rem;
}

.smallsectionmiddle {
	font-size: .825rem;
	color: #000;
}

.roleSelect tr td {
	width: 95% !important;
}

#testpreptable {
	width: 784px !important;
	margin: 0rem 0rem 0.625rem 2.5rem;
}

.innerboxmedium {
	padding: 0.3125rem;
	margin-right: 20px;
}

.innerboxmediumtop {
	padding: 0.1875rem !important;
}

/* Sign In */

#signInBox table table {
	width: 100%;
}

#signInBox table table .field {
	padding-left: 0 !important;
}

#signInBox table table .field input {
	width: 100% !important;
}

#signInBox table table td {
	display: block;
	width: 100%;
}

#signInBox .actionbuttonwide {
	margin: 20px;
}

#signInContainer .pageContent {
	padding-left: 0;
}

#signInBox .field input,
#signInBox .field select,
#signInBox .questionAnswer field {
	background-color: #fff !important;
	border: 1px solid #8B8B8B !important;
	color: #242424 !important;
	padding: 2px !important;
	margin-left: 2px;
	margin-right: 2px;
}

#signinbox input[type=text] {
	width: 100%;
	background-color: #fff;
	background-image: none;
	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;
}

#signInBox .label-r,
#signInBox .questionLabel {
	color: #000;
	font-size: 11px;
}

.optionalHint {
	color: red;
	font-size: 0.6875rem;
}

#signinbox.rightsectiontop .small a:before {
	display: none;
}

#signinbox.rightsectiontop .small a {
	font-weight: 600;
}

#signinbox.rightsectiontop .small a:after {
	content: "\f105";
	font-family: FontAwesome;
	padding-left: 4px;
}
#signinbox.rightsectiontop .small a:hover,
#signinbox.rightsectiontop .small a:focus {
    color:#000!important;
    text-decoration:none;
}

/* Tables
   ========================================================================== */

table.chart tr.row1 td,
table.chart tr:nth-child(even) td {
	background-color: #f2f2f2;
}

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;
}

table.chart th {
	background-color: #DAF5F7;
	font-weight: bold;
	font-size: 0.875rem;
	text-align: center;
}

table.chart th.tableheader {
	background-color: #0098C2;
	color: #fff;
	font-weight: bold;
	font-size: 1rem;
}

table.chart tr.color1 {
	background-color: #DAF5F7;
}

table.chart tr.color2 {
	background-color: #F2F2F2;
}

table.chart tr.color3 {
	background-color: #ffffcc;
}

table.chart td {
	font-size: 0.6875rem;
	vertical-align: top;
}

table.chart td.col1 {
	text-align: left !important;
}

table.chart .subheader td {
	background-color: #DAF5F7;
	font-weight: bold;
	text-align: center;
}

table.coa {
	width: 90%;
	margin: 0.625rem 0rem 0rem;
}

table.coa td {
	padding: 0rem 0.3125rem 0rem 0rem;
	text-align: right;
}

table.chart td,
table.chart th {
	padding: 0.375rem;
	border: 1px solid #000;
	border-width: 1px 1px 0 0;
}

#rates td {
	text-align: right;
}

.timertable {
	margin-bottom: 0.625rem;
}

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

.timertable .body {
	font-size: 0.75rem;
	font-weight: bold;
}

.dataGridHeaderLegend,
#courseplanner .coursePlanTotalRow th.dataGridHeader {
	background: #0098C2;
}

.roleSelect td {
	border-bottom: 1px dotted #0098C2;
}

#articleIndex .equicolumn td {
	vertical-align: top;
	padding: 0rem 0.5rem;
	margin-top: 0;
}

.sectionbody table {
	margin: -0.125rem 0.125rem 1rem 0rem;
}


/* Sample financing plans COA breakdown */

.coa,
table.coa td {
	border-width: 0;
	margin: 0;
}


/* Buttons
   ========================================================================== */

#signInBox a.logonButton,
#signInBox .actionlink a.logonButton {
	margin: 30px;
	display: block;
	font-size: 16px;
	border-radius: 20px;
	font-weight: 600;
	background: #017c9c;
	border: #017c9c solid 1px;
	padding: 6px 14px;
	width: auto;
	height: auto;
}

#signInBox a.logonButton:hover,
#signInBox .actionlink a.logonButton:hover {
	text-decoration: none;
	background: #22415F !important;
	color: #fff !important;
	border: #22415F solid 1px;
}

#signInBox a.logonButton:focus,
#signInBox a.logonButton:active,
#signInBox .actionlink a.logonButton:focus,
#signInBox .actionlink a.logonButton:active {
	background: #22415F !important;
	color: #fff !important;
	border: #22415F solid 1px;
}

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;
}

a .learnmore:hover {
	background: transparent url("/images/ok/btn_90_on.png") 0 0 no-repeat;
	color: #fff;
}

#actionbuttononwide a,
#main a.actionbuttonOnwide,
.actionbuttonwide a {
	background: #017c9c !important;
	border: 1px solid #017c9c;
	display: inline-block;
	color: #fff !important;
	border-radius: 20px;
	padding: 6px 14px;
	font-size: 16px;
	text-align: center;
	font-weight: 600;
	text-transform: none;
	font-family: 'Montserrat', helvetica, arial, sans-serif;
}

#actionbuttononwide a:hover,
#main a.actionbuttonOnwide:hover,
.actionbuttonwide a:hover {
	background: #22415F !important;
	border: 1px solid #22415F;
	color: #fff !important;
	text-decoration: none !important;
}

#actionbuttononwide a:focus,
#actionbuttononwide a:active,
#main a.actionbuttonOnwide:focus,
#main a.actionbuttonOnwide:active,
.actionbuttonwide a:focus,
.actionbuttonwide a:active {
	background: #22415F !important;
	border: 1px solid #22415F;
	color: #fff !important;
}

#actionbuttononwide a:hover,
.actionbuttonwide a:hover,
.actionbuttonwide a:focus,
#main a.actionbuttonOnwide:hover {
	background: transparent url("/images/ok/btn_155_on.png") 0 0 no-repeat;
	color: #fff;
}

.actionbutton a:hover {
	background: #22415F !important;
	border: 1px solid #22415F;
	color: #fff !important;
	text-decoration: none;
}


/* Voices
   ========================================================================== */

#voicesTop {
	background-size: contain;
}

#voicesFaith,
#voicesWork,
#voicesCollege,
#voicesHS {
	background-size: cover;
}

.voicesMainLink {
	top: 18%;
}

.voicesMainLink a {
	font-size: 2rem;
}

.voicesHelpLink a {
	padding: 1.25rem 0.875rem 0.875rem 9.875rem;
	background-color: #395e6e;
    background-image: url(/images/transitions/blog/help_me_bar-ok.png);
}

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

#voicesMid > div {
	padding: 3.75rem 0rem;
}

#voicesHS {
	background: url("/images/transitions/blog/blogger_img.jpg") 0px top no-repeat;
	background-size: 140%;
}

#voicesFaith:hover .blurb {
  background: #395e6e;
  color: #FFF;
}

#voicesWork:hover .blurb,#voicesCollege:hover .blurb {
  background: #395e6e;
  color: #FFF;
}

#voicesWork .blogNameHeader,
#voicesCollege .blogNameHeader {
	color: #FFF !important;
}

.voiceBlogEntry .question {
	color: #22415F;
	font-size: 16px;
	font-weight: 800;
	margin-bottom: 10px;
}

.voiceBlogEntry .date {
	color: #b5b5c3 !important;
	font-weight: bold;
	text-transform: none;
	letter-spacing: .4px;
}

.blogBox .blurb p {
    color: #fff!important;
}

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

#voicesFaith .blurb p a:hover {
    color: #FFF !important; 
    background: #395e6e!important; 
}

/* Misc
   ========================================================================== */

#main .articleContentPanel ul li, #main .articleContentPanel ol li {
	font-size: 14px;
}

#main #textContent ul {
	padding-bottom: 0px;
}

#main .sectionbody ul li {
	font-size: 14px;
    line-height: 20px;
    padding: 0 0 10px!important;
	list-style:disc!important;
}

#summaryCareerDocs .fa-trash:before, #summaryCareerDocs .fa-upload:before {
	font-size: 16px;
	color: #22415F !important;
}

#prepareQuestions ul {
	margin-top: 15px;
}

#prepareQuestions ul li a {
	font-weight: 600;
}

#profile .navbar {
	width: 100%;
	max-width: 1140px;
}

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

.yp-divider-vt {
	border-right: 2px dotted #22415F;
	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;
}

#mainpanel img {
	border: 0;
}

#main .articleContentPanel img {
	display: inline;
}

#main .articleContentPanel p {
	padding: 0 0 .65rem;
}

.invisible {
	font: 1px sans-serif;
	color: #fff;
	text-indent: -9000px;
}

#shareLinks {
	float: right;
	padding: 10px 4px;
	min-width: 80px;
}

dl#glossary dt {
	font-weight: bold;
	color: #0098C2;
	padding: 0;
	margin: 0;
	display: block;
	width: 140px;
	height: 50px;
	text-align: right;
}

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;
}

.progressIndicator {
	color: #846D5A;
	font-weight: bold;
	font-size: 0.6875rem;
	padding-bottom: 5px;
}

.input-group-btn .fa-search:before {
	content: "\f002";
	color: #fff;
	font-size: 16px;
}

#main .dataGrid .dataGridOddRow {
	background: none;
}

td.outcomelink a:after {
	content: "\f105";
	font-family: FontAwesome;
	padding-left: 4px;
}

#startcourseplan.actionlink {
	text-align: center;
}

.embed-responsive-16by9 {
	padding-bottom: 56.25%;
	border-radius: 10px;
}

.browseSchoolTypes div {
	background: transparent url(/images/transitions/icons/career_cluster_icon.png) 7px 0 no-repeat;
	float: left;
}

.videoList a {
	text-transform: uppercase;
}

.militaryList a {
	text-transform: uppercase;
}

.center-on-small {
	text-align: center;
}


/* Poll
   ========================================================================== */

.pds-box {
	font-family: 'Montserrat', sans-serif !important;
	width: 100% !important;
	color: #333;
	background: none !important;
	border: none !important;
	text-transform: none !important;
	margin: 20px !important;
}

.pds-question-top {
	color: #22415F !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 20px !important;
	line-height: 20px !important;
	text-transform: none !important;
	margin: 10px 40px !important;
}

.CSS_Poll .pds-question-top div {
	padding-left: 20px;
}

.pds-answer-group {
	padding: 0px 30px;
	display: block;
}

.css-textfield.pds-textfield {
	font-family: inherit !important;
	color: #333;
	background-color: #fff;
	margin: 0 !important;
	padding: 5px !important;
	width: auto !important;
	display: inline !important;
	float: none !important;
}

 .pds-return-poll {
    text-align: center!important;
    padding: 20px 0px 0px 40px!important;
    position: relative;
    margin-bottom: 0px!important;
    width: 100%;
}

ul.pds-answer {
    margin-left: -20px;
    margin-bottom: 10px;
    width: 92%;
    padding-top: 10px;
}

.pds-total-votes {
	color: #333 !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	font-family: 'Montserrat', sans-serif !important;
	position: relative;
	float: right !important;
	margin: 10px 45px !important;
}

.pds-links {
    padding: 0 40px 0 15px;
}

.pds-answer::-webkit-scrollbar {
	-webkit-appearance: none
}

.pds-answer::-webkit-scrollbar:vertical {
	width: 12px
}

.pds-answer::-webkit-scrollbar:horizontal {
	height: 12px
}

.pds-answer::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	border: 2px solid #ffffff
}

.pds-answer::-webkit-scrollbar-track {
	background: #ffffff;
	border-radius: 10px
}

.pds-answer-input {
	width: 22px !important;
	margin: 0 !important
}

.pds-answer-span {
	line-height: normal;
	color: #6A6A6A;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 14px;
}

.pds-answer-text {
	line-height: 0px !important;
	color: #333;
	font-family: 'Montserrat', sans-serif !important;
}

.pds-input-label {
	padding: 0px;
	line-height: normal;
	display: inline-block;
	width: auto;
}

.pds-vote {
	margin-left: -10px !important;
}

.pds-vote-button {
    background: none!important;
    background-color: #017c9c!important;
    color: #fff !important;
    border: 1px solid #017c9c!important;
    font-weight: bold!important;
    padding: 10px!important;
    letter-spacing: 1px;
    border-radius: 40px!important;
    text-decoration: none;
    -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;
    font-family: inherit!important;
    font-size: 14px!important;
    text-transform: none!important;
    margin-left: 10px!important;
}

.pds-vote-button:hover {
    color: #fff !important;
    border: 1px solid #22415F !important;
    background: #22415F !important;
}

.pds-view-results:after {
	display: inline-block;
	content: "\f105";
	margin-left: 0.3125rem;
	font-family: FontAwesome;
}

.pds-feedback {
	font-family: 'Montserrat', sans-serif !important;
	color: #000;
	text-transform: none;
}

.pds-votes {
	font-family: 'Montserrat', sans-serif !important;
	color: #000;
	text-transform: none;
}

.pds-view-results,
.pds-view-results a,
.pds-return-poll,
.pds-return-poll a {
	color: #017c9c !important;
	font-family: 'Montserrat', sans-serif !important;
	text-transform: none !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	float: right !important;
	margin: 10px 40px;
}

.pds-pd-link {
	text-indent: -9000px
}

.pds-feedback-group {
	padding-left: 2px !important
}

.pds-question-inner {
	background: url(/Images/ok/icons/icon-small-poll.png) no-repeat 15px 0;
}

.masonry-item.poll .pds-question-inner {
	padding: 20px 10px 5px !important;
	background: url(/Images/ok/icons/icon-small-poll-green.png) no-repeat 30px 20px;
	background-color: #F0FAFD;
	margin: -30px 20px 10px -20px !important;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.css-answer.pds-answer {
	margin: 20px 40px 20px 20px !important;
}

.pds-question-top {
	margin: 5px 40px 20px 70px !important;
}

.css-answer-other.pds-answer-other {
	display: inline !important;
	padding: 5px;
	margin-left: -120px;
	float: none;
}

a.css-vote-button.pds-vote-button {
	border: 1px solid #017c9c !important;
	background: #017c9c !important;
	display: inline-block;
	color: #fff !important;
	text-transform: none;
	border-radius: 83.5625rem !important;
	margin: 0px 30px !important;
	font-size: 0.875rem !important;
	font-weight: 700 !important;
	padding: 10px 12px !important;
	letter-spacing: 1px;
}


/* Explore Careers */

.fastestCareers {
	display: block;
	padding: 0.625rem 0rem 1.0625rem 4.0625rem;
	background: transparent url("/images/transitions/icons/fastest_careers.png") 0 0 no-repeat;
}


/* Create An Account - Role Selection */

.roleSelect a a {
	background: url("/Images/ok/arw_off.png") no-repeat scroll 0px 10px transparent;
	font-size: 13px;
	padding: 5px 4px 0px 8px;
}

.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;
}

#toolsContainer .toolsectionbodyshort:after,
#toolsContainer .toolsectionbody:after,
#toolsContainer .floatSection:after {
	border-color: #22415F;
}

.toolsectionbody h3 {
	font-weight: bold !important;
	color: yellow !important;
}

#toolsContainer .toolsectionbodyshort:after,
#toolsContainer .toolsectionbody:after,
#toolsContainer .floatSection:after {
	border-color: #22415F;
}

.toolsectionbody h3 {
	font-weight: bold !important;
	color: yellow !important;
}

#scholarships .section-header {
	background: #169CA5;
}

.masonry-nav ul li:hover,
.masonry-nav ul li.selected,
.masonry-nav ul li.selected a,
.masonry-nav-searchbox .input-group-addon:hover,
.masonry-main .btn:hover,
.masonry-main .item-highlight .item-message,
.ui-slider {
	background: #169CA5 !important;
	color: #FFF !important;
}

.hide-arrow-link {
	border-color: #169CA5;
}

.guidance-text,
.scholarship-details,
.scholarship-legacy {
	border-color: #169CA5;
}

.item-guidance {
	border: 1px solid #a6a9bc !important;
	background: #fff !important;
}

.masonry-nav {
	top: 13px;
}

.panel-default h4 {
	margin: 0;
	color: #000;
}

.item-guidance:before {
	color: #169CA5;
}

.item-guidance {
	background: #D8F4F8 !important;
}

.item-guidance h4 {
	background: 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: auto;
	width: 300px;
	float: none;
	position: relative;
	right: 0;
}

#searchbox::before,
#searchbox::after {
	display: table;
	content: ' ';
}

#searchbox::after {
	clear: both;
}

#searchbox span {
	display: block;
	float: left;
	height: 24px;
	line-height: 24px;
	margin-right: -5rem;
	color: #fff;
}

.bcs-caption p,
.bcs-result cite {
	color: #333333!important;
	font-family: 'Montserrat', sans-serif;
}

.bcs-pagination a {
	color: #01A4CF!important;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}

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

#searchbox .searchLabel {
	font-weight: normal;
	text-transform: none;
}

#languagebox {
	display: inline-block;
	float: none;
}

#translate_label {
	float: left;
	display: inline-block;
	font-size: 0.75rem;
	padding: 0.1875rem 0.625rem 0rem 0rem;
	display: none;
}

#google_translate_element {
	float: left;
}

.goog-te-gadget-simple .goog-te-menu-value {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	color: #79BA43 !important;
	font-size: .815rem;
	letter-spacing: 0.04375rem;
	font-weight: 700;
}

.goog-te-gadget-simple .goog-te-menu-value:hover {
	text-decoration: none;
}

.gsc-input {
	width: auto;
}

.gsc-input input {
	width: 283px !important;
	height: 24px !important;
	border-radius: 0 !important;
	margin: 0 !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	border: none !important;
	border-right: none !important;
	background: #fff !important;
	font-size: 0.8125rem;
	color:#333;
}

.gsc-input input::placeholder {
  color: #000;
}

.gsc-search-button {
	width: auto;
	min-width: auto;
	max-width: auto;
	position: relative;
}

.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: none !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 input:hover {
	background: none;
}

.gsc-search-button:after {
	position: absolute;
    top: -5px;
    left: -12px;
	z-index: 5;
	background: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	content: "\f002";
	font-family: FontAwesome;
	color: #000;
	text-align: center;
	font-size: 1rem;
}

.gsc-clear-button {
	display: none !important;
}

.gsc-search-button {
	left: -1px;
	color: #000;
}


/* Google Translate
   ========================================================================== */

#google_translate_element {
	position: relative;
	padding: 0.15rem 0.625rem 0rem 0.625rem;
}

#google_translate_element:after {
	content: "\2022";
	display: inline-block;
	position: absolute;
	top: 2px;
	font-size: 12px;
	font-weight: 700;
	right: 0;
}

.skiptranslate:before {
	left: 0;
	font-family: "FontAwesome";
	content: "\f11d \00a0";
	display: inline-block;
	color: #fff;
	vertical-align: bottom;
	font-size: 14px;
}

.goog-te-gadget-simple {
	background: none !important;
	border: none !important;
	color: #fff !important;
	font-size: 0.75rem !important;
	padding: 0 !important;
}

.goog-te-gadget-simple > span a span {
	-webkit-transition: color 250ms ease-in-out;
	transition: color 250ms ease-in-out;
	text-decoration: none;
	text-transform: none;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 14px;
}

.goog-te-gadget-simple > span a span:not(:first-child) {
	display: none !important;
}

.goog-te-gadget-simple > span a span:first-child:after {
	content: " ";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 1.25rem;
	position: relative;
	margin-left: 0.625rem;
}

.goog-te-gadget-simple > span a span:hover {
	color: #fff;
	text-decoration: underline;
}

.goog-te-gadget-simple > span a img {
	display: none;
}

.goog-te-gadget-icon {
	display: none !important;
}


/* Plan of Study (POS)
   ========================================================================== */

#courseplanner table.dataGrid td {
	font-size: 1em;
}

#courseplanner table.dataGrid td.additional {
	padding-bottom: 1em !important;
	border-bottom: 2px solid #257fb4 !important;
}

.additional h5 {
	margin: .5em 0 0 0 !important;
	padding: .2em 0 0 0 !important;
	background-color: transparent !important;
	color: #267fb4 !important;
	font-size: 14px !important;
	font-weight: 700;
}

.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;
}

.additional div {
	margin: .3em 0 !important;
}

.dataGrid .additional div {
	font-size: 1em !important;
}

.additional span {
	display: inline !important;
	display: inline-block !important;
}


/* display:inline is a fix for IE<9 */

.additional span:first-of-type {
	width: 37% !important;
}

.additional .padbot {
	padding-bottom: .9em !important;
}

.dataGridHeaderLegend,
#courseplanner .coursePlanTotalRow th.dataGridHeader {
	background: #b0e7f7 !important;
	color: #000000 !important;
}

#main .dataGrid .dataGridHeader,
#main .dataGrid .dataGridSubheader {
    padding: 5px;
    font-family: inherit;
    font-weight: 700;
    font-size: 14px!important;
}

.requirementsNotMet {
	width: 130px !important;
	background: #db2e2e !important;
	color: #fff !important;
}

.requirementsMet {
	background: #18a818 !important;
	color: #fff !important;
}


/* Masonry
   ========================================================================== */

#scholarships.row-height {
	margin-left: 0.5625rem;
}

.scholarship-info h4 {
	margin-top: 0;
}

.masonry-nav ul li:hover,
.masonry-nav ul li.selected,
.masonry-main .item-highlight .item-message {
	background: #A4D14C;
}

.masonry-main .item {
	border: 1px solid #34C6DD;
}

.masonry-main .item-highlight {
	background: #34C6DD !important;
	color: inherit !important;
}

.masonry-main .item h4 {
	color: inherit !important;
}

.masonry-main .item .fa-tile-badge i.fa-stack-1x {
	color: #34C6DD;
}

.masonry-main .item-alerts,
.masonry-main .item-dates {
	color: #FFF;
}

.masonry-main .item-highlight .btn-item a:hover {
	background: #FF8023;
	color: #FFF;
}

.masonry-main .item-article p.more-link a {
	font-size: 1.25rem;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

.masonry-main .item-article p.more-link a:before {
	content: "\003e\00a0\00a0";
}

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


/* Homepage
   ========================================================================== */

#hm-welcome {
	min-height: 500px;
	position: relative;
	background-color: #3b4c68;
}

#hm-welcome.is-role {
	min-height: auto;
}

#hm-welcome.is-role #home-slider {
	position: relative;
}

#hm-welcome.is-role #home-slider > div {
	position: relative;
}

#hm-welcome.is-role #home-slider .item {
	position: relative;
	background-position: 50% 0;
}

#home-slider {
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
}

#home-slider > div {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

#home-slider-dots {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	left: calc(50% - 32.5625rem);
	max-width: 73.125rem;
    padding: 0 32px;
	text-align: left;
}

#home-slider .item {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	position: absolute;
}

#home-slider .item:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	background: #000;
	opacity: 0.25;
}

#home-slider .item:nth-child(1) {
	background-image: url("/Images/ok/hero-high-school.jpg");
}

#home-slider .item:nth-child(2) {
	background-image: url("/Images/ok/hero-middle-school.jpg");
}

#home-slider .item:nth-child(3) {
	background-image: url("/Images/ok/hero-college.jpg");
}

#home-slider .item:nth-child(4) {
	background-image: url("/Images/ok/hero-adult.jpg");
}

#home-slider .item:nth-child(5) {
	background-image: url("/Images/ok/hero-parent.jpg");
}

#home-slider .item:nth-child(6) {
	background-image: url("/Images/ok/hero-professional.jpg");
}

#home-slider .item.mschool {
	background-image: url("/Images/ok/hero-middle-school.jpg");
}

#home-slider .item.hschool {
	background-image: url("/Images/ok/hero-high-school.jpg");
}

#home-slider .item.college {
	background-image: url("/Images/ok/hero-college.jpg");
}

#home-slider .item.adult {
	background-image: url("/Images/ok/hero-adult.jpg");
}

#home-slider .item.parent {
	background-image: url("/Images/ok/hero-parent.jpg");
}

#home-slider .item.professional {
	background-image: url("/Images/ok/hero-professional.jpg");
}

#home-slider .item .grid-x {
	height: 500px;
	position: relative;
	z-index: 10;
	overflow: hidden;
}

#home-slider .item .grid-x .cell {
	text-align: left;
}

#home-slider .item h2 {
	color: #fff;
	font-size: 40px;
	line-height: 48.76px;
	background: none !important;
	padding: 0 !important;
	margin: 0px 80px;
	border-left: none !important;
	font-weight: 700;
	text-align: left;
	border-bottom: none;
}

#home-slider .item h2 small,
#home-slider .item h2 span.small {
	display: block;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	text-transform: none;
	font-weight: 600;
	color: #fff;
	line-height: 31.68px;
	margin: 30px 0px 40px;
}

#hm-welcome.is-role .item h2 {
	font-size: 36px;
	line-height: 48.76px;
    margin: 20px 80px 0px 80px;
}

#hm-welcome.is-role .item h2 small, #hm-welcome.is-role .item h2 span.small {
    margin: 10px 0px 10px;
}

#hm-welcome.is-role .hm-slide-item-txt ul li {
    padding: 6px;
    line-height: 26px;
    font-size: 16px;
}
#hm-welcome.is-role .hm-slide-item-txt ul li a {
    color: #fff;
}

#hm-welcome.is-role .hm-slide-item-txt ul {
    margin: 0px 60px 20px 60px;
    font-size: 20px;
    color: #FFF;
    font-weight: 600;
}

.hm-slide-item-txt {
	position: relative;
}

.hm-slide-item-txt:after {
	content: "";
	display: block;
	position: absolute;
	top: -100%;
	bottom: -100%;
	right: 0;
	left: 0;
	z-index: -1;
	background: rgba(1, 164, 207, 0.9);
	opacity: .7;
}

.hm-slide-item-txt ul {
	margin: 30px 30px 60px 60px;
	font-size: 20px;
	color: #FFF;
	font-weight: 600;
}

.hm-slide-item-txt ul li {
	padding: 10px;
}

.hm-slide-btn {
	display: inline-block;
	color: #017c9c!important;
	background-color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	padding: 8px 14px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 67px;
	font-family: 'Montserrat', sans-serif;
	margin-right: 10px;
	margin-bottom:10px;
	line-height: 19.5px;
}

.hm-slide-btn.sign-in:before {
	display: inline-block;
	content: "\f2f6";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	padding-right: 6px;
}

.hm-slide-btn.create-account:before {
	display: inline-block;
	content: "\f234";
	font-family: FontAwesome;
	font-weight: 400;
	padding-right: 4px;
}

.hm-slide-btn:active,
.hm-slide-btn:focus,
.hm-slide-btn:hover {
	text-decoration: none;
}

.hm-slide-btn:hover {
	color: #fff !important;
	border: 1px solid #22415F;
	background-color: #22415F !important;
}



#homepage #main {
	width: 100%;
}

#homepage #mainpanel {
	padding: 0 !important;
	margin: 0 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background: none !important;
}

#homepage #main-content {
	margin-top: -1.0625rem !important;
}

#whoareyou {
	background-repeat: no-repeat;
	background-position: 50% 0;
}

#whoareyou h3 {
	text-align: center;
	font-size: 1.375rem;
	color: #161846 !important;
	font-family: 'Montserrat', sans-serif;
	padding: 0;
	text-transform: uppercase;
	margin: .575rem 0 1.25rem 0;
	letter-spacing: 1px;
}

#whoareyou-cc {
	padding-bottom: 20px;
	margin: 40px 8px 0px;
	border-bottom: 1px solid #EEEEEE;
}

.way-item {
	position: relative;
	padding: 0.625rem;
}

.way-item:last-child {
	border-right: none;
}

.way-item:hover span {
	color: #79BA43;
}

.way-item a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.way-item a:hover,
.way-item a:focus,
.way-item a:active {
	text-decoration: none;
	-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;
}

.way-item span {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	display: block;
	margin-top: 0.625rem;
	color: #22415F;
	text-transform: none !important;
}

.way-icon {
	text-align: center;
}

.way-icon i {
	display: inline-block;
	width: 156px;
	height: 76px;
	text-align: center;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 45px;
}

.way-icon.adult i,
.way-icon.college i {
	background-size: 60px;
}

.way-icon.high-school i,
.way-icon.middle-school i {
	background-size: 55px;
}

.way-icon.middle-school i {
	background-image: url("/Images/ok/icons/tab-icon-middle.png");
}

.way-icon.high-school i {
	background-image: url("/Images/ok/icons/tab-icon-hs.png");
}

.way-icon.college i {
	background-image: url("/Images/ok/icons/tab-icon-college.png");
}

.way-icon.adult i {
	background-image: url("/Images/ok/icons/tab-icon-adult.png");
}

.way-icon.parent i {
	background-image: url("/Images/ok/icons/tab-icon-parent.png");
}

.way-icon.professional i {
	background-image: url("/Images/ok/icons/tab-icon-professional.png");
}

#home-main .flex-container {
	display: flex;
	flex-wrap: wrap;
}

#home-main-content {
	width: 100% !important;
	max-width: 100%;
	min-width: 0px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	min-height: 0px;
	padding: 1rem 0;
}

#home-main-content .masonry {
	transition: all .5s ease-in-out;
	column-fill: initial;
	padding: 1.25rem !important;
	max-width: 100%;
	column-gap: 15px;
}

#home-main-content img {
	max-width: 100%;
	height: auto;
}

#home-main-content .masonry-item {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	border: 1px solid #eee;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
	border-radius: 10px;
	padding: 0px;
	margin: 0 0 15px;
}

#home-main-content .masonry-item.no-border {
	border: none;
	box-shadow: none;
}

#home-main-content .masonry-item.photo img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

#home-main-content .masonry-item h3 {
	color: #22415F;
	font-family: 'Montserrat', helvetica, arial, sans-serif;
	padding: 8px 20px;
	background-repeat: no-repeat;
	letter-spacing: normal;
	font-size: 20px;
	margin: 20px 30px 10px 20px;
}

#home-main-content .masonry-item h3.is-role {
	background-color: #F0FAFD;
	padding: 20px 10px 20px 40px !important;
	margin: 0px 0px 20px 0px !important;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

#home-main-content .masonry-item h3 img {
	display: inline-block;
}

#home-main-content .masonry-item p {
	padding: 0px 40px;
}

#home-main-content #carouselPrograms .item {
	min-height: 100px;
	padding: .5rem;
	text-align: center;
	width: auto;
	box-shadow: none;
}

#home-main-content .masonry-item .carousel.slide {
	border: 1px solid #eee;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
	border-radius: 10px;
	height: 168px;
	padding: 20px;
}

@media only screen and (min-width: 1024px) {
	#home-main-content .masonry {
		column-count: 3;
	}
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
	#home-main-content .masonry {
		column-count: 2;
	}
}

@media only screen and (max-width: 767px) and (min-width: 540px) {
	#home-main-content .masonry {
		display: flex;
		flex-direction: column;
	}
	#home-main-content .masonry-item.poll {
		order: -1;
	}
}

#home-main-content ul.sectionlist li a {
	line-height: 24px;
}

#home-main-content ul.sectionlist {
    font-size: 14px !important;
    margin: 1px 20px 20px 18px;
}

#home-main-content ul.sectionlist li::marker {
	color: #6A6A6A !important;
	font-size: 16px;
}

#home-main-content ul.sectionlist .list-style-none {
	list-style: none;
}

#home-main-content ul.sectionlist a {
	color: #017c9c;
	text-decoration: none !important;
	font-weight: 700;
}

#home-main-content ul.sectionlist a:hover,#home-main-content ul.sectionlist a:focus {
	color: #000 !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

#home-role-content {
	width: 100% !important;
	min-width: 0px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	min-height: 0px;
	padding: 2.5rem 2.5rem 2.5rem 0;
}

.extendedLoginBox {
	margin-bottom:20px!important;
	width: 70%;
	padding: 15px 10px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 4px;
	box-shadow: 0px 4px 10px rgb(204 204 204 / 25%);
}

.extendedLoginContainer {
    padding-top: 0px!important;
    font-size: 16px!important;
}

.container.is-role {
	height: 800px;
}

.role-button-wrap {
	margin-left: 80px;
}

.role-icon {
	padding-right: 5px;
	display: inline;
}

#home-role-content {
	width: 100% !important;
	min-width: 0px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	min-height: 0px;
	padding: 2.5rem 2.5rem 2.5rem 0;
}

.home-sidebar-box {
	margin-bottom: 1.875rem;
}

.home-sidebar-box h3 {
	padding: 0.9375rem 0 0.9375rem 3.125rem;
	margin: 0;
	font-size: 1.375rem;
	color: #000;
	font-weight: 300;
	border-bottom: 2px solid #fff;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: 40px;
	letter-spacing: 1px;
	margin-bottom: 1.25rem;
}

.home-sidebar-box h3 a {
	font-size: 1.375rem !important;
	color: #000 !important;
	text-transform: uppercase !important;
	font-weight: 300;
}

.home-sidebar-box h3.events {
	background-image: url("/Images/ND/rd2019/icons/upcoming_events_icon.png");
}

.home-sidebar-box h3.poll {
	background-image: url("/Images/ND/rd2019/icons/poll_icon.png");
}

.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	line-height: 1;
	margin: 30px;
}

#carouselPrograms .item {
	min-height: 100px;
	padding: .5rem;
	text-align: center;
}

#carouselPrograms a.left.carousel-control,
#carouselPrograms a.right.carousel-control {
	background-image: none;
}

#carouselPrograms .carousel-control {
	padding-top: 70px;
}

#carouselPrograms .carousel-control:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.carousel-inner p {
	padding: 10px 20px;
}

.carousel-indicators li {
	background-color: rgba(255, 255, 255, 0.4);
	border: none;
}

.carousel-indicators li,
.carousel-indicators .active {
	margin: 2px;
}

.home-box-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.home-box {
	background: #fff;
	color: #000;
	min-height: 300px;
	width: 49.5%;
	margin: .35rem 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.home-box img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	min-height: 300px;
	object-fit: cover;
	width: 100%;
	height: 300px;
}

.home-box.one-half.news,
.home-box.one-half.poll {
	margin-right: 1%;
}

#home-switch-roles {
	padding: 2.1875rem 0 2.5rem;
	background: #f3f3f3;
}

#home-switch-roles h4 {
	color: #3d3834;
	font-weight: 700;
	font-size: 1.875rem;
	font-family: 'Montserrat', sans-serif;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	margin-bottom: 1.25rem;
	letter-spacing: 1px;
}

#home-switch-roles ul {
	display: block;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}

#home-switch-roles ul li {
	display: inline-block;
	margin-right: 0.8125rem;
}

#home-switch-roles ul li:last-child {
	margin-right: 0;
}

#home-switch-roles ul li a {
	display: inline-block;
	color: #FF6E15;
	border: 2px solid #FF6E15;
	font-family: 'Montserrat', sans-serif;
	font-size: rem-calC(12);
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0.625rem 1.25rem;
	font-weight: 700;
}

#home-switch-roles ul li a:hover {
	text-decoration: none;
	background-color: #3d3834;
	border-color: #3d3834;
	color: #fefef8;
}

#home-switch-roles ul li a:focus,
#home-switch-roles ul li a:active {
	text-decoration: none;
}


/* Landing Pages
   ========================================================================== */


/* Login Page
   ========================================================================== */


/* Career Planning > Default
   ========================================================================== */

.ipAnswers {
	height: 60px !important;
}

.ipAnswers ul li a {
	height: 60px !important;
}

#ipIntroIncompleteButtons a,
#ipIntroStartButton a {
	padding: 0.375rem 0.625rem !important;
}

#previousBtn {
	width: 130px !important;
	padding: 0.375rem 0rem 0rem 1.4375rem !important;
}

#divSave a,
#divShow a {
	width: 80px !important;
	padding: 0.25rem 0rem !important;
	text-align: center;
}

.careersMatchButtons a,
.careersMatchButtonsBtm a {
	height: 50px !important;
	padding: 0.75rem 0rem 0rem 0.625rem !important;
}

@media all and (transform-3d), (-webkit-transform-3d) {
	.carousel-fade .carousel-inner > .item.next,
	.carousel-fade .carousel-inner > .item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.carousel-fade .carousel-inner > .item.prev,
	.carousel-fade .carousel-inner > .item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.carousel-fade .carousel-inner > .item.next.left,
	.carousel-fade .carousel-inner > .item.prev.right,
	.carousel-fade .carousel-inner > .item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@media (max-width: 991px) {
	.tile-wrap.tile-half {
		width: 100% !important;
	}
}

@media (min-width: 991px) {
	.nav-collapse {
		display: block !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
	}
}

@media (max-width: 1210px) and (min-width: 992px) {
	#responsive-logo h1 a, .norm-logo h1 a {
		width: 320px;
		height: 40px;
		background-size: 320px 40px;
	}
}

@media (max-width: 1080px) {
	.norm-logo h1 {
    	padding-right: 0px;
	}
}

@media (max-width: 1210px) {

	#primarynav ul#navigation li a {
		font-size: 13px;
	}

	#primarynav ul#navigation #CareerPlanning {
		max-width: 6.3rem;
		margin-right: 20px;
	}

	#primarynav ul#navigation #HighSchoolPlanning {
		max-width: 8rem;
		margin-left: 0px;
	}

	#primarynav ul#navigation #CollegePlanning {
		max-width: 6.4rem;
		margin-left: 10px;
	}

	#primarynav ul#navigation #FinancialAidPlanning {
		max-width: 8.5rem;
		margin-left: 15px;
	}

	#primarynav ul#navigation #YourPortfolio {
		max-width: 5rem;
		margin-left: 14px;
	}
}


@media (max-width: 1140px) {
	#profile .navbar.undefined {
		width: calc(100% - 30px);
		right: 15px;
	}
}

@media (max-width: 1024px) {
	#primarynav ul#navigation {
		padding-top: 0px;
	}
	#home-slider .item .grid-x {
		margin-left: 5rem;
	}
	a.active {
		width: 75%;
		margin: 0 20px !important;
	}
	#home-slider .item h2 {
		font-size: 32px;
		line-height: 32px;
		margin: 10px 30px;
	}
	#hm-welcome.is-role .item h2 {
		margin: 10px 20px 10px 20px;
		line-height: 36px;
	}
	#hm-welcome.is-role .hm-slide-item-txt ul {
		margin: 0px 10px 10px 10px;
	}
	#hm-welcome.is-role .hm-slide-item-txt ul li {
		line-height: 20px;
	}
	#hm-welcome.is-role .item h2 small, #hm-welcome.is-role .item h2 span.small {
		line-height: 24px;
	}
	.hm-slide-btn {
		padding: 6px 10px;
		font-size: 14px;
	}
	.role-button-wrap {
		margin-left: 20px;
	}
	.way-item span {
		font-size: 16px;
		margin-right: 0px!important;
	}
	#home-main-content .masonry-item h3 {
		font-size: 18px;
	}
	.css-question-top.pds-question-top {
		margin: 0px 40px 0px 70px!important;
		font-size: 18px!important;
	}
	#main-footer-sponsors {
		margin-bottom: 20px;
		padding: 20px 0px;
	}
	#main-footer-sponsors .grid-margin-x > .cell {
		margin: 0px 10px;
	}
}

@media only screen and (max-width: 1160px) {
  #hm-welcome {
    min-height: 375px;
  }
  #home-slider .item .grid-x {
      height: 375px;
  }
  #hm-welcome.is-role .item h2 {
      font-size: 26px;
      line-height: 25.76px;
      margin: 32px 80px 0px 80px;
  }
  #home-slider .item h2 small, #home-slider .item h2 span.small {
      font-size: 18px;
      line-height: 24.76px;
  }  
  #hm-welcome.is-role .hm-slide-item-txt ul li {
      line-height: 20px;
      font-size: 14px;
  }
}

@media (max-width: 991px) {
	#mobile-menu-toggle {
		display: block;
	}

	#responsive-logo {
		display: block;
	}

	#responsive-logo h1 {
		display: block;
		padding-top: 0rem;
	}

	#primarynav ul#navigation li a:hover {
		color: inherit !important;
	}

	#primarynav ul#subnavigation:not(.HomeSub) {
		border-top: none;
	}

	#primarynav ul#navigation {
		padding-top: 5px;
	}

	#main-header h1 {
		display: none !important;
	}

	#searchbox span {
		color: #fff;
		opacity: 1;
	}

	.gsc-search-button:after {
		background: none !important;
	}

	#topbar-ttu,
	#topbar-soc,
	#topbar-translate {
		margin-bottom: 0;
	}

	#topbar-translate {
		margin-top: 0;
	}

	#primarynav-divider {
		display: none;
	}

	#primarynav ul#navigation li a {
		display: block;
		min-height: 25px;
	}

	#navigation li a {
		padding: 0rem 1.5rem 0rem 1.5rem;
	}

	#main-header {
		padding: 0;
	}

	#main-header .grid-container {
		padding-left: 0;
	}

	#navigation {
		display: block;
		width: 100%;
		height: auto;
		padding-right: 0;
	}

	#navigation li {
		min-width: 100%;
		display: block;
		text-indent: 0px;
		text-align:right;
		float: none;
		position: relative;
		margin-bottom: 1px;
		margin-left:0px!important;
		text-transform: uppercase;
		background: #f3f3f3;
		background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f3f3f3));
		background: linear-gradient(to bottom, white 0%, #f3f3f3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0);
		background-repeat: repeat-x;
		width: 100% !important;
		height: auto;
		min-height: 25px;
		padding-top: 5px;
	}

	#search-site {
		margin: 0px 20px 0px 0px;
	}

	#navigation li.selected,
	#navigation li:hover {
		background: #01A4CF;
	}

	#navigation li.selected:after,
	#navigation li:hover:after {
		border-width: 0;
	}

	.home-content-box {
		width: 95% !important;
		max-width: 95%;
	}

	#primarynav ul#navigation li.selected a {
		color: #fff !important;
	}

	#subnavigation {
		padding-left: 1.5rem !important;
		text-align: right;
	}
}

@media (max-width: 842px) {
	body .uwy.userway_p1 .uai {
		right: 13px;
	}
	#main-footer {
		padding-bottom: 30px;
	}
	#main-footer-sponsors {
		margin-bottom: 20px;
	}
	#home-slider .item .grid-x {
		margin-left: 0px;
	}
	.way-item span {
		margin-right: 30px;
	}
	a.active {
		margin: 0px 24px;
	}
	#primarynav ul#subnavigation li {
		float: right;
		margin-right: 0;
		margin-left: 1.5rem;
	}

	#mobile-menu-toggle {
		display: block;
	}

	#languagebox {
		margin-top: 0;
	}

	#topbar-ttu ul li,
	#topbar-utility ul li,
	.goog-te-gadget-simple .goog-te-menu-value,
	#topbar-ttu ul li a,
	#topbar-soc ul li a,
	#topbar-utility ul li a,
	.goog-te-gadget-simple > span a span {
		font-size: 12px !important;
	}

	#topbar-soc ul li a {
		margin-right: 5px;
	}
}

@media (max-width: 795px) {

	#mobile-menu-toggle a {
		font-size: 14px;
	}

	#home-main-content,
	#home-main-sidebar {
		width: 100%;
		max-width: 100%;
	}

	.way-item {
		border-right: none;
	}

	.voicesHelpLink a {
		padding-left: 6.25rem;
	}

	#languagebox {
		margin-bottom: 0;
	}

	#topbar-ttu,
	#topbar-soc,
	#topbar-translate,
	#topbar-utility,
	#topbar-translate,
	#languagebox {
		margin-bottom: 5px;
		margin-top: 5px;
	}

	#primarynav ul#subnavigation:not(.HomeSub) {
		padding-left: 0.625rem;
		padding-bottom: 0.625rem;
	}

	#home-role-content {
		padding: 2rem 0;
	}

	.home-box {
		min-height: auto;
	}

	.home-content-box {
		margin-left: .25rem;
	}

	.home-box img {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		min-height: auto;
	}

	#main .mainInstructions {
		width: 100% !important;
	}

	#main .savedSearches {
		margin-left: 0 !important;
		width: 100% !important;
		margin-top: 20px;
	}

	.finderControlsMiddle #navigationPanel input {
		margin-left: 0 !important;
	}

	td.articleList {
		width: 100% !important;
		display: table-row;
	}

	h3.subtitle {
		background: none !important;
		color: #000 !important;
		font-size: 1.15rem !important;
		padding-left: 0px !important;
		padding: 68px 0px 0px 0px !important;
		margin: -20px 0 !important;
		margin-bottom: 10px !important;
	}
}

@media (max-width: 640px) {

	#search-site-dropbox {
		top: -13px;
		right: -120px;
	}

	#home-main-content .masonry {
		display: flex;
		flex-direction: column;
	}

	#home-main-content .masonry-item.photo {
		order: 7;
	}

	#home-main-content .masonry-item.poll {
		order: 5;
	}

	#home-main-content .masonry-item.no-border {
		order: 4;
	}
		#home-main-content .masonry-item.no-border.logos {
		order:6;
	}

	h3.headerlink {
		font-size: 14px;
	}

	.innerboxmedium {
		width: auto !important;
	}

	.sectionbody {
		margin: 0px;
	}

	.sectionboxwide p {
		font-size: 12px !important;
	}

	.articleList ul li a {
		font-size: 12px;
	}

	.hm-slide-btn {
		padding: 4px 10px;
		font-size: 12px;
	}

	.role-button-wrap {
		margin-left: 30px;
	}

	.way-icon i {
		width: 100px;
	}

	#portfolioSubnavigation:before {
		background: none !important;
		color: #000 !important;
	}

	#portfolioSubnavigation {
		padding-right: 2.5rem
	}

	body {
		margin: 0;
	}

	#main-rightbar {
		padding: 0 !important;
	}

	#rightbar {
		margin: 0;
		margin-left: 0 !important;
		padding: 0rem .225rem 0rem .425rem !important;
	}

	#main-content {
		max-width: 100%;
	}

	#mainpanel {
		padding: 0rem .225rem 0rem .225rem !important;
	}

	#main-rightbar {
		width: 100%;
		max-width: 100%;
		padding: 0rem 0.625rem;
	}

	#home-role-content {
		padding: 2.5rem 0;
	}

	.home-box {
		width: 100%;
	}

	.pds-answer {
		overflow-y: visible;
		max-height: initial;
	}

	#topbar-ttu, #topbar-soc, #topbar-translate, #topbar-utility, #topbar-translate, #languagebox {
		text-align: center;
	}

	#topbar-ttu ul li,
	#topbar-utility ul li,
	.goog-te-gadget-simple .goog-te-menu-value {
		font-size: .9rem !important;
		float: none;
	}

	#topbar-ttu ul li {
		margin-top: 10px !important;
	}

	#topbar-utility ul li {
		margin-bottom: 10px !important;
	}

	#topbar-utility {
		margin-top: 10px !important;
	}

	#topbar-ttu ul li, #topbar-soc ul li, #topbar-utility ul li {
		float: none!important;
	}

	.voicesHelpLink a {
		padding: 0.625rem;
	}

	.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;
	}

	#languagebox {
		width: 100%;
	}

	.fr-on-sm {
		float: right;
	}

	.goog-te-menu-value {
		margin-left: 0 !important;
	}

	#google_translate_element {
		margin: 0 15px;
		padding: 0.3125rem 0.9375rem;
		float: left;
		background: rgba(0, 0, 0, 0.5);
		width: 100%;
	}

	#google_translate_element:after,
	#google_translate_element:before {
		display: none;
	}

	#primarynav ul#navigation li.selected ul li a {
		color: #161846 !important;
		font-size: 13px;
		letter-spacing: unset;
	}

	#navigation li ul li {
		padding: 0;
		margin-bottom: 0;
	}

	#navigation li ul li a {
		padding: 0.325rem 2.5rem 0.325rem 0rem;
	}

	#primarynav ul#navigation li.selected ul li.selected a {
		color: #fff !important;
	}

	.ndgov a {
		width: 300px;
		background-size: 300px auto;
	}

	.tfcontrols {
		border: 1px solid #3d3834;
	}

	#hm-welcome {
		min-height: auto;
	}

	#home-slider {
		position: relative;
	}

	#home-slider > div {
		position: relative;
	}

#home-slider .item {
  position: relative;
  width: 100%;
  min-height: 425px !important;
  max-height: 425px !important;
}

.carousel-inner {
  width: 100%;
  min-height: 425px !important;
  max-height: 425px !important;
}

#home-slider .item .grid-x {
  width: 100%;
  min-height: 425px !important;
  max-height: 425px !important;
}

	#main-footer-sponsors a {
		margin-bottom: 25px;
	}

	#main .mainInstructions {
		width: 100% !important;
	}

	#main .savedSearches {
		margin-left: 0 !important;
		width: 100% !important;
		margin-top: 20px;
	}

	.pageContent table td {
		display: table-row;
	}

	#pagecontrols tbody td {
		display: table-cell;
	}

	#mainpanel h2 {
		font-size: 1.15rem;
		margin: 30px 0px;
	}

	h3.subtitle {
		font-size: .9rem !important;
		padding: 50px 0px 10px 8px !important;
	}

	#careerProfile .smallsection {
		float: none !important;
	}

	ul#navigation li ul li:first-child {
		display: block !important;
	}
}

/* Colors and Fonts */

.headerlink {
	margin-bottom: .75rem;
	margin-top: .5rem;
}

.home-sidebar-box a {
	color: #fff;
}

h3 a,
h4 a,
.sectionlink a,
.sectionlink li a,
span.headerlink a,
span.headerlink,
#main a span.headerlink,
span.headerlink a span.headerfirst,
span.headerlink span.headerfirst,
#main .articleContentPanel .articleTitle,
#article .subMainCategoryName,
#article .articleListCategoryName {
	color: #017c9c!important;
	font-weight: 700;
}

h3 a:hover,
h4 a:hover,
.sectionlink a:hover,
.sectionlink li a:hover,
.rightsectiontop a:hover,
span.headerlink a:hover,
span.headerlink:hover,
#main a span.headerlink:hover,
span.headerlink a span.headerfirst:hover,
span.headerlink span.headerfirst:hover {
	color: #000 !important;
	text-decoration: underline;
}

h3 a:focus,
.sectionlink a:focus,
.sectionlink li a:focus,
.rightsectiontop a:focus,
span.headerlink a:focus,
span.headerlink:focus,
#main a span.headerlink:focus,
span.headerlink a span.headerfirst:focus,
span.headerlink span.headerfirst:focus{
	color: #000 !important;
	text-decoration: underline;
}

span.headerlink a span.headerfirst,
span.headerlink span.headerfirst,
span.headerlink a span.header,
span.headerlink span.header {
	text-transform: none;
}

.sectionbox p,
#main .sectionbody p {
    font-size: 16px;
    line-height: 20px;
    padding-top: 4px;
}

label,
.form-group {
	font-size: 16px;
}

span.headerlink span.headerfirst {
	color: #000;
}

.sectionlink a:before,
.sectionlink li a:before {
	color: #161846;
}

.sectionlink a:hover:before,
.sectionlink li a:hover:before {
	color: #000 !important;
}

.sectionlink a:hover {
	text-decoration: underline;
}

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

#main div.clusterList ul li {
	color: #FF6E15;
}

#voicesTop h2 {
	background: url(/images/transitions/blog/voices_logo.png) 0px 0px no-repeat !important;
	background-size: 100% !important;
	border-left: 0 !important;
}

.voiceBlogHeader h2 {
	border-left: 0px !important;
	background: none !important;
}

td.articleList ul {
	min-width: 525px !important;
	margin-left:20px;
}

#topsection td.narrowcolumn {
	vertical-align: top;
}

.matches {
    color: #161846!important;
	font-size:1rem!important;
    font-weight: bold;
    font-family: inherit!important;
}

.searchBoxLabel {
    float: left;
    width: auto;
    padding: 20px 10px 20px 0px;
    font-size: 1rem;
}

.searchpanel td {
    font-family: inherit;
    vertical-align: top;
    font-size: 1rem;
}

.alphacontainer .alphabetList td.all a {
    width: auto!important;
}

.alphabetList td,
#page #main .tfcontrols .alphabetList td,
#main .dataGridHeader, 
#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,
#main a.searchBtn {
	background-color: #01A4CF!important;
	border-color: #01A4CF!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;
}

.inputButton:hover,
.inputButton:focus,
.inputButton:active,
#applycontainer .dataGridElement a:hover,
#applycontainer .dataGridElement a:focus,
#applycontainer .dataGridElement a:active,
#main a.searchBtn:hover,
#main a.searchBtn:focus,
#main a.searchBtn:active {
	background-color: #22415F!important;
	color: #fff !important;
	border-color: #22415F!important;
	text-decoration: none !important;
}

.dualbox td, 
#main .dataGrid, 
#datagrid, 
.sectionbody table td {
    font-size: 14px;
}

#main .dataGrid .dataGridOddRow {
    background: rgba(0, 0, 0, .10)!important;
}

.alphabetList td,
#main .tfcontrols .alphabetList td {
	background: #161946 !important;
	filter: alpha(opacity=90) !important;
	-khtml-opacity: 0.9 !important;
	-moz-opacity: 0.9 !important;
	opacity: 0.9 !important;
	padding: 5px !important;
}

.alphabetList td a {
	color: #fff !important;
	font-size: 14px;
	line-height: 1rem;
}

#main .alphacontainer {
    background: none!important;
    margin: 20px 0px!important;
}

#main .tfcontrols .alphabetList td a {
	font-size: .6rem !important;
	line-height: .7rem !important;
}

.alphabetList td a:hover,
#main .alphaListMedium .alphabetList td a:hover,
#main .tfcontrols .alphabetList td a:hover {
	background: #79BA43;
}

#toolsContainer .toolsectionbodyshort:after,
#toolsContainer .toolsectionbody:after,
#toolsContainer .floatSection:after {
	border-color: #161946;
}

.extendedLoginBox .form-group {
    margin: 20px 0px;
}

.extendedLoginBox .form-group span {
    margin-left: -20px;
    padding-bottom: 6px;
    display: inline-block;
}

.form-group .ui-select-container span {
	margin-left: 0;
}

#talktous .form-group span {
	margin-left: 0;
}

#signInBox .headerlink {
	margin-bottom: 0;
	color: #22415F;
}

#dashboard {
	display: none;
}

#fullportfolio {
	padding: .25rem 0 !important;
	margin-top: 1rem !important;
	margin-right: .75rem !important;
	margin-left: .75rem !important;
}

#toolsContainer .floatSection .sectionbody {
	border: none;
	margin: 0;
	z-index: 10;
}

.card {
	font-size: 0.735rem;
	line-height: .8rem;
}

.deckHolder {
	border: 1px solid #FF6E15;
	width: 25%;
}

.wvsPrompt {
	background: #FF6E15;
}

.journalentry strong {
	color: #000;
	font-size: 1rem;
}

.journalentry textarea {
	background: #EFEFEF;
	border: 1px solid #CCC;
}

.surveyselections td {
	vertical-align: top;
	padding-left: 10px;
}

li.actionlink {
	list-style: none;
}

#resumeBuilder textarea {
	min-width: 90%;
}

.addWords td {
	vertical-align: top;
	padding-left: 10px;
}

#courseplanner table.dataGrid td {
	width: 16%;
}

.subCategoryPanel ul li,
#article .articleListPanel ul li {
	background: none;
}

.subCategoryPanel ul li:before,
#article .articleListPanel ul li:before {
	content: "\f054";
	color: #FF6E15;
	font-family: FontAwesome;
	margin-right: 0.4375rem;
}

td.dataGridElement:nth-child(2) {
	word-break: normal !important;
	word-wrap: normal !important;
	overflow-wrap: normal !important;
}

#main #finderIntroMain {
	width: 100%;
}

#main .mainInstructions {
	width: 50%;
}

#main .savedSearches {
	margin-left: 10px;
	width: 48%;
	float: left;
}

#schoolFinder td {
	vertical-align: top;
	width: 20%;
}

#ccSurvey .clusterdescription {
	padding: 5px 20px 15px 60px;
	margin: 5px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#AgricultureFood.row .progress-bar {
	background-color: #FF6E15;
}

#Architecture.row .progress-bar {
	background: #8c8c48;
}

#Arts.row .progress-bar {
	background: #f7b432;
}

#ArtsAudio-Video.row .progress-bar {
	background: #C06B17;
}

#Finance.row .progress-bar {
	background: #969658;
}

#Government.row .progress-bar {
	background: #F8C157;
}

#HealthScience.row .progress-bar {
	background: #C67A2E;
}

#BusinessManagement.row .progress-bar {
	background: #A0A069;
}

#Education.row .progress-bar {
	background: #CB9429;
}

#Hospitality.row .progress-bar {
	background: #14a4d9;
}

#HumanServices.row .progress-bar {
	background: #A8A876;
}

#InformationTechnology.row .progress-bar {
	background: #CB8641;
}

#LawPublic.row .progress-bar {
	background: #1187B2;
}

#Management.row .progress-bar {
	background: #827163;
}

#Manufacturing.row .progress-bar {
	background: #69C5E6;
}

#Marketing.row .progress-bar {
	background: #3EB4DF;
}

#ScienceTechnology.row .progress-bar {
	background: #D4A74F;
}

#TransportationDistribution.row .progress-bar {
	background: #0D698B;
}

.round-icon {
	width: 90px;
	height: 90px;
	line-height: 64px;
	text-align: center;
	color: #fff!important;
	border-radius: 50%;
	background: rgba(255, 255, 255, .1);
	display: inline-block;
}

#parentAccess {
	background: rgba(1, 164, 207, 0.95);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	color: #fff;
	font-size: 1rem;
	padding: 0rem 9rem 1rem;
	margin: 2rem 0 0;
	text-align: left;
	width: 100%;
}

#parentAccess .round-icon {
	float: left;
	margin-left: -110px;
	margin-top: 1rem;
	padding-top: 1rem;
}

#parentAccess a {
	color: #fff;
}
#parentAccess .actionbuttonwide a {
    border: #fff solid 2px;
}

#parentAccess h3 {
	color: #fff !important;
	text-align: left;
	padding-top: .7rem;
	font-size: 1.35rem;
	font-weight: 600 !important;
}

#parentAccess h3 strong {
	font-weight: 600 !important;
}
#parentAccess input {
    color: #6A6A6A;
}
#parentAccess .actionlink{
        margin-top: -5px;
        margin-bottom: 5px;
    }

    #parentAccess .actionlink a {
        background: none !important;
        padding-left: 0;
        text-transform: capitalize;
        font-size: .9rem;
        color: #fff !important;
    }
    #parentAccess .actionlink a:hover {
        text-decoration:underline;
    }
    #parentAccess .actionlink a::after {
        display: inline-block;
	    content: "\f105";
	    font-family: FontAwesome;
	    min-height: 2.5rem;
	    line-height: 2.5rem;
	    margin-left: 0.4rem;
    }


.reviewbody .actionbutton a {
	background: #161846 !important;
	border: 1px solid #FF6E15;
	display: inline-block;
	color: #fff;
	width: auto !important;
	border-radius: 83.5625rem;
	padding: 0.5rem 1.875rem !important;
	font-size: 0.8rem !important;
	height: auto !important;
	text-transform: uppercase;
}

.reviewbody .actionbutton a:hover {
	background: #fff !important;
	text-decoration: none;
	color: #161846 !important;
	border-color: #161846 !important;
	height: auto !important;
}

h3.noShow {
	text-indent: -9000px;
	height: 1px;
	padding: 1px;
	border: none;
	background: transparent;
}


/* nd cpp badge */

.progress-dash {
	background: #179ba6 !important;
	margin-bottom: 40px !important;
	margin-top: 0 !important;
}

.progress-dash .start-progress .start-bar {
	background-color: #ff6e15 !important;
}

.progress-dash .progress-content .progress-button a {
	background-color: #161846 !important
}

.progress-dash .progress-content .progress-button a:hover {
	background-color: #ff6e15 !important
}

#mainpanel .progress-dash .progress-content h2 {
	padding: 0 0 5px !important;
}


/*CPP Badge*/

.landing-pbg {
	background: #161846;
	margin-bottom: 2rem;
}

.p-bar-left {
	width: 52%;
}

.p-bar-content h4 {
	font-size: 1.85rem !important;
	font-weight: bold;
	color: #fff !important;
}

.p-bar-content i {
	color: #79BA43 !important;
	font-size: 1.25rem !important;
}

.p-bar-right p {
	font-size: 1.05rem;
	color: #79BA43 !important;
	min-height: 20px;
}

.p-bar-right {
	margin-top: 30px;
}

.p-bar-right .btn-primary {
	background: #FF6E15;
	border: 1px solid #FF6E15;
	display: inline-block;
	color: #fff !important;
	width: auto !important;
	border-radius: 83.5625rem;
	padding: 0.325rem 1.875rem !important;
	font-size: 0.9375rem !important;
	height: auto !important;
	text-transform: uppercase;
}

.p-bar-right .btn-primary:active,
.p-bar-right .btn-primary:focus,
.p-bar-right .btn-primary:hover {
	border: 1px solid #000 !important;
	color: #000 !important;
}

#topbar-utility ul li a {
	display: inline-block !important;
}

user-notification-main {
	float: left;
}

.notification-wrap .notification-content {
	right: -190px;
}

.notification-wrap a i {
	margin-top: 2px;
}

.notification-wrap .notification-content.show::before {
	right: 191px;
	left: inherit;
	top: -5px;
}

.notification-wrap .notification-content.show::before {
	border-bottom: 5px solid #eee !important;
}

.notification-wrap .notification-content .notification-header {
	background-color: #179ba8 !important;
}

.notification-wrap .notification-content .notification-body .notification-item .title .new {
	background-color: #161846 !important;
}

.notification-wrap .notification-content .notification-body .notification-item:hover,
.notification-wrap .notification-content .notification-body .notification-item:hover p.title,
.notification-wrap .notification-content .notification-body .notification-item:focus,
.notification-wrap .notification-content .notification-body .notification-item:focus p.title {
	color: #161846 !important;
}

#parent-survey {
	margin: 0px !important;
}

#parent-survey .sectionbody {
	margin: 0px !important;
}

#parent-survey .sectionbox {
	min-height: 120px;
	padding: 0px !important;
	background: rgba(245, 123, 24, .7) !important;
	border: none !important;
}

#parent-survey .sectionbox p {
	margin: 10px 25px !important;
}

#parent-survey .sectionbody h3 {
	font-weight: 700 !important;
	padding-top: 25px !important;
	margin: 10px 0px !important;
	height: 53px !important;
	background: transparent url(/images/transitions/portfolio/icon-survey2.png) 1040px 10px no-repeat !important;
	background-size: 43px !important;
}

#parent-survey .survey-status {
	margin-top: -65px !important;
	margin-right: 80px !important;
}

#parent-survey ul {
	background: rgba(245, 123, 24, 1) !important;
	padding: 5px 25px !important;
	margin: 18px 0px !important;
}

#profile .doughnut-text span {
	width: 73%;
	margin: 20px 40px 0px;
	padding: 5px 30px 0px;
}

#profile .doughnut-chart-big .doughnut-text span {
	width: 100%;
	margin: 20px 70px 0px;
	padding: 35px 40px 0px;
}


/*middle school module*/

#hubContent {
	background: #21A6B5;
}

#mainpanel #tileWrapper h2 {
	border: 0 !important
}

@media only screen and (max-width: 736px) {
	.notification-wrap .notification-content {
		left: -195px;
		right: inherit;
	}

	.notification-wrap .notification-content.show::before {
		left: 196px;
	}
}

@media only screen and (max-width: 672px) {
	.notification-wrap .notification-content {
		left: 0px;
		right: inherit;
	}

	.notification-wrap .notification-content.show::before {
		left: 3px !important;
	}
}


/*Interest Profiler fixes*/

#mainbody.interest-profiler #mainpanel {
	padding: 0 !important;
	box-shadow: none !important;
	margin-top: -1.25rem !important;
	padding-top: 1rem !important;
}

.iptabbedfeature,
#ipTabs h2,
.ipResults h3,
.ipCareers h3,
.ipnavtabs li,
#ipIntroIncompleteButtons a,
#ipIntroStartButton a,
.careersMatchButtons a,
.careersMatchButtonsBtm a,
#previousBtn {
	font-family: inherit !important;
}

.iptabbedfeature,
#ipIntroIncompleteButtons a,
#ipIntroStartButton a,
.careersMatchButtons a,
.careersMatchButtonsBtm a,
#previousBtn {
	font-size: .825rem !important;
}

#ipTabs h2,
.ipResults h3,
.ipCareers h3 {
	font-size: 1.15rem !important;
}

.ipnavtabs li {
	font-size: 1rem !important;
}

#ipIntro,
#ipIntroAdult {
	background-size: 100% !important;
}

#ipIntro h3,
#ipIntroAdult h3 {
	height: 500px !important;
}

#tab-title {
	padding: 6px 0 !important;
}

#topInterestsDiv .barOutput {
	height: 11px !important;
	width: 125px !important;
}

#ipIntroIncompleteButtons a:hover,
.careersMatchButtons a:hover,
.careersMatchButtonsBtm a:hover,
#divSave a:hover,
#divShow a:hover,
#ipIntroStartButton a:hover,
#previousBtn:hover {
	color: #fff !important;
}


/*sectionbox fixes*/

#mainpanel .sectionbox h3 a {
	padding-left: 14px;
	font-size: 16px;
}

#mainpanel .sectionflex .sectionbox.full h3 {
	margin: 0 0 0 .25rem;
}

@media (max-width: 640px) {
	.sectionflex .sectionbox,
	.sectionbox-cluster,
	.sectionboxwide,
	.sectionbox-progress {
		margin: .425rem 0rem !important;
	}
}


/*Userway*/

body .uwy.userway_p1 {
	z-index: 214 !important;
}

body .uwy.userway_p1.userway_hidden .uai {
	top: auto;
	right: 60px!important;
	left: auto;
	bottom: auto;
}

@media (max-width: 916px) {
	body .uwy.userway_p1.userway_hidden .uai {
		top: auto;
		left: auto;
		right: 80px!important;
	}
}
@media (max-width: 640px){
	body .uwy.userway_p1.userway_hidden .uai {
		top: auto;
		left: auto;
		right: 70px!important;
	}
}

/* Career list OK styles */

.results-wrap .career-card-wrap .career-top a,
.results-wrap .filter-categories .check-box label,
.results-wrap .panel-wrap .panel-header h3 i,
.results-wrap .panel-wrap .panel-header h4 i,
#mainpanel .result-title i,
.print-wrap #pagecontrols .printthis a,
.print-wrap #pagecontrols .emailthis a,
.print-wrap #pagecontrols .pdfthis a,
.results-wrap .result-top .filter-pill i {
	color: #017c9c!important;
}

.results-wrap .result-top .filter-pill:hover, .results-wrap .result-top .filter-pill:focus, .results-wrap .result-top .filter-pill:active {
	border-color: #017c9c!important;
}

.results-wrap .result-filters .filter-search .search-btn,
.results-wrap .check-box input[type="checkbox"]:checked + label::before {
	background-color: #017c9c!important;
}

.results-wrap .career-card-wrap .career-top .btn-card-save,
.result-paging .paging a {
	border-color: #017c9c!important;
	color: #017c9c!important;
}

.results-wrap .career-card-wrap .career-top .btn-card-save:hover,
.result-paging .paging a:hover {
	background-color: #017c9c!important;
	color: #fff !important;
}

.result-paging .paging a.active {
	background-color: #017c9c!important;
	color: #fff !important;
}

.results-wrap .career-card-wrap .career-top .btn-card-save.saving,
.results-wrap .career-card-wrap .career-top .btn-card-save.saved {
	border-color: #5BBCB1 !important;
}

#mainpanel .result-title {
	padding: 9px 0px 10px !important;
	margin-bottom: 30px !important;
	letter-spacing: normal;
	border-bottom: 1px solid #EEEEEE;
}

.results-wrap .result-top .pill-wrap {
	width: 100%;
	margin-top: 5px;
}

.results-wrap .result-top .filter-pill {
	margin-right: 4px;
	margin-left: 0;
}

/* Test Prep */
#test-prep .page-heading p {
  color: #fff;
}
.tprep-box p {
  color: #fff !important;
}
.tprep-box h3,
.tprep-box h3.large-text {
	color: #fff !important;
	font-size: 17px;
}
#test-prep .info-box ul li > ul > li > a {
    color: #fff!important;
    font-size: 1.0625rem;
    font-weight: 600;
}
#test-prep .info-box ul li h4 {
    color: #fff !important;
}

/* prepare for college page */

#main .prepare-for-college .sectionbody {
	margin: 0 30px 0px 25px;
}
#main .prepare-for-college .sectionbody h3.title-main {
	color: #22415F;
	margin-bottom: 15px;
}
#main .prepare-for-college .sectionbody .articleListCategoryName {
	color: #161846;
	font-size: .95rem;
	font-weight: bold;
}
#main .prepare-for-college .sectionbody .college-questions .articleListCategoryName:before {
	color: #161846;
	font-family: "FontAwesome";
	content: "\f059";
	display: inline-block;
	margin-right: 5px;
	font-size: 18px;
}
#main .prepare-for-college .sectionbody h3 i, #main .prepare-for-college .sectionbody fas {
	color: #01A4CF;
}
#main .prepare-for-college .fa-question-circle {
	font-size: 20px;
}
#main .prepare-for-college .sectionbody .sectionlink a:after,
#main .prepare-for-college .sectionbody p a:after,
#main .prepare-for-college .sectionbody #prepareQuestions ul li a:after,
#main .prepare-for-college .sectionbody .subCategoryPanel ul li a:after,
#main .prepare-for-college .sectionbody .articleListPanel ul li a:after {
	padding-left: 5px;
	font-family: "FontAwesome";
	content: "\f105";
	display: inline-block;
	vertical-align: bottom;
}
#main .prepare-for-college .sectionbody .articleList ul li a:after {
	display: none;
}
#main .prepare-for-college .sectionbody a {
	color: #017c9c;
	font-weight: 600;
	text-decoration: none !important;
}
#main .prepare-for-college .sectionbody .note-warning a {
	color: #009aba !important;
}
#main .prepare-for-college .sectionbody a:hover {
	color: #000 !important;
	text-decoration: none !important;
}
#main .prepare-for-college .sectionbody .articleListPanel ul {
	margin-left: -30px;
	margin-top: 10px
}
#main .prepare-for-college .sectionbody .articleList ul {
  	margin-left: 30px;
	margin-top: 20px
}
#main .prepare-for-college .sectionbody .subCategoryPanel ul {
	margin-left: -14px;
}
#main .prepare-for-college .sectionbody #prepareQuestions ul li {
	margin-left: -35px;
}
#main .prepare-for-college .sectionbody .subCategoryPanel ul li,
#main .prepare-for-college .sectionbody #prepareQuestions ul li,
#main .prepare-for-college .sectionbody .articleListPanel ul li {
	font-size: 14px;
	line-height: 20px;
	padding: 0 0 5px 0px !important;
	list-style: none!important;
}
#main .prepare-for-college .sectionbody .articleList ul li {
	list-style: disc !important;
	float: left;
	width: 50%;
	line-height: 10px;
}
#main .prepare-for-college .sectionbody .note-warning.college-questions {
	padding-top: 20px;
}
#main .prepare-for-college .sectionbody .note-warning {
	width: 42%;
	float: left;
	background: #FEF9F1;
	padding: 10px 25px 25px 30px;
	border-left: 4px solid #F3BD5F;
	border-radius: 4px;
	margin-bottom: 30px;
	margin-right: 40px;
}
#main .prepare-for-college .sectionbody .note-warning p {
	color: #6a6a6a;
	margin-bottom: 0;
}

#main .sectionbody ul.sectionlist {
	margin-bottom: 20px;
}
#main .sectionbody ul li {
	padding: 0px!important;
}
#main .sectionbody ul.sectionlist li a {
	font-weight: 600;
}
#main .articleContentPanel a {
	font-weight: 600;
}
#main .articleContentPanel a.external-link:after {
	font-family: "Font Awesome 5 Free";
	content: "\f35d";
	display: inline-block;
	margin-left: 5px;
	vertical-align: bottom;
	font-weight: 900;
	font-size: 11px;
}
@if map-get($build-settings, "stylesheet") == "rightbar" or map-get($build-settings, "stylesheet") == "all"{

 /* Right Bar
========================================================================== */

// Main Panel
#mainpanel {
    #rightbar{
        .portfolioEditPanel{
            .hint{
                font-size:calcRem(10px);
            }
        }
    }
    .sectionbox{
        .interface{
            &Search{
                // interfaceSearchBox
                &Box{
                    background-color:#EFFBFF;
                    border:1px solid #BDEFFF;
                    color:#666;
                    // margin:0 0 5px 5px;
                    margin:calcRem(0 0 5 5);
                    // padding:2px;
                    padding:calcRem(2);
                    width:130px;
                }
                // interfaceSearchBtn
                &Btn{
                    background-color:#21A6B5;
                    border:1px solid #18869C;
                    border-left-color:#999;
                    border-top-color:#ccc;
                    color:#fff;
                    font:bold calcRem(10px) verdana,geneva,sans-serif;
                    // margin-bottom:5px;
                    margin-bottom:calcRem(10);
                    padding:0;
                }
            }
            // interfaceSorterPanel
            &SorterPanel{
                // padding-top:15px;
                padding-top:calcRem(15);
            }
        }
    }
}

// ID
#right{
    // #rightbar
    &bar{
        background:#ebeae5;
        position:relative;
        // #rightbarcontent
        &content{
            // margin:2px 0 0 8px;
            margin:calcRem(2 0 0 8);
            padding:0;
        }
    }
    tr{
        &.portfolioDivider{
            td{
                border-bottom:1px dotted #84E3F7;
                // padding:4px 0; 
                padding:(4 0);
            }
        }
    }
    .inputButtonWide{
        background-color:#21A6B5;
        border:1px solid #18869C;
        border-left-color:#999;
        border-top-color:#ccc;
        color:#fff;
        font:bold calcRem(10px) verdana,geneva,sans-serif;
        padding:0;
        text-align:center;
        text-decoration:none;
        width:auto;
        &:hover, &:focus{
            background-color:#fff;
            color:#21A6B5;
            cursor:pointer;
        }     
    }
}

// CLASS
.right{
    // rightsection
    &section{
        background:transparent;
        color:#524142;
        font:10px arial,helvetica,sans-serif;
        margin:0;
        // padding:0 9px;
        padding:calcRem(0 9);
        // rightsectiontop
        &top{
           background:transparent url("/Images/Transitions/sm_box_header_bckg2.png") 0 0 no-repeat;
            margin:0;
            padding:0;
            h3{
                // color:#fff;
                // font:14px helvetica, arial, sans-serif;
                // font-weight: bold;
                // height:42px;
                // line-height:16px;
                // margin:0 0 -5px;
                // padding:5px 5px 0 11px;
                // padding:calcRem(5 5 0 11);
                text-transform:uppercase; 
            }
        }
        // rightsectionbottom
        &bottom{
            // background:transparent url("/Images/Transitions/sm_box_btm2.png") left bottom no-repeat;
            // margin:0 0 10px 0;
            // margin-bottom:calcRem(20px);
            // padding:0 0 14px;
        }
        // rightsection paragraph
        p{
            margin:0;
            // padding-top:5px;
            padding-top:calcRem(5);
        }
        // rightsection unordered list
        ul{
            margin:0;
            padding:0; 
        }
        .sectionlist{
            li{
               background:transparent url("/Images/Transitions/blue_arw.png") 0 4px no-repeat;
                border-bottom:1px dotted #84E3F7;
                list-style:none;
                // padding:2px 0 4px 15px; 
                padding:calcRem(2 0 4 15);
            }
        }
        // Login button
        .logonButton {
            background:transparent url("/images/transitions/sign-in-btn-hmpg.png") right top no-repeat;
            color:#fff;
            display:block;
            font-family:verdana,geneva,arial,helevetica,sans-serif;
            font-size:calcRem(11px);
            font-style:normal;
            font-variant:normal;
            font-weight:700;
            height:54px;
            margin-bottom:-18px;
            padding-right:10px;
            padding-top:18px;
            text-align:center;
            text-decoration:none;
            width:148px;
        }
    }
}


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

#summaryAccessStudent h3 {
    // font-size:calcRem(12px);
}

.rightsectiontop{
    // Guideways
    &#guideways{
        h3{
            background:transparent url("/Images/Transitions/guideways_arw.png") 2px 1px no-repeat;
            height:78px;
            margin:0;
            padding:0;
            text-indent:-3000px;  
        }
        .rightsection{
            // padding:0 0 0 40px;
            padding:calcRem(0 0 0 40);
            a{
                background:transparent url("/Images/Transitions/blue_arw.png") 38px 4px no-repeat;
                display:block;
                font:11px arial,helvetica;
                // padding:2px 0 4px 55px;
                padding:calcRem(2 0 4 55);
                text-decoration:none;
            }
        }
    }
    // For Counselors
    &#forcounselors{
        background:transparent url("/Images/Transitions/for-counselors-txt.png") 10px 17px no-repeat;
        height:42px;
        margin:0;
        padding:0;
        text-indent:-3000px;
    }
    // Your Portfolio
    &#yourportfolio{
        .rightsectionbottom{
            background: none !important;
            // margin:0 0 10px 0;
            margin:calcRem(0 0 10 0);
            padding:0;
        }
        #fullportfolio{
            // height:20px;
            // padding:20px 0 0 117px;
            // padding:calcRem(20 0 0 117);
            // width:81px;
            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;
    li{
        background:transparent url("/Images/Transitions/blue_arw.png") 10px 12px no-repeat;
        font:11px arial,helvetica;
        margin:0;
        // padding:10px 0 0 28px;
        padding:calcRem(10 0 0 28);
        text-decoration:none;
        width:85px; 
    }
}

#signinbox  {
    input{
        background:#fff;
        border:1px solid #BDEBF7;
        color:#21A6B5;
        font:calcRem(10px) arial,helvetica,sans-serif;
    }
    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:10px 0 17px 65px;
    padding:calcRem(10 0 17 65);
}

.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;
    padding:calcRem(10 0 17 50);
}

.portfolioSummary{
    td{
        border-bottom:1px dotted #7BCFD6;
        margin:0;
        // padding:2px 0 5px;
        padding:calcRem(2 0 5);
        vertical-align:top;
    }
    // portfolioSummaryItem
    &Item{
        background:transparent url("/images/transitions/brwn_dot.gif") 12px 4px no-repeat;
        color:#666;
        // padding:0 0 3px 20px;
        padding:(0 0 3 20);
    }
    // portfolioSummarySubheader
    &Subheader{
        color:#FF4910;
        font-weight:700;
        a{
            background:transparent url("/Images/Transitions/blue_arw.png") 0 2px no-repeat;
            display:block;
            // padding:2px 0 4px 17px;
            padding:(2 0 4 17);
            text-decoration:none; 
        }
    }
    &MoreLink{
        display:block;
        text-align:right;
        text-decoration:none;
    }
}

.browseSchoolTypes {
    position:relative;
    width:470px;
    div{
        background:transparent url("/images/transitions/icons/career_cluster_icon.png") 7px 0 no-repeat;
        float:left;
        height:66px;
        // padding:3px 3px 3px 70px;
        padding:calcRem(3 3 3 70);
        width:155px;
        &#Two-Year{
            background:transparent url("/images/transitions/icons/2_yr_college_icon.png") 0 0 no-repeat;
        }
        &#Four-Year{
            background:transparent url("/images/transitions/icons/4_yr_college_icon.png") 0 0 no-repeat;
        }
        &#Graduate{
            background:transparent url("/images/transitions/icons/grad_school_icon.png") 0 0 no-repeat;
        }
        &#Online{
            background:transparent url("/images/transitions/icons/online_app_icon.png") 0 0 no-repeat;
        }
        &#YourSavedSchools{
            background:transparent url("/images/transitions/icons/saved_schools_icon.png") 0 0 no-repeat;
        }
    }
}

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

#guideways{
    &.rightsectiontop{
        .rightsection{
            padding:0;
            p{
                // margin-left:40px;
                margin-left:calcRem(40);
            }
        }
    }
}

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

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

.portfolioSummary,#rightbar .simpleForm {
    width:100%;
}

}
h1 {}
.rightsection .sectionlist li a, #counselorsection li a {
    text-decoration: none;
    color: #017c9c;
}
.rightsectiontop .sectionlink {
  line-height: 1.5rem;
}
.rightsection {
    color: #000;
    font-size: .9rem;
}
#searchschoolssection.sectionbox table {
border:1px solid transparent !important;
}
.rightsectiontop#guideways .rightsection a:before, #counselorsection li:before, .portfolioSummarySubheader a:before, .articleIndex .articleListPanel ul li a:before, ul.sidecontentList li a:before, .arrowList:before, .newinvite a:before {
    content: "\f105";
    font-family: FontAwesome;
    padding-right: 4px;
}
.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: "";
    padding-right: 0;
}
.rightsectionbottom img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
signinbox input {
    color: #000;
}
#signinbox.rightsectiontop .small a:hover,
#signinbox.rightsectiontop .small a:focus {
    color:#000!important;
    text-decoration:none;
}
.panel-wrap .panel-body .empty-mode h3 {
    border-left: none!important;
}
div#article.sectionbox {
    width: 100%;
    max-width: 100%;
    padding: 10px!important;
    font-size: 0.875rem!important;
}
div#article.sectionbox h3 {
    padding-bottom:20px;
}
div#article.sectionbox p {
    font-size: 14px;
}
div#article.sectionbox .table-mobile {
	min-height: .01%;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 100%;
	border: 1px solid #eee;
	margin-bottom: 20px;
	margin-top: 10px;
}
div#article.sectionbox .table-mobile .light-blue {
	border: none;
	margin-bottom: 0px;
}
div#article.sectionbox .light-blue {
	font-size: 12px;
	border: 1px solid #eee;
	margin-bottom: 20px;
	width: 100%;
}
div#article.sectionbox .light-blue th {
	background-color: #F4FAFA;
  	border-right: 1px solid #eee;
	font-weight: bold;
	color: #22415F;
	padding: 10px;
}
div#article.sectionbox .light-blue td {
	padding: 5px 10px;
  	font-size: 12px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
div#article.sectionbox .light-blue .border-bottom-none {
	border-bottom: none;
}
div#article.sectionbox .light-blue .border-right-none th,
div#article.sectionbox .light-blue .border-right-none td {
	padding-right: 0;
	padding-top: 10px;
}
.prevlink a {
    font-size: 14px;
}

/* Tabbed Feature
========================================================================== */
/* bootstrap fix */
.ethnicityGroup span.subquestion {
	display: block;
	padding: 0 10px
}

div#ethnicList {
	padding: 0 10px
}

#ethnicList label {
	display: inline
}

#ethnicList input {
	margin: 1px !important
}
/*Tabbed Feature Styles*/

.timelineChecklist td {
	border-bottom: 1px solid #ebedf3;
	border-top: 1px solid #ebedf3;
}

#mainbody h2 {
	position: relative
}

p.instructions {
	font: 12px arial,helvetica,sans-serif;
	padding: 4px 0 8px 52px
}

.tabbedfeature {
	position: relative;
	width: 100%;
	margin-top: 30px;
}

.tfmain {
	background: #fff;
	float: left;
	width: 76%;
	padding: 0rem 0rem 0rem 1.25rem
}

.tfbottom {
	background: transparent;
	clear: both;
	font: 1px sans-serif;
	height: 22px
}
/* Tabs */
.tfnavtabs li {
	display: block;
	background: none;
	margin: 0;
	padding: 0;
	position: relative;
	margin-bottom: 0.125rem
}

.tfnavtabs li:last-child {
	margin-bottom: 0
}

.tfnavtabs li a {
	padding: 0.625rem 0.9375rem 0.625rem .5625rem
}

.tfnavtabs ul, .tfnavtabs ol {
	list-style: none;
	margin: 0;
	padding: 0px 0px 10px;
}

.tfnavtabs li.menuItemActive {
	background: #fff
}

.tfnavtabs li.menuItemDisabled {
	background: rgba(255, 255, 255, 0.25);
	color: #cccccc
	/*
height:38px;
padding:5px 10px 0 29px;
_padding: 5px 10px 0 23px;
width:142px;
*/
}

.tfnavtabs li.menuItemDisabled a:before {
	display: none
}

.tfnavtabs li.menuItemDisabled a, .tfnavtabs li.menuItemDisabled a:hover {
	background: none;
	color: #b3b3b3 /*
margin:0;
padding:0;
*/
}

.tfnavtabs li a, .tfnavtabs li span.description {
	display: block;
	text-decoration: none
}

.tfnavtabs li.menuItemActive a, .tfnavtabs li.menuItemActive a:disabled,
.tfnavtabs li span.description {
	color: #FF4110
}
/*Action Controls*/
.tfactions {
	font: 10px arial,helvetica,sans-serif;
	margin: 15px auto;
	width: 176px
}

.tfactionstop {
	background: #fff;
	height: 11px;
	width: 176px
}

.tfactionsmiddle {
	background: #fff
}

.tfactionsmiddle .simpleForm {
	margin: 0.625rem
}

#coverLetterCreator .simpleForm td.label-r, #coverLetterCreator .simpleForm td.label-l, #coverLetterCreator .simpleForm td.label-c {
    font: inherit!important;
}

#coverLetterCreator .field input, #coverLetterCreator .field select {
	font: inherit !important;
	margin-bottom: 4px !important;
} 

.tfactionsbottom {
	background: #fff;
	height: 13px;
	width: 176px
}

.tfactions h3 {
	font-size: 11px;
	margin: 0;
	padding: 0 5px 0 15px
}

.tfactions p {
	margin: 0;
	padding: 10px 5px 0 15px
}

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

.tfactions ul li {
	background: transparent;
	border-bottom: 1px dotted #009;
	margin: 0;
	padding: 5px 10px 10px 16px
}

.tfactions ul li a {
	background: transparent url(/Images/Transitions/blue_arw.png) 0 4px no-repeat;
	display: block;
	font-size: 11px;
	padding: 2px 0 4px 16px;
	text-decoration: none
}

.tfactions .prevlink {
	padding: 0rem 0.625rem 0.625rem 1rem
}
/* Tabbed Feature Sections Boxes */
.tfmain a {
	text-decoration: none
}

.tfmain .top {
	font: 1px sans-serif
}

.tfmain .middle {
	color: #524542;
	font: 11px arial,helvetica,sans-serif
}

.tfmain p {
	margin: 0px 10px 0px 0px!important;
	padding: 2px 0 4px
}

.tfmain .bottom {
	clear: both;
	font: 1px sans-serif
}

.tfsection, .tfsectiongrey {
	clear: both;
	margin-bottom: 10px;
	position: relative
}

.tfsection .middle {
	background: #fff;
	border: 2px solid #33bac4;
	border-radius: 5px;
	margin: 0 0 10px;
	min-height: 100px;
	padding: 0.9375rem 1.25rem;
	position: relative;
	z-index: 0
}

.tfsectiongrey .middle {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff;
	border: 2px solid #ccc;
	border-radius: 5px;
	padding: 15px 10px 15px 18px
}

.tfsectionsmall {
	margin: 0 3px 10px 0;
	position: relative;
	width: 376px
}

.tfsectionsmall .middle {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff;
	border: 2px solid #267fb4;
	border-radius: 5px;
	padding: 15px 18px 15px 23px
}

.tfsectionsmall .bottom {
	background: transparent;
	height: 26px
}

.tfsection .sectionlink {
	margin-left: 190px;
	margin-top: 10px
}

.tflegendcontainer {
	margin: 0 0 0 3px;
	padding: 0
}

.tflegendcontainer td {
	margin: 0;
	padding: 0;
	vertical-align: top
}

.tfmain ul li {
    margin: 6px 0px 6px 0px;
    padding: 0;
}

/* Your Values */
table.values {
	clear: both;
	margin: 0;
	padding: 0
}

table.values td {
	vertical-align: top
}

table.values td.wide {
	width: 330px
}

table.values td.narrow {
	padding: 5px
}

.smallsection .characteristic {
	height: 34px;
	padding: 6px 0 4px 58px
}

.smallsection .characteristic, .smallsection .characteristic a {
	font-size: 12px
}

.smallsection #Realistic {
	background: transparent url(/Images/Transitions/icons/small/realistic_sml.gif) 0 0 no-repeat
}

.smallsection #Investigative {
	background: transparent url(/Images/Transitions/icons/small/investigative_sml.gif) 0 0 no-repeat
}

.smallsection #Artistic {
	background: transparent url(/Images/Transitions/icons/small/artistic_sml.gif) 0 0 no-repeat
}

.smallsection #Social {
	background: transparent url(/Images/Transitions/icons/small/social_sml.gif) 0 0 no-repeat
}

.smallsection #Enterprising {
	background: transparent url(/Images/Transitions/icons/small/enterprising_sml.gif) 0 0 no-repeat
}

.smallsection #Conventional {
	background: transparent url(/Images/Transitions/icons/small/conventional_sml.gif) 0 0 no-repeat
}

.smallsection #Achievement {
	background: transparent url(/Images/Transitions/icons/small/icon_achievement.gif) 0 0 no-repeat
}

.smallsection #Independence {
	background: transparent url(/Images/Transitions/icons/small/icon_independence.gif) 0 0 no-repeat
}

.smallsection #Recognition {
	background: transparent url(/Images/Transitions/icons/small/icon_recognition.gif) 0 0 no-repeat
}

.smallsection #Relationships {
	background: transparent url(/Images/Transitions/icons/small/icon_relationships.gif) 0 0 no-repeat
}

.smallsection #Workingconditions {
	background: transparent url(/Images/Transitions/small/icons/icon_support.gif) 0 0 no-repeat
}

.smallsection #Support {
	background: transparent url(/Images/Transitions/icons/small/icon_working_conditions.gif) 0 0 no-repeat
}

.smallsection .match {
	background: transparent url(/Images/Transitions/tabbed-feature/match_small.png) 32px 0 no-repeat;
	_background: transparent url(/Images/Transitions/tabbed-feature/match_small.gif) 32px 0 no-repeat
}

.instructions {
	color: #847173;
	font: bold 11px arial,helvetica,sans-serif;
	margin: 10px 0
}

.previouswork {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #267fb4;
	border-radius: 5px;
	margin-bottom: 15px;
	width: 525px
}

.previouswork th {
	background: #267fb4;
	color: #f9f9f9;
	font-size: 14px;
	height: 42px;
	text-align: left;
	text-indent: 20px;
	width: 525px
}

.previouswork .bottom {
	height: 11px;
	width: 520px
}

.previouswork td {
	padding: 3px
}

.previouswork .date {
	padding: 3px 15px
}

.previouswork .row1 td {
	background: #EFF7FF
}

.tabbedfeature h3, .tabbedfeature h3 a {
	color: #f94212;
	font: bold 12pt helvetica,arial,sans-serif;
	margin: 0;
	text-decoration: none
}

.questioncount {
	color: #4AC7CE;
	font: bold 13px arial,helvetica,sans-serif;
	position: absolute;
	right: 20px;
	top: 5px
}

#main .tfcontrols .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 .tfcontrols .alphabetList {
	margin: 0;
	padding: 0
}

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

#main .tfcontrols .alphabetList td a {
	color: #fff;
	display: block;
	font: bold 10px verdana,geneva,arial,helvetica;
	height: 13px;
	padding-top: 2px;
	text-align: center;
	text-decoration: none;
	width: 11px
}

#main .tfcontrols .alphabetList td.all {
	height: 15px;
	text-align: center;
	width: 173px
}

#main .tfcontrols .alphabetList td.all a {
	height: 15px;
	width: 170px
}

#main .tfcontrols .alphabetList td a:hover,
#main .tfcontrols .alphabetList td a:focus {
	background: #189EAD
}

#main .tfcontrols .searchForm td {
	margin: 0;
	padding: 0;
	vertical-align: middle
}

#main .tfcontrols .searchLabel {
	display: block
}

#main .tfcontrols .searchBoxContainer {
	height: 24px;
	width: 136px
}

#main .tfcontrols .searchButtonContainer {
	height: 24px;
	width: 25px
}

#main .tfcontrols .interfaceSearchBox {
	background: #FFFBEF;
	border: 1px solid #A69585;
	border-width: 1px 0 1px 1px;
	color: #666;
	height: 18px;
	margin: 0 0 0 5px;
	padding: 2px;
	width: 130px
}

#main .tfcontrols a.interfaceSearchBtn {
	background: transparent url("/images/ok/search_off.png") 0 0 no-repeat;
	padding: 0.125rem;
	height: 29px;
	right: 3px;
	width: 36px;
	text-indent: -9000px
}

#main .tfcontrols a.interfaceSearchBtn:hover,
#main .tfcontrols a.interfaceSearchBtn:focus {
	background: transparent url("/images/ok/search_on.png") 0 0 no-repeat;
	text-indent: -9000px
}

#main .tfcontrols .interfaceSelectList {
	background: #EFF7FF;
	border: 1px solid #189EAD;
	color: #666;
	font: 10px arial,helvetica,sans-serif;
	margin: 5px 5px 0;
	padding: 2px;
	width: 160px
}

#main .tfcontrols .goButtonContainer {
	padding-left: 50px;
	vertical-align: bottom
}

#main .tfcontrols .browsecontrols td {
	font: 12px arial,helvetica,sans-serif
}

a.interfaceSearchBtn {
	margin: 3px;
	padding: 3px;
	text-decoration: none
}

.pageContent {
	padding: 0 0 0 25px
}

#main .pageContent h2 {
	padding-left: 0;
	margin-top: 0px;
}

#main .pageContent table tr td h2 {
	padding-left: 0;
	border-bottom: none;
	margin-bottom: 0px !important;
}

#careerProfile.tabbedfeature {
	border-top: 1px solid #eee;
	width: 100%;
	margin-bottom: 20px;
	display: block;
	padding: 30px 0px;
	margin-top: 8px;
}

.interfaceStateList {
	background: #EFFBFF;
	border: 1px solid #BDEFFF;
	color: #666;
	margin: 3px 0 5px 5px;
	padding: 2px;
	width: 130px
}

.interfaceFilterBtn {
	background: #21A6B5;
	border: 1px solid #18869C;
	border-left-color: #999;
	border-top-color: #ccc;
	color: #fff;
	font: bold 10px verdana,geneva,sans-serif;
	margin: 5px 0 5px 25px;
	padding: 2px
}
/* Timeline Styles */
.timelineChecklist, .timelineSubhecklist {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%
}

.timelineChecklist td.timelineItem, .timelineSubhecklist td.timelineSubitem {
	background: transparent url(/images/transitions/brwn_dot.gif) 11px 11px no-repeat;
	color: #806F5C;
	margin: 0;
	padding: 7px 5px 7px 22px
}

.timelineLinks, .timelineSublinks {
	margin: 0;
	padding: 5px 10px;
	vertical-align: middle;
	width: 210px;
}

#hsTimeline .timelineHPFC .timelineItem, #hsTimeline .timelineHFC .timelineItem,
#hsTimeline .timelineHPC .timelineItem, #hsTimeline .timelineHPF .timelineItem,
#hsTimeline .timelineHC .timelineItem, #hsTimeline .timelineHF .timelineItem,
#hsTimeline .timelineHP .timelineItem, #hsTimeline .timelineH .timelineItem,
#finaidTimeline .timelineHPFC .timelineItem,
#finaidTimeline .timelinePFC .timelineItem,
#finaidTimeline .timelineHFC .timelineItem,
#finaidTimeline .timelineHPF .timelineItem,
#finaidTimeline .timelineFC .timelineItem,
#finaidTimeline .timelinePF .timelineItem,
#finaidTimeline .timelineHF .timelineItem,
#finaidTimeline .timelineF .timelineItem,
#collegeTimeline .timelineHPFC .timelineItem,
#collegeTimeline .timelinePFC .timelineItem,
#collegeTimeline .timelineHPC .timelineItem,
#collegeTimeline .timelineHPF .timelineItem,
#collegeTimeline .timelinePC .timelineItem,
#collegeTimeline .timelinePF .timelineItem,
#collegeTimeline .timelineHP .timelineItem,
#collegeTimeline .timelineP .timelineItem {
	background: #ffc url(/images/transitions/brwn_arw.png) 2px 8px no-repeat;
	_background: #ffc url(/images/transitions/brwn_arw.gif) 2px 8px no-repeat;
	color: #333;
}

#hsTimeline .timelineHPFC .timelineLinks, #hsTimeline .timelineHFC .timelineLinks, #hsTimeline .timelineHPC .timelineLinks, #hsTimeline .timelineHPF .timelineLinks, #hsTimeline .timelineHC .timelineLinks, #hsTimeline .timelineHF .timelineLinks,
#hsTimeline .timelineHP .timelineLinks, #hsTimeline .timelineH .timelineLinks,
#finaidTimeline .timelineHPFC .timelineLinks,
#finaidTimeline .timelinePFC .timelineLinks,
#finaidTimeline .timelineHFC .timelineLinks,
#finaidTimeline .timelineHPF .timelineLinks,
#finaidTimeline .timelineFC .timelineLinks,
#finaidTimeline .timelinePF .timelineLinks,
#finaidTimeline .timelineHF .timelineLinks,
#finaidTimeline .timelineF .timelineLinks,
#collegeTimeline .timelineHPFC .timelineLinks,
#collegeTimeline .timelinePFC .timelineLinks,
#collegeTimeline .timelineHPC .timelineLinks,
#collegeTimeline .timelineHPF .timelineLinks,
#collegeTimeline .timelinePC .timelineLinks,
#collegeTimeline .timelinePF .timelineLinks,
#collegeTimeline .timelineHP .timelineLinks,
#collegeTimeline .timelineP .timelineLinks {
	background: #ffc;
	border-top: 1px solid #ebedf3;
	border-bottom: 1px solid #ebedf3;
}

#hsTimeline .subtimelineHPFC .timelineSubitem,
#hsTimeline .subtimelineHFC .timelineSubitem,
#hsTimeline .subtimelineHPC .timelineSubitem,
#hsTimeline .subtimelineHPF .timelineSubitem,
#hsTimeline .subtimelineHC .timelineSubitem,
#hsTimeline .subtimelineHF .timelineSubitem,
#hsTimeline .subtimelineHP .timelineSubitem,
#hsTimeline .subtimelineH .timelineSubitem,
#finaidTimeline .subtimelineHPFC .timelineSubitem,
#finaidTimeline .subtimelinePFC .timelineSubitem,
#finaidTimeline .subtimelineHFC .timelineSubitem,
#finaidTimeline .subtimelineHPF .timelineSubitem,
#finaidTimeline .subtimelineFC .timelineSubitem,
#finaidTimeline .subtimelinePF .timelineSubitem,
#finaidTimeline .subtimelineHF .timelineSubitem,
#finaidTimeline .subtimelineF .timelineSubitem,
#collegeTimeline .subtimelineHPFC .timelineSubitem,
#collegeTimeline .subtimelinePFC .timelineSubitem,
#collegeTimeline .subtimelineHPC .timelineSubitem,
#collegeTimeline .subtimelineHPF .timelineSubitem,
#collegeTimeline .subtimelinePC .timelineSubitem,
#collegeTimeline .subtimelinePF .timelineSubitem,
#collegeTimeline .subtimelineHP .timelineSubitem,
#collegeTimeline .subtimelineP .timelineSubitem {
	background: transparent;
	color: #333;
}

#hsTimeline .subtimelineHPFC .timelineSublinks,
#hsTimeline .subtimelineHFC .timelineSublinks,
#hsTimeline .subtimelineHPC .timelineSublinks,
#hsTimeline .subtimelineHPF .timelineSublinks,
#hsTimeline .subtimelineHC .timelineSublinks,
#hsTimeline .subtimelineHF .timelineSublinks,
#hsTimeline .subtimelineHP .timelineSublinks #finaidTimeline .subtimelineHPFC .timelineSublinks, #finaidTimeline .subtimelinePFC .timelineSublinks,
#finaidTimeline .subtimelineHFC .timelineSublinks,
#finaidTimeline .subtimelineHPF .timelineSublinks,
#finaidTimeline .subtimelineFC .timelineSublinks,
#finaidTimeline .subtimelinePF .timelineSublinks,
#finaidTimeline .subtimelineHF .timelineSublinks,
#finaidTimeline .subtimelineF .timelineSublinks,
#collegeTimeline .subtimelineHPFC .timelineSublinks,
#collegeTimeline .subtimelinePFC .timelineSublinks,
#collegeTimeline .subtimelineHPC .timelineSublinks,
#collegeTimeline .subtimelineHPF .timelineSublinks,
#collegeTimeline .subtimelinePC .timelineSublinks,
#collegeTimeline .subtimelinePF .timelineSublinks,
#collegeTimeline .subtimelineHP .timelineSublinks,
#collegeTimeline .subtimelineP .timelineSublinks {
	background: transparent;
}

#hsTimeline tr.timelinePF td.timelineItem:before,
#hsTimeline tr.timelineP td.timelineItem:before,
#hsTimeline tr.timelinePC td.timelineItem:before,
#hsTimeline tr.timelineF td.timelineItem:before,
#hsTimeline tr.subtimelineHP td.timelineSubitem:before,
#collegeTimeline tr.timelineH td.timelineItem:before,
#collegeTimeline tr.subtimelineHP td.timelineSubitem:before,
#collegeTimeline tr.timelineF td.timelineItem:before,
#collegeTimeline tr.timelineC td.timelineItem:before,
#collegeTimeline tr.subtimelineP td.timelineSubitem:before,
#finaidTimeline tr.timelineP td.timelineItem:before,
#finaidTimeline tr.timelineHPC td.timelineItem:before,
#finaidTimeline tr.timelineHP td.timelineItem:before,
#finaidTimeline tr.timelineH td.timelineItem:before,
#finaidTimeline tr.timelinePC td.timelineItem:before,
#finaidTimeline tr.subtimelineHP td.timelineSubitem:before,
#finaidTimeline tr.subtimelineP td.timelineSubitem:before {
	content: "\f105";
	font-weight: 900;
	color: #333;
	margin-left: -20px;
	margin-right: 12px;
	font-family: "Font Awesome 5 Free";
}

td.timelineHeader {
	background: #01A4CF;
	color: #fff;
	padding: 6px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-top: 1px solid #01A4CF;
	border-bottom: 1px solid #01A4CF;
}

.timelineSubheader {
	background: #ebedf3;
	color: #22415F;
	padding: 4px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-top: 1px solid #ebedf3;
	border-bottom: 1px solid #ebedf3;
}

#tsChecklist .interfaceSearchBtn {
	padding: 0 5px
}

.messageBody {
	background: #fff;
	border: 1px solid #999;
	margin: 5px 5px 10px;
	padding: 5px
}

.headerlink {
	border: 1px solid #fff;
	clear: both
}

.innerboxmedium .headerlink {
	border-color: #EBF8FC
}

.tfnavtabs span.tabNumSelected {
	bottom: 0;
	margin-right: 12px;
	position: absolute;
	right: 0;
	z-index: 10
}

#main .finderControls {
	margin: 5px 0 20px 7px
}

#main .finderCategory {
	background: #267fb4
}

.tftop, .tfnavtabs li.hidden, .tfsection .top, .tfsectiongrey .top,
.tfsectionsmall .top, .tflegend .smallsectiontop, img.printCheckbox,
#main .finderControlsTop, #main .finderControlsBottom {
	display: none
}

.tfsection .bottom, .tfsectiongrey .bottom {
	background: transparent;
	height: 19px
}

.tflegend .smallsection, .tflegend .smallsectionbottom {
	width: 179px
}

.tflegend .smallsectionmiddle, .interfaceInstitutionFilter td {
	padding-left: 25px
}

#resumeBuilder .nextprevlinks .nextlink {
	white-space: nowrap;
	width: auto;
	text-align: right;
	padding: 0
}

#resumeBuilder .nextprevlinks td {
	white-space: nowrap
}

.nextprevlinks td.nextlink {
	white-space: nowrap
}

#resumeBuilder .nextprevlinks .nextlink a {
	padding-left: 20px !important
}

#resumeBuilder .nextprevlinks .prevlink a {
	padding-right: 5px
}

#resumeBuilder .nextprevlinks {
	width: 98%
}

/* basic skills/career charts */

#Readingcomprehension.row .progress-bar {
	background-color: #101010;
}

#Writing.row .progress-bar {
	background-color: #202020;
}

#Activelistening.row .progress-bar {
	background-color: #303030;
}

#Speaking.row .progress-bar {
	background-color: #404040;
}

#Mathematics.row .progress-bar {
	background-color: #505050;
}

#Criticalthinking.row .progress-bar {
	background-color: #606060;
}

#Learningstrategies.row .progress-bar {
	background-color: #707070;
}

#Science.row .progress-bar {
	background-color: #707070;
}

#Activelearning.row .progress-bar {
	background-color: #808080;
}

#Monitoring.row .progress-bar {
	background-color: #909090;
}

/* end tabbed features */
/* line break fixes */
div#mailsystem {
	padding: 15px 2px
}

td.dataGridElement:nth-child(2) {
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word
}

#mailsystem input[type=text] {
	width: 300px !important
}

.messageBody {
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word
}

#mailsystem table {
	border-spacing: 1px;
	border-collapse: normal
}

.ipAnswers {
	height: 60px !important
}

.ipAnswers ul li a {
	height: 60px !important
}

#ipIntroIncompleteButtons a, #ipIntroStartButton a {
	padding: 0.375rem 0.625rem !important
}

#previousBtn {
	width: 130px !important;
	padding: 0.375rem 0rem 0rem 1.4375rem !important
}

#divSave a, #divShow a {
	width: 80px !important;
	padding: 0.25rem 0rem !important;
	text-align: center
}

.careersMatchButtons a, .careersMatchButtonsBtm a {
	height: 50px !important;
	padding: 0.75rem 0rem 0rem 0.625rem !important
}

@media (max-width: 640px) {

	.tfmain {
		width: 100%;
		padding: 0
	}

	.tfnavtabs li a {
		padding: 0.625rem 0.9375rem
	}

	.tfnavtabs ul, .tfnavtabs ol {
		padding: 0rem 0.625rem
	}

	.tfnavtabs li.menuItemActive {
		background: #0098c2;
		border: none
	}
}

#learn-prod.tile-wrap.tile-progress .duration hr {
	margin: 1rem 0 1rem;
	border-top: 1px solid #eee;
}






/* OK theme fixes for career profile page */
#page > #main {
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
}

/* --------------------------- OK - New Career Profile Styles -------------->

    /* profile styles */
.profile-wrap {
	width: 100%;
	float: left;
	padding-bottom: 50px;
}

.profile-wrap .profile-hero {
	width: 100%;
	height: 310px;
	position: absolute;
	left: 0;
	z-index: 0;
	background-color: #f2fafb;
	overflow: hidden;
}

.profile-wrap .profile-hero::before {
	content: '';
	background: url("/Images/Career/career-profile-background.png") no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
	top: -60px;
	right: 0;
	width: 680px;
	height: 375px;
	z-index: 0;
}

.profile-wrap .profile-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;
}

.profile-wrap .profile-hero .hero-content {
	width: 65%;
	margin: 50px 0;
	position: relative;
}

.profile-wrap .profile-hero .hero-content .breadcrumb {
	padding: 0;
	margin: 0 0 5px 0;
	background-color: transparent;
	border-radius: unset;
}

.profile-wrap .profile-hero .hero-content .breadcrumb a {
	color: #009aba !important;
	font-size: 14px;
	font-weight: 600;
}

.profile-wrap .profile-hero .hero-content .breadcrumb a:hover {
	color: #22415F !important;
	text-decoration: none;
}

.profile-wrap .profile-hero .hero-content h2 {
	color: #22415F;
	font-size: 28px;
	margin-top: 0;
	margin-bottom: 30px;
	font-weight: 600;
}

.profile-wrap .profile-hero .hero-content .profile-meta {
	display: inline-block;
	float: left;
}

.profile-wrap .profile-hero .hero-content .profile-meta img {
	max-height: 38px;
	float: left;
	margin-right: 10px;
}

.profile-wrap .profile-hero .hero-content .profile-meta div {
	float: left;
	margin-right: 30px;
}

.profile-wrap .profile-hero .hero-content .profile-meta p {
	font-size: 12px;
	padding: 0;
	margin: 0;
	color: #22415F;
}

.profile-wrap .profile-hero .hero-content .profile-meta a {
	color: #017c9c!important;
	font-weight: 600;
	text-decoration: none;
}

.profile-wrap .profile-hero .hero-content .profile-meta a:hover {
	color: #22415F !important;
	text-decoration: none;
}

.profile-wrap .profile-hero .hero-content .profile-meta:last-child {
	margin-right: 0;
}

.profile-wrap .profile-hero .hero-content .profile-meta p:last-child {
	font-weight: 600;
}

/* sticky styles */
.profile-wrap .sticky-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.profile-wrap .sticky-left {
	margin-top: 165px;
}

/* modals */
.page-content .modal-header {
	padding: 15px 20px 13px;
	background-color: #22415F;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.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: #009ABA !important;
	text-transform: capitalize;
	font-family: inherit;
}

.page-content .modal-footer .btn-default:hover {
	background: #006A98 !important;
}

/* sidebar menu */
.profile-wrap .profile-menu {
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
	right: 0;
	width: 300px;
	float: right;
	background-color: #fff;
	box-shadow: 0px 4px 10px rgba(204, 204, 204, 0.25);
	border: 1px solid #eee;
	border-radius: 6px;
	padding-top: 25px;
}

.profile-wrap .profile-menu .btn-primary {
	margin: 0 30px 20px;
	display: block;
	font-size: 16px;
	border-radius: 20px;
	font-weight: 600;
	width:auto;
}

.profile-wrap .profile-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.profile-wrap .profile-menu ul li {
	padding: 3px 0;
}

.profile-wrap .profile-menu ul li a {
	position: relative;
	display: block;
	width: 100%;
	color: #009aba !important;
	font-weight: 600;
	font-size: 16px;
	padding: 5px 30px 5px 51px;
	border-left: 4px solid transparent;
}

.profile-wrap .profile-menu ul li a:hover,
.profile-wrap .profile-menu ul li a:focus,
.profile-wrap .profile-menu ul li a:active {
	color: #22415F !important;
	text-decoration: none;
}

.profile-wrap .profile-menu ul li a i {
	position: absolute;
	left: 26px;
}

.profile-wrap .profile-menu ul li.menuItemActive a {
	color: #22415F !important;
	border-left: 4px solid #009aba;
}

.profile-wrap .profile-menu .menu-links {
	border-top: 1px solid #eee;
	margin-top: 20px;
	padding: 20px 0;
}

.profile-wrap .profile-menu .menu-links ul {
}

.profile-wrap .profile-menu .menu-links ul li {
	padding: 0;
}

.profile-wrap .profile-menu .menu-links ul a {
	font-size: 14px;
	font-weight: 400;
}

.profile-wrap .profile-menu .menu-footer {
	background-color: #F2FAFB;
	width: 100%;
	float: left;
	padding: 7px 0 10px;
}

.profile-wrap .profile-menu .menu-footer .print-wrap {
	float: none;
	width: 100%;
	text-align: center;
}

.profile-wrap .profile-menu .menu-footer #pagecontrols .printthis a,
.profile-wrap .profile-menu .menu-footer #pagecontrols .emailthis a,
.profile-wrap .profile-menu .menu-footer #pagecontrols .pdfthis a {
	font-size: 13px;
}

.profile-wrap .profile-menu .menu-footer #pagecontrols .printthis a i,
.profile-wrap .profile-menu .menu-footer #pagecontrols .emailthis a i,
.profile-wrap .profile-menu .menu-footer #pagecontrols .pdfthis a i {
	margin-right: 5px;
}

.profile-wrap .profile-menu .menu-footer .print-wrap #pagecontrols {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.profile-wrap .profile-menu .menu-footer .print-wrap table {
	margin: 0 auto;
	float: none;
}

.profile-wrap .profile-menu .menu-footer .print-wrap table tbody {
	float: none;
}


/* what they do */
.profile-wrap .profile-content {
	margin-top: 137px;
	position: relative;
	width: 100%;
	float: left;
}

.profile-wrap .profile-content .title-profile {
	font-size: 24px;
	color: #22415F;
	font-weight: 600;
	margin-bottom: 20px;
}

.profile-wrap .profile-content .tab-info .title-main {
	font-size: 20px !important;
	font-weight: 600;
	color: #22415F;
	margin: 0 0 15px;
}

.profile-wrap .profile-content .tab-info .title-secondary {
	font-size: 16px !important;
}

.profile-wrap .tab-info .related-block {
	padding: 25px 30px;
}

.profile-wrap .tab-info .related-block ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.profile-wrap .tab-info .related-block ul li {
	display: inline-block;
	float: left;
	width: 50%;
}


/* tab info styling */
.profile-wrap .tab-info h4 {
	font-size: 15px;
	color: #22415F;
	margin-bottom: 10px;
	font-weight: 600;
	margin-top: 0;
}

.profile-wrap .tab-info p,
.profile-wrap .tab-info ul {
	padding-top: 0;
	font-size: 14px !important;
}

.profile-wrap .tab-info ol {
	padding-top: 0;
	font-size: 14px !important;
}

.profile-wrap .tab-info ol li {
	padding-bottom: 10px;
}

.profile-wrap .tab-info .ul-col-half {
	width: 100%;
	float: left;
}

.profile-wrap .tab-info .ul-col-half li {
	width: 50%;
	float: left;
	padding-right: 20px;
}

.profile-wrap .tab-info .list-style-none {
	list-style: none;
}

.profile-wrap .tab-info .text-yellow {
	color: #F3BD5F;
}

.profile-wrap .tab-info strong {
	font-weight: 600;
}

.profile-wrap .tab-info ul li {
	line-height: 20px;
}

.profile-wrap .tab-info a {
	color: #009aba !important;
	font-weight: 600;
	font-size: 14px !important;
	text-decoration: none !important;
}

.profile-wrap .tab-info a:hover {
	color: #22415F !important;
	text-decoration: none !important;
}

.profile-wrap .tab-info .btn-primary,
.profile-wrap .tab-info .btn-primary:hover {
	color: #fff !important;
	display: inline-block;
}

.profile-wrap .tab-info .insiderinfoheader {
	text-indent: unset;
	background: none;
	width: unset;
	height: unset;
	margin: 0 0 10px 0;
	color: #22415F;
	font-weight: 600;
	font-size: 16px;
	display: none;
}

.profile-wrap .tab-info .video-wrapper {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 57.25%;
}

.profile-wrap .tab-info .video-wrapper iframe {
	position: absolute;
	top: -14px;
	left: 0;
	width: 100%;
	height: 100%;
}


/* is this for you */
.profile-wrap .tab-info .cpCharacteristic {
	padding: 8px 0 20px 70px;
	font-size: 14px;
}

.profile-wrap .tab-info .character-tile {
	padding: 28px 0 28px 80px !important;
	font-size: 14px;
	border: 1px solid #eee;
	border-left: 4px solid #F3BD5F;
	margin-bottom: 10px;
	background-position-x: 10px !important;
	background-position-y: 10px !important;
}

.profile-wrap .tab-info .character-tile h4 {
	margin: 0;
}

.profile-wrap .tab-info .character-tile span {
	display: block;
	margin-bottom: 5px;
}

.profile-wrap .tab-info .character-tile span i {
	color: #009aba;
}

.profile-wrap .tab-info .aptitude-row .col-md-6:nth-child(1) .character-tile {
	background: url(/Images/Transitions/ability-profiler/icon-notebook-square.png) no-repeat;
}

.profile-wrap .tab-info .aptitude-row .col-md-6:nth-child(2) .character-tile {
	background: url(/Images/Transitions/ability-profiler/icon-comment-square.png) no-repeat;
}

.profile-wrap .tab-info .aptitude-row .col-md-6:nth-child(3) .character-tile {
	background: url(/Images/Transitions/ability-profiler/icon-math-square.png) no-repeat;
}

.profile-wrap .tab-info .aptitude-row .col-md-6:nth-child(4) .character-tile {
	background: url(/Images/Transitions/ability-profiler/icon-3d-square.png) no-repeat;
}

.profile-wrap .tab-info .aptitude-row .col-md-6:nth-child(5) .character-tile {
	background: url(/Images/Transitions/ability-profiler/icon-magnify-square.png) no-repeat;
}

.profile-wrap .tab-info .aptitude-row .col-md-6:nth-child(6) .character-tile {
	background: url(/Images/Transitions/ability-profiler/icon-book-square.png) no-repeat;
}

.profile-wrap .tab-info .aptitude-row .col-md-6:nth-child(7) .character-tile {
	background: url(/Images/Transitions/ability-profiler/icon-cog-square.png) no-repeat;
}

.profile-wrap .tab-info .aptitude-row .col-md-6:nth-child(8) .character-tile {
	background: url(/Images/Transitions/ability-profiler/icon-puzzle-square.png) no-repeat;
}

.profile-wrap .tab-info .aptitude-row .col-md-6:nth-child(9) .character-tile {
	background: url(/Images/Transitions/ability-profiler/icon-bolt-square.png) no-repeat;
}

.profile-wrap .tab-info .aptitude-row .character-tile {
	padding: 20px 0 22px 80px !important;
	background-size: auto 60px !important;
	background-position-x: 15px !important;
}

.profile-wrap .tab-info .empty-activity {
	border: 2px dashed #eee;
	padding: 25px 30px;
	border-radius: 5px;
	position: relative;
	box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
}

.profile-wrap .tab-info .empty-activity .empty-content {
	width: 65%;
}

.profile-wrap .tab-info .empty-activity .empty-content h4 {
	font-size: 16px !important;
}

.profile-wrap .tab-info .empty-activity .empty-content a {
	background-color: #009aba;
	color: #fff !important;
	border-radius: 46px;
	padding: 7px 20px;
	line-height: 1.42857143;
	display: inline-block;
	margin-top: 10px;
	position: relative;
	z-index: 10;
}

.profile-wrap .tab-info .empty-activity img {
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 180px;
	max-height: 130px;
}

.profile-wrap .tab-info .section-blue {
	background-color: #F2FAFB;
	padding: 20px;
}

/* money and outlook */
.profile-wrap .tab-info .note-warning {
	width: 100%;
	float: left;
	background: #FEF9F1;
	padding: 25px 25px 25px 30px;
	border-left: 4px solid #F3BD5F;
	border-radius: 4px;
	margin-bottom: 30px;
}

.profile-wrap .tab-info .note-warning p {
	color: #6a6a6a;
	margin-bottom: 0;
}

.profile-wrap .tab-info .note-warning select {
	display: inline-block;
}

.profile-wrap .tab-info .note-warning .btn-primary {
	display: inline-block;
	margin: 0;
	color: #fff !important;
	border-radius: 20px;
}

.profile-wrap .tab-info select {
	background: #fff url(../../Images/SavedColleges/icon-arrow.png) no-repeat top 14px right 17px;
	background-size: 9px auto;
	padding: 6px 17px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	color: #6a6a6a;
	width: 100%;
	border-radius: 20px;
}

.profile-wrap .tab-info .input-md {
	max-width: 250px;
}

.profile-wrap .tab-info .table-mobile {
	min-height: .01%;
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	border: 1px solid #eee;
	margin-bottom: 20px;
}

.profile-wrap .tab-info .table-mobile .light-blue {
	border: none;
	margin-bottom: 0px;
}

.profile-wrap .tab-info .light-blue {
	font-size: 14px;
	border: 1px solid #eee;
	margin-bottom: 20px;
	width: 100%;
}

.profile-wrap .tab-info .light-blue th {
	background-color: #F4FAFA;
	font-weight: 600;
	color: #22415F;
	padding: 10px;
}

.profile-wrap .tab-info .light-blue tr {
	border-bottom: 1px solid #eee;
}

.profile-wrap .tab-info .light-blue td {
	padding: 5px 10px;
}

.profile-wrap .tab-info .light-blue .border-bottom-none {
	border-bottom: none;
}

.profile-wrap .tab-info .light-blue .border-bottom-none th,
.profile-wrap .tab-info .light-blue .border-bottom-none td {
	padding-bottom: 0;
	padding-top: 10px;
}

.profile-wrap .tab-info.insider-wrap > table {
	margin-left: -10px;
}

.profile-wrap .tab-info.insider-wrap table {
	font-size: 14px;
	width: 100%;
}

.profile-wrap .tab-info.insider-wrap table th {
	background-color: #F4FAFA;
	font-weight: 600;
	color: #22415F;
}

.profile-wrap .tab-info.insider-wrap table tr {
	background-color: #fff;
}

.profile-wrap .tab-info.insider-wrap table td {
	background: none;
}

.profile-wrap .tab-info.insider-wrap table tr td {
	text-align: left;
	color: #22415F;
}

.profile-wrap .tab-info.insider-wrap table tr:last-child table {
	border: 1px solid #eee;
}

.profile-wrap .tab-info.insider-wrap table tr:last-child th,
.profile-wrap .tab-info.insider-wrap table tr:last-child td {
	padding: 5px 10px;
}

.profile-wrap .tab-info.insider-wrap table tr:last-child tr {
	border-bottom: 1px solid #eee;
}

.profile-wrap .tab-info.insider-wrap table font {
	font-family: 'Poppins', helvetica, arial, sans-serif;
}

.profile-wrap .tab-info.insider-wrap table a {
	text-transform: unset;
	background: none !important;
	padding-left: 0;
}

/* real life activities styles */
.profile-wrap .tab-info .activity-section {
	width: 100%;
	float: left;
	border-bottom: 1px solid #eee;
	padding: 20px 0;
	position: relative;
}

.profile-wrap .tab-info .activity-section.first {
	border-top: 1px solid #eee;
}

.profile-wrap .tab-info .activity-section img {
	float: left;
	max-height: 80px;
	margin-right: 20px;
}

.profile-wrap .tab-info .activity-section h4 {
	font-size: 18px;
	margin-top: 14px;
}

.profile-wrap .tab-info .activity-section p {
	width: 80%;
}

.profile-wrap .tab-info .activity-section .btn-primary {
	position: absolute;
	top: 40px;
	right: 0;
	margin-bottom: 0;
	padding: 10px 0px 10px 0px;
	width: 38px;
	text-align: center;
	border-radius: 25px !important;
}

/* connections */
.profile-wrap .tab-info .link-col-2 {
	width: 100%;
	float: left;
}

.profile-wrap .tab-info .link-col-2 div {
	display: inline-block;
	width: 50%;
	float: left;
	font-size: 14px;
	padding-right: 20px;
}

.profile-wrap .tab-info .row-eq-height {
	display: -webkit-flex;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.profile-wrap .tab-info .row-eq-height .eq-height-box {
	margin-bottom: 10px;
}

/* job bank style fixes */
.profile-wrap .tab-info .job-bank {
	padding: 25px 30px;
}

.profile-wrap .tab-info .job-bank #job-banks {
	padding: 0 !important;
	text-align: left !important;
	margin: 0 !important;
}

.profile-wrap .tab-info .job-bank #job-banks h3 {
	padding: 0 !important;
	color: #22415F;
	font-weight: 600;
	margin-bottom: 15px;
}

.profile-wrap .tab-info .job-bank #job-banks .col-md-5 {
	margin-left: 0;
	width: 75%;
}

.profile-wrap .tab-info .job-bank #job-banks .col-md-2 {
	width: 25%;
}

.profile-wrap .tab-info .job-bank #job-banks .col-md-2 .btn-primary {
	width: 100%;
}

.profile-wrap .tab-info .job-bank #job-banks .form-group {
	margin-bottom: 0;
}

.profile-wrap .tab-info #job-banks .note-warning {
	border-left: none;
	padding: 0px;
	width: 100%;
}
.profile-wrap .tab-info .job-bank #job-banks .jobbank-links {
	width: 100%;
	float: left;
	margin-bottom: 0;
	text-align: left;
	margin-top: 0px;
}
.profile-wrap .tab-info .job-bank #job-banks .jobbank-links li {
	display: inline-block;
	width: 50%;
	float: left;
	padding-right: 10px;
	padding-bottom: 5px
}

.profile-wrap .real-life-wrap ul {
	padding-left: 0;
	list-style: none;
}




/* ------------------------------ cluster styling --------------------------*/
/* checkbox */
.profile-wrap .check-box {
	position: relative;
	width: 100%;
	float: left;
}

.profile-wrap .check-box input {
	width: 20px !important;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	opacity: 0;
}

.profile-wrap .check-box label {
	text-align: left;
	width: 100% !important;
	float: left !important;
	padding: 1px 0px 1px 30px !important;
	margin-top: 0;
	margin-bottom: 5px;
	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;
}

.profile-wrap .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;
}

.profile-wrap .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);
}

.profile-wrap .check-box input[type="checkbox"]:checked + label {
}

.profile-wrap .check-box input[type="checkbox"]:checked + label::before {
	border-color: #009aba;
	background-color: #009aba;
	box-shadow: none;
}

.profile-wrap .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;
}

.profile-wrap .check-box input[type="checkbox"]:hover + label:after {
	opacity: 1;
}

.profile-wrap .check-box input[type="checkbox"]:checked + label:after {
	opacity: 1;
	color: #fff;
}

.profile-wrap .check-box input[type="checkbox"]:hover + label,
.profile-wrap .check-box input[type="checkbox"]:focus + label {
	border-color: #009aba;
}

.profile-wrap .check-box.correct label,
.profile-wrap .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;
}


.profile-wrap .profile-content .title-profile .title-select {
	float: right;
	margin-top: -5px;
}

.profile-wrap .profile-content .title-profile .title-select label {
	font-size: 14px;
	color: #6a6a6a;
	display: inline-block;
}

.profile-wrap .profile-content .title-profile .title-select select {
	display: inline-block;
	background: #fff url(../../Images/SavedColleges/icon-arrow.png) no-repeat top 14px right 12px;
	background-size: 9px auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	color: #6a6a6a;
	font-weight: normal;
	width: 200px;
}

.profile-wrap .profile-content .title-profile .title-select select:hover {
	border-color: #a0acc3;
}

/* menu additions */
.profile-wrap .profile-menu ul li .sub-menu .active {
	border-left: 4px solid transparent;
	display: block;
	width: 100%;
	color: #009aba !important;
	padding: 0 30px 0 51px;
}

.profile-wrap .profile-menu ul li .sub-menu .active a {
	padding: 5px 0;
	border-top: none;
	border-bottom: 1px solid #eee;
	display: block;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600 !important;
	border-left: none !important;
	color: #009aba !important;
}

.profile-wrap .profile-menu ul li .sub-menu .active a:hover {
	color: #22415F !important;
}

.profile-wrap .profile-menu ul li .sub-menu .inactive {
	border-left: 4px solid #009aba;
	padding: 0 30px 0 51px;
	display: block;
	width: 100%;
	cursor: default;
}

.profile-wrap .profile-menu ul li .sub-menu .inactive span {
	padding: 5px 0;
	border-top: none;
	border-bottom: 1px solid #eee;
	display: block;
	font-size: 14px;
	font-weight: 600 !important;
	color: #22415F !important;
}

.profile-wrap .profile-menu ul li a + .sub-menu .inactive span,
.profile-wrap .profile-menu ul li a + .sub-menu .active a {
	border-top: 1px solid #eee;
}

.profile-wrap .profile-menu.menu-cluster ul li:nth-child(4) > a {
	color: #009aba !important;
	border-left: 4px solid transparent;
	cursor: default;
}


/* cluster career and programs */
.profile-wrap .profile-content .tab-info .title-main img {
	max-height: 17px;
	margin-right: 5px;
	margin-top: -3px;
}

.profile-wrap .profile-content .tab-info .sort-wrap {
	background-color: #F2FAFB;
	padding: 15px 15px 10px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.profile-wrap .profile-content .tab-info .sort-wrap .check-box label {
	font-weight: 600;
	color: #22415F;
	padding: 1px 0px 1px 30px !important;
	font-size: 13px;
}

/* profile career card */
.profile-wrap .tooltip {
	font-family: 'Poppins', helvetica, arial, sans-serif;
}

.profile-wrap .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;
}

.profile-wrap .career-card-wrap .career-top {
	padding: 20px 25px 25px;
	position: relative;
}

.profile-wrap .career-card-wrap .career-top a {
	margin-top: 0;
	margin-bottom: 15px;
	color: #009aba !important;
	font-size: 16px !important;
	font-weight: 600;
	margin-bottom: 15px !important;
	display: inline-block;
	line-height: 22px;
	text-decoration: none !important;
	padding-right: 40px;
}

.profile-wrap .career-card-wrap .career-top .btn-card-save {
	position: absolute;
	right: 15px;
	border: 1px solid #009aba;
	padding: 8px 8px;
	font-size: 12px !important;
	border-radius: 20px;
	margin-top: -5px;
	margin-bottom: 0 !important;
	line-height: 12px;
}

.profile-wrap .career-card-wrap .career-top .btn-card-save .default-text {
	display: block;
}

.profile-wrap .career-card-wrap .career-top .btn-card-save .saving-text {
	display: none;
}

.profile-wrap .career-card-wrap .career-top .btn-card-save.saving {
	background-color: #5BBCB1;
	color: #fff !important;
	border-color: #5BBCB1;
	padding: 8px 12px;
}

.profile-wrap .career-card-wrap .career-top .btn-card-save.saving .default-text {
	display: none;
}

.profile-wrap .career-card-wrap .career-top .btn-card-save.saving .saving-text {
	display: block;
}

.profile-wrap .career-card-wrap .career-top .btn-card-save.saved.saving {
	padding: 8px 8px;
}

.profile-wrap .career-card-wrap .career-top .btn-card-save.saved {
	background-color: #5BBCB1;
	color: #fff !important;
	border-color: #5BBCB1;
}

.profile-wrap .career-card-wrap .career-top .btn-card-save.saved .default-text {
	display: block;
}

.profile-wrap .career-card-wrap .career-top .btn-card-save.saved .saving-text {
	display: none;
}

.profile-wrap .career-card-wrap .career-top .btn-card-save:hover {
	background-color: #009aba;
	color: #fff !important;
}

.profile-wrap .career-card-wrap .career-top a:hover {
	color: #22415F !important;
	text-decoration: none !important;
}

.profile-wrap .career-card-wrap .career-top h5 {
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 4px;
	font-weight: 400;
	color: #6a6a6a !important;
}

.profile-wrap .career-card-wrap .career-top p {
	font-size: 12px !important;
	line-height: 1rem;
	margin-bottom: 0;
	font-weight: 600;
	color: #22415F;
	padding-top: 0;
}

.profile-wrap .career-card-wrap .career-top .meta-icon img {
	max-width: 100%;
	max-height: 30px;
	float: left;
	margin-right: 10px;
}

.profile-wrap .career-card-wrap .career-top .meta-text {
	padding-left: 43px;
}

.profile-wrap .career-card-wrap .career-top .meta-text.education {
	padding-left: 50px;
}

/* profile paging fix */
.profile-wrap .paging a:hover {
	color: #fff !important;
}




/* ------------------ cluster article styles ------------------- */
    /* agriculture */
    .profile-wrap .profile-hero#clusterProfileId1::before,
    .profile-wrap .profile-hero#clusterProfileId701::before,
    .profile-wrap .profile-hero#clusterProfileId1001::before,
    .profile-wrap .profile-hero#clusterProfileId6201::before {
        background-image: url(/Images/transitions/clusters/bkgd-agriculture.png);
        top: -140px;
        right: 0;
        width:410px;
        height:425px;
    }
    /* architecture */
    .profile-wrap .profile-hero#clusterProfileId2::before,
    .profile-wrap .profile-hero#clusterProfileId702::before,
    .profile-wrap .profile-hero#clusterProfileId1002::before,
    .profile-wrap .profile-hero#clusterProfileId6202::before {
        background-image: url(/Images/transitions/clusters/bkgd-architecture.png);
        top: -30px;
        right: 0;
        width: 450px;
        height: 360px;
    }
    /* art */
    .profile-wrap .profile-hero#clusterProfileId3::before,
    .profile-wrap .profile-hero#clusterProfileId703::before,
    .profile-wrap .profile-hero#clusterProfileId1003::before,
    .profile-wrap .profile-hero#clusterProfileId6203::before {
        background-image: url(/Images/transitions/clusters/bkgd-art-video.png);
        top: -50px;
        right: -10px;
        width: 470px;
        height: 355px;
    }
    /* business management */
    .profile-wrap .profile-hero#clusterProfileId4::before,
    .profile-wrap .profile-hero#clusterProfileId704::before,
    .profile-wrap .profile-hero#clusterProfileId1004::before,
    .profile-wrap .profile-hero#clusterProfileId6204::before {
        background-image: url(/Images/transitions/clusters/bkgd-business.png);
        top: -100px;
        right: 0;
        width: 470px;
        height: 400px;
    }
    /* education */
    .profile-wrap .profile-hero#clusterProfileId5::before,
    .profile-wrap .profile-hero#clusterProfileId705::before,
    .profile-wrap .profile-hero#clusterProfileId1005::before,
    .profile-wrap .profile-hero#clusterProfileId6205::before {
        background-image: url(/Images/transitions/clusters/bkgd-education.png);
        top: -70px;
        right: 0;
        width: 480px;
        height: 400px;
    }
    /* energy */
    .profile-wrap .profile-hero#clusterProfileId1006::before,
    .profile-wrap .profile-hero#clusterProfileId6217::before {
        background-image: url(/Images/transitions/clusters/bkgd-energy.png);
        top: -50px;
        right: 0;
        width: 390px;
        height: 365px;
    }
    /* finance */
    .profile-wrap .profile-hero#clusterProfileId6::before,
    .profile-wrap .profile-hero#clusterProfileId706::before,
    .profile-wrap .profile-hero#clusterProfileId6206::before {
        background-image: url(/Images/transitions/clusters/bkgd-finance.png);
        top: -100px;
        right: 0;
        width:520px;
        height:425px;
    }
    /* government */
    .profile-wrap .profile-hero#clusterProfileId7::before,
    .profile-wrap .profile-hero#clusterProfileId707::before,
    .profile-wrap .profile-hero#clusterProfileId6207::before {
        background-image: url(/Images/transitions/clusters/bkgd-government.png);
        top: -70px;
        right: -20px;
        width: 470px;
        height: 395px;
    }
    /* health */
    .profile-wrap .profile-hero#clusterProfileId8::before,
    .profile-wrap .profile-hero#clusterProfileId708::before,
    .profile-wrap .profile-hero#clusterProfileId1007::before,
    .profile-wrap .profile-hero#clusterProfileId6208::before {
        background-image: url(/Images/transitions/clusters/bkgd-health.png);
        top: -80px;
        right: 0;
        width: 480px;
        height: 390px;
    }
    /*hospitality */
    .profile-wrap .profile-hero#clusterProfileId9::before,
    .profile-wrap .profile-hero#clusterProfileId709::before,
    .profile-wrap .profile-hero#clusterProfileId1008::before,
    .profile-wrap .profile-hero#clusterProfileId6209::before {
        background-image: url(/Images/transitions/clusters/bkgd-hospitality.png);
        top: -160px;
        right: 0;
        width: 480px;
        height: 500px;
    }
    /* human services */
    .profile-wrap .profile-hero#clusterProfileId10::before,
    .profile-wrap .profile-hero#clusterProfileId710::before,
    .profile-wrap .profile-hero#clusterProfileId1009::before,
    .profile-wrap .profile-hero#clusterProfileId6210::before {
        background-image: url(/Images/transitions/clusters/bkgd-human-services.png);
        top: -160px;
        right: 0;
        width: 480px;
        height: 500px;
    }
    /* technology */
    .profile-wrap .profile-hero#clusterProfileId11::before,
    .profile-wrap .profile-hero#clusterProfileId711::before,
    .profile-wrap .profile-hero#clusterProfileId1010::before,
    .profile-wrap .profile-hero#clusterProfileId6211::before {
        background-image: url(/Images/transitions/clusters/bkgd-technology.png);
        top: -60px;
        right: 0;
        width: 500px;
        height: 420px;
    }
    /* law */
    .profile-wrap .profile-hero#clusterProfileId12::before,
    .profile-wrap .profile-hero#clusterProfileId712::before,
    .profile-wrap .profile-hero#clusterProfileId1011::before,
    .profile-wrap .profile-hero#clusterProfileId6212::before {
        background-image: url(/Images/transitions/clusters/bkgd-law.png);
        top: -80px;
        right: 0;
        width: 510px;
        height: 390px;
    }
    /* manufacturing */
    .profile-wrap .profile-hero#clusterProfileId13::before,
    .profile-wrap .profile-hero#clusterProfileId713::before,
    .profile-wrap .profile-hero#clusterProfileId1012::before,
    .profile-wrap .profile-hero#clusterProfileId6213::before {
        background-image: url(/Images/transitions/clusters/bkgd-manufacturing.png);
        top: -60px;
        right: 0;
        width: 470px;
        height: 390px;
    }
    /* marketing */
    .profile-wrap .profile-hero#clusterProfileId14::before,
    .profile-wrap .profile-hero#clusterProfileId714::before,
    .profile-wrap .profile-hero#clusterProfileId6214::before {
        background-image: url(/Images/transitions/clusters/bkgd-marketing.png);
        top: -60px;
        right: 0;
        width: 440px;
        height: 390px;
    }
    /* science */
    .profile-wrap .profile-hero#clusterProfileId15::before,
    .profile-wrap .profile-hero#clusterProfileId715::before,
    .profile-wrap .profile-hero#clusterProfileId1013::before,
    .profile-wrap .profile-hero#clusterProfileId6215::before {
        background-image: url(/Images/transitions/clusters/bkgd-science.png);
        top: 0px;
        right: 0;
        width: 440px;
        height: 350px;
    }
    /* transportation */
    .profile-wrap .profile-hero#clusterProfileId16::before,
    .profile-wrap .profile-hero#clusterProfileId716::before,
    .profile-wrap .profile-hero#clusterProfileId1014::before,
    .profile-wrap .profile-hero#clusterProfileId6216::before {
        background-image: url(/Images/transitions/clusters/bkgd-transportation.png);
        top: -100px;
        right: 0;
        width: 480px;
        height: 450px;
    }

.profile-wrap.cluster .profile-content {
	margin-top: 185px;
}

.profile-wrap.cluster .sticky-left {
	margin-top: 115px;
}

.profile-wrap.cluster .profile-menu .menu-footer {
	margin-top: 20px;
}

.profile-wrap .profile-content.article-content {
	margin-top: 0;
}

.profile-wrap .profile-content.article-content .top-info {
	border-bottom: 2px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.profile-wrap .profile-content.article-content .breadcrumb {
	padding: 0;
	margin-bottom: 0;
	list-style: none;
	background-color: transparent;
	border-radius: unset;
}

.profile-wrap .profile-content.article-content .title-profile {
	margin-top: 20px !important;
	padding: 9px 0px 10px !important;
	border: none !important;
	text-transform: unset !important;
	background: transparent !important;
	font-size: 24px !important;
	color: #22415F !important;
	font-weight: 600 !important;
	margin-bottom: 10px !important;
	border-bottom: none !important;
}

.profile-wrap .profile-content.article-content .title-profile .btn-back {
	background-color: #009aba;
	padding: 9px 0px;
	text-align: center;
	width: 34px;
	border-radius: 25px;
	margin-right: 10px;
	margin-top: -5px;
}

.profile-wrap .profile-content.article-content .title-profile .btn-back i {
	color: #fff !important;
	padding: 0 !important;
}

.profile-wrap .profile-content.article-content .article-graphic {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.profile-wrap .profile-content.article-content .tab-info .insiderinfoheader {
	display: none !important;
}

.profile-wrap .profile-content.article-content .tab-info .article-title,
.profile-wrap .profile-content.article-content .tab-info h4 {
	font-size: 16px !important;
	font-weight: 600;
	color: #22415F;
	margin-top: 20px;
}

/* ---------------- programs & majors -------------*/
.profile-wrap.hero-regular .profile-hero {
	height: 165px;
}

.profile-wrap.hero-regular .profile-hero .hero-content {
	margin: 0;
}

.profile-wrap.hero-regular .profile-hero h2 {
	height: 165px;
	display: table-cell;
	vertical-align: middle;
}

.profile-wrap.hero-regular .profile-hero:after {
	display: none;
}

.profile-wrap.hero-regular .profile-content {
	margin-top: 85px;
}

.profile-wrap .profile-menu.no-links .menu-footer {
	margin-top: 20px;
}

.profile-wrap.hero-regular .sticky-left {
	margin-top: 130px;
}


.profile-wrap .check-box.sub-text label:before {
	top: 3px;
}

.profile-wrap .check-box.sub-text label:after {
	top: 4px;
}

.profile-wrap .check-box.sub-text label strong {
	color: #22415F;
	font-weight: 600;
}

.profile-wrap .profile-content .tab-info label {
	font-size: 14px;
}

.profile-wrap .modal.height-control .modal-body {
	max-height: 400px;
	overflow: auto;
}

.profile-wrap .title-modal-info a {
	font-size: 20px !important;
	margin-left: 10px;
}

.profile-wrap .refine-search {
	margin-top: 10px;
	float: right;
}


/* pills */
.profile-wrap .pill-full {
	float: left;
	width: 100%;
}

.profile-wrap .tab-info .filter-pill {
	display: inline-block;
	float: left;
	background-color: #E4F5FA;
	color: #22415F !important;
	font-weight: 600 !important;
	font-size: 12px !important;
	padding: 4px 13px;
	border: 1px solid #fff;
	border-radius: 25px;
	margin: 0 4px 5px 0;
	text-decoration: none !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;
}

.profile-wrap .tab-info .filter-pill:hover,
.profile-wrap .tab-info .filter-pill:focus,
.profile-wrap .tab-info .filter-pill:active {
	text-decoration: none;
	border: 1px solid #009aba;
	color: #22415F !important;
	outline: none;
}

.profile-wrap .tab-info .filter-pill i {
	color: #009aba;
}

/* program career cards */
.profile-wrap .career-card-wrap .career-top .card-buttons {
	position: absolute;
	right: 15px;
}

.profile-wrap .career-card-wrap .career-top .card-buttons .btn-apply {
	padding: 2px 15px;
	font-size: 12px !important;
	color: #fff !important;
	margin-bottom: 0 !important;
	margin-top: -5px;
}

.profile-wrap .career-card-wrap .career-top .card-buttons .btn-card-save {
	position: relative;
	right: unset;
}


/* alert */
.profile-wrap .alert {
	position: relative;
	font-size: 14px;
	color: #333;
	font-size: 14px;
}

.profile-wrap .alert p {
	color: #333;
	margin-bottom: 0;
	font-size: 14px;
}

.profile-wrap .alert-danger {
	background-color: rgba(244, 95, 99, 0.10) !important;
	border: none;
}

.profile-wrap .alert-danger i {
	color: #f45f63 !important;
}




/* responsive */

@media (max-width: 1199px) {

	.profile-wrap .profile-hero::before {
		right: -150px;
	}

	.profile-wrap .profile-hero .container {
		width: 100%;
	}
}

@media (max-width: 1024px) {

	.profile-wrap .profile-hero::before {
		right: -210px;
	}
}

@media (max-width: 991px) {

	.profile-wrap .profile-hero::before {
		right: 0px;
		width: 430px;
		height: 355px;
	}

	.profile-wrap .profile-content {
		margin-top: 300px;
	}

	.profile-wrap .sticky-left {
		margin-top: 0;
	}

	.profile-wrap .sticky-right {
		margin-top: 20px;
	}

	.profile-wrap .profile-menu {
		width: 100%;
	}

	.profile-wrap .profile-menu .btn-primary {
		font-size: 14px;
	}

	.profile-wrap .profile-menu ul li a {
		font-size: 14px;
	}

	.profile-wrap .profile-menu .menu-links ul a {
		font-size: 12px;
		line-height: 10px;
	}

	.profile-wrap .profile-content .tab-info .list-tile .list-title {
		display: block;
		height: unset;
		margin-bottom: 10px;
	}

	.profile-wrap.cluster .sticky-left {
		margin-top: 0;
	}

	.profile-wrap.cluster .profile-content {
		margin-top: 300px;
	}

	.profile-wrap .career-card-wrap .career-top {
		padding: 20px 25px 10px;
	}

	.profile-wrap .career-card-wrap .meta-set {
		margin-bottom: 15px;
	}
}

@media (max-width: 916px) {

	.profile-wrap .profile-hero::before {
		right: -100px;
	}

	.profile-wrap .profile-hero .hero-content {
		width: 100%;
	}

	.profile-wrap.cluster .profile-hero::before {
		display: none
	}
}

@media (max-width: 841px) {

	.profile-wrap .profile-hero {
		margin-top: -20px;
	}
}

@media (max-width: 768px) {

	.profile-wrap .profile-hero {
		height: 230px;
	}

	.profile-wrap .profile-hero::before {
		display: none;
	}

	.profile-wrap .profile-hero::after {
		display: none;
	}

	.profile-wrap .profile-content {
		margin-top: 255px;
	}

	.profile-wrap .profile-menu {
		position: relative;
		top: 0;
	}

	.profile-wrap .profile-menu .menu-links ul a {
		font-size: 14px;
	}

	.profile-wrap .tab-info .link-col-2 div {
		width: 100%;
	}

	.profile-wrap.cluster .profile-content {
		margin-top: 255px;
	}

	.profile-wrap .career-card-wrap .career-top .card-buttons {
		width: 100%;
		position: relative;
		right: unset;
		display: block;
		margin-bottom: 10px;
		margin-top: 5px;
	}
}

@media (max-width: 640px) {

	.profile-wrap .profile-hero {
		height: auto;
	}

	.profile-wrap .profile-hero .hero-content {
		margin: 30px 0;
	}

	.profile-wrap .profile-hero .hero-content h2 {
		font-size: 18px;
	}

	.profile-wrap .profile-hero .hero-content .profile-meta {
		display: none;
	}

	.profile-wrap .profile-content {
		margin-top: 150px;
	}

	.profile-wrap .profile-content .title-profile {
		font-size: 22px;
	}

	.profile-wrap .tab-info .related-block ul li {
		width: 100%;
	}

	.profile-wrap .tab-info .ul-col-half li {
		width: 100%;
	}

	.profile-wrap .tab-info .job-bank #job-banks .col-md-5 {
		width: 100%;
	}

	.profile-wrap .tab-info .job-bank #job-banks .col-md-2 {
		width: 100%;
	}

	.profile-wrap .tab-info .job-bank #job-banks .jobbank-links li {
		width: 100%;
	}

	.profile-wrap.cluster .profile-content {
		margin-top: 130px;
	}

	.profile-wrap.cluster .sticky-left {
		margin-top: 0;
	}

	.profile-wrap .profile-content .title-profile .title-select {
		float: none;
		display: block;
		margin-top: 20px;
	}

	.profile-wrap .profile-content .tab-info .list-tile .list-title {
		width: 100%;
	}

	.profile-wrap.hero-regular .profile-hero,
	.profile-wrap.hero-regular .profile-hero h2 {
		height: 100px;
	}

	.profile-wrap.hero-regular .profile-content {
		margin-top: 0;
	}
}

@media (max-width: 480px) {

	.profile-wrap .tab-info .empty-activity {
		overflow: hidden;
		padding: 25px 20px;
	}

	.profile-wrap .tab-info .empty-activity .empty-content {
		width: 100%;
	}

	.profile-wrap .tab-info .empty-activity .empty-content p {
		width: 65%;
	}

	.profile-wrap .tab-info .empty-activity .empty-content a {
		margin-top: 40px;
		box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.50);
	}

	.profile-wrap .tab-info .empty-activity img {
		right: -30px;
	}

	.profile-wrap .tab-info .activity-section {
		text-align: center;
		padding: 30px 20px;
	}

	.profile-wrap .tab-info .activity-section img {
		float: none;
		margin-right: 0;
	}

	.profile-wrap .tab-info .activity-section p {
		width: 100%;
	}

	.profile-wrap .tab-info .activity-section .btn-primary {
		position: relative;
		top: unset;
		right: 0;
	}

	.profile-wrap.cluster .profile-content {
		margin-top: 140px;
	}

	.profile-wrap .refine-search {
		float: left;
		margin-bottom: 20px;
		width: 100%;
		display: block;
		margin-top: 0;
	}
}



@media (max-width: 385px) {
}

#create-account .panel-default.submit {
    padding: 35px 20px 0px;
}
#create-account .panel-default.submit .checkbox-style label {
    padding: 8px 0px 1px 40px !important;
    font-size: 16px;
}
#create-account .panel-default.submit .checkbox-style label:before {
    width: 30px;
    height: 30px;
    color: #ccc;
    border:2px solid #C2CAD8;
}
#create-account .panel-default.submit button.btn-submit {
    margin-top: 20px;
    display:inline-block;
    background-color: #0E7AA4;
}
#create-account .panel-default.submit p.error-message {
    color: #f4516c !important;
    margin-top: 40px;
}
#create-account .panel-default.submit label a {
    font-weight:600;
}
#create-account .panel-default.submit .checkbox-style input[type="checkbox"] + label::after {
    font-family: "FontAwesome";
    content: "\f00c";
    color: #fff;
    font-size: 20px;
    padding-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;
}
#create-account .panel-default.submit .checkbox-style input[type="checkbox"]:checked + label::before {
    border-color: #0E7AA4;
    background-color: #0E7AA4;
    box-shadow: none;
}


/*# sourceMappingURL=app.css.map */

/*Profile and Finder Styles (English)*/
h3 a {
    font-size: 1.115rem;
    color: #f94212;
}

.tabbedfeature h3, .tabbedfeature h3 a {
    color: #161846 !important;
    font-family: 'Montserrat', helvetica, arial, sans-serif;
    text-decoration: none;
    font-size: 18px;
}

.tfmain p {
    margin: 0;
    line-height: 20px;
    font-size: 14px;
}

.tfmain .middle .timeline-right {
    margin: -40px 0px 40px 0px;
    float: right;
    text-align: right;
    font-size: 13px;
}

#page #tyLetterBuilder.tfsection .middle {
    padding: 2rem;
}

#tyLetterBuilder .nextprevlinks {
    margin-bottom: 10px;
}

#tyLetterBuilder .prevlink {
    padding-left: 10px;
    width: 100%;
}

#tyLetterBuilder .nextlink {
    text-align: right;
    padding-right: 10px;
}

.timelineChecklist td.timelineItem, .timelineSubhecklist td.timelineSubitem {
    padding: 7px 5px 7px 40px;
    background: none;
}

table.tfactions h4 {
    color: #161846 !important;
}

a.simpleGoBtn {
    width: auto;
}

.tfcontrols {
    float: left;
    padding-top: 10px;
    width: 24%;
    padding: 1.25rem 0rem;
    box-shadow: 0px 4px 10px rgb(204 204 204 / 25%);
    border: 1px solid #eee;
    border-radius: 6px;
}

.tfmain .middle {
    color: #333;
    font-size: .875rem;
    font-family: inherit;
}

#page .tfsection .middle {
    box-sizing: border-box;
    box-shadow: none;
    padding: 20px !important;
    border: 4px solid #f3f6f9;
}

.tfnavtabs li.menuItemActive a, .tfnavtabs li.menuItemActive a:disabled, .tfnavtabs li span.description {
    color: #161846 !important;
    font-weight: 700;
    font-size: 16px;
    border-left: none;
}

.tfnavtabs li.menuItemActive {
    color: #22415F !important;
    border-left: 4px solid #01A4CF;
}

.tfnavtabs li a:hover {
    color: #000;
}

.tfnavtabs li {
    background: none;
    font-family: inherit;
}

    .tfnavtabs li a {
        padding: 8px 30px 8px 30px;
        border-left: 4px solid transparent;
        line-height: 18px;
    }

table.timelineChecklist strong {
    color: #333;
}

tr.timelinePF,
tr.timelineH {
    border-bottom: 1px dashed #ebedf3;
}

.timelineChecklist td.timelineItem, .timelineSubhecklist td.timelineSubitem {
    color: #6a6a6a;
    font-size: 14px;
    border-top: 1px solid #ebedf3;
    border-bottom: 1px solid #ebedf3;
}

.timelineLinks a, .timelineSublinks a {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .4px;
    display: block;
    padding-top: 6px;
    text-decoration: underline;
}

    .timelineLinks a:hover, .timelineSublinks a:hover {
        color: #22415F;
    }

    .timelineLinks a:after, .timelineSublinks a:after {
        content: "\f105";
        font-family: FontAwesome;
        display: inline-block;
        margin-left: 0.3125rem;
        position: relative;
        top: -1px;
    }

#hsTimeline .timelineHPFC .timelineItem, #hsTimeline .timelineHFC .timelineItem, #hsTimeline .timelineHPC .timelineItem, #hsTimeline .timelineHPF .timelineItem, #hsTimeline .timelineHC .timelineItem, #hsTimeline .timelineHF .timelineItem, #hsTimeline .timelineHP .timelineItem, #hsTimeline .timelineH .timelineItem, #finaidTimeline .timelineHPFC .timelineItem, #finaidTimeline .timelinePFC .timelineItem, #finaidTimeline .timelineHFC .timelineItem, #finaidTimeline .timelineHPF .timelineItem, #finaidTimeline .timelineFC .timelineItem, #finaidTimeline .timelinePF .timelineItem, #finaidTimeline .timelineHF .timelineItem, #finaidTimeline .timelineF .timelineItem, #collegeTimeline .timelineHPFC .timelineItem, #collegeTimeline .timelinePFC .timelineItem, #collegeTimeline .timelineHPC .timelineItem, #collegeTimeline .timelineHPF .timelineItem, #collegeTimeline .timelinePC .timelineItem, #collegeTimeline .timelinePF .timelineItem, #collegeTimeline .timelineHP .timelineItem, #collegeTimeline .timelineP .timelineItem {
    background: #ffc url(/images/transitions/checkbox.gif) 16px 10px no-repeat;
    color: #333;
    vertical-align: top;
    padding-left: 40px;
}

.tfactions {
    font-family: inherit !important;
    font-size: .825rem !important;
    margin: 1rem 0rem;
    width: auto !important;
}

.tfactionsmiddle {
    background: #fff;
    padding: .5rem;
}

#main .tfcontrols .interfaceSelectList {
    background-color: #fff;
    border: 1px solid #ccc;
    font-family: inherit !important;
    font-size: .825rem !important;
    padding: 6px 4px;
    margin: 0;
}

#main .dataGridHeader {
    background-color: #22415F !important;
}

#main .dataGrid td {
	font-size: 0.875rem !important;
}

#main .dataGridHeader a {
    color: #fff !important;
}

#pagination, #paginationTop {
    margin: 10px;
    width: 100%;
}

td.pageLinksFirst {
    width: 90%;
}

#pagecontrols a {
    font-weight: normal;
}

#main-content.no-sidebar #pagecontrols {
    padding-bottom: 25px;
    margin-top: -15px;
}

.tfactionstop, .tfactionsbottom {
    display: none;
}

.tfactions li {
    border-bottom: 1px dotted #3d3834;
}

    .tfactions li a {
        background: none;
        font-size: .9rem;
    }

        .tfactions li a:before {
            content: "\f105";
            font-family: FontAwesome;
            display: inline-block;
            margin-right: 0.3125rem;
            position: relative;
            top: -1px;
        }

table.values td.wide {
    width: 65%;
}

p.sectiondescription, #main #clusterProfile .smallsection p {
    font-size: .9rem !important;
}

#careerProfile ul.indexList {
    list-style: initial !important;
    margin: 10px 20px !important;
}

    #careerProfile ul.indexList li {
        background: none !important;
        color: #000 !important;
        font-size: .875rem !important;
        font-family: 'Source Sans Pro', 'Arial', 'Helvetica', sans-serif !important;
        padding: 0 5px 5px 5px !important;
    }

#careerProfile .smallsection {
    font-size: .875rem !important;
    font-family: 'Source Sans Pro', 'Arial', 'Helvetica', sans-serif !important;
}

#clusterProfile li {
    font-weight: 600 !important;
    line-height: 1rem !important;
}

.linklist a:hover {
    color: #000 !important;
}

.finderControls {
    min-width: 97%;
    font-size: .8rem !important;
}

.finderControlsMiddle {
    background: none !important;
    padding: 0 .75rem 0 .5rem;
}

#main .finderCategory {
    background: #22415F;
    color: #fff;
    padding: .25rem;
    font-size: 1rem !important;
    font-weight: 600 !important;
    margin-bottom: 5px;
}

.finderControlsMiddle ul {
    background: #fff;
}

.finderResults {
    padding: .25rem .25rem 1rem .25rem;
    font-weight: 600;
}

.finderControls li a {
    font-size: .8rem !important;
}

#salaryLevelsDiv, #salaryRangesDiv {
    clear: both;
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 8px;
}

span.tip {
    background: #ccc;
    padding: 2px 4px;
}

.fieldsetNoStyle legend {
    font-weight: 600;
}

.clearall {
    padding: 10px 0;
}

    .clearall a {
        background: #DDD;
        padding: .25rem .5rem;
    }

#interestsDiv ul {
    margin-left: 88px;
}

#interestsDiv input {
    margin-left: 70px;
}

#workValue1, #workValue2, #workValue3, #workValue4, #workValue5, #workValue6 {
    padding-left: 70px;
}
/* Career Finder */
#navigationPanel ul, .finderControls ul {
    list-style: none;
    margin-left: 0;
    padding-left: 15px;
}

#navigationPanel li:before {
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 0.7125rem;
    position: relative;
    top: -1px;
}

#navigationPanel li.checked:before {
    content: "\f00c";
    font-family: FontAwesome;
    margin-right: 0.2125rem;
}

.finderControls li a, .finderControls li.checked a {
    background: none !important;
    padding-left: .325rem !important;
}

/*fixes*/
#schoolFinder div table th {
    vertical-align: top;
    width: 5%;
    padding: 6px;
}

.overqualified, #main .profileInsiderInfo {
    background: transparent url(/images/transitions/icons/portfolio_full.gif) 0 3px no-repeat;
    height: 17px;
    width: 13px;
}

.underqualified, #main .onlyInsiderInfo {
    background: transparent url(/images/transitions/icons/portfolio_iionly.gif) 0 3px no-repeat;
    height: 17px;
    width: 13px;
}

#main .tfcontrols a.interfaceSearchBtn {
    height: 34px;
    width: 34px;
    padding: 5px 5px;
}

.smallsection .characteristic {
    height: 60px;
    padding: 16px 0 4px 65px;
}

.small {
    color: #333;
    font-size: 13px;
    margin-bottom: 20px;
}

@media (max-width: 769px) {
    table.values td.wide {
        display: block;
        width: 100%;
    }

    table.values td.narrow {
        display: block;
        width: 100%;
        display: table-row;
    }
}

@media (max-width: 640px) {
    .tfnavtabs li.menuItemActive {
        background: #fff;
    }

	.tfcontrols {
		width: 100%;
		margin-bottom: 20px;
	}

    .tfnavtabs li.menuItemDisabled, .tfnavtabs li {
        border: 0;
    }
}



/* NEW ND  career profile styles */

/* link color */
.profile-wrap .profile-hero .hero-content .breadcrumb a,
.profile-wrap .profile-content .title-profile i,
.profile-wrap .profile-menu ul li a,
.profile-wrap .profile-menu.menu-cluster ul li:nth-child(4) > a,
.profile-wrap .profile-menu ul li .sub-menu .active a,
.profile-wrap .print-wrap #pagecontrols .printthis a,
.profile-wrap .print-wrap #pagecontrols .emailthis a,
.profile-wrap .print-wrap #pagecontrols .pdfthis a,
.profile-wrap .tab-info a,
.profile-wrap .tab-info .job-bank #job-banks .jobbank-links li a,
.profile-wrap .career-card-wrap .career-top a {
    color: #017c9c !important;
}

.profile-wrap .profile-menu ul li.menuItemActive a {
    border-left: 4px solid #017c9c;
}

.profile-wrap .career-card-wrap .career-top .btn-card-save {
    border-color: #017c9c !important;
    color: #017c9c !important;
}

    .profile-wrap .career-card-wrap .career-top .btn-card-save:hover {
        background-color: #017c9c !important;
        color: #fff !important;
    }

    .profile-wrap .career-card-wrap .career-top .btn-card-save.saving,
    .profile-wrap .career-card-wrap .career-top .btn-card-save.saved {
        border-color: #5BBCB1 !important;
    }

.profile-wrap .profile-hero .hero-content .profile-meta a {
    color: #017c9c !important;
    text-decoration: none;
}

    .profile-wrap .profile-hero .hero-content .profile-meta a:hover {
        color: #22415F !important;
        text-decoration: none;
    }

/* buttons */
.profile-wrap .tab-info .empty-activity .empty-content a {
    background-color: #017c9c !important;
}

    .profile-wrap .tab-info .empty-activity .empty-content a:hover {
        background-color: #006A98 !important;
    }

.profile-wrap .tab-info .job-bank #job-banks .col-md-2 .btn-primary,
.profile-wrap .profile-menu .btn-primary,
.profile-wrap .tab-info .btn-primary {
    background-color: #017c9c !important;
    border-color: #017c9c !important;
    border-radius: 25px;
    padding: 6px 20px;
}

    .profile-wrap .tab-info .job-bank #job-banks .col-md-2 .btn-primary:hover,
    .profile-wrap .profile-menu .btn-primary:hover,
    .profile-wrap .tab-info .btn-primary:hover {
        background-color: #006A98 !important;
        border-color: #006A98 !important;
    }

/* theme fixes  */
.profile-wrap .profile-menu .btn-primary {
    padding: 5px 14px;
}

.profile-wrap .profile-content .title-profile i {
    display: inline-block !important;
}

/* ND programs and majors */
.profile-wrap .check-box input[type="checkbox"]:checked + label::before {
    border-color: #017c9c;
    background-color: #017c9c;
}

.profile-wrap .tab-info .filter-pill i {
    color: #017c9c;
}

.profile-wrap .tab-info .filter-pill:hover {
    border-color: #017c9c;
}

.profile-wrap .career-card-wrap .career-top .card-buttons .btn-apply {
    border-radius: 30px;
}


/* responsive */
@media (max-width: 916px) {

    .profile-wrap .profile-hero {
        margin-top: -10px;
    }
}

#awardLettersForm select {
    border: 1px solid #C2CAD8!important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%)!important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%)!important;
    background: #fff url(/Images/SavedColleges/icon-arrow.png) no-repeat top 14px right 12px;
    background-size: 9px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    width: auto!important;
    font-size: 14px!important;
    padding: 8px 12px!important;
    background-color: #fff;
    margin-left:0px;
}
#awardLettersForm .field input:hover,
#efcWorksheet .field input:hover,
#awardLettersForm select:hover {
    border-color: #a0acc3!important;
}
#awardLettersForm .field input:focus,
#efcWorksheet .field input:focus,
#awardLettersForm select: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)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6)!important;
}
#awardLettersForm label {
    font-size: 14px!important;
}
#main .dataGrid .dataGridHeader, #main .dataGrid .dataGridSubheader {
    padding: 10px!important;
}
#awardLettersForm .field input,
#efcWorksheet .field input {
    margin-left:10px!important;
    padding: 8px 12px!important;
    border: 1px solid #C2CAD8!important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%)!important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%)!important;
}
#awardLettersForm #main .dataGrid td {
    vertical-align: middle;
}
#efcWorksheet .field input, #efcWorksheet select {
    background-color: #FFF!important;
}
#efcWorksheet td.label-l {
    width: auto;
    vertical-align: bottom;
}
#efcWorksheet .innerboxmedium {
    width: auto;
    margin-right: 20px;
}
.wvsContinue a.btn-primary {
	background: #009ABA;
	border: #009ABA solid 2px;
	border-radius: 46px;
	padding: 4px 14px;
	width: 300px;
	color: #fff;
	font: inherit;
	font-weight: 600;
}
.wvsContinue a.btn-primary:hover {
	background: #014466 !important;
	border: #014466 solid 2px;
	border-radius: 46px;
	padding: 4px 14px;
	width: 300px;
	font: inherit;
	color: #fff;
	font-weight: 600;
}

#main #cFinder .dataGrid td {
    font-size: 13px!important;
}

#cFinder .dataGridHeader a {
	background: none!important;
	color: #fff;
	padding-left: 0px;
	padding-right: 0px;
	display: inline-block;
	font-size:13px;
	width:85px;
}

#cFinder .dataGridHeader a:after {
	content: "\f0dc";
	font-family: FontAwesome;
	margin-left: 5px;
	color: yellow;
	background: none;
	display: inline;
	font-weight: 400;
	padding-right: 0px;
}

#cFinder .dataGridHeader a:hover {
	text-decoration: none !important;
}
#applycontainer .searchpanel {
	width: 100%;
	margin-top: -20px !important;
}

#applycontainer .alphabetList td a {
	color: #fff !important;
	display: block;
	height: 15px;
	text-align: center;
	text-decoration: none;
}

#applycontainer .alphabetList td a:hover {
	width: 12px;
	height: 15px;
}

#applycontainer .alphacontainer table.alphabetList {
	height: auto;
	width: auto;
}

#applycontainer .alphacontainer {
	background: none !important;
	height: 57px;
	width: 300px !important;
	margin: 5px 0px 10px!important;
}

#applycontainer table.alphabetList td {
	border: 2px solid white!important;
	padding: 4px;
	filter: alpha(opacity=100);
	width: auto !important;
}

#applycontainer .alphacontainer .alphabetList td.all a {
	width: 100%;
}

#applycontainer .alphacontainer .alphabetList td.all a:hover {
	width: 100%;
}

#applycontainer .searchpanel td {
	display: table-cell;
	font-size: 14px;
	width: 100px;
}

#applycontainer .dataGridElement a {
	color: #fff !important;
	background-color: #009ABA;
	border: 1px solid #009ABA;
	width: 100px!important;
	text-align: center;
}

#applycontainer .dataGridElement a:hover {
	color: #fff !important;
	background-color: #014466;
	border: 1px solid #014466;
	width: 100px!important;
	text-align: center
}
#applycontainer a.searchBtn {
	height: auto;
	width: auto;
	padding: 6px;
}
#applycontainer a.searchBtn:hover,
#applycontainer a.searchBtn:focus {
	background: #014466 !important;
	border: #014466 solid 2px;
	color: #fff !important;
	text-decoration: none;
	-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;
}

#applycontainer .searchpanel .searchBox {
	height: auto !important;
	padding: 9px 8px !important;
	margin: 0px;
	width: 200px;
}

#applycontainer select.interfaceSelectList {
    padding: 6px 10px !important;
    margin-left: 5px !important;
    width: auto;
    display: inline-block;
}

#applycontainer .searchBoxLabel {
	margin-right: 10px;
	width: auto;
	font-size: 14px;
}

#applycontainer .matches {
	font-family: 'Poppins', helvetica, arial, sans-serif;
	color: #009ABA;
	font-size: 14px;
}

#applycontainer .sectionboxtabswide ul li {
	margin-right: 3px !important;
}

#applycontainer .sectionboxtabswide {
	background: #EEE;
	padding: 10px;
	border: 2px solid #E0E0E0;
	border-bottom: none;
	margin: 0rem 0rem !important;
}

#applycontainer .sectionboxwide {
	width: 100%;
	margin: 0px;
}

#applycontainer .sectionboxtabswide h3 {
	margin-right: 10px !important;
}

@media (max-width: 480px) {
	#applycontainer table.listPageSelector td {
		display: table-cell !important;
		text-align: left;
	}

	#applycontainer .searchpanel td {
		display: block;
		width: auto;
	}

	#applycontainer select.interfaceSelectList {
		width: auto;
	}
}
/* Your Portfolio
   ========================================================================== */#main {
  padding-bottom: 0;
}


/* Ability Profiler */

    .page-content .mr-5 {
        margin-right:5px !important;
    }
    .page-content .ability-content .btn-primary {
        display:inline-block;
    }
    .page-content .ability-content .chart-container {
        height: 380px;
        position:relative;
    }
    .page-content .ability-content .chart-container .chartjs-size-monitor {
        min-width: 500px;
    }
    .page-content .ability-content .result-toggle {
        text-align: left;
        display: inline-block;
        float: left;
        margin-bottom:10px;
    }
    .page-content .ability-content .result-toggle label {
        margin-bottom:5px;
        font-size:14px;
        display:block;
    }
    .page-content .ability-content .result-toggle .select-sm {
        font-size: 14px;
        padding: 6px 15px !important;
        height: auto;
        width: 200px;
        display: inline-block;
        cursor: pointer;
        position: relative;
        background: #fff url(../../Images/SavedColleges/icon-arrow.png) no-repeat top 13px right 15px;
        background-size: 9px auto;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        padding-right: 30px;
        display: inline-block;
        float: left;
        margin-right: 10px;
        border-radius:30px;
    }
    .page-content .ability-content .result-toggle .btn-primary {
         margin-bottom:0;
    }
    .page-content .ability-content .btn-start {
        float:right;
        margin-top:23px;
    }
    .page-content .ability-content .panel-wrap {
        -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;
        border:1px solid #eee;
        width: 100%;
        float: left;
        border-radius:4px;
    }
    .page-content .ability-content .panel-wrap .panel-header {
        padding: 10px 20px;
        border-bottom: 1px solid #eee;
        width: 100%;
        float: left;
        position: relative;
        line-height: 18px;
    }
    .page-content .ability-content .panel-wrap .panel-header h3 {
        margin: 0;
        padding-bottom: 0;
        padding-top: 0 !important;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    .page-content .ability-content .panel-wrap .panel-header h3 i {
        color: #009aba !important;
    }
    .page-content .ability-content .panel-wrap .panel-body {
        width: 100%;
        float: left;
    }

    /* reflection */
    .page-content .ability-content .reflection-wrap.empty {
        padding: 50px 30px;
        margin-bottom:0;
    }
    .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;
        margin-top:20px;
        margin-bottom:30px;
    }
    .page-content .ability-content .reflection-wrap h4 {
        margin-top:0;
        margin-bottom:5px;
        display: inline-block;
        width: 100%;
        color:#014466;
        font-weight: 600;
        font-size:18px;
    }
    .page-content .ability-content .reflection-wrap .btn-primary {
        display:inline-block;
        margin-bottom:0 !important;
    }
    .page-content .ability-content .reflection-wrap .btn-default {
        border: 1px solid #eee !important;
        font-weight: 600;
        color: #009ABA !important;
        font-family: inherit;
        border-radius: 46px;
        font-size: 16px;
        padding: 6px 20px;
    }
    .page-content .ability-content .reflection-wrap .btn-default:hover {
        background: #006A98 !important;
        color: #fff !important;
    }
    .page-content .ability-content .reflection-wrap p {
        font-weight:600;
        margin-bottom:30px;
    }
    .page-content .ability-content .reflection-wrap .panel-wrap {
        position: relative;
        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);
        background:#fff;
        border: 1px solid #eee;
    }
    .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:18px;
        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:-5px;
        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;
        float:left;
    }
    .page-content .ability-content .reflection-wrap .panel-wrap .reflect-btns {
        float: right;
        position: relative;
        top: -6px;
    }
    .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:#009aba;
    }
    .page-content .ability-content .reflect-btns .btn-primary i {
        line-height:32px;
    }
    .page-content.profiler .modal-header {
        background-color:#014466;
        font-weight:normal;
    }
    .page-content.profiler .modal-header h4 {
        color:#fff;
        font-weight:normal;
    }
    .page-content.profiler .modal-header .close {
        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;
    }
    .page-content.profiler .modal-footer .btn-primary {
        border: none;
        font-weight: 600;
        color: #fff !important;
        background-color:#009aba;
        font-family: inherit;
        border-radius: 46px;
        font-size: 16px;
        padding: 6px 20px;
    }
    .page-content.profiler .modal-footer .btn-primary:hover {
        background: #006A98;
    }
    .page-content.profiler .modal-footer .btn-default {
        -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;
        border: 1px solid #eee !important;
        font-weight: 600;
        color: #009ABA !important;
        font-family: inherit;
        border-radius: 46px;
        font-size: 16px;
        padding: 6px 20px;
    }
    .page-content.profiler .modal-footer .btn-default:hover {
        background: #006A98;
        color:#fff !important;
    }

    /* responsive */
    @media (max-width: 767px) {

        .page-content .ability-content .btn-start {
            float: left;
            margin-top: 0;
        }

    }
    @media (max-width: 640px) {

        .page-content .ability-content .chart-container {
            overflow: auto;
            max-width: 420px;
        }
        .page-content .ability-content .reflection-wrap .panel-wrap .panel-body {
            padding: 30px 30px 20px;
        }
        .page-content .ability-content .reflection-wrap .panel-wrap .reflect-btns {
            width: 100%;
            float: left;
            display: block;
            top: 0;
        }
        .page-content .ability-content .reflection-wrap .badge {
            margin: 0px 5px 0 0;
        }
        .page-content .ability-content .reflection-wrap .btn-circle {
            float: right;
            top: -6px;
        }
        .page-content .ability-content .reflection-wrap .panel-wrap .reflect-title {
            margin-bottom: 5px;
            display: block;
            float: left;
            margin-top: 10px;
        }

    }

    /* Ability Profiler Responsive */

    @media (max-width: 580px) {

        .page-content .ability-content .chart-container {
            max-width: 320px;
        }

    }
    @media (max-width: 480px) {

        .page-content .ability-content .chart-container {
            max-width: 230px;
        }
        .page-content .ability-content .reflection-wrap .panel-wrap {
            width: 100%;
            left: 0;
            right: 0;
        }

    }
    @media (max-width: 380px) {

        .page-content .ability-content .chart-container {
            max-width: 210px;
        }
        .page-content .ability-content .reflection-wrap {
            padding:50px 20px 0 20px;
        }

    }






.indent20 {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
}

.indent200 {
  display: block;
  padding-left: 200px;
}

.portfolioIndexList {
  list-style: none;
  margin: 0;
  padding: 0 0 8px;
}

#portfolioWideContent #mainbody {
  background: #fff;
}

#main #portfolioWideContent #mainpanel {
  min-height: 410px;
  width: 780px;
}

#mainpanel {
  padding: 0rem 1.25rem 1.25rem 0.625rem;
}

.portfolioSectionBody {
  background: transparent;
  padding: 0 20px;
}

#gedScoresOuterContainer {
  padding: 5px 0px;
  margin: 0 0 10px;
  border: 2px solid #666;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-right: 16px;
  width: 720px;
}

.portfolioSectionBody #gedScoresOuterContainer {
  border: none;
  width: 100%;
}

#gedScoresOuterContainer .portfolioEditPanel {
  border-bottom: 1px dotted #84E3F7;
  padding: 5px;
  width: 95%;
}

#gedScoresOuterContainer .editButton {
  padding: 6px;
}

#gedScoresOuterContainer .editButton a {
  background: #267fb4;
  text-transform: uppercase;
  padding: 2px 5px;
  color: #FFF !important;
  text-decoration: none;
}

#gedScoresOuterContainer .editButton a:hover {
  background: #f67811;
}

#gedScoresOuterContainer .inputButton {
  background-color: #267fb4;
  border: 1px solid #18869C;
  border-left-color: #999;
  border-top-color: #ccc;
  color: #fff;
  font: bold 10px verdana, geneva, sans-serif;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: 50px;
}

#gedScoresOuterContainer .inputButton:hover {
  background-color: #fff;
  color: #267fb4;
  cursor: pointer;
}

#main .portfolioChangeInfo {
  color: #999;
  font-size: .88rem;
  font-weight: 500;
}

#main .portfolioChangeInfo a {
  font-size: .88rem;
  font-weight: 500;
  text-decoration: underline;
}

table.portview {
  margin-left: 90px !important;
}

#ctl106_pnlDetailIndexPage {
  margin-left: 100px;
}

.portfolioSubheader {
  color: #18869C;
  font-weight: 500;
  font-family: inherit;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

.portfolioSectionBody .simpleForm td {
  padding: 2px;
}

.portfolioEditPanel td {
  padding: 5px;
}

.portfolioEditPanel .field input,.portfolioEditPanel select {
  background-color: #fff;
  border: 1px solid #21AEBD;
  color: #666;
  font-size: 11px;
  padding: 2px;
}

.portfolioEditPanel .field textarea {
  background-color: #fff;
  border: 1px solid #21AEBD;
  color: #666;
  font: 11px arial, helvetica, sans-serif;
  padding: 2px;
  width: 350px;
}

#portfolioJournal .portfolioEditPanel .field textarea {
  height: 100px;
  width: 450px;
}

#main .simpleForm .hint {
  color: #FF4110;
}

#main .portfolioEditPanel .hint,#main .simpleForm .portfolioEditPanel .hint {
  color: #999;
  font-size: 11px;
}

.portfolioSectionBody tr.portfolioDivider td,.portfolioSectionBody tr.portfolioDivider td tr.portfolioDivider td {
  border-bottom: 1px dotted #84E3F7;
}

.portfolioSectionBody tr.portfolioDivider td td {
  border: 0;
}

#main .editLink a,.portfolioSectionBody .inputButton,.rightsection .inputButton,.portfolioSectionBody .inputButtonWide {
  background-color: #267fb4;
  border: 1px solid #18869C;
  border-left-color: #999;
  border-top-color: #ccc;
  color: #fff;
  font: bold 10px verdana, geneva, sans-serif;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: 50px;
}

.portfolioSectionBody .inputButtonWide {
  width: auto;
}

#main .editLink a:hover,#main .editLink a:focus,.portfolioSectionBody .inputButton:hover,.portfolioSectionBody .inputButton:focus,.portfolioSectionBody .inputButtonWide:hover,.portfolioSectionBody .inputButtonWide:focus,.rightsection .inputButton:focus,.rightsection .inputButton:hover {
  background-color: #fff;
  color: #267fb4;
  cursor: pointer;
}

.portfolioDisplayData {
  color: #666;
  font-family: inherit;
  font-size: .825rem;
}

.portfolioDisplayData strong {
  font-size: .925rem;
  font-weight: 600;
}

#main .portfolioDate {
  color: #999;
  display: block;
  font-family: inherit;
  font-size: .825rem;
  padding: 0 10px;
}

.advisorComments {
  background: #EFF7FF;
  border: 1px solid #29B2BD;
  margin-right: 10px;
  padding: 10px;
}

.portfolioEditPanel {
  background: #EFF7FF;
}

#main .portfolioEditPanel .cancelButton {
  background-color: #846D5A;
  border: 1px solid #18869C;
  border-left-color: #999;
  border-top-color: #ccc;
  color: #fff;
  font: bold 10px verdana, geneva, sans-serif;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: 50px;
}

#main .portfolioEditPanel .cancelButton:hover,#main .portfolioEditPanel .cancelButton:focus {
  background-color: #fff;
  color: #21A6B5;
  cursor: pointer;
}

.portfolioHighlight {
  background: #D6F3FF;
}

#main .previousButton {
  background: transparent url(/images/transitions/prev_small.gif) 0 6px no-repeat;
  border: 0;
  color: #21A6B5;
  font-weight: 700;
  padding-left: 11px;
  text-transform: lowercase;
}

#main .nextButton {
  background: transparent url(/images/transitions/next_small.gif) right 6px no-repeat;
  border: 0;
  color: #21A6B5;
  font-weight: 700;
  padding-right: 11px;
  text-transform: lowercase;
}

#main .lastButton {
  background: transparent url(/images/transitions/last_small.gif) right 6px no-repeat;
  border: 0;
  color: #21A6B5;
  font-weight: 700;
  padding-right: 17px;
  text-transform: lowercase;
}

#main .firstButton {
  background: transparent url(/images/transitions/first_small.gif) 0 6px no-repeat;
  border: 0;
  color: #21A6B5;
  font-weight: 700;
  padding-left: 17px;
  text-transform: lowercase;
}

#main .previousButton:focus,#main .previousButton:hover,#main .nextButton:focus,#main .nextButton:hover,#main .lastButton:focus,#main .lastButton:hover,#main .firstButton:focus,#main .firstButton:hover {
  background-color: #fff;
  color: #FF3800;
  cursor: pointer;
}

.clusterdescription {
  margin: 5px 0;
  padding: 0 20px 20px 65px;
}

#main .clusterdescription a {
  font: bold 14px arial, helvetica, sans-serif;
}

.portfolioRadioList td {
  border-bottom: 1px solid #ccc;
  color: #333;
  margin: 0;
  padding: 4px 0;
  width: 33%;
}

.portfolioSectionBody .instructions {
  color: #806f5c;
  font-weight: 700;
  margin: 0;
}

.outcomeLink {
  background: #fff;
  font: 10px arial, helvetica, sans-serif;
}

#main #portfolioPlanOfStudy .dataGrid {
  width: 97%;
}

#main #portfolioPlanOfStudy td.courseBlock {
  -moz-border-radius: 0;
  background: #e7f7fb;
  border: 0;
  cursor: default;
  font: 11px arial, helvetica, sans-serif;
  margin: 3px;
}

#main #portfolioPlanOfStudy td.courseBlock:hover {
  background: #e7f7fb;
  border: 0;
}

#main #portfolioPlanOfStudy #courseplanner tbody th {
  -moz-border-radius: 0;
}

#main #portfolioPlanOfStudy .dataGridHeader {
  font: bold 11px arial, helvetica, sans-serif;
}

#main #portfolioPlanOfStudy .courseSummary td {
  font: 10px arial, helvetica, sans-serif;
}

#findsection {
  height: 69px;
}

#findsection .sectionbody {
  margin-left: 178px;
}

#milestonesSection {
  background: #fff url("/images/transitions/subpages/portfolio/YourMilestones2_image.png") 0 bottom no-repeat;
  min-height: 79px;
  _background: #fff url("/images/transitions/subpages/portfolio/YourMilestones2_image.gif") 0 bottom no-repeat;
  _height: 79px;
}

#journalSection {
  background: #fff url("/images/transitions/subpages/portfolio/YourJournal2_image.png") right top no-repeat;
  min-height: 79px;
  _background: #fff url("/images/transitions/subpages/portfolio/YourJournal2_image.gif") right top no-repeat;
  _height: 79px;
}

#profileSection {
  background: #fff url("/images/transitions/subpages/portfolio/YourProfile2_image.png") right bottom no-repeat;
  min-height: 79px;
  _background: #fff url("/images/transitions/subpages/portfolio/YourProfile2_image.gif") right bottom no-repeat;
  _height: 79px;
}

#portfolioSection {
  background: #fff url("/images/transitions/subpages/portfolio/planning_portfolios.png") top left no-repeat;
  background-position: -1px 0;
}

#portfolioSection .sectionbody {
  margin-left: 110px;
  margin-right: 20px;
}

#snapshotsection,#ilpsection {
  background: #ffffff;
  padding-bottom: 10px;
}

#portfolioIndex .sectionimage {
  background: transparent url("/images/transitions/PlanBy_OR_img.png") 0 0 no-repeat;
  _background: transparent url("/images/transitions/PlanBy_OR_img.gif") 0 0 no-repeat;
  height: 33px;
  left: 235px;
  position: absolute;
  top: 100px;
  width: 29px;
  z-index: 1;
}

#main #profileSection h3 a,#main #journalSection h3 a,#main #milestonesSection h3 a,#main #portfolioSection h3 a,#main #snapshotsection h3 a,#main #ilpsection h3 a {
  color: #20B0B9;
  font: bold 13px arial, helvetica, sans-serif;
  text-decoration: none;
  text-transform: none;
}

#main a h3,#main h3 a {
  text-decoration: none;
}

#signInBox h2 {
  color: #6B5D4A;
  font: bold 20px arial, helvetica, sans-serif;
  margin: 0;
  padding: 15px 0 5px 23px;
}

#main #timelineView {
  background: #fff;
  border: 1px solid #ccc;
  border-width: 0 1px 1px;
  width: 95%;
}

#main #timelineView .sectionboxwide {
  background: none;
  border: none;
}

#main #timelineView h4 {
  background: #143E70;
  color: #fff;
  padding: 8px 10px 4px;
}

#main #timelineView .headerlink {
  padding-top: 5px;
}

.accountAccessNote {
  color: #f30;
}

.advisorcommenttable b {
  background: #807E7C;
  color: #fff;
  display: block;
  margin-top: 9px;
  padding: 2px;
}

.advisorcommenttable li b {
  background: transparent;
  color: #6B5D4A;
  display: inline;
  margin: 0;
  padding: 0;
}

.sectionbox {
  _height: 79px;
  min-height: 79px;
}

.sectionbody {
  background: transparent;
  margin: 0 18px 0 10px;
  position: relative;
  z-index: 3;
}

#portfolioSection .sectionbody table td {
  padding: 5px;
  width: 50%;
}

#portfolioSection .sectionbody table td.topleft {
  border-bottom: 2px dotted #33BAC4;
  border-right: 2px dotted #33BAC4;
}

#portfolioSection .sectionbody table td.bottomright {
  border-left: 2px dotted #33BAC4;
  border-top: 2px dotted #33BAC4;
}

#portfolioSection .sectionbody table {
  border-collapse: collapse;
  height: 200px;
  margin: 5px;
}

.portfolioSectionBody .simpleForm,.portfolioSectionBody .portfolioEditPanel,#workplaceSkills table,.portfolioRadioList {
  width: 100%;
}

#main .editLink a,#snapshotsection .sectionlink a {
  display: block;
}

#portfolioJournal input:disabled,#main input:disabled,#main .portfolioHide,#main #timelineView .boxtopwide,#main #timelineView .boxbottomwide {
  display: none;
}

#main #portfolioPlanOfStudy .courseinfo,#main #portfolioPlanOfStudy .courseSummary {
  margin: 0;
  padding: 0;
}

#findsection div.sectionlink a,#milestonesSection div.sectionlink a {
  margin-left: 125px;
}

#milestonesSection .sectionbody,#snapshotsection .sectionbody {
  margin-left: 196px;
  margin-right: 20px;
}

#journalSection .sectionbody,#profileSection .sectionbody {
  margin-left: 20px;
  margin-right: 193px;
}

#journalSection div.sectionlink a,#profileSection div.sectionlink a {
  margin-left: 150px;
}/*#ilpsection {  margin-left: 20px;  }*/#ilpsection div.sectionlink a {
  margin-left: 150px;
}

#ethnicList input:disabled {
  display: inline;
}

table.dualbox,h3 {
  margin-top: 5px;
}

#main a span.tip {
  _color: #333;
  _display: block;
  _font-weight: normal;
  _position: static;
  display: none;
}

#main a:hover span.tip {
  background: #fff;
  border: 2px solid #FF4110;
  bottom: 60px;
  color: #333;
  display: block;
  left: 90px;
  padding: 4px;
  position: absolute;
  text-decoration: none;
  width: 350px;
  z-index: 26;
  _background: transparent;
  _border: 0;
  _bottom: auto;
  _left: auto;
  _padding: 0;
  _position: relative;
  _width: auto;
  _z-index: auto;
}

#summaryWorksheets .rightsection p {
  margin-top: 12px;
}

#snapshotsection {
  background: #fff url("/images/transitions/portfolio/thumb_snapshot.png") left bottom no-repeat;
  min-height: 80px;
}

#middleschoolModule {
  background: #fff url("/images/transitions/portfolio/thumb_school2college2work.png") left top no-repeat;
  min-height: 90px;
}

#middleschoolModule .sectionbody {
  margin-left: 150px;
}

#middleschoolModule div.sectionlink a {
  margin-left: 150px;
  margin-top: 12px;
}

#activity-ASVAB.sectionboxwide .sectionlink a:after {
	content: "\f105";
	font-family: FontAwesome;
	padding-left: 5px;
	font-weight: normal
}

/* Focus Career Cluster */
    #focusCareerCluster .sectionboxwide {
        padding: 0px !important;
    }

    #focusCareerCluster .focusIcon {
        background: transparent url(/images/transitions/focus_career_cluster_icon_small.png) 0 0px no-repeat;
        float: left;
        height: 62px;
        width: 80px;
    }
    #focusCareerCluster .portfolioSectionBodyNew h3,
    #focusCareerCluster .portfolioSectionBodyNew p,
    #focusCareerCluster .sectionlink a {
        margin-left: 155px !important;
    }
    #focusCareerCluster .portfolioSectionBody h3 {
        margin-left: 0px;
        color: #014466 !important;
    }
    #focusCareerCluster .hint {
        color: #999;
        font-size: 12px;
        padding-right: 10px;
    }
    #focusCareerCluster select.allClusterPathwaysList {
		margin-top:10px;
    }
    #focusCareerCluster ul li a {
        color: #009aba !important;
    }
    #focusCareerCluster .sectionlink a:before,
    #focusCareerCluster ul li a:before {
        display: none !important;
    }
    #focusCareerCluster .sectionlink a:after,
    #focusCareerCluster ul li a:after {
        content: "\f105";
        display: inline-block;
        font-family: FontAwesome;
        font-size: 0.875rem;
        position: relative;
        top: 0;
        margin-left: 4px;
    }
    #focusCareerCluster .hint br {
        line-height: 4px;
    }
    #focusCareerCluster table.edit {
        margin-top: 20px;
        width: 100%;
    }
    #focusCareerCluster table.edit td span {
        font-size: 12px;
    }
    #focusCareerCluster table.edit td a {
        color: #009aba !important;
    }
    #focusCareerCluster table.edit td a:hover {
        color: #014466 !important;
    }
    #focusCareerCluster table.edit td {
		vertical-align: top;
		padding: 8px 4px;
		width: 33%;
    }
    #focusCareerCluster .resultsPathway {
		margin: 20px 0px;
    }
    #focusCareerCluster .resultsPathway ul li {
		background-color: #F2FAFB;
		padding: 10px
    }
    #focusCareerCluster .sectionboxwide {
        max-width: unset !important;
        width: 100% !important;
        margin-top: 10px !important;
        margin-bottom: 1.25rem !important;
    }
    #focusCareerCluster .actionbutton2,
    #focusCareerCluster .actionbutton {
        padding: 20px 0px 0px;
        text-align: center;
        width: 100%
    }
    #focusCareerCluster .actionbutton2 a,
    #focusCareerCluster .actionbutton a {
        background: #009ABA;
        border-radius: 50px;
        padding: 6px 20px;
        width: auto;
        display: inline-block;
        text-align: center;
        font-size: 14px;
        color: #fff !important;
        margin: 0px 0px 0px 5px;
        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;
    }
    #focusCareerCluster .actionbutton a:hover,
    #focusCareerCluster .actionbutton a:active,
    #focusCareerCluster .actionbutton a:focus,
    #focusCareerCluster .actionbutton2 a:hover,
    #focusCareerCluster .actionbutton2 a:active,
    #focusCareerCluster .actionbutton2 a:focus {
        color: #fff !important;
        outline: none;
        border: 1px solid #006A98!important;
        background-color: #006A98 !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;
    }
    #focusCareerCluster h4 {
        font-size: 15px;
        color: #014466;
        font-weight: 600;
        margin-top: 0;
        padding-right: 10px;
    }
    #focusCareerCluster .form-control {
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
        border: 1px solid #C2CAD8;
        padding: 6px 12px !important;
    }
    #focusCareerCluster input[type="radio"], #focusCareerCluster input[type="checkbox"] {
        margin: 3px 5px 3px 0px;
    }
    #focusCareerCluster table.edit td.cluster div {
        padding: 15px 5px !important;
    }
    #focusCareerCluster table.edit td span.current-cluster h4,
    #focusCareerCluster table.edit td.cluster div {
        background-color: #F2FAFB;
        height: 50px;
        padding: 15px 15px 15px 0px;
    }
    #focusCareerCluster table.edit td.clusterLabel {
        padding-right: 0px!important;
        margin-right: 0px!important;
    }
    #focusCareerCluster table.edit td.cluster {
        margin-left: 0px!important;
        padding-left: 0px!important;
    }
    #focusComments {
        margin-top: 20px;
    }
    #focusCareerCluster .listViews ul {
        margin-top: 10px;
    }
    #focusCareerCluster .row ul,
	#focusCareerCluster ul.focuslist {
        padding-left: 0px;
		list-style:none;
    }



.portfolioPage #signInBox {
  padding-left: 0px;
}

.portfolioEditPanel legend {
  display: table !important;
}

div#mailsystem {
  padding: 15px 2px;
}

td.dataGridElement:nth-child(2) {
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

#mailsystem input[type=text] {
  width: 300px !important;
}

.messageBody {
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ipAnswers {
  height: 60px !important;
}

.ipAnswers ul li a {
  height: 60px !important;
}

#ipIntroIncompleteButtons a,#ipIntroStartButton a {
  padding: 0.375rem 0.625rem !important;
}

#previousBtn {
  width: 130px !important;
  padding: 0.375rem 0rem 0rem 1.4375rem !important;
}

#divSave a,#divShow a {
  width: 80px !important;
  padding: 0.25rem 0rem !important;
  text-align: center;
}

.careersMatchButtons a,.careersMatchButtonsBtm a {
  height: 50px !important;
  padding: 0.75rem 0rem 0rem 0.625rem !important;
}

/* Saved Colleges */
.appdocs-portfolio-return-url {
    position: fixed;
    top: 17px;
    left: 5px;
    width: 100%;
    padding: 0;
    z-index:200;
}
.appdocs-portfolio-return-url a {
    color: #337ab7;
    font-size: 14px;
    font-weight: 600;
    background-color:#F3BD5F;
    -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;
    padding:10px 20px;
    border-radius:30px;
}
.appdocs-portfolio-return-url a:hover {
    color:#fff !important;
    background-color:#E9AE47;
    text-decoration:none;
}
.appdocs-portfolio-return-url a:before {
    font-family: FontAwesome;
    content: "\f104";
    font-size:14px;
    margin-right:5px;
    display: inline-block;
    position:relative;
    color: inherit;
}

/*Calendar*/
#calendar td, #calendar th {
    padding: 4px 5px;
}

#calendar label {
    font-weight: 600;
}

#calendar .dataGridOddRow {
    border-bottom:1px solid #fff;
}

#calendar .dataGridOddRow th.dataGridHeader {
    text-align: right;
    vertical-align: top;
    padding-right: 8px !important;
    padding-top:12px !important;
}

#calendar input[type="text"], #calendar textarea {
    width: 100%;
    padding: 2px;
}

#calendar table.nextprevlinks th {
    text-align: center;
}

/*Survey styling*/

 #portfolio-survey .portfolio-introduction .portfolio-start-link {
	padding-left: 2.125em !important;
	color: #3eb0c8 !important;
}

 #portfolio-survey .portfolio-introduction {
	background: url(/images/transitions/portfolio/icon-survey-bg.png) left center no-repeat;
	padding: 1em 0 0;
}

#portfolio-survey p.survey-status {
    color: #fff !important;
    position: absolute;
    top: -2em;
    right: 20px;
    font-weight: 700;
}

/*Human esources styling*/

#activity-MIAdvantage .portfolio-introduction,
#activity-LSI .portfolio-introduction,
#activity-DWYA .portfolio-introduction,
#activity-WS .portfolio-introduction {
	background: url(/images/transitions/portfolio/icon-human-esources.png) left center no-repeat;
	padding: 1em 0 0;
}

/*New Activity MSG styling*/
    .msg-wrap {
        font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    }
    .msg-wrap p {
        color: #fff;
        font-size:14px;
        margin-bottom:0;
        display:inline-block;
        font-weight: 600;
    }
    .msg-wrap .btn-primary {
        font-size:13px;
        font-weight:600;
        padding: 4px 12px;
        margin-top: -4px;
        margin-left:10px;
        margin-bottom: -4px;
        border: 1px solid #fff;
        background-color: transparent !important;
        display:inline-block;
        vertical-align:inherit;
        -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;
        color: #fff !important;
        text-decoration:none !important
    }
    .msg-wrap .btn-primary:hover {
        background: #fff !important;
        color:#07a9d2 !important;
        text-decoration:none !important
    }
    .msg-wrap .msg-complete {
        background-color:#35bd6f;
        padding:7px 15px 10px;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
        text-align:right;
    }
    .msg-wrap .msg-incomplete {
        background-color:#07a9d2;
        padding:7px 15px 4px;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
        text-align:right;
    }
    .msg-wrap .msg-complete p i,
    .msg-wrap .msg-incomplete p i {
        color:inherit;
    }
    #focusCareerCluster .msg-wrap {
        margin-top:0;
    }
    #focusCareerCluster .msg-wrap .btn-primary:hover {
        color: #07a9d2 !important;
        text-decoration:none !important
    }
    .portfolio-box.msg-complete .portfolio-top-header-banner {
        background-color:#35bd6f;
        box-shadow:none;
    }
    .portfolio-box.msg-incomplete .portfolio-top-header-banner {
        background-color:#07a9d2;
        box-shadow:none;
    }
    .portfolio-box.msg-complete .portfolio-body .portfolio-milestone,
    .portfolio-box.msg-incomplete .portfolio-body .portfolio-milestone {
        top: -35px !important;
        margin: 0 !important;
        line-height: 35px !important;
    }
    .portfolio-box.msg-complete .portfolio-body .portfolio-milestone,
    .portfolio-box.msg-incomplete .portfolio-body .portfolio-milestone p {
        margin:0 !important;
    }
    .portfolio-box.msg-incomplete .portfolio-top-header-banner .btn-primary,
    .portfolio-box.msg-incomplete .portfolio-body .portfolio-milestone .btn-primary {
        font-size:13px;
        font-weight:600;
        padding: 4px 12px;
        margin-top: -4px;
        margin-left:10px;
        border: 1px solid #fff;
        background-color: transparent !important;
        display:inline-block;
        vertical-align:inherit;
        -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;
        color: #fff !important;
        text-decoration:none !important
    }
    .portfolio-box.msg-incomplete .portfolio-top-header-banner .btn-primary:hover, .portfolio-box.msg-incomplete .portfolio-body .portfolio-milestone .btn-primary:hover {
        background: #fff !important;
        color:#07a9d2 !important;
        text-decoration:none !important
    }

    /* responsive */
    @media (max-width: 767px) {
        .msg-wrap, .msg-wrap div {
            float: none !important;
        }
    }

/* -------------------------------- Base Style - Parent Portfolio Page ---------------------------- */

.page-content.parent-margin {
    padding: 30px 0 !important;
}
.page-content h4.title {
    font-size:18px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 15px;
    text-transform: capitalize;
    font-weight: 600;
}
.page-content .portfolio-title small {
    display:block;
    font-size:11px;
}
.page-content h4.title i {
    color: #60b2d0;
}
.page-content h4 ul.inline {
    float:right;
    margin-bottom:0;
    margin-top:3px;
}
.page-content h4 ul.inline li {
    display:inline-block;
    padding-right:10px;
    font-size: 12px;
}
.page-content h4 ul.inline li:last-child {
    padding-right:0;
}
.page-content .panel-wrap .panel-body.icon-padding {
    padding: 20px 14px 10px 20px;
}
.page-content .icon-badge {
    width: 24%;
    float: left;
    background-color: #f6fbfd;
    border: 1px solid #ecf7fa;
    border-radius: 3px;
    padding: 16px 15px;
    text-align: center;
    box-sizing: border-box;
    color: #60b2d0;
    min-height: 103px;
    margin-bottom: 10px;
    margin-right: 1%;
}
.page-content .icon-badge.pt-fix {
    padding-top: 28px;
}
.page-content .icon-badge i {
    display: block;
    font-size: 24px;
    margin: 0 0 5px;
}
.page-content .panel-wrap .panel-header .btn-small {
    padding: 2px 10px;
    font-size: 13px;
    background-color:#60b2d0;
    color: #fff !important;
    border:none;
}
.panel-wrap .panel-header h4 .btn-small {
    margin-top:0px;
}
.page-content h4 ul.inline li {
    font-weight: normal;
}
.page-content h4 ul.inline li a {
    font-weight: normal !important;
}
@media only screen and (max-width: 991px) {
    .page-content.parent-margin {margin-left:0;}
}
@media only screen and (max-width: 768px) {
    .page-content h4 ul.inline {padding:0;float:none;margin-top:10px;}
    .page-content .icon-badge {min-height: 117px !important;}
}
@media only screen and (max-width: 640px) {
    .page-content .icon-badge {width:49%; min-height:103px !important;}
}
@media only screen and (max-width: 375px) {
    .page-content .icon-badge {width:99%;min-height: inherit !important; padding-top:16px !important;}
}

.sectionboxwide, .sectionbox-half, .sectionbox-small {
    width: 100%;
}

/* portfolio activity styles */

#activity-Experiences.sectionboxwide,
#activity-Activities.sectionboxwide,
#activity-Awards.sectionboxwide,
#activity-LeadershipExp.sectionboxwide,
#activity-Networking.sectionboxwide,
#activity-PictureofMe.sectionboxwide,
#activity-FinAidPlanColleges.sectionboxwide {
    padding: 1.5rem 0 .5rem .5rem !important;
}
#activity-FinAidPlanColleges .portfolioEditPanel-experiences .input-group-btn:last-child > .btn {
	z-index: 2;
	margin-left: -1px;
	height: 38px;
	color: #fff !important;
	padding: 6px 12px;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}
#activity-FinAidPlanColleges .portfolioEditPanel-experiences .check-box td {
	padding-right: 20px !important;
}
#activity-FinAidPlanColleges .portfolioEditPanel-experiences select.form-control.select2 {
	background: none;
	background-color: #fff;
	padding: 8px 0 !important;
}
#activity-FinAidPlanColleges ul.portfolioIndexList {
	margin-top: 0;
	margin-bottom: 12px;
}
#activity-FinAidPlanColleges .portfolioIndexList li {
	padding: 0 0 3px 0;
}
#activity-Demographics.sectionboxwide .sectionlink a:before {
	display: none;
}
#activity-AnnualReflection.sectionboxwide .sectionlink a:after,
#activity-SelfAdvocacy.sectionboxwide .sectionlink a:after,
#activity-SelfKnowledge.sectionboxwide .sectionlink a:after,
#activity-FAFSA.sectionboxwide .sectionlink a:after,
#activity-EFC.sectionboxwide .sectionlink a:after {
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 0.875rem;
    position: relative;
    top: 0;
    margin-left: 4px;
}
#activity-AnnualReflection.sectionboxwide,
#activity-SelfKnowledge.sectionboxwide {
    padding: 1.5rem 0 1.5rem 0.5rem !important;
}
    #activity-PictureofMe .portfolioEditPanel-experiences .radio-style label {
        display: inline-block;
        text-align: left!important;
        margin-bottom: 0px;
        width: 100%;
        position: relative;
        pointer-events: inherit;
        font-size: 14px;
        cursor: pointer;
        padding: 2px;
    }
    .portfolioEditPanel-experiences .portfolioSubheader {
        display: inline-block;
        color: #014466 !important;
        font-weight: 600;
        font-family: inherit;
        margin-top: 10px;
        text-decoration: none;
    }
    .portfolioEditPanel-experiences .col-content {
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .portfolioEditPanel-experiences .col-content div {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: flex-start;
        flex-direction: column;
        width: 50%;
        margin-bottom: 10px;
    }
    .portfolio-activity-display ul.portfolioIndexList li {
        list-style: disc;
        color: #01446A !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        padding: 2px 0px;
    }
    .portfolio-activity-display ul.portfolioIndexList {
        margin-top: 0px;
        padding: 0px 20px;
    }
    #activity-PictureofMe .portfolioIndexList li {
        background: none;
    }
	#activity-LeadershipExp.sectionboxwide .note-warning {
		background: #FEF9F1;
		padding: 5px 10px 10px;
		border-left: 4px solid #F3BD5F;
		border-radius: 0px;
		margin-top: -30px;
		margin-bottom: 10px;
		float: right;
	}
    #activity-LeadershipExp.sectionboxwide .note-warning ul li a:before {
        display: none;
    }
    #activity-LeadershipExp.sectionboxwide .note-warning ul {
        padding-left: 10px;
        margin-top: -40px;
        list-style: none;
    }
	#activity-LeadershipExp.sectionboxwide .note-warning ul li a {
		font-weight: 600;
		font-size: 12px;
		padding: 10px 0px 20px 40px;
		text-decoration: none;
		-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;
	}
    .sectionboxwide #leadershipIntro p {
        margin-bottom: 0px;
    }
    #activity-LeadershipExp .portfolioEditPanel-experiences.no-border {
        background-color: transparent !important;
        padding: 0px !important;
        box-shadow: none !important;
    }
    #activity-LeadershipExp .tile-icon {
        height: 40px;
        width: 40px;
        background-color: #FDF5E7;
        color: #F3BD5F;
        padding: 12px;
        border-radius: 50px;
        text-align: center;
        display: inline-block;
        margin-top: 5px;
    }
    #activity-LeadershipExp .portfolio-activity-display span.hint {
        color: #999 !important;
        font-size: 12px;
    }
    #activity-LeadershipExp a.remove-button {
        margin-right: -10px;
        text-decoration: none;
        -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-right: -10px !important;
    }
     #activity-LeadershipExp a.remove-button:hover {
        color: #014466 !important;
    }
     #activity-LeadershipExp a.remove-button:after {
        content: "\f1f8";
        font-family: FontAwesome;
        color: #009ABA !important;
        font-size: 16px;
    }
#activity-FAFSA.sectionboxwide .note-warning {
    width: 380px;
    padding: 5px;
    background: #FEF9F1;
    border-left: 4px solid #F3BD5F;
    border-radius: 4px;
    float: right;
}
#activity-Demographics.sectionboxwide a.edit-button:before {
    left: 0;
    font-family: "FontAwesome";
    content: "\f040";
    display: inline-block;
    vertical-align: bottom;
    font-size: 16px;
}
.portfolioEditPanel-experiences {
    background-color: #F2FAFB;
    padding: 10px 30px;
    border-radius: 4px;
    position: relative;
    box-shadow: inset 0px 0px 4px 0px rgb(0 0 0 / 4%);
}
.portfolioEditPanel-experiences span.description-hint {
	line-height: 16px;
	font-size: 12px;
	line-height: 14px;
	padding-top: 8px !important;
	display: block;
	color: #6a6a6a !important;
}
.portfolioEditPanel-experiences a.remove-button {
	color: #009ABA !important;
	font-size: 16px;
	-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-right: -10px !important;
	display: block;
}
.portfolioEditPanel-experiences a.remove-button:hover,
.portfolioEditPanel-experiences a.remove-button:focus {
	color: #014466 !important;
	text-decoration: none !important;
}
.portfolioEditPanel-experiences .note-info {
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px 15px 15px 20px;
    border-left: 4px solid #009aba;
    border-radius: 4px;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: -5px;
}
.portfolioEditPanel-experiences h4 {
    font-size: 15px;
    color: #014466;
    margin-bottom: 10px;
    font-weight: 600;
    margin-top: 0;
}
.portfolioEditPanel-experiences .btn-primary,
.portfolio-activity-display .btn-primary,
.portfolioEditPanel-experiences .btn-default,
.portfolio-activity-display .btn-default {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0px;
    border-radius: 46px;
}
.portfolioEditPanel-experiences .portfolioEditPanel .btn i {
    color: #fff !important;
}
.portfolioEditPanel-experiences select.form-control {
    background: #fff url(../../Images/SavedColleges/icon-arrow.png) no-repeat top 16px right 12px;
    background-size: 11px auto;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    color: #6a6a6a;
    font-size: 14px;
    border: 1px solid #c2cad8;
    padding: 8px 27px 8px 12px !important;
}
.portfolioEditPanel-experiences .form-control,
.portfolioEditPanel-experiences .page-content input[type="text"] {
    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 rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -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;
}
.portfolioEditPanel-experiences textarea.form-control {
    height: auto !important;
}
.portfolioEditPanel-experiences .form-group label {
    font-weight: normal;
    font-size: 14px;
    width: 100%;
    float: left;
    margin: 0;
    padding: 5px 0 7px;
}
.portfolioEditPanel-experiences .check-box {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}
.portfolioEditPanel-experiences .check-box input {
    width: 20px !important;
    position: absolute;
    z-index: 100;
    opacity: 0;
}
.portfolioEditPanel-experiences .check-box td {
	padding: 0px !important;
}
.portfolioEditPanel-experiences .portfolioSubheader {
    display: inline-block;
    color: #014466 !important;
    font-weight: 600;
    font-family: inherit;
    margin-bottom: 10px;
    text-decoration: none;
}
.portfolioEditPanel-experiences table.check-box label {
    padding: 1px 0px 5px 30px !important;
}
.portfolioEditPanel-experiences .check-box label {
    text-align: left;
    width: 100% !important;
    float: left !important;
    padding: 1px 0px 8px 30px !important;
    margin-top: 0;
    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;
}
.portfolioEditPanel-experiences .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;
}
.portfolioEditPanel-experiences .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);
}
.portfolioEditPanel-experiences .check-box input[type="checkbox"]:checked+label::before {
    border-color: #009aba;
    background-color: #009aba;
    box-shadow: none;
}
.portfolioEditPanel-experiences .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;
}
.portfolioEditPanel-experiences .check-box input[type="checkbox"]:hover+label:after {
    opacity: 1;
}
.portfolioEditPanel-experiences .check-box input[type="checkbox"]:checked+label:after {
    opacity: 1;
    color: #fff;
}
.portfolioEditPanel-experiences .check-box input[type="checkbox"]:hover+label,
.portfolioEditPanel-experiences .check-box input[type="checkbox"]:focus+label {
    border-color: #009aba;
}
.portfolioEditPanel-experiences table.radio-style td {
    width: 20%;
    text-align: center;
    padding: 4px;
}
.portfolioEditPanel-experiences .radio-style {
    position: relative;
    width: 100%;
    float: left;
}
.portfolioEditPanel-experiences .radio-style .checkbox-item {
    width: 100%;
    float: left;
    position: relative;
}
.portfolioEditPanel-experiences .radio-style input {
    margin-bottom: 10px;
    opacity: 0;
    z-index: 1;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0px;
    margin-top: 0;
    cursor: pointer;
}
.portfolioEditPanel-experiences .radio-style label {
    display: inline-block;
    width: 100%;
    position: relative;
    pointer-events: inherit;
    font-size: 14px;
    cursor: pointer;
    padding: 2px;
}
.portfolioEditPanel-experiences .radio-style label::before {
    -webkit-transition: color 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out;
    -ms-transition: color 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
}
.portfolioEditPanel-experiences .radio-style label::before {
    content: "\f1db";
    font-family: "FontAwesome";
    font-size: 16px;
    color: #ccc;
    display: inline-block;
    width: 14px;
    height: 19px;
    padding-left: 0px;
    cursor: pointer;
    line-height: 19px;
}
.portfolioEditPanel-experiences .radio-style input[type="radio"]:checked+label::before {
    font-family: "FontAwesome";
    content: "\f192";
    color: #009ABA;
    border: none;
}
.portfolioEditPanel-experiences .radio-style input[type="radio"]:focus+label::before {
    outline: none;
    color: #23527c;
}
.portfolioEditPanel-experiences .form-group.radio-group {
    width: 100%;
    float: left;
    padding-left: 20px;
}
.portfolioEditPanel-experiences .form-group.radio-group label {
    padding-top: 0;
}
.portfolioEditPanel-experiences .form-group span {
    margin-left: 0px;
}
.portfolioEditPanel-experiences .col-md-3.col-sm-3.col-xs-12 {
    padding-right: 10px;
    padding-left: 10px;
}
.portfolioEditPanel-experiences .hint {
    font-size: 12px;
}
.portfolio-activity-display {
    background-color: #F2FAFB;
    padding: 10px 30px;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.portfolio-activity-display strong {
    font-weight: 600;
}
.portfolio-activity-display span,
.portfolioEditPanel-experiences span.display {
    color: #014466 !important;
    font-weight: 500 !important;
}
.portfolio-activity-display .display-label,
.portfolioEditPanel-experiences .display-label {
    color: #999 !important;
}
.portfolio-activity-display span.hint {
    color: #999 !important;
}
.portfolio-activity-display .rating ul {
    margin-left: -40px;
}
.portfolio-activity-display .rating ul li {
    font-size: 13px;
}
.portfolio-activity-display a.edit-button,
.portfolio-activity-display a .fa-pencil,
.portfolioEditPanel-experiences a .fa-pencil,
.portfolio-activity-display a .fa-trash,
.portfolioEditPanel-experiences a .fa-trash {
    color: #009ABA !important;
    font-size: 16px;
    -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-right: -10px !important;
}
.portfolioEditPanel-experiences strong {
    font-weight: 600;
}
.portfolio-activity-display a.edit-button:hover,
.portfolio-activity-display a .fa-pencil:hover,
.portfolioEditPanel-experiences a .fa-trash:hover {
    color: #014466 !important;
}
.portfolio-activity-display .date {
    display: inline-block;
    text-align: right;
    font-size: 12px !important;
    margin-right: -5px !important;
    color: #999 !important;
    font-style: italic;
    margin-bottom: 0;
}
#activity-SelfKnowledge.sectionboxwide .error-message {
    font-weight: 400;
    padding: 5px 0px 0px;
    color: #CD0A0A;
    position: relative;
    display: block;
}
#activity-SelfKnowledge.sectionboxwide .error-message:before {
    font-family: FontAwesome;
    content: "\f00d";
    display: inline-block;
    position: relative;
    left: 0;
    padding-right: 5px;
}
#mobile-opt-in.form-group .col-lg-5 {
    width: 100%;
}#uploadModal .modal-header {
	padding: 13px 20px;
	background: #23527c;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#uploadModal h4.modal-title {
	font-size: 18px !important;
	font-weight: 600 !important;
}
#uploadModal .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;
}
#uploadModal .modal-body .well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #fff;
	border: 2px dashed #eee;
	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);
}
#uploadModal .table {
	margin-top: 10px;
	font-size: 12px;
}
#uploadModal a.btn.btn-secondary.sm {
	font-size: 12px;
	padding-right: 0px;
	padding-top: 0px;
}
#uploadModal .table > thead > tr > th {
    vertical-align: bottom;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0px;
    font-size: 12px;
}
#uploadModal .modal-footer .btn-default {
	border-color: #eee;
	font-weight: 600;
	color: #009ABA !important;
	font-family: inherit;
	border-radius: 25px;
}
#uploadModal .modal-footer .btn-primary {
	border-radius: 25px;
  	font-weight: 600;
	padding: 6px 15px;
	font-size: 14px;
}
/* --------------------- Financial Aid Page Spacing --------------- */
.portfolio-financial-aid #activity-FAFSA {
    margin-bottom:25px;
}
.portfolio-financial-aid #activity-FinAidPlanColleges {
    margin-bottom:25px;
}

/* Demographics responsive styling */
@media screen and (max-width: 600px) {
  #activity-Demographics table tr {
    display: block;
    margin-bottom: .625em;
  }
  
  #activity-Demographics table td.portfolioDisplayData {
    display: block;
    margin-bottom: .625em;
    margin-right: .625em;
    width:100%;
  }    
}

/* parent view milestones table */
#main table.dataGrid th {
	font-size: 14px !important;
	color: inherit !important;
}
section.page-content.parent-margin p.instructions {
	text-align: left;
}
section.page-content.parent-margin table.dataGrid {
	border: 2px solid #e7ecf1 !important;
}
section.page-content.parent-margin table.dataGrid tr.dataGridOddRow td {
	background: #fff;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #e7ecf1;
	border-left: 1px solid #e7ecf1;
	vertical-align: middle;
	padding: 5px 5px 0px!important;
	font-size: 14px;
}
section.page-content.parent-margin table.dataGrid tr.dataGridOddRow th {
	padding: 8px 10px;
	vertical-align: middle;
	border-left: 1px solid #e7ecf1;
	border-bottom: 1px solid #e7ecf1;
	background-color: #f6f8fa;
	background-image: none;
	border-top: none;
	border-right: none;
}
section.page-content.parent-margin table.dataGrid tr.dataGridOddRow td span.checked:after {
	font-family: "FontAwesome";
	content: "\f00c";
	color: #35bd6f;
	text-align: center;
	padding-left: 12px;
}
section.page-content.parent-margin table.dataGrid tr.dataGridOddRow td span.checked {
	background: none;
}
section.page-content.parent-margin table.dataGrid tr.dataGridOddRow td span.portfolioDate {
	font-size: 14px !important;
}
/* merge accounts */
#mergeAccounts.sectionboxwide {
	border: none !important;
	box-shadow: none !important;
	margin-top: -10px;
	padding-top: 0px !important;
}
#mergeAccounts.sectionboxwide .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: 20px 80px;
	background-color: #fff;
}
#mergeAccounts.sectionboxwide .portfolioEditPanel-experiences {
	background-color: transparent;
	padding: 10px 30px;
	border-radius: 0px;
	position: relative;
	box-shadow: none;
}
#mergeAccounts.sectionboxwide .equal-height {
	display: flex;
	min-height: 1px;
	min-width: 1px;
}
#mergeAccounts.sectionboxwide .panel-wrap .panel-header {
	padding: 10px 20px;
	border-bottom: 1px solid #eee;
}
#mergeAccounts.sectionboxwide .panel-wrap .panel-body {
	padding: 15px 20px;
}
#mergeAccounts.sectionboxwide label {
	display: inline-block;
	font-size: 14px;
	color: #6a6a6a;
	font-family: "Poppins";
}
#mergeAccounts.sectionboxwide .btn-primary, #mergeAccounts.sectionboxwide .btn-default {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 0px;
	border-radius: 46px;
}
#mergeAccounts.sectionboxwide p.note {
	font-size: 14px !important;
	font-weight: 600;
	color: #014466;
	background: #E4F5FA;
	border-radius: 4px;
	padding: 5px !important;
	display: inline-block;
	font-family: 'Poppins';
	margin: 20px 0px;
}
#mergeAccounts.sectionboxwide p.hint {
	margin: 20px 0px 10px;
	line-height: 18px;
}
#mergeAccounts.sectionboxwide p.hint i {
	color: #0E7AA4 !important;
}
#mergeAccounts.sectionboxwide span.username {
	display: inline-block;
	font-weight: 600;
	color: #014466;
	font-size: 14px;
}
#mergeAccounts.sectionboxwide .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);
}
#mergeAccounts.sectionboxwide .btn-options {
	display: block;
}
#mergeAccounts.sectionboxwide .highlight {
	background-color: #E8F7EF;
	display: inline-block;
	color: #014466;
	font-weight: 600;
	border-radius: 0px;
	padding: 6px 18px;
	font-size: 14px;
	margin: 10px 0px;
	display: block;
}
#mergeAccounts.sectionboxwide .confirm-merge {
	color: #014466;
	font-weight: 600;
	font-size: 14px;
	margin: 10px 0px;
	display: block;
}
/* parent/guardian access */
#parentInvite .sectionlink a:after {
	content: "\f105";
	display: inline-block;
	font-family: FontAwesome;
	font-size: .875rem;
	position: relative;
	padding-left: 5px;
	font-weight: 500;
}
#parentInvite .portfolioEditPanel-experiences table.radio-style td {
	text-align: left;
	padding: 2px;
}
#parentInvite .portfolio-activity-display a ul li {
    color: #009ABA !important;
    font-weight: 600;
    text-decoration: none;
    -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;
}
#parentInvite .portfolio-activity-display a {
    text-decoration: none;
    -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;
}
#parentInvite .portfolio-activity-display a ul li:hover {
    color: #014466 !important;
    text-decoration: none !important;
}
#parentInvite .portfolioEditPanel-experiences .radio-style label::before {
	width: 20px;
}
.rightsection .invitedlist .portfolio-activity-display {
	background-color: transparent !important;
	padding: 10px 10px;
}
.rightsection .invitedlist .portfolioDate {
	padding: 0 5px !important;
}
.rightsection .invitedlist .portfolio-activity-display .display-label,
.rightsection .invitedlist .portfolio-activity-display span,
.rightsection .invitedlist .portfolio-activity-display a {
    line-height: 14px;
    display: inline-block;
}
.rightsection .invitedlist .col-md-4 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	padding-left: 10px;
}
.rightsection .invitedlist .col-md-3 {
    margin-top: -16px;
    padding: 0px;
    font-size: 12px;
    padding-right: 10px;
    text-align: left;
}
.rightsection .portfolio-activity-display a ul li:after,
 #parentInvite .portfolio-activity-display a ul li:after {
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome;
    font-size: .875rem;
    position: relative;
    padding-left: 5px;
    font-weight: 500;
}
.rightsection .portfolio-activity-display a {
    line-height: 12px;
}
.rightsection .invitedlist a ul li {
    color: #009ABA !important;
    font-weight: 600;
    text-decoration: none;
    line-height: 12px;
}
body,
#focusCareerCluster {
	background-color: #fff;
	color: #333333;
	font-family: 'Montserrat', sans-serif!important;
	font-size: 0.875rem;
	margin: 0;
	padding: 0;
}

.amount {
    position: relative;
    top: -5px;
    background-color: transparent !important;
    border: 1px solid transparent !important;
    width: 100% !important;
    color: #fff !important;
    font-size: 2rem !important;
    font-weight: bold;
    text-align: center;
    box-shadow: none !important;
}

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

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

#portfolioSubnavigation {
    background: #efefef;
    border-bottom: none;
    padding: 8px 0;
    text-align: right;
    margin: 0px;
    font-family: inherit;
}

.extendedLoginContainer {
    padding-bottom: 50px;
}

.portfolioDisplayData, .portfolioIndexList li {
    font-family: inherit;
    font-size: .9rem;
}

.sb-btn-container.text-right {
    margin-right: .75rem;
}

h3 {
    margin-top: 0;
}

.innerboxmedium {
    width: 299px;
}

.sectionbox strong {
    font-weight: bold;
}

div#portfolioWideContent {
    width: 100%;
}

@media print {
    #content, #page {
        width: 100%;
        margin: 0;
        float: none;
    }

    @page {
        margin: 2cm
    }

    #directionsSurvey {
        width: 754px;
        width: calc(100% - 26px);
        margin: 0 auto;
        padding: 0;
        border: none;
    }

    #headWrapper {
        border: none;
    }
}


/* --------------------- WV - communication log widget --------------------*/
.panel-wrap.cl-widget .panel-body .log-item .date-time,
.panel-wrap.cl-widget .panel-body .log-item p {
    font-size: 14px;
}

.panel-wrap.cl-widget {
    margin-bottom: 0 !important;
}

    .panel-wrap.cl-widget .panel-body {
        padding: 0 !important;
    }


#BusinessManagement.row .progress-bar,
#Education.row .progress-bar,
#Government.row .progress-bar,
#LawPublic.row .progress-bar,
#Manufacturing.row .progress-bar,
#ScienceTechnology.row .progress-bar {
    background: #6c5d99;
}

#AgricultureFood.row .progress-bar,
#Architecture.row .progress-bar,
#HealthScience.row .progress-bar,
#TransportationDistribution.row .progress-bar,
#Marketing.row .progress-bar,
#Arts.row .progress-bar,
#ArtsAudio-Video.row .progress-bar {
    background: #509043;
}

#Finance.row .progress-bar,
#InformationTechnology.row .progress-bar,
#Hospitality.row .progress-bar,
#HumanServices.row .progress-bar,
#Management.row .progress-bar {
    background: #f0883b;
}


/* --------------------- ND - communication log widget --------------------*/
.panel-wrap.cl-widget {
    margin-bottom: 0 !important;
}

    .panel-wrap.cl-widget .panel-body {
        padding: 0 !important;
    }

    .panel-wrap.cl-widget .link-primary {
        color: #509043
    }

        .panel-wrap.cl-widget .link-primary:hover {
            color: #f94212;
        }

/*Fixes*/
#portfolioSubnavigation a {
    color: #22415F;
    font-weight: 600;
    font-size: 13px;
}

.portfolioSectionBody .instructions {
    font-family: inherit;
    color: #000 !important;
    font-weight: 600 !important;
    font-size: .9rem;
    padding: 10px;
    text-align: center;
}

.portfolioSectionBody th.portfolioSubheader, .portfolioSectionBody td {
    padding: 8px;
    font-family: inherit;
}

#main .portfolioDate {
    font-family: inherit;
    font-size: .725rem;
    color: #555;
}

.portfolioEditPanel .field input, .portfolioEditPanel select {
    width: auto;
    font-size: .9rem;
}

/* portfolio activity styles */

#activity-AnnualReflection.sectionboxwide .sectionlink a:after,
#activity-SelfAdvocacy.sectionboxwide .sectionlink a:after,
#activity-SelfKnowledge.sectionboxwide .sectionlink a:after,
#activity-FAFSA.sectionboxwide .sectionlink a:after,
#activity-EFC.sectionboxwide .sectionlink a:after,
#activity-Experiences.sectionboxwide .sectionlink a:after,
#activity-Activities.sectionboxwide .sectionlink a:after {
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 0.875rem;
    position: relative;
    top: 0;
    margin-left: 4px;
}
#activity-Journal.sectionboxwide h3.headerlink {
    margin-bottom: 20px!important;
    margin-top:0px!important;
}
#activity-FAFSA.sectionboxwide .note-warning {
    width: 380px;
    padding: 5px;
    background: #FEF9F1;
    border-left: 4px solid #F3BD5F;
    border-radius: 4px;
    float: right;
}
.portfolioEditPanel-experiences {
    background-color: #F2FAFB;
    padding: 10px 30px;
    border-radius: 4px;
    position: relative;
    box-shadow: inset 0px 0px 4px 0px rgb(0 0 0 / 4%);
    margin-bottom: 20px;
}
.portfolioEditPanel-experiences .note-info {
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px 15px 15px 20px;
    border-left: 4px solid #009aba;
    border-radius: 4px;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: -5px;
}
.portfolioEditPanel-experiences h4 {
    font-size: 15px;
    color: #014466;
    margin-bottom: 10px;
    font-weight: 600;
    margin-top: 0;
}
.portfolioEditPanel-experiences .btn-primary,
.portfolio-activity-display .btn-primary,
.portfolioEditPanel-experiences .btn-default {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0px;
    border-radius: 46px;
}
.portfolioEditPanel-experiences .portfolioEditPanel .btn i {
    color: #fff !important;
}
.portfolioEditPanel-experiences select.form-control {
    background: #fff url(../../Images/SavedColleges/icon-arrow.png) no-repeat top 16px right 12px;
    background-size: 11px auto;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    color: #6a6a6a;
    font-size: 14px;
    border: 1px solid #c2cad8;
    padding: 8px 27px 8px 12px !important;
}
.portfolioEditPanel-experiences .form-control,
.portfolioEditPanel-experiences .page-content input[type="text"] {
    display: block;
    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 rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -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;
}
.portfolioEditPanel-experiences textarea.form-control {
    height: auto !important;
}
.portfolioEditPanel-experiences .form-group label {
    font-weight: normal;
    font-size: 14px;
    width: 100%;
    float: left;
    margin: 0;
    padding: 5px 0 7px;
}
.portfolioEditPanel-experiences .check-box {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}
.portfolioEditPanel-experiences .check-box input {
    width: 20px !important;
    position: absolute;
    z-index: 100;
    opacity: 0;
}
.portfolioEditPanel-experiences .check-box label {
    text-align: left;
    width: 100% !important;
    float: left !important;
    padding: 1px 0px 1px 30px !important;
    margin-top: 0;
    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;
}
.portfolioEditPanel-experiences .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;
}
.portfolioEditPanel-experiences .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);
}
.portfolioEditPanel-experiences .check-box input[type="checkbox"]:checked+label::before {
    border-color: #009aba;
    background-color: #009aba;
    box-shadow: none;
}
.portfolioEditPanel-experiences .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;
}
.portfolioEditPanel-experiences .check-box input[type="checkbox"]:hover+label:after {
    opacity: 1;
}
.portfolioEditPanel-experiences .check-box input[type="checkbox"]:checked+label:after {
    opacity: 1;
    color: #fff;
}
.portfolioEditPanel-experiences .check-box input[type="checkbox"]:hover+label,
.portfolioEditPanel-experiences .check-box input[type="checkbox"]:focus+label {
    border-color: #009aba;
}
.portfolioEditPanel-experiences table.radio-style td {
    width: 20%;
    text-align: center;
    padding: 4px;
}
.portfolioEditPanel-experiences .radio-style {
    position: relative;
    width: 100%;
    float: left;
}
.portfolioEditPanel-experiences .radio-style .checkbox-item {
    width: 100%;
    float: left;
    position: relative;
}
.portfolioEditPanel-experiences .radio-style input {
    margin-bottom: 10px;
    opacity: 0;
    z-index: 1;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0px;
    margin-top: 0;
    cursor: pointer;
}
.portfolioEditPanel-experiences .radio-style label {
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    pointer-events: inherit;
    font-size: 14px;
    cursor: pointer;
}
.portfolioEditPanel-experiences .radio-style label::before {
    -webkit-transition: color 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out;
    -ms-transition: color 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
}
.portfolioEditPanel-experiences .radio-style label::before {
    content: "\f1db";
    font-family: "FontAwesome";
    font-size: 16px;
    color: #ccc;
    display: inline-block;
    width: 14px;
    height: 19px;
    padding-left: 0px;
    cursor: pointer;
    line-height: 19px;
}
.portfolioEditPanel-experiences .radio-style input[type="radio"]:checked+label::before {
    font-family: "FontAwesome";
    content: "\f192";
    color: #009ABA;
    border: none;
}
.portfolioEditPanel-experiences .radio-style input[type="radio"]:focus+label::before {
    outline: none;
    color: #23527c;
}
.portfolioEditPanel-experiences .form-group.radio-group {
    width: 100%;
    float: left;
    padding-left: 20px;
}
.portfolioEditPanel-experiences .form-group.radio-group label {
    padding-top: 0;
}
.portfolioEditPanel-experiences .form-group span {
    margin-left: 0px;
}
.portfolioEditPanel-experiences .col-md-3.col-sm-3.col-xs-12 {
    padding-right: 10px;
    padding-left: 10px;
}
.portfolioEditPanel-experiences .hint {
    font-size: 12px;
}
.portfolio-activity-display {
    background-color: #F2FAFB;
    padding: 10px 30px;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.portfolio-activity-display strong {
    font-weight: 600;
}
.portfolio-activity-display span,
.portfolioEditPanel-experiences span.display {
    color: #014466 !important;
    font-weight: 600;
}
.portfolio-activity-display .display-label,
.portfolioEditPanel-experiences .display-label {
    color: #999 !important;
}
.portfolio-activity-display span.hint {
    color: #999 !important;
}
.portfolio-activity-display .rating ul {
    margin-left: -40px;
}
.portfolio-activity-display .rating ul li {
    font-size: 13px;
}
.portfolio-activity-display a .fa-pencil {
    color: #009ABA !important;
    font-size: 16px;
    -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-right: -10px !important;
}
.portfolio-activity-display a .fa-pencil:hover {
    color: #014466 !important;
}
.portfolio-activity-display .date {
    display: inline-block;
    text-align: right;
    font-size: 12px !important;
    margin-right: -5px !important;
    color: #999 !important;
    font-style: italic;
    margin-bottom: 0;
}
#activity-SelfKnowledge.sectionboxwide .error-message {
    font-weight: 400;
    padding: 5px 0px 0px;
    color: #CD0A0A;
    position: relative;
    display: block;
}
#activity-SelfKnowledge.sectionboxwide .error-message:before {
    font-family: FontAwesome;
    content: "\f00d";
    display: inline-block;
    position: relative;
    left: 0;
    padding-right: 5px;
}
h2 i, fas {
    color: #01A4CF;
    padding-right: 0.525rem;
}
#mobile-opt-in .btn-save {
    padding: 9px!important;
}
.portfolio-activity-display.social-signin {
    display: none!important;
}
#uploadModal .modal-header {
	padding: 13px 20px;
	background: #23527c;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#uploadModal h4.modal-title {
	font-size: 18px !important;
	font-weight: 600 !important;
}
#uploadModal .fa-upload:before {
	color: #fff!important;
}
#uploadModal .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;
}
#uploadModal .modal-body .well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #fff;
	border: 2px dashed #eee;
	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);
}
#uploadModal .table {
	margin-top: 10px;
	font-size: 12px;
}
#uploadModal a.btn.btn-secondary.sm {
	font-size: 12px;
	padding-right: 0px;
	padding-top: 0px;
}
#uploadModal .table > thead > tr > th {
    vertical-align: bottom;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0px;
    font-size: 12px;
}
#uploadModal .modal-footer .btn-default {
	border-color: #eee;
	font-weight: 600;
	color: #009ABA !important;
	font-family: inherit;
	border-radius: 25px;
}
#uploadModal .modal-footer .btn-primary {
	border-radius: 25px;
  	font-weight: 600;
	padding: 6px 15px;
	font-size: 14px;
}
#uploadModal p.inline-block {
	text-align:center;
}

.page-content.parent-margin {
    padding: 30px 0 !important;
}
.page-content h4.title {
    font-size:18px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 15px;
    text-transform: capitalize;
    font-weight: 600;
}
.page-content a {
    color: #22415F;
    font-weight: normal;
}
.page-content .portfolio-title small {
    display:block;
    font-size:11px;
}
.page-content h4.title i {
    color: #60b2d0;
}
.page-content h4 ul.inline {
    float:right!important;
    margin-bottom:0;
    margin-top:3px;
}
.page-content h4 ul.inline li {
    display:inline-block;
    padding-right:10px;
    font-size: 12px;
}
.page-content h4 ul.inline li:last-child {
    padding-right:0;
}
.page-content .panel-wrap .panel-body.icon-padding {
    padding: 20px 14px 10px 20px;
}
.page-content .icon-badge {
    width: 24%;
    float: left;
    background-color: #E4F5FA !important;
    border: 1px solid #ecf7fa;
    border-radius: 3px;
    padding: 16px 15px;
    text-align: center;
    box-sizing: border-box;
    color: #017c9c!important;
    min-height: 103px;
    margin-bottom: 10px;
    margin-right: 1%;
}
.page-content .icon-badge.pt-fix {
    padding-top: 28px;
}
.page-content .icon-badge i {
    display: block;
    font-size: 24px;
    margin: 0 0 5px;
}
.page-content .panel-wrap .panel-header .btn-small {
    padding: 2px 10px;
    font-size: 13px;
    background-color:#60b2d0;
    color: #fff !important;
    border:none;
}
.panel-wrap .panel-header h4 .btn-small {
    margin-top:0px;
}
.page-content h4 ul.inline li {
    font-weight: normal;
}
.page-content h4 ul.inline li a {
    font-weight: normal !important;
}
@media only screen and (max-width: 991px) {
    .page-content.parent-margin {margin-left:0;}
}
@media only screen and (max-width: 768px) {
    .page-content h4 ul.inline {padding:0;float:none;margin-top:10px;}
    .page-content .icon-badge {min-height: 117px !important;}
}
@media only screen and (max-width: 640px) {
    .page-content .icon-badge {width:49%; min-height:103px !important;}
}
@media only screen and (max-width: 375px) {
    .page-content .icon-badge {width:99%;min-height: inherit !important; padding-top:16px !important;}
}

#activity-Experiences.sectionboxwide .sectionlink a:after,
#activity-Activities.sectionboxwide .sectionlink a:after {
    content: "";
}