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-image: none;
  font-size: 0.8125rem;
  line-height: 18px;
}/* 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 --------------- */
.margin-80 {
    margin: 80px 0 !important;
}
.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;
    }
.page-title {
    font-size: 22px;
    font-weight: 600;
    color: #014466;
    margin: 0 0 30px;
}


/* ----------------------------- 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: #03293C;
  font-size: 1rem;
  padding: 0.625rem;
  font-weight: 600;
}

.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: 73.125rem;
  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,
	.header-navigation,
	#languagebox, 
	#fc_frame,
	body .uwy.userway_p1 .uai,
	#main-footer {
		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) {
    .home-page .role-hero .left-rec {
    bottom: 38px;
}
    .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: 1.5rem !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;
}

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

.home-page .role-hero {
    width: 100%;
    height: 380px;
    z-index: 1;
    background-color: #f2fafb;
    position:relative;
}
.home-page .role-hero:after {
    background: inherit;
    content: '';
    display: block;
    height: 100px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    top: 342px;
    transform: skewY(2deg);
    transform-origin: 100%;
    background-color: #fff;
}
.home-page .role-hero .left-rec {
    position: absolute;
    bottom: 61px;
    left: 0px;
    z-index: 10;
}
.home-page .role-hero .right-rec {
    position: absolute;
    bottom: 26px;
    right: 0px;
    z-index: 10;
}
.home-page .role-hero .hero-content {
    text-align: center;
    margin: 100px 0 70px;
}
.home-page .role-hero h1 {
    font-size:34px;
    color:#014466;
    font-weight:bold;
    font-family:Quicksand;
}
.home-page .role-hero p {
    font-size:16px;
    color:#6a6a6a;
}
.home-page .ac-wrap {
    position: relative;
    z-index: 2;
    margin-top: -140px;
    margin-bottom: 20px;
}
.home-page .container {
    width: 90%;
}
@media (min-width: 1200px) {
    .home-page .container {
        width: 90%;
    }
}

@media (min-width: 992px) {
    .home-page .container {
        width: 90%;
    }
}
@media (min-width: 768px) {
    .home-page .container {
        width: 90%;
    }
}
/* ---------- homepage focus fixes ---------- */
.home-page .home-tabs .landing-box-wrap .carousel-control:focus {
    outline: none !important;
}
.home-page .home-tabs .landing-box-wrap .carousel-control:focus img {
    outline: 2px solid black;
    border-radius: 30px;
}
.home-page .home-tabs .landing-box-wrap .carousel-control:focus {
    outline: none !important;
}
.home-page .home-tabs .landing-box-wrap .carousel-control:focus i {
    outline: 2px solid black;
    border-radius: 30px;
}
.css-answer input[type=text]:focus {
    border-color: #66afe9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

/* ---------- article updates ---------- */
p.lead {
    font-size: 1rem !important;
}
p.lead strong {
    font-weight: 500;
}
.call-out {
    background-color: #eff9fa;
    border-left: 4px solid #029BBA;
    color: #03293C;
    font-weight: 600;
    padding: 12px 20px;
    margin: 10px 0 20px;
    border-radius: 4px;}
.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}
.english {}
/* Body
   ========================================================================== */
.header-logo {
    background-image: url(/images/iowa/rd2017/Sigin_logo.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 165px;
    background-size: contain;
    display: inline-block;
    position: relative;
}

body {
  background-color: #22415F;
  color: #111;
  font-family: 'Poppins', 'Arial', 'Helvetica', sans-serif;
  font-size: 0.875rem;
  margin: 0;
  padding: 0;

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

.tile-wrap .tile-icon {
     background-color: #ECF9FE !important;
     color:#44C4F4 !important;
}

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

.tile-wrap .tile-content .title {
    margin-bottom: .3rem;
    color: #111111;
    font-family: 'Quicksand', 'Arial', 'Helvetica', sans-serif;
    font-size: 1rem;
    font-weight: 700;
}
.tile-wrap.tile-full .tile-content a.title:hover {
        color:#61B5D1 !important;
    }
.tile-wrap .tile-content .text {
    line-height: 18px;
    font-family: 'Poppins', 'Arial', 'Helvetica', sans-serif;
}
.tile-wrap.tile-progress .tile-content .duration i {
        color: #44c4f5 !important;
    }
.tile-wrap.tile-progress .tile-icon.icon-progress {
        background-color: #f4f6e5 !important;
    }
    .tile-wrap.tile-progress .tile-icon.icon-progress i {
        color: #9bb20c;
    }
    .tile-wrap.tile-progress .tile-icon.icon-complete {
        background-color: #5BBCB1 !important;
    }

    .tile-wrap.tile-progress .start-progress {
        background-color:#f4f6e5 !important;
    }
    .tile-wrap.tile-progress .start-progress .progress-bar {
        background-color: #9bb20c;
    }

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

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

ul.portfolio-pill-list li a:hover {
    text-decoration: none !important;
}

h2 i,
fas,
.sectionbox .icons,
.sectionbox-progress .fa-edit {
    color: #44C4F4 !important;
}

a.btn-round {
    background-color: #44C4F4;
    border-color: #44C4F4;
}

.sectionboxwide .icons {
    color: #44C4F4;
    width:13%;
}

.sectionbox .fa-circle,
.sectionboxwide .fa-circle,
.sectionbox-progress .fa-circle {
    color: rgba(68, 196, 244, 0.1) !important;
}

.sectionboxwide p {
    padding: .225rem 0 0 0;
}

.sectionbox-progress {
    margin: .425rem 0rem .425rem .625rem !important;
}

h3.sectionbox-header {
    padding: 0rem;
    margin: 1rem 0rem 0rem!important;
}

.sectionflex .sectionbox-cluster h3 a {
    margin: 0px 0px 0px 0px;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    padding: 8px;
    margin-top: 0px;
    background-color: #44C4F4;
}

.rightsection {
    padding: 0.625rem 0.625rem 0.625rem !important;
}

.rightsection .interfaceSearchPanel .btn-primary {
    background-color: #44C4F4;
    border:transparent;
}

.rightsection .interfaceSearchPanel .fa-search:before {
    content: "\f002";
    line-height: 24px;
}

.rightsectiontop .sectionlink a {
    margin-left: .0rem !important;
    text-decoration: none;
}

.rightsectiontop hr {
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin: .625rem 0;
}

.rightsectionbottom img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.sectionflex .sectionbox .col-xs-12 {
    padding-right: 5px;
}

/* Navigation
   ========================================================================== */#topnav {
  background: none;
  min-height: 101px;
  min-width: 367px;
  position: absolute;
  top: -5.625rem;
}

#topnavlinks {
  color: #000;
  font-family: 'Poppins', 'Arial', 'Helvetica', sans-serif;
  font-size: 0.6875rem;
  margin-top: 0.625rem;
}

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

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

#topnav a.simpleSearchButton {
  background: url("/images/ok/search_off.png") 0 0 no-repeat;
  height: 31px;
  text-indent: -9000px;
}

#topnav a.simpleSearchButton:hover {
  background: transparent url("/images/ok/search_on.png") 0 0 no-repeat;
  text-indent: -9000px;
}

.userfullname {
  color: #44c4f4;
  display: inline-block;
  margin-right: 1.5625rem;
}

.topnavicon {
  display: inline-block;
  color: #44c4f4;
  margin-right: 1.25rem;
}

.topnavicon:last-child {
  margin-right: 0;
}

.topnavicon i {
  margin-right: 0.625rem;
}

.userfullname i,.topnavicon i {
  margin-right: 0.625rem;
}

#topnav label,#topnav .lblPrompt {
  color: #000;
  font-family: 'Poppins', 'Arial', 'Helvetica', sans-serif;
  font-weight: bold;
  font-size: 0.6875rem;
  text-transform: uppercase;
}

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

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

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

#dashboard li a {
  color: #44c4f4;
}

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

#dashboard li:before {
  display: none;
}

#dash2 {
  border-left: none;
  left: auto;
  margin-left: 10px;
}

#dash1,#dash2 {
  padding: 0;
  position: relative;
}

#dash1:after,#dash2:after {
  display: block;
  content: "" !important;
  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;
}

#dash2:after {
  content: "\f073" !important;
  margin-left: 10px;
}

#dash1:hover:after,#dash2:hover:after {
  color: #85d9f8;
}

#dash1 a,#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;
}

#primarynav {
  background: #f3f3f3;
  padding: 0;
  margin: 0;
}

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

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

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

#navigation:after {
  display: none;
}

#navigation li {
  display: inline-block;
  float: none;
  width: auto;
  text-indent: 0;
  position: relative;
}

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

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

#navigation li:first-child a {
  text-align: left;
}

#navigation li.selected:before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #c1d82f transparent;
  position: absolute;
  z-index: 100;
  left: 50%;
  margin-left: -10px;
  bottom: 11px;
}

#subnavigation {
  background: #c1d82f;
  margin-top: -0.6875rem;
  margin-bottom: 0.625rem;
  padding: 0rem 0.3125rem;
  float: none;
}

#subnavigation li {
  text-align: right;
}

#subnavigation li a {
  color: #014466;
}

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

#subnavigation li.selected a {
  color: #fff;
}

#topbar {
  background: #1c2342;
  text-transform: uppercase;
  font-size: 0.9375rem;
  color: #fff;
}

#topbar a {
  color: #44c4f4 !important;
  margin-right: 1.5625rem;
}

#topbar a:hover {
  color: #85d9f8 !important;
  text-decoration: none;
}

#topbar a:last-child {
  margin-right: 0;
}

#topbar .grid-x > div:last-child {
  text-align: right;
}

#portfolioSubnavigation {
  background: #9eb121;
  margin-top: -0.625rem;
  padding: 0.4375rem 0rem 0.5rem;
  margin-bottom: 0.625rem;
}

#portfolioSubnavigation a {
  color: #014466;
}

#portfolioSubnavigation a:hover {
  color: #027ab7;
}/* 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.9375rem;
  margin-left: 0.625rem;
}

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

div#rightbarcontent:first-child {
    padding-top: 1.88rem;
    padding-left: 1rem;
    height: 100%;
    border-top: 1px solid #EEEEEE;
    margin-top: 3.625rem;
}

.rightsection .sectionlist {
    margin: 0 auto;
    padding: 0rem 0rem .425rem;
}

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

.rightsectiontop h3.headerlink {
    display: none;
}

.rightsectiontop {
  margin: 0rem 0rem 1.25rem;
  background: #f3f3f3;
}

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

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

.rightsectiontop h3 {
  font-size: 1rem !important;
  font-weight: 500;
  text-transform: uppercase;
  color: #1a1a1a;
  background: #c1d929;
  padding: 0.625rem;
  margin-bottom: .625rem !important;
  text-transform: none !important;
  position: relative;
}

#fullportfolio {
  text-align: right !important;
  border-top: 1px solid #d4d4d4;
  padding: 0rem !important;
  margin-top: 0.9375rem !important;
}

#fullportfolio a {
  display: inline-block;
  padding: 0.625rem 0.625rem;
  background: none;
  font-weight: 400 !important;
  text-transform: none !important;
  font-weight: bold;
}

#fullportfolio a:before {
  content: "\f054";
  display: inline-block;
  font-family: FontAwesome;
  margin-right: 0.3125rem;
  color: #11253d;
}

.sb-btn-container {
  border-top: 1px solid #d4d4d4;
  margin-top: 0.9375rem;
  font-size: 0.75rem;
  padding: 0.625rem 0rem;
}

.sb-btn-container a {
  display: inline-block;
  font-weight: normal;
  margin: 0rem 0.625rem;
  color: #014466;
}

.sb-btn-container a:hover {
  text-decoration: none;
  color: #61B5D1;
}

.sb-btn-container a:before {
  content: "\f054";
  display: inline-block;
  font-family: FontAwesome;
  margin-right: 0.3125rem;
  color: #11253d;
}/* 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;
}

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

.tfnavtabs li a:hover {
  color: #013047;
}/* Header
   ========================================================================== */#localeLinks {
  margin-top: 0.4375rem;
}

#localeLinks a {
  color: #000;
  font-family: 'Poppins', 'Arial', 'Helvetica', sans-serif;
  font-size: 0.625rem;
  font-weight: bold;
  text-decoration: none;
}

#localeLinks a:hover {
  color: #ff8023;
}

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

#pageheader {
  background: none;
  padding: 1.3125rem 0rem 0rem 0rem;
  margin-bottom: 1.4375rem;
}

#pageheader h1 a {
  background-image: url("/images/iowa/rd2017/Sigin_logo.png");
  width: 304.5px;
  height: 63px;
  background-size: 304.5px 63px;
  text-indent: -9000px;
  display: inline-block;
  position: relative;
}

.relative-container {
  position: relative;
}/* Page Layout
========================================================================== */#page {
  background: #fff;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow-x: hidden;
}

.round {
	color: #44C4F4 !important;
	background: rgba(68, 196, 244, 0.1) !important;
}

.sectionlink.round a:before {
    background-color: #161946;
}

.sectionlink.round-link a:before {
    background-color: #1c2342;
}

#main {
  padding: 0 !important;
  border: none;
  margin-top:20px;
}

#mainbody {
  width: 100%;
}

#main-content {
  width: 100% !important;
  max-width: 77%;
  background: #fff;
}

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

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

#mainpanel {
  width: 100% !important;
  max-width: 100%;
  padding: 0 0 2rem !important;
  background: #fff;
}

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

.rightsectiontop {
  border-radius: 0 !important;
  border: none !important;
}

.pageContent {
  padding: 0rem 0.625rem !important;
}/* Footer
   ========================================================================== */#footer {
  background-image: none;
background: #22415F;
  font-size: 0.6875rem;
  margin-bottom: 0;
  text-align: initial;
  padding-top: 3.125rem;
  color: #feffff;
  font-size: 0.875rem;
  margin-top: 0;
}

#footerBtm {
  position: relative;
  width: 947px;
  margin: auto;
  height: 16px;
  background: #ffffff;
  background: url("/images/ok/bckg/wht_bckg_btm.png") bottom no-repeat;
}

#footer a {
  color: #44c4f5;
}

#footer a:hover {
  color: #7cd6f8;
}

#footer h3 {
  color: #fff;
  margin: 0rem 0rem 1.25rem 0rem;
  padding: 0;
  line-height: 1;
  font-family: 'Poppins', sans-serif;
  font-size: 1.125rem;
  font-weight: bold;
}

#footer hr {
  margin: 1.25rem 0rem 0rem 0rem;
  border-top: 1px solid #081b3c;
}

#footer ul {
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#footer-legal {
  padding: 2.5rem 0rem;
}

#footer-legal ul {
  display: inline;
  margin-left: 3.125rem;
}

#footer-legal ul li {
  display: inline-block;
}

#footer-legal ul li:after {
  display: inline-block;
  content: "|";
  color: #a7aab1;
  margin: 0rem 0.0625rem 0rem 0.25rem;
}

#footer-legal ul li:last-child:after {
  display: none;
}

#footer-educators {
  height: 9rem;
  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;
}

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

#footer-educators a:hover {
  background: rgba(28, 35, 66, 0);
  color: #fff;
}

#footer-educators a span {
  display: inline-block;
}

#footer-logo {
  display: inline-block;
  width: 78px;
  height: 43px;
  background: url("/images/Iowa/rd2017/footer-logo.png");
}

#quicklinks ul li {
  display: block;
}

#quicklinks ul li:last-child {
  margin-bottom: 0;
}

#quicklinks ul.has-arrows li:before {
  content: "\f054";
  font-family: FontAwesome;
  display: inline-block;
  color: #45c3f6;
  margin-right: 0.3125rem;
}

#copyright {
  display: inline;
  padding: 0;
}

/* Typography */
#mainpanel h2 {
  margin-bottom: -0.125rem;
}

#main h2 .subtitle {
  background: none;
  display: inline-block;
  color: #000;
  margin: 0px;
  font-family: 'Poppins', 'Arial', 'Helvetica', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  padding-left: 24px;
  text-transform: uppercase;
}

#main h2 .subtitle:before {
	color: #44C4F4;
	content: "\f105";
	font-family: FontAwesome;
	padding-right: 20px;
	font-size: 20px;
}

#mainbody h2,#mainpanel h2,.pageContent h2 {
    font-size: 1.375rem;
    padding: 9px 0px 10px;
    margin-bottom: 29px;
    letter-spacing: normal;
    font-weight: 500;
    border-bottom: 1px solid #EEEEEE;
    color: #111;
}

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

#article h2 {
  background: none;
  color: #014466 !important;
  font-size: 1rem !important;
  font-weight: bold;
  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;
}

.articleContentPanel h2 span {
  color: #014466;
  font-size: 1rem;
  font-weight: bold;
  position: relative;
  left: -0.75rem;
}

#articleIndex .articleListPanel ul li a,.articleList ul li a {
    background: none;
    padding: 2px 0 4px 0px;
}

#articleIndex .articleListPanel ul li a:before,.articleList ul li a:before {
    display: inline-block;
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 5px;
    position: relative;
    top: -1px;
}

h2 i {
    color: #44C4F4;
}

.sectionprompt {
  font-family: inherit;
  font-size: inherit;
  color: #014466;
  clear: both;
  padding: 5px 0px;
}

h3,h3 a,#main .articleContentPanel h2,#article step-title {
  color: #03293C;
  margin: 0.5rem 0 1rem;
  text-decoration: none;
  text-transform: none;
  font-weight: 500;
  font-size: 1.2rem;
  border-bottom: 0;
}

h4,h4 a {
  color: #0098C2;
  font: 500 15px 'Poppins', 'Arial', 'Helvetica', sans-serif;
  margin: 1em 0;
}

h5,h5 a {
  color: #0098C2;
  font: 500 14px 'Poppins', 'Arial', 'Helvetica', sans-serif;
  margin: 1em 0;
  padding: 0;
}

span.headerlink a,span.headerlink,#main a span.headerlink {
  color: #ff8023;
  text-transform: uppercase;
  font: 600 13px 'Poppins', 'Arial', 'Helvetica', sans-serif;
}

#main .articleContentPanel .articleTitle,#article .subMainCategoryName,#article .articleListCategoryName {
  color: #ff8023;
  font: 600 16px 'Poppins', 'Arial', 'Helvetica', sans-serif;
  text-transform: uppercase;
}

#articleIndex .equicolumn p {
  font: 13px 'Poppins', 'Arial', 'Helvetica', sans-serif;
}

.small {
  color: #000;
  font: 11px 'Poppins', 'Arial', 'Helvetica', sans-serif;
}

#articleIndex .articleListPanel .articleListCategoryName {
  font: bold 16px 'Poppins', 'Arial', 'Helvetica', sans-serif;
  color: #0098C2;
}

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

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

#pagecontrols a {
  display: block;
  font: 10px 'Poppins', 'Arial', 'Helvetica', sans-serif;
  text-transform: uppercase;
}

span.headerlink a span.headerfirst,span.headerlink span.headerfirst {
  color: #014466;
  font-size: 1rem;
  font-weight: 600;
  text-transform: none;
}/* Typography - Links
   ========================================================================== */a {
  color: #014466;
  outline: 0;
  text-decoration: none;
}

a:hover {
  color: #61B5D1;
}

.sectionbody .sectionlink {
  margin-left: 0 !important;
  list-style:none;
  padding-left:0;
}

#main .sectionlink ul {
  padding-left: 0 !important;
  list-style:none;
}

.sectionlink a,.sectionlink li a {
  background: transparent url("/Images/ok/arw_off.png") 0px 5px no-repeat;
  font: 11px 'Poppins', 'Arial', 'Helvetica', sans-serif;
  padding: 2px 0 4px 12px;
  margin-left: 0px !important;
  text-transform: none;
  color: #014466;
}

.sectionlink a:hover,.sectionlink li a:hover {
  color: #61B5D1;
}

#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: transparent url("/Images/ok/arw_off.png") 0 4px no-repeat !important;
  list-style: none !important;
  border-bottom: none !important;
  padding: 2px 0 6px 5px !important;
}

.articleIndex .articleListPanel ul li:hover {
  background: transparent url("/Images/ok/arw_on.png") 0 4px no-repeat !important;
}

.actionlink a,.guidewaysNavigator .actionbutton a,#faithcontent div.sectionlink a.faithHeader {
  background: transparent url("/Images/ok/arw_off.png") 0 5px no-repeat;
  color: #267fb4;
  padding: 2px 0px 4px 12px;
  font: 12px 'Poppins', 'Arial', 'Helvetica', sans-serif;
}

.actionlink a:hover,.guidewaysNavigator .actionbutton a:hover,#faithcontent div.sectionlink a.faithHeader:hover {
  background: transparent url("/Images/ok/arw_on.png") 0 5px no-repeat;
  color: #ff8023;
}

#faithcontent div.sectionlink {
  background: transparent url("/Images/ok/arw_off.png") no-repeat scroll 0 5px;
}

.nextlink a {
  background: transparent url("/Images/ok/next_off.png") right 5px no-repeat !important;
  font: bold 12px 'Poppins', 'Arial', 'Helvetica', sans-serif;
  text-transform: uppercase;
}

.nextlink a:hover {
  background: transparent url("/Images/ok/next_on.png") right 5px no-repeat !important;
}

.prevlink a {
  background: transparent url("/images/ok/previous_off.png") 0 5px no-repeat !important;
  font: bold 12px 'Poppins', 'Arial', 'Helvetica', sans-serif;
  text-transform: uppercase;
}

.prevlink a:hover {
  background: transparent url("/images/ok/previous_on.png") 0 5px no-repeat !important;
}/* 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 {
  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;
}

.questionAnswer {
  padding-bottom: 0.3125rem;
}

.questionAnswer input,.questionAnswer select {
  background-color: #fff !important;
  border: 1px solid #8B8B8B !important;
  color: #242424 !important;
}

#distanceSearch .field input,#distanceSearch .field select {
  background-color: #fff !important;
  border: 1px solid #8B8B8B !important;
  color: #242424 !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: 'Poppins', 'Arial', 'Helvetica', sans-serif !important;
  font-size: 0.75rem;
}

.talktous .radiogroup {
  color: #000 !important;
  font-family: 'Poppins', 'Arial', 'Helvetica', sans-serif !important;
  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;
}

.simpleSelectList {
  border: 1px solid #000;
  min-height: 1.5rem;
  color: #242424;
  font-family: 'Poppins', 'Arial', 'Helvetica', sans-serif;
  font-size: 0.75rem;
}

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

.simpleGoBtn:hover {
  background: #9ad8d1 !important;
  color: #000 !important;
}

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

.ethnicityGroup span.subquestion {
  font-size: 0.6875rem;
}/* Sectionbox
   ========================================================================== */

.sectionboxtabswide {
  margin-left: 3.4375rem;
}

.sectionbody {
  margin: 1.25rem;
}

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

.sectionbox,#main .whtopaddcareers,.sectionboxwide,#page .tfsection .middle,#toolsContainer .toolsectionbody,#toolsContainer .floatSection,.landingpagesection,.landingpagesearch,#main .mainInstructions,#main .savedSearches,#toolsContainer .toolsectionbodyshort {
    border: 1px solid #EEE;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(204, 204, 204, 0.25);
    border-radius: 4px;
    padding: 1rem;
	margin-right: 1rem;
}

.landingpagesection {
  width: 340px;
}

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

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

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

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

.innerboxmedium {
  padding: 0.3125rem;
}

.innerboxmediumtop {
  padding: 0.1875rem !important;
}/* Sign In
   ========================================================================== */#signInBox h2 {
  padding: 0px 0px 5px 10px !important;
  color: #000 !important;
  font: bold 20px 'Poppins', 'Arial', 'Helvetica', sans-serif !important;
  text-transform: uppercase;
}

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

#signInContainer {
  background: none !important;
}

#signInContainer .pageContent {
  margin-top: 2em;
}

#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 .label-r,#signInBox .questionLabel {
  color: #000;
  font-size: 11px;
}

.optionalHint {
  color: red;
  font-family: 'Poppins', 'Arial', 'Helvetica', sans-serif !important;
  font-size: 0.6875rem;
}/* 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-family: 'Poppins', 'Arial', 'Helvetica', sans-serif;
  font-weight: bold;
  font-size: 0.875rem;
  text-align: center;
}

table.chart th.tableheader {
  background-color: #0098C2;
  color: #fff;
  font-family: 'Poppins', 'Arial', 'Helvetica', sans-serif;
  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-family: 'Poppins', 'Arial', 'Helvetica', sans-serif;
  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-family: 'Poppins', 'Arial', 'Helvetica', sans-serif;
  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 0.3125rem;
}/* Sample financing plans COA breakdown */.coa,table.coa td {
  border-width: 0;
  margin: 0;
}/* Buttons
   ========================================================================== */#signInBox a.logonButton,#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 'Poppins', 'Arial', 'Helvetica', sans-serif;
}

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

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 'Poppins', 'Arial', 'Helvetica', sans-serif;
}

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

#actionbuttononwide a:hover,.actionbuttonwide a:hover,.actionbuttonwide a:focus,#main a.actionbuttonOnwide:hover {
  background: #9ad8d1 !important;
  color: #000 !important;
  text-decoration: none !important;
}

#actionbuttononwide a,#main a.actionbuttonOnwide,.actionbuttonwide a {
  background: transparent url("/images/ok/btn_155_off.png") 0 0 no-repeat;
  color: #000;
  font: bold 11px 'Poppins', 'Arial', 'Helvetica', sans-serif;
  text-transform: uppercase;
}

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

.actionbutton a:hover {
  background: #9ad8d1 !important;
  color: #000 !important;
  text-decoration: none !important;
}

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

.actionbuttonnarrow a {
  background: transparent url("/images/ok/btn_45_off.png") 0 0 no-repeat;
  color: #000;
  font: bold 12px 'Poppins', 'Arial', 'Helvetica', sans-serif;
  height: 36px;
  padding-top: 0.625rem;
  text-transform: uppercase;
  display: inline-block;
  padding: 0.625rem 0.9375rem;
  text-decoration: none;
}

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

.simpleSearchButton {
  background: #f7c157;
  text-decoration: none;
  font-weight: normal;
  color: #000;
  border: 1px solid #000;
  border-left: none;
}

.simpleSearchButton:hover {
  background: #9ad8d1 !important;
  color: #000 !important;
}

.iowa-button {
  background: #44c4f4;
  border: 3px solid #c1d82f;
  display: inline-block;
  padding: 0.625rem;
  color: #fff;
  font-size: 1rem;
  border-radius: 0.9375rem;
}

.iowa-button:hover {
  color: #fff;
  text-decoration: none;
}/* Voices
   ========================================================================== */#voicesMid > div {
  padding: 3.75rem 0rem;
}

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

#voicesWork .blogNameHeader,#voicesCollege .blogNameHeader {
  color: #FFF !important;
}/* Misc
   ========================================================================== */.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;
}

#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: bold 11px 'Poppins', 'Arial', 'Helvetica', sans-serif;
  padding-bottom: 5px;
}

.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;
}/* Alpha List */#main .alphacontainer {
  background: none;
}

table.alphabetList {
  height: 54px;
  margin: 0;
  padding: 0;
  width: 173px;
}

.alphacontainer {
  background: none;
  height: 54px;
  width: 173px;
}

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

.alphabetList td a {
  padding: 1px;
  height: 15px;
  width: 12px;
  font: bold 12px 'Poppins', 'Arial', 'Helvetica', sans-serif;
}

.alphabetList td.all,.alphabetList td.all a,alphabetList td.all a:hover {
  height: 15px;
  text-align: center;
  width: 193px;
}

.alphabetList td a:hover,.alphabetList td a:focus {
  color: #ff8023;
  background-color: #fff;
}/* 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: #014466;
}

.toolsectionbody h3 {
  font-weight: bold !important;
  color: yellow !important;
}

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

#scholarships .section-header {
  background: #c1d82f;
}

.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: #c1d82f !important;
  color: #FFF !important;
}

.hide-arrow-link {
  border-color: #626f15;
}

.guidance-text,.scholarship-details,.scholarship-legacy {
  border-color: #626f15;
}

.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: #c1d82f;
}/* 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;
  width: 204px;
  float: right;
  position: relative;
  right: 7px;
}

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

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

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

#searchbox .searchLabel {
  font-weight: normal;
  text-transform: none;
}

#languagebox {
    margin:0 !important;
}
.goog-te-gadget-simple {
    white-space: nowrap;
    border: none !important;
    padding: 0;
    margin: 0;
}
.goog-te-gadget img {
    display:none;
}
.goog-te-gadget a img + span {
    display:none;
}
.goog-te-gadget-simple span a:hover {
    color: #0E7AA4 !important;
}
.goog-te-gadget-simple span a:hover:after {
    transform: scalex(1);
}
.goog-te-gadget-simple span a:after {
    transition: 0.25s ease;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: currentcolor;
    transform: scalex(0);
    position: absolute;
    bottom: -2px;
    left: 0;
}

#translate_label {
  float: left;
  display: inline-block;
  font-size: 0.75rem;
  padding: 0.1875rem 0.625rem 0rem 0rem;
}

#google_translate_element {
  float: left;
}

.gsc-input {
  width: 80%;
}

.gsc-input input {
  width: 136px !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;
}

.gsc-search-button {
  width: 20%;
  min-width: 24px;
  max-width: 24px;
  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: 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 input:hover {
  background: none;
}

.gsc-search-button:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 50;
  bottom: 4px;
  width: 1px;
  background: #bbbbbb;
}

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

.gsc-clear-button {
  display: none !important;
}

.gsc-search-button {
  left: -1px;
}/* 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-family: 'Poppins', 'Arial', 'Helvetica', sans-serif !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;
}

.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 .dataGridHeader {
  font-family: 'Poppins', 'Arial', 'Helvetica', sans-serif !important;
  text-transform: uppercase;
  font-size: 1em !important;
}

#main .dataGrid td,#datagrid td {
  font-family: 'Poppins', 'Arial', 'Helvetica', sans-serif !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 {
  padding-right: 20px !important;
}

.masonry-main .item {
  border: 1px solid #bbbbbb;
}

.masonry-main .item-highlight {
  background: #bbbbbb !important;
  color: inherit !important;
}

.masonry-main .item h4 {
  color: inherit !important;
}

.masonry-main .item .fa-tile-badge i.fa-stack-1x {
  color: #bbbbbb;
}

.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: "";
}/* Tabbed Feature
   ========================================================================== */.tfcontrols {
	box-shadow: 0px 4px 10px rgba(204, 204, 204, 0.25);
    border: 1px solid #eee;
    border-radius: 6px;
    background-color: #fff!important;
}/* Homepage
   ========================================================================== */.home-intro h2 {
  font-size: 1.875rem;
  padding: 0;
  margin: 1.25rem 0rem 1.0625rem;
  line-height: 1;
  font-family: 'Quicksand', 'Arial', 'Helvetica', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #1c2342;
  border-bottom:none !important;
}
.ac-wrap .container {
	width:100%;
	padding:0 !important;
}
.home-intro p {
  font-size: 14px;
  color: #1c2342;
  line-height: 1.3;
  max-width: 20.625rem;
}

.home-intro h3 {
  font-size: 1.125rem;
  color: #1c2342;
  font-family: 'Quicksand', 'Arial', 'Helvetica', sans-serif;
  font-weight: 700;
  padding: 0;
  margin: 0rem 0rem 1.5625rem 0rem;
  text-transform: uppercase;
}

.home-intro > div {
  min-height: 26.875rem;
}

.home-intro > div:first-child {
  padding: 3.125rem 1.875rem 0rem;
  background-position: top right;
  background-repeat: no-repeat;
}

.home-intro > div:last-child {
  background: #c1d82f;
  padding: 3.125rem 1.25rem 0rem;
}

.home-intro > div:last-child ul {
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0rem 0rem 1.5625rem 0rem;
}

.home-intro > div:last-child ul li {
  display: block;
  color: #084566;
  font-size: 1rem;
  margin-bottom: 1.0625rem;
  font-weight: 400;
}

.home-intro > div:last-child ul li:last-child {
  margin-bottom: 0;
}

.home-intro > div:last-child ul li a {
  color: #084566;
}

.home-intro > div:last-child ul li a:hover {
  color: #1190d5;
  text-decoration: none;
}

.home-intro > div:last-child ul li:before {
  display: inline-block;
  content: "\f054";
  font-family: FontAwesome;
  margin-right: 0.4375rem;
}

.home-intro-icon {
  display: inline-block;
  width: 107px;
  height: 107px;
}

.home-intro.highschool > div:first-child {
  background-image: url("/images/iowa/rd2017/highschool_banner.jpg");
}

.home-intro.highschool .home-intro-icon {
  background-image: url("/images/iowa/rd2017/highschool_icon.png");
}

.home-intro.middleschool > div:first-child {
  background-image: url("/images/iowa/rd2017/middleschool_banner.jpg");
}

.home-intro.middleschool .home-intro-icon {
  background-image: url("/images/iowa/rd2017/middleschool_icon.png");
}

.home-intro.college > div:first-child {
  background-image: url("/images/iowa/rd2017/college_banner.jpg");
}

.home-intro.college .home-intro-icon {
  background-image: url("/images/iowa/rd2017/college_icon.png");
}

.home-intro.adult > div:first-child {
  background-image: url("/images/iowa/rd2017/adult_banner.jpg");
}

.home-intro.adult .home-intro-icon {
  background-image: url("/images/iowa/rd2017/adult_icon.png");
}

.home-intro.parents > div:first-child {
  background-image: url("/images/iowa/rd2017/parents_banner.jpg");
}

.home-intro.parents .home-intro-icon {
  background-image: url("/images/iowa/rd2017/parents_icon.png");
}

.fp-button {
  background: #44c4f4;
  border: 3px solid #fff;
  display: inline-block;
  padding: 0.625rem;
  color: #fff;
  font-size: 1rem;
  border-radius: 0.9375rem;
}

.fp-button:before {
  content: "\f054";
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 0.3125rem;
}

.fp-button:hover {
  text-decoration: none;
  color: #fff;
}

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

.home-box a {
  text-align: center;
  position: absolute;
  color: #fff !important;
  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;
}

.home-box a:hover {
  background: rgba(28, 35, 66, 0);
  color: #fff;
  text-decoration: none;
}

.home-box a span {
  display: inline-block;
}

.home-box.hs-testprep {
  background-image: url("/images/Iowa/rd2017/hs_testprep.jpg");
}

.home-box.ms-careerplan {
  background-image: url("/images/Iowa/rd2017/middleschool_careerplan.jpg");
}

.home-box.hs-colleges {
  background-image: url("/images/Iowa/rd2017/hs_colleges.jpg");
}

.home-box.hs-scholarshipfinder {
  background-image: url("/images/Iowa/rd2017/hs_scholarshipfinder.jpg");
}

.home-box.educators {
  background-image: url("/images/Iowa/rd2017/Signin_educators.jpg");
}

.home-box.families {
  background-image: url("/images/Iowa/rd2017/Signin-families.jpg");
}

.home-box.jobland {
  background-image: url("/images/Iowa/rd2017/signin-paws.jpg");
}

.home-box.ms-learnaboutyou {
  background-image: url("/images/Iowa/rd2017/middleschool_learn-about-yourself.jpg");
}

.home-box.ms-hscourseplan {
  background-image: url("/images/Iowa/rd2017/middleschool_hscourseplan.jpg");
}

.home-box.ms-timeline {
  background-image: url("/images/Iowa/rd2017/middleschool_planning-timeline.jpg");
}

.home-box.a-interests {
  background-image: url("/images/Iowa/rd2017/adult_match-interests.jpg");
}

.home-box.a-resume {
  background-image: url("/images/Iowa/rd2017/adult_resume.jpg");
}

.home-box.a-matchskills {
  background-image: url("/images/Iowa/rd2017/adult_match-skills.jpg");
}

.home-box.a-getjob {
  background-image: url("/images/Iowa/rd2017/adult_get-a-job.jpg");
}

.home-box.p-timeline {
  background-image: url("/images/Iowa/rd2017/parents_college-planning.jpg");
}

.home-box.p-paying {
  background-image: url("/images/Iowa/rd2017/parents_paying-for-college.jpg");
}

.home-box.p-colleges {
  background-image: url("/images/Iowa/rd2017/parents_learn-colleges.jpg");
}

.home-box.p-planning {
  background-image: url("/images/Iowa/rd2017/parents_help-child.jpg");
}

.home-footer {
  position: relative;
  margin-top: 3.75rem;
  padding: 2.1875rem 0rem;
  font-size: 0.875rem;
}

.home-footer:after {
  content: "";
  display: block;
  position: absolute;
  left: -212%;
  width: 560%;
  height: 100%;
  top: 0;
  background: #c1d82f;
}

.home-footer.welcome-screen {
  margin-top: 0;
}

.home-footer.welcome-screen .grid-x > div {
  padding-bottom: 0;
}

.home-footer.welcome-screen .grid-x > div:after {
  display: none;
}

.home-footer .grid-x {
  position: relative;
  z-index: 10;
}

.home-footer .grid-x > div {
  text-align: center;
  position: relative;
  padding-bottom: 3.75rem;
}

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

.home-footer .grid-x > div:last-child:after {
  display: none;
}

.home-footer .grid-x.simple > div {
  padding-bottom: 0;
}

.home-footer .grid-x.simple > div:after {
  display: none;
}

.home-footer h3 {
  font-family: 'Quicksand', 'Arial', 'Helvetica', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.5rem;
  color: #1c2342;
  padding: 0;
  margin: 0rem 0rem 0.625rem 0rem;
  line-height: 1;
}

.home-footer p {
  padding: 0;
  margin: 0;
}

.home-footer p:before {
  content: "\f054";
  display: inline-block;
  margin-right: 0.4375rem;
  font-family: FontAwesome;
  color: #084566;
}

.home-footer a {
  color: #112ca1;
}

.home-footer a:hover {
  color: #2d50e9;
  text-decoration: none;
}

.home-footer ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style: none;
}

.home-footer ul li {
  display: block;
  text-align: left;
  margin-bottom: 0.625rem;
}

.home-footer ul li:before {
  content: "\f054";
  display: inline-block;
  margin-right: 0.4375rem;
  font-family: FontAwesome;
  color: #084566;
}

.home-footer ul li:after {
  content: "\f08e";
  display: inline-block;
  margin-left: 0.4375rem;
  font-family: FontAwesome;
  color: #000;
}

.home-footer-icon {
  display: block;
  width: 100%;
  min-height: 100px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.home-footer-icon.faith {
  background-image: url("/images/Iowa/rd2017/middleschool-icon-askfaith.png");
}

.home-footer-icon.gameplan {
  background-image: url("/images/Iowa/rd2017/icon_gameplan.png");
}

.home-footer-icon.parents {
  background-image: url("/images/Iowa/rd2017/parents_icon-resources.png");
}

.home-footer-icon.portfolio {
  background-image: url("/images/Iowa/rd2017/parents_portfolioaccess-icon.png");
}

.home-footer-icon.rocket {
  background-image: url("/images/Iowa/rd2017/icon_rocketship.png");
}

.home-footer-icon.career {
  background-image: url("/images/Iowa/rd2017/middleschool_icon-career.png");
}

.home-footer .parents p {
  text-align: left;
  margin-bottom: 0.9375rem;
  position: relative;
  padding-left: 1.25rem;
}

.home-footer .parents p:before {
  position: absolute;
  top: 0;
  left: 0;
}

.home-footer .parents p a {
  display: block;
}

#home-cpp {
  padding: 1.875rem 0rem;
}

#welcome {
  padding: 4.6875rem 0rem 22.1875rem;
  position: relative;
}

#welcome:after {
  content: "";
  display: block;
  position: absolute;
  left: -212%;
  width: 560%;
  height: 100%;
  top: 0;
  background: #e9e9e9;
  z-index: 5;
}

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

#welcome .grid-container {
  position: relative;
  z-index: 15;
}

#welcome h1 {
  text-align: center;
  margin: 0rem 0rem 4.6875rem 0rem;
}

#welcome h1 a {
  width: 406px;
  height: 84px;
  background-image: url("/images/iowa/rd2017/Sigin_logo.png");
  text-indent: -9000px;
  display: inline-block;
  position: relative;
}

#welcome-signin {
  border: 1px solid #1c2342;
  padding: 2.5rem 1.25rem 1.875rem;
  max-width: 46.5625rem;
  margin: 0 auto;
  position: relative;
}

#welcome-signin h2 {
  margin: 0;
  background: #e9e9e9;
  color: #1c2342;
  font-size: 1.4375rem;
  font-family: 'Quicksand', 'Arial', 'Helvetica', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0;
  display: inline-block;
  position: absolute;
  top: -15px;
  left: 50%;
  width: 300px;
  margin-left: -150px;
  text-align: center;
}

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

#welcome-signin h2 small a {
  color: #112ca1;
}

#welcome .errorMessage {
  margin-bottom: 1.25rem;
  border-radius: 5px;
  padding: 0.625rem;
  color: #a94442;
  border: 1px solid #a94442;
  background: #f6ebea;
}

#welcome .errorMessage ul {
  padding: 0;
  margin: 0.3125rem 0rem 0rem;
  list-style: none;
  list-style-type: none;
  font-weight: bold;
}

#welcome .errorMessage ul li {
  display: block;
  margin: 0rem 0rem 0.3125rem 0rem;
}

#welcome .errorMessage ul li:last-child {
  margin-bottom: 0;
}

#welcome .simpleForm {
  width: 100%;
  margin-bottom: 0.625rem;
}

#welcome .simpleForm tbody {
  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;
}

#welcome .simpleForm tbody tr {
  display: inline-block;
  width: auto;
}

#welcome .simpleForm tbody tr td {
  display: inline-block;
}

#welcome .simpleForm input {
  height: 2.1875rem;
  border: 1px solid #cdcdcd !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0.625rem;
  padding: 0rem 0.625rem;
}

#welcome .simpleForm .questionLabel {
  height: 2.1875rem;
  font-size: 1rem;
  margin-right: 0.3125rem;
  line-height: 35px;
}

#welcome .simpleForm .logonButton {
  height: 2.1875rem;
  line-height: 30px;
  display: inline-block;
  color: #111;
  background: #c1d82e;
  border: 2px solid #fff;
  padding: 0rem 1.25rem;
  font-family: 'Quicksand', 'Arial', 'Helvetica', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  position: relative;
// top: -2px;
}

#welcome .simpleForm .logonButton:hover {
  background: #a7bc23;
}

#welcome .simpleForm .logonButton:hover {
  text-decoration: none;
}

/* iowa cpp badge */
.progress-dash {
    position: relative;
    z-index: 5;
    background: #fff !important;
    padding: 20px 30px;
    border-radius: 10px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    -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;
    z-index: 200;
    box-shadow: 0px 10px 40px rgba(161, 180, 189, 0.25);
    justify-content: start;
    align-items: center;
    margin-bottom: 0 !important;
}
.progress-dash:hover {
    transform: scale(1.011);
}
.progress-dash .progress-image {
    display: flex;
    width: 110px;
    height: 110px;
    float: left;
    margin: 0 30px 0 0;
    position: relative;
    background: #FDF5E7;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* prevents shrinking */
}
.progress-dash .progress-image .img-wrap {
    overflow:hidden;
    width: 130px;
    height: 130px;
    border-radius: 100px;
    background-color: #fff;
}
.progress-dash .progress-image .img-wrap.custom-img p {
    display:none;
}
.progress-dash .progress-image .img-wrap p {
    font-size: 34px;
    color: #014466;
    text-align: center;
    line-height: 130px;
    padding: 0 !important;
    margin: 0 !important;
}
.progress-dash .progress-image .img-wrap {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    width: 130px;
    height: 130px;
    border-radius: 100px;
    background-color: #fff;
}
.progress-dash .progress-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.progress-dash .progress-content h2 {
    color:#014466 !important;
    font-size:20px !important;
    font-weight:600 !important;
    text-align:left !important;
    margin-bottom: 5px !important;
    margin-top:15px !important;
    border-left: none !important;
    background-color:transparent !important;
    margin: 15px 0 5px !important;
    padding: 0 0 5px !important;
    border-bottom: none !important;
    text-transform: none !important;
}
.progress-dash:hover,
.progress-dash .progress-content h2:hover {
    text-decoration:none;
}

.progress-dash .progress-content .progress-wrap {
    width: 100%;
    float: left;
}
.progress-dash .progress-content .progress-wrap .icon-progress {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background: url(../../Images/Transitions/portfolio/progress-blue.png) no-repeat center transparent;
    display: inline-block;
    background-size: contain;
    position: relative;
    top: 2px;
}
.progress-dash .progress-content .progress-wrap p {
    color:#6a6a6a;
    font-size:14px;
    padding-top: 5px;
    margin-bottom: 6px;
    text-align: left;
}
.progress-dash .progress-content .progress-button {
     margin-top:36px;
}

.progress-dash .progress-content .progress-button a {
    background-color:#014466;
    color:#fff;
    display: inline-block;
    border: none;
    font-size: 12px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: 400;
    padding: 9px 0 9px 1px!important;
    margin-bottom:0;
    border-radius:50px;
    float:right;
}  
.progress-dash .start-progress {
    margin:0 0 15px 0 !important;
    padding:0 !important;
    border:none;
    background-color:#DEF2EF;
    height:10px !important;
    border-radius:50px;
    box-shadow:none;
}
.progress-dash .start-progress .start-bar {
    background-color:#5BBCB1 !important;
    height:10px;
    border-radius:50px;
    box-shadow:none;
}



.landing-pbg {
  width: 566px;
  background: #ebeae5;
  margin: 10px 0;
}
.p-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.p-bar-other h4,.p-bar-other i,.p-bar-other b {
  color: #333 !important;
}
.landing-pbg .p-bar .p-bar-content h4 {
  font-size: 1.5rem !important;
}
.landing-pbg .p-bar .p-bar-content i {
  font-size: 1.25rem !important;
}
.p-bar-right p {
  color: #333;
  font-size:1.15rem !important;
}
.p-bar-right a {
  color: #333 !important;
}
.p-bar-right-bar span {
  color: #333;
}
.p-bar-right-bar .start-bar {
  background-color: #9dce53;
}
.p-bar-right .btn-primary {
    background: #44c4f4;
    border: 3px solid #fff;
    display: inline-block;
    padding: 0.25rem 0.625rem;
    color: #fff !important;
    font-size: 1rem;
    border-radius: 0.9375rem;
    font-weight: 500;
    text-transform: none;
}/* Landing Pages
   ========================================================================== */#rolePage {
  padding: 0;
  margin: 0rem 0rem 1.25rem 0rem;
  position: relative;
  display: block;
}

#rolePage h2 {
  text-indent: -9000px;
  height: 2.625rem;
  padding: 0;
  border-bottom: 6px solid #fff;
}

#rolePage h2 span {
  display: block;
  font-weight: 300;
  font-size: 1rem;
  margin-top: 0.625rem;
}

#rolePage .roleImg {
  text-indent: -9000px;
  width: 50%;
  height: 355px;
  display: block;
}

#rolePage.middle h2 {
  background-image: url("/images/ok/landingpg/main_img_middle.png");
}

#rolePage.middle .roleImg {
  background-image: url("/images/ok/landingpg/main_img_middle.png");
  background-position: 0 -48px;
}

#rolePage.highschool h2 {
  background-image: url("/images/ok/landingpg/main_img_high.png");
}

#rolePage.highschool .roleImg {
  background-image: url("/images/ok/landingpg/main_img_high.png");
  background-position: 0 -48px;
}

#rolePage.college h2 {
  background-image: url("/images/ok/landingpg/main_img_college.png");
}

#rolePage.college .roleImg {
  background-image: url("/images/ok/landingpg/main_img_college.png");
  background-position: 0 -48px;
}

#rolePage.parent h2 {
  background-image: url("/images/ok/landingpg/main_img_parents.png");
}

#rolePage.parent .roleImg {
  background-image: url("/images/ok/landingpg/main_img_parents.png");
  background-position: 0 -48px;
}

#rolePage.adult h2 {
  background-image: url("/images/ok/landingpg/main_img_adult.png");
}

#rolePage.adult .roleImg {
  background-image: url("/images/ok/landingpg/main_img_adult.png");
  background-position: 0 -48px;
}

#rolePageLinks {
  position: absolute;
  top: 42px;
  right: 0;
  bottom: 0;
  left: 50%;
  padding: 0;
  color: #000;
  font: 11px 'Poppins', 'Arial', 'Helvetica', sans-serif;
  text-transform: uppercase;
  background: #f7f7f7;
}

#rolePageLinks a {
  text-decoration: none;
}

#rolePageLinks ul {
  margin: 0;
  padding: 15px;
}

#rolePageLinks ul li {
  background: transparent url(/Images/ok/arw_off.png) 0 6px no-repeat;
  padding: 2px 0 10px 10px;
  list-style: none;
}

#rolePageLinks ul li:hover {
  background: transparent url(/Images/ok/arw_on.png) 0 6px no-repeat;
}

#roleLinks ul {
  font-family: 'Poppins', '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;
}

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

#roleLinks ul li {
  display: inline-block;
  float: left;
  margin-right: 0.625rem;
}

#roleLinks ul li:last-child {
  margin-right: 0;
}

#roleLinks ul li:before {
  content: "\f105";
  font-family: FontAwesome;
  margin-right: 0.3125rem;
}

#roleLinks ul li a {
  text-decoration: none;
}/* Login Page
   ========================================================================== */#signInContainer {
  background: #39BAC6 url(/Images/Transitions/side_blue_bckg.png) 0 0 repeat-x;
  margin: 0;
  padding: 0;
}

#signInContainer h2 {
  color: #6B5D4A;
  margin: 0;
  padding: 15px 0 5px;
}/* Career Planning > Default
   ========================================================================== */

.sectionbox strong {
  font-weight: bold;
}

.sectionbody {
  z-index: 3;
  background: transparent;
  position: relative;
}

.sectionbody table {
  background: transparent;
  margin: -2px 2px 24px 10px;
}

.sectionbody table td {
  padding: 0;
  margin: 0;
}

.sectionbody table td.narrowcolumn {
  padding-left: 20px;
}

.widecolumn {
  width: 284px;
}

#learnsection {
  background: #ffffff url("https://secureeng.okcollegestart.org/images/transitions/subpages/careerplanning/career_girl.png") -10px -20px no-repeat;
}

#learnsection .sectionbody {
  margin-left: 165px;
}

#learnsection .sectionlink a {
  margin-left: 150px;
}

#careersection {
  background: #ffffff url("https://secureeng.okcollegestart.org/images/transitions/subpages/careerplanning/CareersPic2_middle_186x120.png") right top no-repeat;
}

#careersection .sectionbody {
  margin-left: 15px;
  margin-right: 192px;
}

#careersection .sectionlink a {
  margin-left: 100px;
}

#jobsection {
  background: #ffffff url("https://secureeng.okcollegestart.org/images/transitions/subpages/careerplanning/CareersPic2_bottom.png") right bottom no-repeat;
}

#jobsection .sectionbody {
  margin-right: 193px;
  margin-left: 15px;
}

#jobsection .sectionlink a {
  margin-left: 100px;
}

#jobsection .headerlink a {
  font-size: 12pt;
}

#voicessection .headerlink a {
  font-size: 12pt;
}

#voicessection .headerlink .sectionlink a {
  margin-left: 140px;
}

#pawssection {
  background: #ffffff url("https://secureeng.okcollegestart.org/images/transitions/subpages/careerplanning/PAWS.png") 10px 16px no-repeat;
}

#pawssection .sectionbody {
  margin-left: 150px;
}

#pawssection .sectonlink a {
  margin-left: 90px;
}

.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 (min-width: 846px) {
  .nav-collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
}

@media (max-width: 846px) {
  #topnav {
    top: 0;
    margin-top: 0.625rem;
    position: relative;
    right: 0;
    width: 100%;
    min-width: 100%;
    padding: 1.0625rem 0.9375rem 0rem;
    background: #1c2342;
    background: linear-gradient(135deg, #1c2342 0%, #111730 50%, #111730 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c2342', endColorstr='#111730',GradientType=1 );
  }

  #topnavlinks {
    background: rgba(255, 255, 255, 0.5);
    margin: -0.625rem;
    padding: 0.625rem;
    margin-top: 0.5rem;
  }

  #dashboard {
    padding: 0rem;
    float: float;
    top: auto;
    left: auto;
    text-align: left;
  }

  #dashboard li {
    float: none;
  }

  #navigation li.selected:before {
    display: none;
  }

  #navigation {
    display: block;
    float: none;
    width: 100%;
    padding-right: 0;
  }

  #navigation li {
    display: block;
    text-indent: 0px;
    float: none;
    position: relative;
    margin-bottom: 1px;
    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;
  }

  #navigation li:last-child {
    margin-bottom: 0;
  }

  #navigation li a {
    background-image: none;
    text-align: right;
    min-width: 100%;
    font-weight: bold;
    padding: 0rem 2.5rem 0rem 0rem;
    font-size: 1rem;
    height: 40px;
    line-height: 40px;
    color: #1c2342;
    margin: 0;
  }

  #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 {
    float: none;
    display: block;
  }

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

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

  #subnavigation {
    margin-top: 0;
  }

  #topbar .grid-x > div:first-child {
    padding-left: 0.9375rem;
  }

  #topbar .grid-x > div:last-child {
    padding: 0.9375rem;
  }

  #mobile-menu .grid-container {
    padding-right: 0;
    padding-left: 0;
  }

  #mobile-menu-toggle {
    display: block;
  }

  #pageheader {
    text-align: center;
    padding-top: 1.3125rem 0rem 0rem 0rem;
    margin-bottom: 0;
  }

  #pageheader h1 {
    display: block;
    margin-bottom: 0.625rem;
  }

  #searchbox span {
    color: #fff;
    opacity: .75;
  }
}

@media (max-width: 768px) {

    #topbar a {
        margin-right: .5rem;
    }
  #topnav #languagebox #google_translate_element a {
    font-size: 0.875rem;
  }

  .home-intro p {
    margin: 0;
  }

  .home-intro > div {
    min-height: auto;
  }

  .home-intro > div:first-child {
    padding: 0.9375rem 1.875rem 0rem;
    background-position: 60% 60%;
  }

  .home-intro > div:first-child > div {
    background-color: rgba(255, 255, 255, 0.8);
    margin-top: 0.9375rem;
    margin-right: -1.875rem;
    margin-left: -1.875rem;
    padding: 0.9375rem 1.875rem 1.875rem;
  }

  .home-intro > div:last-child {
    padding: 1.25rem 1.875rem;
  }
}

@media (max-width: 760px) {
  #welcome .simpleForm tbody {
    display: block;
    text-align: center;
  }

  #welcome .simpleForm tbody tr {
    display: block;
  }

  #welcome .simpleForm tbody tr td {
    display: block;
  }

  #welcome .simpleForm input {
    margin-right: 0;
    width: 21.25rem;
  }

  #welcome .simpleForm .questionLabel {
    margin-right: 0;
  }

  #welcome .simpleForm .logonButton {
    top: 0;
    margin-top: 0.625rem;
  }
}

@media (max-width: 640px) {
  body {
    margin: 0;
  }

  #topbar .grid-x > div:first-child {
    margin: 0rem 0.9375rem;
    padding-left: 0;
  }

  #topbar .grid-x > div:last-child {
    text-align: left;
    background: #14192e;
  }

  #portfolioSubnavigation {
    margin-top: 0;
    padding-right: 2.5rem !important;
  }

  #portfolioSubnavigation:before {
    margin-top: -0.4375rem;
    background: none;
    color: #1c2342;
  }
  #main-rightbar {
    padding: 0 !important;
  }

#rightbar {
    padding: 0rem;
    height: 100%;
    margin: 0rem;
}

div#rightbarcontent:first-child {
    padding-top: 1rem;
    height: 100%;
    border-top: none;
    margin-top: 0rem !important;
}

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

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

  #mainpanel {
    padding: 0rem!important;
  }

  #main-rightbar {
    width: 100%;
    max-width: 100%;
    padding: 0rem 0.625rem;
  }

  #footer-legal ul {
    margin-left: 0;
    margin-top: 0.625rem;
  }

  #footer-legal ul li {
    display: block;
    margin-bottom: 0.3125rem;
  }

  #footer-legal ul li:last-child {
    margin-bottom: 0;
  }

  #footer-legal ul li:after {
    display: none;
  }

  #footer-educators {
    margin: 1.25rem 0rem;
  }

  #footer-educators li {
    margin-bottom: 0.3125rem;
  }

  #footer-educators li:last-child {
    margin-bottom: 0;
  }

  .pds-answer {
    overflow-y: visible;
    max-height: initial;
  }

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

  .tfcontrols {
    border-color: #14192f !important;
  }

  .tfnavtabs li {
    border: none !important;
	background: none !important;
  }

  .tfnavtabs li.menuItemDisabled {
    background: rgba(255, 255, 255, 0.25) !important;
    color: #cccccc;
  }

  .home-intro.no-content > div {
    min-height: 13.4375rem;
  }

  .home-footer .grid-x > div:after {
    width: 100%;
    right: auto;
    left: 0;
    top: auto;
    bottom: 0;
    height: 1px;
  }

  #welcome .simpleForm input {
    width: 100%;
  }

  #welcome .simpleForm .logonButton {
    width: 100%;
  }

  #rolePage h2 {
    text-indent: 0;
    background: none !important;
    height: auto;
    margin: 0rem 0rem 0.625rem 0rem !important;
  }

  #rolePage .roleImg {
    display: none;
  }

  #rolePageLinks {
    position: relative;
    top: 0;
    left: 0;
  }
}

@media (max-width: 475px) {
  #welcome h1 a {
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
  }
}

@media (max-width: 361px) {
  #welcome-signin h2 {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin-left: 0;
    padding-bottom: 1.875rem;
    margin-bottom: 0.9375rem;
    border-bottom: 1px solid #000;
  }
}

@media (max-width: 345px) {
  #welcome-signin h2 small {
    border-left: none;
    padding: 0.1875rem 0rem;
    margin-left: 0;
    margin-top: 0.3125rem;
    display: block;
  }

  #welcome-signin h2 small:before {
    content: "or";
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-size: 0.75rem;
    margin-bottom: 0.3125rem;
  }
}

@-moz-document url-prefix() {
  #welcome .simpleForm input[type="text"],#welcome .simpleForm input[type="password"] {
    width: 10rem;
  }@  media (max-width: 760px) {
    #welcome .simpleForm input[type="text"],#welcome .simpleForm input[type="password"] {margin-right: 0;
    width: 21.25rem;
  }
}

@media (max-width: 640px) {
  #welcome .simpleForm input[type="text"],#welcome .simpleForm input[type="password"] {
    width: 100%;
  }
}}

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

.bcs-result cite {
    color: #6A913D !important;
}
.bcs-result h2 a{
    color:#6A913D !important;
}
.bcs-result h2 a:hover{
    color:#3C1A00 !important;
}





#welcome-signin .form-group{
    width: 40%;
    float: left;
}
#welcome-signin .form-group img {
    padding-top: 10px;
    padding-right: 5px;
    float: left;
}
#welcome-signin .form-group label{
    float: left;
    display: inline-block;
    padding: 9px 10px 0 0;
}
#welcome-signin .form-group input{
    float: left;
    display: inline-block;
    max-width: 170px;
}
#welcome-signin input[type="image"] {
    border: none !important;
    height:1px;
}
#welcome-signin .text-right{
    text-align:center !important;

}

#AgricultureFood.row .progress-bar {
background-color: #1d2343 !important;
}
#Architecture.row .progress-bar {
background: #333855 !important;
}
#Arts.row .progress-bar {
background: #4a4e68 !important;
}
#ArtsAudio-Video.row .progress-bar {
background: #60657b !important;
}
#Finance.row .progress-bar {
background: #777b8e !important;
}
#Government.row .progress-bar {
background: #8e91a1 !important;
}
#HealthScience.row .progress-bar {
background: #a4a7b3 !important;
}
#BusinessManagement.row .progress-bar {
background: #474b66 !important;
}
#Education.row .progress-bar {
background: #5b5f76 !important;
}
#Hospitality.row .progress-bar {
background: #707388 !important;
}
#HumanServices.row .progress-bar {
background: #848799 !important;
}
#InformationTechnology.row .progress-bar {
background: #999baa !important;
}
#LawPublic.row .progress-bar {
background: #2d324c !important;
}
#Management.row .progress-bar {
background: #007E99 !important;
}
#Manufacturing.row .progress-bar {
background: #818493 !important;
}
#Marketing.row .progress-bar {
background: #6c6f81 !important;
}
#ScienceTechnology.row .progress-bar {
background: #565a6f !important;
}
#TransportationDistribution.row .progress-bar {
background: #42465d !important;
}


/* notifications */
.notification-wrap .notification-content {
    right: -270px;
}
.notification-wrap .notification-content.show::before {
    right: 271px;
    left:inherit;
}
.notification-wrap .notification-content.show::before {
    border-bottom: 5px solid #44c4f4 !important;
}

.notification-wrap .notification-content .notification-body .notification-item .title .new,
.notification-wrap .notification-content .notification-header {
    background-color: #44c4f4 !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:#44c4f4 !important;
}
.ac-wrap .container {
    padding:0;
}
#parentAccess {
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    color: #014466;
    font-size: 16px;
    padding: 0 9rem 2rem;
    margin: 4rem 0 0;
    text-align: left;
    width: 100%;
    margin: 60px auto;
    box-shadow: 0px 10px 40px rgba(161, 180, 189, 0.25);
}

#parentAccess .round-icon {
float:left;
margin-left:-110px;
margin-top:2rem;
padding-top:1rem;
}

#parentAccess a {
color:#fff;
}
#parentAccess p {
    font-size:14px;
    color:#6a6a6a;
}
#parentAccess .actionbuttonwide a {
border:#fff solid 2px;
}

#parentAccess h3 {
color:#014466 !important;
text-align:left;
padding-top:2rem;
font-size:1.35rem;
font-weight:600!important;
margin-bottom:10px;
}

#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: #0e7aa4 !important;
    font-weight: 600;
}
#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:.4rem;
}
#parent-survey {
margin: 0px !important;
}

#parent-survey .sectionbody {
    margin:0px !important;
}

#parent-survey .sectionbox {
    background: rgba(29,35,67, 1) !important;
    border-radius: 0px;
    min-height: 131px;
    border: none !important;
    color: #fff;
}

#parent-survey .sectionbox p {
    margin: 10px 30px !important;
}

#parent-survey ul {
    color: #fff;
    background: rgba(255,255,255, .4) !important;
    margin: 0px !important;
}

#parent-survey ul a {
    color: #fff !important;
}

#parent-survey .sectionbody h3 {
    padding: 30px !important;
    color: #fff;
    border-bottom: 1px solid #fff !important;
    height: 63px !important;
    background: transparent url(/images/transitions/portfolio/icon-survey-white.png) 880px 10px no-repeat !important;
    background-size: 50px !important;
    margin:0px !important;
}

#parent-survey .survey-status {
    margin-top: -70px;
    margin-right: 70px;
}

@media only screen and (max-width: 710px) {
    
    .notification-wrap .notification-content {left:-190px;right:inherit !important;}
    .notification-wrap .notification-content.show::before {left:191px !important;}
}
@media only screen and (max-width: 640px) {
    
    .notification-wrap .notification-content {left:0px;}
    .notification-wrap .notification-content.show::before {left:2px !important;}
}

/* sectionbox fixes */
.sectionflex .sectionbox h3, h3 a {
    color: #111;
    font-family: 'Quicksand', 'Arial', 'Helvetica', sans-serif;
    text-decoration: none;
    text-transform: none;
    font-weight: 700;
    font-size: 1rem;
    margin: 0px 0px 0px 6px;
}

#mainpanel .sectionboxwide h3 {
    color: #111;
}

#mainpanel .sectionbox h3 a:hover{
    color: #111;
}

.sectionflex .sectionbox {
    width: 46.425%;
}

.sectionflex .sectionboxwide {
    width: 98%;
}

@media (max-width: 640px) {
    .sectionflex .sectionbox, .sectionbox-cluster, .sectionboxwide, .sectionbox-progress {
        margin: .425rem .425rem .425rem 0 !important;
    }
}

body .uwy.userway_p1 {
    z-index: 214 !important;
}



    /* Career list IA styles */
    .results-wrap .career-card-wrap .career-top a,
    .results-wrap .panel-wrap .panel-header h3 i, 
    .results-wrap .panel-wrap .panel-header h4 i,
    .results-wrap .result-top .filter-pill i,
    .print-wrap #pagecontrols .printthis a,
    .print-wrap #pagecontrols .emailthis a,
    .print-wrap #pagecontrols .pdfthis a {
        color:#44C4F4 !important;
    }
    .results-wrap .result-top .filter-pill:hover, .results-wrap .result-top .filter-pill:focus, .results-wrap .result-top .filter-pill:active {
        border-color:#44C4F4 !important;
    }
    .results-wrap .result-filters .filter-search .search-btn {
        background-color:#44C4F4 !important;
    }
    .results-wrap .career-card-wrap .career-top .btn-card-save,
    .results-wrap .result-paging .paging a {
        border-color:#44C4F4 !important;
        color:#44C4F4 !important;
    }
    .results-wrap .career-card-wrap .career-top .btn-card-save:hover,
    .results-wrap .result-paging .paging a:hover {
        background-color:#44C4F4 !important;
        color:#fff !important;
    }
    .result-paging .paging a.active {
        background-color:#44C4F4 !important;
        color:#fff !important;
    }
    .print-wrap #pagecontrols {
        padding-top:0px !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-left:0;
        margin-right:4px;
    }
    .results-wrap .result-paging {
        margin-bottom:30px;
    }

    .pos-container .note a {cursor:pointer !important;}

/* ---------------- New POS styling ------------ */
.activity-pos .activity-hero .container {
    max-width: 61.0625rem;
}
.activity-pos .cta-wrap .cta-left {width:70%;}
.activity-pos .cta-wrap .cta-right {width:30%;}

/* -------------- Resume builder --------------------- */
    .resume-content .format-col {
        width:100% !important;
        margin-left:0 !important
    }


/* ------------- Ai Assist ------------------ */
.home-ai-box {
        background: #F2FAFB;
        padding: 30px 40px;
        border-radius: 10px;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin: 0 0 60px;
        border-left: 4px solid #13bee2;
    }

    .home-ai-box .icon {
        display: flex;
        flex-direction: column;
        background: #fff;
        border-radius: 60px;
        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.09);
        height: 60px;
        width: 60px;
        padding: 7px;
        margin-right: 30px;
    }

    .home-ai-box h3 {
        font-size: 18px !important;
        font-weight: 600;
        text-align: left;
        padding-right: 20px;
        line-height: 22px !important;
    }

    .home-ai-box .btn-gradient {
        background: linear-gradient(#F2FAFB, #F2FAFB) padding-box, linear-gradient(44deg, #13BEE2 8.01%, #FFCB5B 101.37%) border-box;
        color: #313149;
        padding: 8px 40px;
        border: 3px solid transparent;
        border-radius: 40px;
        display: inline-block;
        font-size: 28px;
        font-size: 14px;
        color: #014466;
        text-align: center;
        -webkit-transition: 250ms ease-in-out;
        transition: 250ms ease-in-out;
        font-weight: 600;
        margin-left: auto;
        min-width: 175px;
    }

    .home-ai-box .btn-gradient:hover {
        background: #44c4f4 !important;
        color: #fff !important;
        text-decoration: none;
    }

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

        .home-ai-box .icon {
            margin-right: 20px;
        }

        .home-ai-box h3 {
            font-size: 16px !important;
        }

        .home-ai-box .btn-gradient {
            padding: 8px 25px;
        }
    }

    @media (max-width: 916px) {

        .home-ai-box {
            margin-bottom: 50px;
        }
    }

    @media (max-width: 767px) {

        .home-ai-box {
            flex-direction: column;
            text-align: center;
            border-left: none;
            border-top: 4px solid #13bee2;
        }

        .home-ai-box .icon {
            margin-right: 0;
            margin-bottom: 15px;
            height: 45px;
            width: 45px;
            padding: 5px;
        }

        .home-ai-box h3 {
            padding-right: 0;
            text-align: center;
        }

        .home-ai-box .btn-gradient {
            margin-left: unset;
            margin-top: 20px;
        }
    }



.section-ai {
        background:none;
    }
    .ai-badge {
        background: #F2FAFB;
        padding: 30px 40px;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 0 60px;
    }

    .ai-badge .icon {
        display: flex;
        flex-direction: column;
        background: #fff;
        border-radius: 60px;
        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.09);
        height: 60px;
        width: 60px;
        padding: 7px;
        position: absolute;
        top: 0px;
    }

    .ai-badge h3 {
        font-size: 18px !important;
        font-weight: 600;
        text-align: center;
        line-height: 22px !important;
        position:relative;
        padding:0;
        margin: 25px 0 0;
        background:none;
        margin-bottom:0 !important;
    }
    .ai-badge h3:before {
        width: 20px;
        content: " ";
        background-image: url(/images/Transitions/portfolio/graphic-star-blue.png);
        position: absolute;
        left: 0px;
        top: 6px;
        height: 24px;
        display: block;
        background-size: 22px auto;
    }
    .ai-badge h3:after {
        width: 22px;
        content: " ";
        background-image: url(/images/Transitions/portfolio/graphic-star-yellow.png);
        position: absolute;
        right: -2px;
        top: 5px;
        height: 20px;
        display: block;
        background-size: 26px auto;
        background-color: transparent;
        margin: 0;
    }
    .ai-badge p {
        font-size: 14px !important;
        font-weight: 400;
        text-align: center;
        padding: 0;
        margin: 10px 0 25px;
    }

    .ai-badge .btn-gradient {
        background: linear-gradient(#F2FAFB, #F2FAFB) padding-box, linear-gradient(44deg, #13BEE2 8.01%, #FFCB5B 101.37%) border-box;
        color: #313149;
        padding: 8px 30px;
        border: 3px solid transparent;
        border-radius: 40px;
        display: inline-block;
        font-size: 28px;
        font-size: 14px;
        color: #014466;
        text-align: center;
        -webkit-transition: 250ms ease-in-out;
        transition: 250ms ease-in-out;
        font-weight: 600;
        margin: 0;
        min-width: 175px;
    }

    .ai-badge .btn-gradient:hover {
        background: #0E7AA4 !important;
        color: #fff !important;
        text-decoration: none;
    }

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

        .ai-badge .btn-gradient {
            padding: 8px 25px;
        }
    }

    @media (max-width: 767px) {

        .ai-badge{margin-top:40px;}
        .ai-badge .icon {top:25px;}
    }

    @media (max-width: 640px) {

        .ai-badge h3:before {left:-28px;}
        .ai-badge h3:after {right:-25px;}
        div#rightbarcontent.page-hero-rightbar:first-child {border-top:none !important;}
    }
/* user widge */
body .uwy.userway_p1 .userway_buttons_wrapper {
    top:21px !important;
}
body .uwy.userway_p1 {
    z-index:2000 !important;
}

p,
span,
div,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family:"Poppins"
}

/* menu styling */
.page-wrap {
    background: #fff;
    width: 100%;
    position: relative;
}

#page .page-wrap {
    padding-left: 105px;
}
.left-menu {
    width: 105px;
    position: fixed;
    height: 100vh;
    background: #03293C;
    z-index: 10000;
    padding: 50px 0;
}

.left-menu .menu-wrap {
    position: relative;
    display: flex;
    padding: 10px 0;
    opacity:.8;
}
.left-menu .menu-wrap:hover {
    opacity:1;
}
.left-menu .menu-wrap.active {
    opacity:1;
}
.left-menu .menu-wrap.active:before {
    content: "";
    height: 25px;
    width: 3px;
    background-color: #009aba;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: auto 0;
}

.left-menu .menu-item {
    color: #fff !important;
    font-size: 11px;
    font-weight: 600;
    width: 100%;
    text-align: center;
}

.left-menu .menu-item:hover {
    color: #fff !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

.left-menu .menu-item#Career::before,
.left-menu .menu-item#CareerPlanning::before {
    background: url(/images/transitions/icon-menu-career.png) 0 0 no-repeat;
    display: block;
    content: "";
    height: 22px;
    width: 22px;
    background-size: contain;
    margin: 0 auto 5px;
}
.left-menu .menu-wrap.active .menu-item#Career::before {
    background: url(/images/transitions/icon-menu-career-active.png) 0 0 no-repeat;
    display: block;
    content: "";
    height: 22px;
    width: 22px;
    background-size: contain;
    margin: 0 auto 5px;
}
.left-menu .menu-item#HighSchool::before,
.left-menu .menu-item#HighSchoolPlanning {
    background: url(/images/transitions/icon-menu-school.png) 0 0 no-repeat;
    display: block;
    content: "";
    height: 22px;
    width: 22px;
    background-size: contain;
    margin: 0 auto 5px;
}
.left-menu .menu-wrap.active .menu-item#HighSchool::before {
    background: url(/images/transitions/icon-menu-school-active.png) 0 0 no-repeat;
    display: block;
    content: "";
    height: 22px;
    width: 22px;
    background-size: contain;
    margin: 0 auto 5px;
}
.left-menu .menu-item#College::before,
.left-menu .menu-item#CollegePlanning::before {
    background: url(/images/transitions/icon-menu-college.png) 0 0 no-repeat;
    display: block;
    content: "";
    height: 22px;
    width: 22px;
    background-size: contain;
    margin: 0 auto 5px;
}
.left-menu .menu-wrap.active .menu-item#College::before {
    background: url(/images/transitions/icon-menu-College-active.png) 0 0 no-repeat;
    display: block;
    content: "";
    height: 22px;
    width: 22px;
    background-size: contain;
    margin: 0 auto 5px;
}
.left-menu .menu-item#FinancialAid::before,
.left-menu .menu-item#FinancialAidPlanning::before {
    background: url(/images/transitions/icon-menu-money.png) 0 0 no-repeat;
    display: block;
    content: "";
    height: 22px;
    width: 22px;
    background-size: contain;
    margin: 0 auto 5px;
}
.left-menu .menu-wrap.active .menu-item#FinancialAid::before {
    background: url(/images/transitions/icon-menu-money-active.png) 0 0 no-repeat;
    display: block;
    content: "";
    height: 22px;
    width: 22px;
    background-size: contain;
    margin: 0 auto 5px;
}
.left-menu .menu-item#Portfolio::before,
.left-menu .menu-item#PortfolioPlanning::before {
    background: url(/images/transitions/icon-menu-portfolio.png) 0 0 no-repeat;
    display: block;
    content: "";
    height: 22px;
    width: 22px;
    background-size: contain;
    margin: 0 auto 5px;
}
.left-menu .menu-wrap.active .menu-item#Portfolio::before {
    background: url(/images/transitions/icon-menu-portfolio-active.png) 0 0 no-repeat;
    display: block;
    content: "";
    height: 22px;
    width: 22px;
    background-size: contain;
    margin: 0 auto 5px;
}
.left-menu .menu-item .num-count {
    display: inline-block;
    background: #355463;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 12px;
    margin-bottom: 5px;
}
.left-menu .menu-wrap.active .menu-item .num-count {
    background: #0E7AA4;
    color:#fff;
}
.left-menu .menu-item .num-count + span {
    display: block;
}

.left-menu .sub-menu {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
    position: absolute;
    box-shadow: 0px 5px 40px 0px rgba(161, 180, 189, 0.25);
    background: #fff;
    color: #6a6a6a;
    z-index: 20000;
    padding: 10px 0;
    list-style: none;
    left: 90px;
    top: 0;
    border-radius: 10px;
    width: 200px;
}

.left-menu .menu-wrap:hover > .sub-menu,
.left-menu .menu-wrap:focus-within .sub-menu {
    visibility: visible;
    opacity: 1;
}

.left-menu .sub-menu a {
    font-size: 12px;
    font-weight: 600;
    padding: 5px 20px;
    width: 100%;
    display: block;
}

.left-menu .sub-menu a:hover,
.left-menu .sub-menu a:focus{
    background: #F2FAFB;
    color:#014466;
    text-decoration:none;
    opacity: 1 !important;
}

.left-menu .ac-menu {
    width: 250px;
}

.left-menu .ac-menu li:nth-child(2) {
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.left-menu .ac-msg {
    background: #FDF5E7;
    border-left: 3px solid #F3BD5F;
    margin: 10px 20px 20px 20px;
    padding: 10px 10px;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.left-menu .ac-msg img {
    height: 22px;
    width: 22px;
}

.left-menu .ac-msg span {
    font-size: 12px;
    line-height: 16px;
}

.left-menu .ac-links a {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.left-menu .ac-links .num-count {
    background: #E4F5FA;
    padding: 8px 10px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#0E7AA4;
}

.left-menu .ac-links .title {
    line-height: 17px;
    font-size: 12px;
    font-weight: 600;
    padding: 0;
    width: 100%;
    display: block;
    color: #014466;
    margin: 0;
    background: none !important;
}
.left-menu .ac-links a:hover {
    opacity:1 !important;
}
.left-menu .btn-sign-out {
    display:none;
}
/* Styling of other elements */
:root {
    --header-outer-height: 90px;
    --header-inner-height: 70px;
    --header-height-difference: calc( var(--header-outer-height) - var(--header-inner-height) );
}

.header-outer {
    height: var(--header-outer-height);
    position: sticky;
    top: calc(var(--header-height-difference) * -1);
    display: flex;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    z-index: 1000;
    padding-left: 105px;
}

.rounded-top {
    position: fixed;
    top: 0;
}

.rounded-bottom {
    position: fixed;
    bottom: 0;
    z-index: 2000;
}

.header-inner {
    height: var(--header-inner-height);
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-inner.responsive-wrapper {
    width: 90%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.header-navigation {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.header-navigation a,
.header-navigation button {
    font-size: 1.125rem;
    color: inherit;
    margin-left: 28px;
    position: relative;
    font-weight: 500;
}

.header-navigation a {
    font-size: 14px;
    color: #6F7285;
    text-decoration: none;
    position: relative;
}
.header-navigation .top-btn {
    color: #6F7285 !important;
    height: unset !important;
}
.header-navigation .top-btn:hover {
    color:#0E7AA4 !important;
}
#google_translate_element {
    padding:0 !important;
}
#google_translate_element:after {
    display: none !important;
}
.goog-te-gadget-simple span a {
    margin-right: 0;
    color: #6F7285 !important;
    height:18px;
    display:inline-block;
    position:relative;
}
.goog-te-gadget-simple span a:hover {
    color:#0E7AA4 !important;
}
.goog-te-gadget-simple span a:focus {
    color:#0E7AA4 !important
}
.goog-te-gadget-simple span a:focus span {
    display: none;
}
.goog-te-gadget-simple span a:before {
    content: "\f024";
    font-family: "Font Awesome 6 Free";
    font-weight: normal;
}
.goog-te-gadget-simple span a:hover:after {
    transform: scalex(1);
}
.goog-te-gadget-simple span a:after {
    transition: 0.25s ease;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: currentcolor;
    transform: scalex(0);
    position: absolute;
    bottom: -2px;
    left: 0;
}
.goog-te-gadget-simple span a span {
    position:absolute;
    top: 18px;
    text-decoration: none;
    z-index: 1070;
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    color: #fff !important;
    text-transform: none;
    opacity: .7;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0px 22px 40px 0px rgba(161, 180, 189, 0.25);
    margin-top: 10px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}
.goog-te-gadget-simple span a span:after {
    display:none !important;
}
.goog-te-gadget-simple span a:hover span {
    visibility: visible;
    opacity: .8;
}
.header-navigation .top-btn .fa-calendar-o:before {
    content: "\f133" !important;
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal
}
.header-navigation a .tooltip {
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    color: #fff;
    opacity: .7;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0px 22px 40px 0px rgba(161, 180, 189, 0.25);
    margin-top: 10px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

.header-navigation a:hover .tooltip {
    visibility: visible;
    opacity: .8;
}

.header-navigation button {
    border: 0;
    background-color: transparent;
    padding: 0;
}
.header-navigation .top-btn:focus {
    color: #0E7AA4;
}
.header-navigation .top-btn:focus .tooltip {
    display: none;
}
.header-navigation .top-btn:hover:after {
    transform: scalex(1);
}

.header-navigation .top-btn:after {
    transition: 0.25s ease;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: currentcolor;
    transform: scalex(0);
    position: absolute;
    bottom: -2px;
    left: 0;
}
.header-navigation .btn-sign-in {
    background: #0E7AA4;
    color: #fff;
    border-radius: 30px;
    border: none;
    font-size: 14px;
    padding: 8px 20px;
    margin: 0 0 0 28px;
    width: unset !important;
    font-weight: 600 !important;
}
.header-navigation .btn-sign-in:hover {
    background:#014466;
}
.user-menu {
    position: relative;
}
.user-menu:focus {
    outline:none;
}
.user-menu .icon-user {
    height: 36px;
    width: 36px;
    flex: 0 0 36px;
    min-width: 0;
    display: flex;
    background: #0E7AA4;
    border-radius: 30px;
    color: #fff !important;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    margin-left:20px;
    font-size:14px;
}
.user-menu .icon-user span{
    color: #fff !important;
    font-weight: 600;
    font-size:14px !important;
}
.user-menu .dropdown {
    position: absolute;
    box-shadow: 0px 5px 40px 0px rgba(161, 180, 189, 0.25);
    background: #fff;
    width: 235px;
    border-radius: 10px;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
}
.user-menu:hover .dropdown,
.user-menu:focus-within .dropdown {
    visibility: visible;
    opacity: 1;
}

.user-menu .dropdown .top {
    display: flex;
    flex-direction: row;
    justify-content: start;
    gap: 12px;
    align-items: start;
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.user-menu .dropdown .icon-user {
    margin-left: 0;
}

.user-menu .dropdown .top h3,
.user-menu .dropdown .top h3 span{
    font-size: 14px;
    color: #014466;
    font-weight: 600;
    margin: 2px 0;
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user-menu .dropdown .top .school-name {
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user-menu .dropdown .top p,
.user-menu .dropdown .top span{
    margin-bottom: 0;
    font-size: 12px;
    color: #6a6a6a;
    padding-top:0 !important;
    padding-bottom: 0 !important;
    line-height:18px;
}

.user-menu .dropdown .bottom {
    padding: 20px 0;
}

.user-menu .dropdown .bottom .menu-item {
    display: flex;
    flex-direction: row;
    gap: 13px;
    align-items: center;
    margin: 0;
    padding: 5px 20px;
}
.user-menu .dropdown .bottom .menu-item:hover {
    background: #F2FAFB;
    text-decoration:none;
    opacity: 1;
}
.user-menu .dropdown .bottom .menu-item:hover::after {
    display: none;
}
.user-menu .menu-item .icon {
    background: #E4F5FA;
    height: 30px;
    width: 30px;
    color: #009aba;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    position:relative;
}

.user-menu .menu-item .content {
    display: flex;
    flex-direction: column;
    background: none;
}

.user-menu .menu-item strong {
    font-size: 12px;
    color: #014466;
    font-weight: 600;
}

.user-menu .menu-item span {
    font-size: 12px;
    color: #6a6a6a;
    font-weight: 400;
}

.user-menu .bottom a:last-child {
    border: 2px solid #0E7AA4;
    color: #0E7AA4 !important;
    font-size: 14px;
    font-weight: 600;
    margin: 15px 20px 0px 20px;
    padding: 7px 10px;
    display: block;
    border-radius: 30px;
    text-align: center;
}
.user-menu .bottom a:last-child:hover {
    color:#fff !important;
    background:#0E7AA4;
    border-color:#0E7AA4;
}
.parent-user {
    display:none !important;
}

.menu-2 {
    display:none;
}

#mobile-menu-toggle {
    display:none;
}

/* ---------- responsive ---------- */
@media (min-width: 916px) {
    .left-menu.nav-collapse {
        display: unset !important;
        height: 100vh !important;
        padding: 50px 0;
        overflow: unset !important;
    }
}

@media (max-width: 991px) {
    .header-navigation {
        margin-right: 20px;
    }
}
@media (max-width: 916px) {

    .rounded-top,
    .rounded-bottom {
        display:none;
    }
    .user-menu {
        display: none;
    }
    .menu-2 {
        display: block;
    }
    .menu-1 {
        display: none;
    }
    #mobile-menu-toggle {
        display: flex;
        background: #0E7AA4;
        height: 36px;
        width: 36px !important;
        border-radius: 30px;
        margin-bottom: 0;
        box-shadow: none;
        font-weight: bold;
        color: #fff !important;
        justify-content: center;
        align-items: center;
        padding:0;
        min-height:unset !important;
    }
    #mobile-menu-toggle.signed-out {
        margin-right: -18px;
    }
    #mobile-menu-toggle .menu-icon {
        position: relative;
        left: -1px;
    }
    #mobile-menu-toggle span:before {
        content:"\f00d";
        font-family: "Font Awesome 6 Free";
    }
    #mobile-menu-toggle.collapsed span:before {
        content:"\f0c9";
        font-family: "Font Awesome 6 Free";
    }
    .header-outer {
        padding-left: 0;
        height: 70px;
        top: 0;
    }
    #page .page-wrap {
        padding-left: 0;
    }
    .left-menu {
        width: 100%;
        background: #fff;
        z-index: 50;
        padding: 186px 20px 0 20px;
        overflow:auto;
    }
    .left-menu .menu-wrap {
        display:block;
        padding:0;
        opacity:1;
    }
    .left-menu .menu-item {
        color:#014466 !important;
        font-size:14px;
    }
    .left-menu .menu-item:focus {
        outline:none;
        text-decoration:none;
    }
    .left-menu .menu-item:hover {
        color: #014466 !important;
        text-decoration: none !important;
    }
    .left-menu .menu-item .num-count + span {
        display:inline-block;
    }
    .left-menu .sub-menu {
        display:none;
        visibility:unset;
        opacity:1;
    }
    .left-menu .sub-menu,
    .left-menu .ac-menu{
        width: 100%;
        position: relative;
        left: 0;
        box-shadow: none;
        margin-bottom:0;
    }
    .left-menu .ac-msg {
        margin:0px 20px 0px 20px;
    }
    .left-menu .ac-menu li:nth-child(2) {
        border-top:none;
    }
    .left-menu .ac-menu .ac-links a {
        width: unset;
        display: flex;
        border-radius: 0;
    }
    .left-menu .menu-item .num-count {
        background-color: #D6EFF4;
        margin-right: 10px;
        color: #014466;
    }
    .left-menu a:last-child {
        display: block;
        color: #0E7AA4 !important;
        font-weight: 600;
        border: 2px solid #0E7AA4;
        padding: 6px 20px;
        text-align: center;
        border-radius: 30px;
        margin-top: 10px;
        font-size: 14px;
    }
    .left-menu .sub-menu a {
        border:none;
        color:#014466;
        text-align:left;
        font-size: 12px;
        font-weight: 600;
        padding: 5px 20px ;
        width: 100% ;
        display: block;
        margin: 0;
    }
    /* mobile menu */
    .left-menu .menu-wrap.active:before {
        content: "";
        height: -webkit-fill-available;
        width: 3px;
        background-color: #009aba;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        margin: auto 0;
        position: absolute;
        left: -20px;
    }
    .user-menu-mobile {
        display:block;
    }
    .user-menu-mobile .icon-user {
        display:none;
    }
    .user-menu-mobile .top .icon-user {
        display:flex;
    }
    .user-menu-mobile .top .icon-user span {
        color:#fff;
    }
    .user-menu-mobile .top .icon-user + div {
        max-width:90%;
    }
    .user-menu .dropdown .top .school-name,
    .user-menu .dropdown .top h3 {
        width: 100%;
    }
    .user-menu-mobile .dropdown {
        visibility: visible;
        opacity: 1;
        width: 100%;
        position: fixed;
        top: 70px;
        border-radius: 0;
        box-shadow: none;
        border-top: 1px solid #eee;
    }
    .mobile-menu-parent,
    .left-menu .menu-item {
        display: block;
        background: none;
        border: none;
        padding: 5px 0;
        width: 100% !important;
        text-align: left !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #014466 !important;
        text-align: left !important;
    }
    .mobile-menu-parent:after,
    .left-menu .menu-item:after {
        content: "\2b";
        font-family: "Font Awesome 6 Free";
        position: absolute;
        right: 0;
        top: 6px;
    }
    .left-menu .menu-item::before {
        display:none !important;
    }
    .mobile-menu-parent.open:after {
        content: "\f068";
        font-family: "Font Awesome 6 Free";
        position: absolute;
        right: 0;
        top: 5px;
    }
    .user-menu-mobile .dropdown .bottom{
        display:none;
    }
    .user-menu-mobile .btn-sign-out {
        display:none !important;
    }
    .parent-user {
        display: block !important;
    }
}
@media (max-width: 640px) {
    #languagebox {
        width:unset;
    }
    #google_translate_element { 
        margin: 0 !important;
        float: none !important;
        background: transparent;
        padding: 0 !important;
    }
    .header-navigation {
        margin-right: 40px;
    }
    #mobile-menu-toggle {
        margin-left:20px;
    }
    #mobile-menu-toggle.signed-out {
        height: 30px;
        width: 30px;
    }
    .header-navigation .btn-sign-in {
        font-size: 12px;
        padding: 6px 12px;
    }
}
@media (max-width: 480px) {

    .header-logo {
        height: 25px;
        width: 100px;
    }
    #mobile-menu-toggle {
        margin-left: 10px;
    }

    .header-navigation .top-btn {
        margin-left: 15px;
    }

    .goog-te-gadget-simple span a {
        margin-left: 0;
    }

    .skiptranslate:before {
        display: none;
    }
}
@media (max-width: 385px) {
    
}