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 */
body {
background-color:#F2FAFB;
color:#6A6A6A;
font-family:'Poppins', 'Arial', 'Helvetica', sans-serif;
font-size:16px;
margin:0;
padding:0;
}

a {
color:inherit;
cursor:pointer;
-webkit-transition:0.2s ease-in-out!important;
-moz-transition:0.2s ease-in-out!important;
-ms-transition:0.2s ease-in-out!important;
-o-transition:0.2s ease-in-out!important;
transition:0.2s ease-in-out!important;
}

a:hover {
-webkit-transition:.2s ease-in-out!important;
-moz-transition:.2s ease-in-out!important;
-ms-transition:.2s ease-in-out!important;
-o-transition:.2s ease-in-out!important;
transition:.2s ease-in-out!important;
text-decoration:none;
color:#014466;
}
.header-logo {
    background-image: url(/images/choices360/rd2019/360_logo.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 95px;
    background-size: contain;
    display: inline-block;
    position: relative;
}
table.tfactions h4 {
color:#161846!important;
}

#compareSchools select {
background-color:#EFFBFF;
color:#666;
padding-left:2rem;
margin-right:2px;
width:95%;
}
input:-webkit-autofill {
font-family:'Poppins', helvetica, arial, sans-serif;
}
input[type=text],
input[type=password],
select,
textarea,
#careerProfile .field input,
.simpleSelectList,
#mainpanel .sectionbox .interfaceSearchBox {
display:inline-block;
padding:8px 12px;
font-size:.9rem;
height:auto;
line-height:1.42857143;
background-color:#fff;
background-image:none;
border:1px solid #C2CAD8;
border-radius:4px;
-webkit-transition:0.2s ease-in-out!important;
-moz-transition:0.2s ease-in-out!important;
-ms-transition:0.2s ease-in-out!important;
-o-transition:0.2s ease-in-out!important; 
transition:0.2s ease-in-out!important;
}

#careerProfile select {
font-size:.9rem!important;
}

.hide-on-med,
.hide-on-small {
display:none;
}

/* New tile styling */
.tile-wrap .tile-content .title { 
font-weight:600!important;
}
.tile-wrap.tile-progress .start-progress .progress-bar {
background-color:#0E7AA4;
}


/* Redesign colors */
h2 i,
.tile-wrap.tile-full.index .tile-content i {
color:#0E7AA4!important;
}

.rightsection .fas.fa-upload {
color:#0E7AA4!important;
}
.interfaceSearchPanel .btn-search {
padding:10px!important;
}
ul.portfolio-pill-list li a:hover {
text-decoration:none;
color:#014466!important;
}

ul.portfolio-pill-list a {
color:#0E7AA4!important;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
padding:12px;
background-color:#0E7AA4;
}

/* Navigation */
#topbar {
background:#0E7AA4;
color:#fff;
padding:1rem;
}

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

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

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

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

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

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

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

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

#topbar-ttu ul li a,
#topbar-utility ul li a {
font-family:'Poppins', helvetica, arial, sans-serif;
color:#fff!important;
font-size:.815rem;
-webkit-transition:color 250ms ease-in-out;
transition:color 250ms ease-in-out;
}

#topbar-ttu ul li a:hover,
#topbar-utility ul li a:hover {
color:#fff!important;
text-decoration:underline;
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}

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

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

#primarynav-divider {
display:block;
height:120px;
width:1px;
opacity:.2;
background:#fff;
margin:1.225rem 1.25rem 0;
}

#primarynav ul#navigation {
font-family:'Poppins', helvetica, arial, sans-serif;
text-transform:uppercase;
}

#primarynav ul#navigation li {
text-indent:0;
margin-right:2rem;
}

#primarynav ul#navigation li a {
font-family:'Poppins';
font-size:.915rem;
background:none;
display:inline-block;
width:auto!important;
color:#014466!important;
height:auto;
font-weight:bold;
line-height:1.2;
letter-spacing:.7px;
}

#primarynav ul#navigation li a:hover {
color:#0E7AA4!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;
}

#primarynav ul#navigation li.selected a {
color:#0E7AA4!important;
}

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

#primarynav ul#navigation li:last-child {
margin-right:0;
padding-left:1.55rem;
}

#primarynav ul#navigation #CareerPlanning {
max-width:8rem;
}

#primarynav ul#navigation #HighSchoolPlanning {
max-width:8rem;
}

#primarynav ul#navigation #CollegePlanning {
max-width:8rem;
}

#primarynav ul#navigation #FinancialAidPlanning {
max-width:8rem;
}

#primarynav ul#navigation #YourPortfolio {
max-width:8rem;
}

#primarynav ul#navigation #OfftoWork {
max-width:6rem;
}

#subnavigation {
min-width:auto!important;
}

#primarynav ul#subnavigation:not(.HomeSub) {
background:none;
border-top:1px solid #eee;
padding:.625rem;
width:100%;
text-align:right;
margin:.625rem 1rem 0;
color:#014466;
}

#primarynav ul#subnavigation li {
margin-left:.8rem;
}

#primarynav ul#subnavigation li a {
padding:0;
font-family:'Poppins';
font-size:.815rem;
color:#014466;
}

#primarynav ul#subnavigation li a:hover {
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
color:#161846;
text-decoration:none;
}

#primarynav ul#subnavigation li.selected a {
color:#0E7AA4!important;
}

.notification-wrap {
padding-top:3px;
}

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

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

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

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

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

.paws-icon {
background:transparent url(/images/choices360/rd2019/icon-paws.png) top center no-repeat;
background-repeat:no-repeat;
width:60px;
height:60px;
position:relative;
background-size:60px 60px;
text-indent:-9000px;
display:inline-block;
margin-bottom:1rem;
color:#000;
}

.welcome-icon {
background:transparent url(/images/choices360/rd2019/icon-welcome.png) top center no-repeat;
background-repeat:no-repeat;
width:60px;
height:60px;
position:relative;
background-size:60px 60px;
text-indent:-9000px;
display:inline-block;
margin-bottom:1rem;
}

.inner-shd {
margin-bottom:40px;
background:transparent;
}

/* fixes */
.portfolio-help .fa-question-circle-o {
font-size:1.75rem;
}

.portfolio-milestone {
margin-top:-65px;
}

#midsection .widecolumn {
width:50%!important;
padding-top:5px!important;
}
#midsection .widecolumn p {
padding-right:0!important;
}
#midsection {
background-image:none!important;
}

#voicesBtm h3 {
padding:0 0 0 8.4375rem!important;
margin:0!important;
}

.btn-primary {
background:#0E7AA4;
border:#0E7AA4 solid 2px;
border-radius:46px;
padding:4px 14px;
width:auto;
display:block;
text-align:center;
font-size:1rem;
color:#fff!important;
margin-bottom:1.5rem;
font-weight:600;
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}

.modal-footer .btn-primary, .EditModeButtons .btn-primary {
display:inline-block;
font-size:inherit;
margin-bottom:0;
}

.modal-footer .btn {
border-radius:46px;
}

.modal-body {
font-size:14px;
}

.btn-primary:hover {
background:#006A98!important;
border:#006A98 solid 2px;
color:#fff!important;
text-decoration:none;
}

table#mainbody {
margin:50px 0;
}

.multiRowSelect {
width:100%!important;
}

.whtabbednav a {
font-size:.79rem;
color:#fff!important;
width:135px;
}

.whtabbednav a.selected {
color:#0E7AA4!important;
}

#whcontainer .tflegendcontainer {
width:100%;
}

#whcontainer .tflegendcontainer td {
width:65%;
}

#finderMain fieldset {
border:0;
border-bottom:1px solid #C0C0C0;
clear:both;
position:relative;
z-index:auto;
padding:0 8px 8px 8px;
}

#finderMain legend {
margin-bottom:0;
font-weight:600;
}

#finderMain .help a {
font:1px sans-serif;
text-indent:-1000px;
display:block;
height:24px;
width:35px;
background:transparent url(/Images/Transitions/tabbed-feature/question_btn.png) right 0 no-repeat;
position:absolute;
top:15px;
right:15px;
z-index:24;
padding:0 0 3px 5px;
}

#finderMain .help a span.tip {
display:none;
_display:block;
_padding-left:28px;
_color:#999;
}

#finderMain .help a:hover,
#finderMain .help a:focus {
z-index:25;
}

#finderMain .help a:hover span.tip,
#finderMain .help a:focus span.tip {
z-index:26;
display:block;
position:absolute;
border:2px solid #161846;
text-decoration:none;
top:0;
right:0;
background:#fff;
color:#000;
padding:4px;
text-indent:0;
font-size:12px;
height:auto;
overflow:auto;
width:450px;
}

#finderMain .clearall {
margin-bottom:20px;
}

#checklist h4 {
color:#161846!important;
margin:1em 0 0 0;
font-family:'Poppins', helvetica, arial, sans-serif;
text-transform:uppercase;
font-weight:700;
letter-spacing:1px;
font-size:1rem;
}

#careerProfile h3,
#careerProfile h4,
.smallsection h4 {
color:#014466!important;
}

#careerProfile h4 {
font:bold .95rem 'Poppins', helvetica, arial, sans-serif!important;
}

#portfolioView h4,
h4.title.portfolio-title,
h4.title.portfolio-title a {
color:#EE825C!important;
}

h4.title.portfolio-title a {
font-size:.825rem
}

.grid-container {
max-width:73.125rem;
z-index:auto!important;
}
#main-footer .grid-container {
    width: 90%;
    max-width: unset;
    padding: 0;
}
#main .tfcontrols .interfaceSearchBox {
height:auto!important;
padding:6px 4px!important;
background-color:#fff!important;
border:1px solid #ccc!important;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
}

#main #profileSection h3 a,
#main #journalSection h3 a,
#main #milestonesSection h3 a,
#main #portfolioSection h3 a,
#main #snapshotsection h3 a,
#main #ilpsection h3 a {
font-size:1rem!important;
font-family:'Poppins', helvetica, arial, sans-seri!important;
color:#014466!important;
}

@media (max-width:640px) {
#toolsContainer .toolsectionbodyshort, #toolsContainer .toolsectionbody, #toolsContainer .floatSection {
-ms-flex:0 0 80%!important;
flex:0 0 80%!important;
max-width:80%!important;
}
}

/* 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:.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:.9375rem;
margin-left:.625rem;
}

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


/* Sidebar */

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

div#rightbarcontent:first-child {
padding-top:0;
padding-left:.5rem;
height:100%;
border-top:1px solid #EEEEEE;
margin-top:5.084rem;
}
.panel-wrap.cl-widget .panel-body {
padding:0!important;
}
.rightsection .simpleForm tbody {
display:block;
}

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

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

.rightsection .simpleForm label {
font-size:1rem!important;
color:#222;
}

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

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

.rightsection .logonButton {
border:1px solid #FF6E15!important;
background:#FF6E15;
display:inline-block;
border-radius:83.5625rem;
padding:.625rem 1rem .425rem;
font-size:.9375rem;
text-transform:uppercase;
font-family:'Poppins', helvetica, arial, sans-serif;
margin-bottom:1rem;
}

.rightsection a.logonButton {
color:#fff!important;
}

.rightsection a.logonButton:hover {
color:#161946!important;
text-decoration:none;
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}

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

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

.rightsectiontop h3 {
font-family:Poppins;
font-style:normal;
font-weight:600;
font-size:1rem;
line-height:21px;
color:#014466!important;
text-transform:none!important;
padding-bottom:0;
}

.rightsectiontop h3::after {
height:3px;
display:block;
width:40px;
background:#0E7AA4;
border-right:1px white;
content:'';
margin:10px 0 10px;
}

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

.rightsection, #rightsection, .rightsection p, #rightsection p {
padding:0 0 10px 0;
}

.rightsection {
color:#6A6A6A;
font-size:.875rem;
padding:0 0 0 .625rem;
}

/* Tabbed Content - Sidebar */
.tfnavtabs li.menuItemActive a,
.tfnavtabs li.menuItemActive a:disabled,
.tfnavtabs li span.description {
color:#014466!important;
border-left:4px solid #0E7AA4;
}

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

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

/* Header */
#main-header {
background:#fff;
box-shadow:0 3px 15px rgba(161, 180, 189, 0.3);
position:relative;
z-index:5;
}

#search-site {
font-size:1.25rem;
color:#0E7AA4!important;
position:relative;
}

a#search-site:hover {
color:#014466;
}

#search-site-dropbox {
-webkit-box-shadow:none;
box-shadow:none;
margin-top:-30px;
margin-right:-5px;
padding-right:6px;
}

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

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

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

#responsive-logo h1 a,
.norm-logo h1 a {
background-image:url("/images/choices360/rd2019/360_logo.png");
background-repeat:no-repeat;
width:142px;
height:60px;
background-size:142px 60px;
text-indent:-9000px;
display:inline-block;
position:relative;
top:-5px;
}

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

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

#mainbody {
width:100%;
}

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

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

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

#mainpanel {
width:100%!important;
padding:0 0 1.25rem .625rem!important;
max-width:100%;
background:#fff;
margin:2.5rem 0;
position:relative;
}

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

/* Footer */
#main-footer {
background:#F2FAFB;
padding:1.65rem 0;
}

#main-footer h4 {
font-family:'Poppins';
margin:0;
padding:0 0 1rem 0;
color:#014466!important;
text-transform:uppercase;
font-size:1rem;
}

#main-footer h4::after {
height:3px;
display:block;
width:50px;
background:#0E7AA4;
border-right:1px white;
content:'';
margin:1rem 0 .5rem 0;
}

#main-footer ul {
list-style:none;
list-style-type:none;
padding-left:.125rem;
padding-bottom:1.5rem;
}

#main-footer ul li {
display:block;
font-size:.75rem;
font-weight:300;
padding:.275rem 0 0 0;
}

#main-footer ul.contact li {
padding:0 0 1.475rem;
line-height:1.485rem;
}

#main-footer ul li a {
display:inline-block;
text-transform:none;
font-size:.9rem;
line-height:1.65rem;
color:#6A6A6A!important;
-webkit-transition:color 250ms ease-in-out;
transition:color 250ms ease-in-out;
}

#main-footer ul li a:hover,
#copyright a:hover {
color:inherit!important;
text-decoration:underline;
-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;
}

#main-footer ul li span {
display:block;
margin-top:.4375rem;
}

#main-footer ul li span a {
background:rgba(0, 0, 0, 0.3);
display:inline-block!important;
padding:.3125rem .625rem;
font-weight:400;
border-radius:.3125rem;
-webkit-transition:background 250ms ease-in-out;
transition:background 250ms ease-in-out;
}

#main-footer ul li span a:hover {
background:rgba(0, 0, 0, 0.5);
}
#main-footer .fas {
font-size:2em!important;
}
div#comm100-button-252 a {
text-transform:capitalize!important;
}

/* Copyright */
.copyright-footer .cell {
margin:1rem 0 1rem 0;
}

p#copyright {
margin:0;
}

.poweredbyXAP a {
display:inline-block;
background:url(/images/choices360/icons/powered_by_xap_logo.png) 0 0 no-repeat;
background-size:contain;
margin:0 .5rem 0 0;
padding:.475rem 0 0;
width:63px;
height:29px;
text-indent:-4000px;
}

ul#legal-links li,
ul#social-links li {
display:inline-block;
float:left;
}

ul#legal-links li a,
ul#social-links li a,
#copyright a {
color:#014466!important;
font-size:.9rem;
}

ul#legal-links li:after {
content:"\2022";
color:#6A6A6A;
padding:0 1rem;
}

ul#legal-links li:last-child:after {
content:"";
padding:0;
}

ul#social-links li {
position:relative;
}

ul#social-links li:first-child {
padding:0 .4rem 0 .4rem;
}

ul#social-links li:last-child {
padding:0;
}

ul#social-links li a {
position:relative;
top:-2px;
}

ul#social-links li a.twitter-logo img {
	position: relative;
	top: 7px;
}

ul#social-links li a.twitter-logo img:hover {
	content: url("/Images/choices360/twitter-logo-hover.png");
}

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

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

#mainpanel h2 {
color:#014466;
font-family:'Poppins', helvetica, arial, sans-serif;
font-size:1.25rem;
padding:9px 0 10px;
margin-bottom:30px;
letter-spacing:normal;
font-weight:600;
border-bottom:1px solid #EEEEEE;
}

#mainpanel h3 {
color:#014466!important;
font-family:'Poppins', helvetica, arial, sans-serif;
font-size:1.125rem;
letter-spacing:normal;
font-weight:600;
display:inline-block;
line-height:24px;
}

#page .headerlink,
#page #main #ethnicList input {
font-family:'Poppins', helvetica, arial, sans-serif;
margin:0;
padding:0 0 1rem 0;
color:#014466!important;
font-size:1rem;
display:inline-block!important;
}

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

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

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

#article h2:after {
display:none;
}

.articleContentPanel h2 {
background:none!important;
}

.articleContentPanel h2:after {
display:none;
}

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

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

h3,
h3 a,
#main .articleContentPanel h2,
#article step-title {
margin:0;
font-size:1.125rem;
font-family:'Poppins', helvetica, arial, sans-serif;
text-decoration:none;
text-transform:none;
}

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

h3.subtitle {
background:transparent!important;
border-bottom:1px solid #EEEEEE;
display:inline-block;
color:#fff!important;
font-family:'Poppins', helvetica, arial, sans-serif;
font-weight:bold;
font-size:1.15rem!important;
text-transform:uppercase;
padding:19px 20px 11px 0!important;
text-transform:uppercase;
margin-left:-4px;
margin-bottom:10px!important;
}

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

h4,
h4 a {
color:#0E7AA4;
font-size:1rem;
margin:1em 0;
}

h5,
h5 a {
color:#000!important;
margin:1em 0;
padding:0;
}

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

h3 a:hover,
h4 a:hover,
h5 a:hover {
color:#0E7AA4!important;
}

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

.cpWorkTable th,
.cpLearnTable th,
.cpLifeTable th {
color:#fff;
text-align:left;
padding:3px 5px;
text-transform:uppercase;
font-size:.875rem!important;
}

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

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

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

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

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

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

#pagecontrols a {
display:block;
font-size:.8rem;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;
}

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

#summaryAccessStudent h3 {
color:#fff;
}

/* Typography - Links */

a {
color:#014466!important;
outline:0;
text-decoration:none;
}

a:hover {
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
color:#0E7AA4!important;
text-decoration:underline;
}

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

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

.sectionlink a,
.sectionlink li a {
background:none;
font-size:.875rem;
padding:0;
margin-left:0!important;
text-transform:none;
color:#014466;
}

.sectionlink a:hover {
color:#0E7AA4!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;
}

.sectionlink li a:after {
content:"\f105";
display:inline-block;
font-family:FontAwesome;
color:#000;
font-size:.875rem;
position:relative;
top:0;
margin-left:.3125rem;
}

.rightsectiontop .sectionlink a,
.rightsectiontop .sectionlink li a  {
font-weight:600;
color:#0E7AA4!important;
}

.rightsectiontop .sectionlink a:after,
.rightsectiontop .sectionlink li a:after  {
content:"\f105";
display:inline-block;
font-family:FontAwesome;
font-size:.875rem;
position:relative;
top:0;
}

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

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

.sectionlink a:hover,
.sectionlink li a:hover {
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
color:#0E7AA4;
background:none!important;
}

.sectionlink a:hover:before,
.sectionlink li a:hover:before {
color:#0E7AA4;
}

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

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

#articleIndex .articleListPanel ul li a:before,
.subCategoryPanel ul li a:before,
#article .articleListPanel ul li a:before,
.articleList ul li a:before,
.sectionboxwide ul li a:before {
content:"\f105";
display:inline-block;
position:relative;
color:#161846;
font-family:FontAwesome;
margin-right:.3125rem;
margin-bottom:.3125rem;
}

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

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

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

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

.articleIndex .articleListPanel ul {
margin-bottom:5px;
margin-top:2px;
}

.actionlink a,
.guidewaysNavigator .actionbutton a,
#faithcontent div.sectionlink a.faithHeader {
background:transparent url("/Images/ok/arw_off.png") 0 5px no-repeat!important;
color:#0E7AA4;
padding:2px 0 4px 12px;
font-size:.75rem;
text-transform:uppercase;
}

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

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

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

.nextlink a {
background:none!important;
font-weight:600;
font-size:.85rem;
text-transform:uppercase;
}
.nextlink a.btn-primary {
background:#0E7AA4!important;
}

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

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

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

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

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

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

#main .pageLinks a:hover,
#main a.pageLinks:hover {
background-color:#0E7AA4;
}

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

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

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

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

.articleList ul li a {
background:none;
padding:0;
}

/* Forms */
.interfaceSearchBox {
margin-right:.0625rem;
position:relative;
top:-2px;
}

.questionAnswer {
padding-bottom:.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;
}

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

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

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

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

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

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

.searchButtonContainer {
position:relative;
}

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

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

a.simpleGoBtn {
height:37px;
padding:6px 4px;
width:auto;
margin-bottom:4px;
margin-left:0;
}

.simpleSearchButton {
border:none;
padding:.275rem .675rem 1.785rem;
width:auto;
}

.simpleGoBtn:hover,
.simpleSearchButton:hover,
#main .tfcontrols a.interfaceSearchBtn:hover,
#main .tfcontrols a.interfaceSearchBtn:focus,
#main a.searchBtn:hover {
background:#fff!important;
border:#0E7AA4 solid 2px;
color:#0E7AA4!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;
}

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

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

/* Sectionbox */
.sectionboxtabswide {
margin-left:3.4375rem;
}

.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:0 4px 10px rgba(204, 204, 204, 0.25);
border-radius:4px;
padding:2rem 0 2rem 1rem;
}

.toolsection-borderfix .floatSection {
border:0!important;
box-shadow:none!important;
}

.landingpagesection {
width:340px;
}

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

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

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

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

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

.innerboxmedium {
padding:.3125rem;
}

.innerboxmediumtop {
padding:.1875rem!important;
}

/* Sign In */
#signInBox table table {
width:100%;
}

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

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

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

#signInContainer {
background:none!important;
}

.signin .top h2::before {
display:none;
}

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

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

#signinbox input {
color:#242424!important;
}
.signin-footer .copy-text {
font-size:.9rem;
}
#signInBox .label-r,
#signInBox .questionLabel {
color:#000;
font-size:11px;
}

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

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

table.chart {
clear:both;
padding:0;
margin:.625rem .25rem .625rem .5rem;
border:1px solid #000;
border-width:0 0 1px 1px;
}

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

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

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

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

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

table.chart td {
font-size:.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:.625rem 0 0;
}

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

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

#rates td {
text-align:right;
}

.timertable {
margin-bottom:.625rem;
}

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

.timertable .body {
font-size:.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:0 .5rem;
margin-top:0;
}

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

/* Sample financing plans COA breakdown */
.coa,
table.coa td {
border-width:0;
margin:0;
}

/* Buttons */
#signInBox a.logonButton,
#signInBox .actionlink a.logonButton {
background:#014466!important;
border:1px solid #014466;
display:inline-block;
color:#fff!important;
width:auto!important;
border-radius:83.5625rem;
padding:.625rem 1.875rem!important;
font-size:.9375rem!important;
height:auto!important;
text-transform:uppercase;
font-family:'Poppins', helvetica, arial, sans-serif;
}

#signInBox a.logonButton:hover,
#signInBox .actionlink a.logonButton:hover {
text-decoration:none;
background:#0E7AA4!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;
}

#signInBox a.logonButton:focus,
#signInBox a.logonButton:active,
#signInBox .actionlink a.logonButton:focus,
#signInBox .actionlink a.logonButton:active {
color:#161846!important;
}

a .learnmore {
background:transparent url("/images/ok/btns/btn_90_off.png") 0 0 no-repeat;
color:#000;
display:block;
height:36px;
padding-top:10px;
width:90px;
text-align:center;
text-decoration:none;
}

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

#actionbuttononwide a,
#main a.actionbuttonOnwide,
.actionbuttonwide a {
background:#0E7AA4;
border:#0E7AA4 solid 2px;
border-radius:46px;
padding:6px 18px;
text-align:center;
font-size:1rem;
color:#fff!important;
margin-bottom:1.5rem;
font-weight:600;
display:inline-block;
margin-right:1rem;
}

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

#actionbuttononwide a:focus,
#actionbuttononwide a:active,
#main a.actionbuttonOnwide:focus,
#main a.actionbuttonOnwide:active,
.actionbuttonwide a:focus,
.actionbuttonwide a:active {
background:#006A98!important;
border:#006A98 solid 2px;
color:#fff!important;
text-decoration:none;
}

.actionbutton a {
background:#0E7AA4!important;
border:#0E7AA4 solid 2px;
border-radius:46px;
padding:6px 18px;
text-align:center;
font-size:1rem;
color:#fff!important;
margin-bottom:1.5rem;
font-weight:600;
display:inline-block;
line-height:1;
height:auto;
width:auto;
}

.actionbutton a:hover {
background:#006A98!important;
border:#006A98 solid 2px;
color:#fff!important;
text-decoration:none;
}

.actionbuttonnarrow a {
background:#0E7AA4!important;
border:#0E7AA4 solid 2px;
border-radius:46px;
padding:6px 18px;
text-align:center;
font-size:1rem;
color:#fff!important;
margin-bottom:1.5rem;
font-weight:600;
display:inline-block;
line-height:1;
height:auto;
width:auto;
}

.actionbuttonnarrow a:hover,
.actionbuttonnarrow a:focus {
background:#006A98!important;
border:#006A98 solid 2px;
color:#fff!important;
text-decoration:none;
}

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

/* Misc */
#profile .navbar {
width:100%;
max-width:1140px;
}

.yp-divider {
margin:.875rem 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:.875rem;
margin-left:.875rem;
}

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

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

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

#mainpanel img {
border:0;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
}

#mainpanel .p-bar-icon img {
border:0;
border-radius:50%;
}

#main .articleContentPanel img {
display:inline;
}

#main .articleContentPanel p {
padding:0 0 .65rem;
}

.invisible {
font:1px sans-serif;
color:#fff;
text-indent:-9000px;
}

#shareLinks {
float:right;
padding:10px 4px;
min-width:80px;
}

dl#glossary dt {
font-weight:bold;
color:#0098C2;
padding:0;
margin:0;
display:block;
width:140px;
height:50px;
text-align:right;
}

dl#glossary dd {
padding:0 0 0 4px;
margin:-50px 0 30px 150px;
display:block;
border:1px solid #ccc;
border-width:0 0 0 1px;
}

.progressIndicator {
color:#846D5A;
font-weight:bold;
font-size:.6875rem;
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;
}

.center-on-small {
text-align:center;
}

/* Explore Careers */
.fastestCareers {
display:block;
padding:.625rem 0 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 0 10px transparent;
font-size:13px;
padding:5px 4px 0 8px;
}

.roleSelect a a:hover {
background:url("/Images/ok/arw_on.png") no-repeat scroll 0 10px transparent;
font-size:13px;
padding:5px 4px 0 8px;
}

#toolsContainer .toolsectionbodyshort:after,
#toolsContainer .toolsectionbody:after,
#toolsContainer .floatSection:after {
border-color:#DDD;
}

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

#scholarships .section-header {
background:#52b7af;
}

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

.hide-arrow-link {
border-color:#275e59;
}

.guidance-text,
.scholarship-details,
.scholarship-legacy {
border-color:#275e59;
}

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

.item-guidance {
background:#D8F4F8!important;
}

.item-guidance h4 {
background:none;
}

/* Google Site Search */
.cse table.gsc-search-box td.gsc-input,
table.gsc-search-box td.gsc-input {
padding-right:0!important;
}

#searchbox {
height:auto;
width:300px;
float:none;
position:relative;
right:0;
}

#searchbox::before,
#searchbox::after {
display:table;
content:' ';
}

#searchbox::after {
clear:both;
}

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

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

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

#languagebox {
display:inline-block;
float:none;
}

#translate_label {
display:none;
}

#google_translate_element {
float:left;
}

.goog-te-gadget-simple .goog-te-menu-value {
font-family:'Poppins', helvetica, arial, sans-serif;
color:#fff!important;
font-size:.815rem;
letter-spacing:.04375rem;
font-weight:500;
}

.goog-te-gadget {
font-size:inherit!important;
}

.goog-te-gadget-simple .goog-te-menu-value:hover {
text-decoration:none;
}

.gsc-input {
width:auto;
}

.gsc-input input {
width:283px!important;
height:24px!important;
border-radius:0!important;
margin:0!important;
-webkit-box-sizing:border-box!important;
box-sizing:border-box!important;
border:none!important;
border-right:none!important;
background:#fff!important;
font-size:.8125rem;
box-shadow:none;
}

.gsc-search-button {
width:auto;
min-width:auto;
max-width:auto;
position:relative;
}

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

.gsc-search-button input:hover {
background:none;
}

.gsc-search-button:after {
position:absolute;
top:-5px;
left:-10px;
z-index:5;
background:#fff;
-webkit-box-shadow:none;
box-shadow:none;
content:"\f002";
font-family:FontAwesome;
color:#014466;
text-align:center;
font-size:1rem;
}

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

.gsc-search-button {
left:-1px;
}

/* Google Translate */
#google_translate_element {
position:relative;
padding:3px 10px 0 0;
}

#google_translate_element:after {
content:"\2022";
display:inline-block;
position:absolute;
top:5px;
right:0;
}

.skiptranslate:before {
left:0;
font-family:"FontAwesome";
content:"\f11d \00a0";
display:inline-block;
color:#fff;
vertical-align:bottom;
}

.goog-te-gadget-simple {
background:none!important;
border:none!important;
color:#fff!important;
font-size:.75rem!important;
padding:0!important;
}

.goog-te-gadget-simple > span a span {
-webkit-transition:color 250ms ease-in-out;
transition:color 250ms ease-in-out;
text-decoration:none;
text-transform:none;
color:#fff;
font-family:'Poppins', helvetica, arial, sans-serif;
font-size:.815rem;
font-weight:400;
}

.goog-te-gadget-simple>span a span:not(:first-child) {
display:none!important;
}

.goog-te-gadget-simple>span a span:first-child:after {
content:" ";
display:inline-block;
font-family:FontAwesome;
font-size:1.25rem;
position:relative;
margin-left:.625rem;
}

.goog-te-gadget-simple>span a span:hover {
color:#fff;
text-decoration:underline;
}

.goog-te-gadget-simple>span a img {
display:none;
}

.goog-te-gadget-icon {
display:none!important;
}

/* Plan of Study (POS) */
#courseplanner table.dataGrid td {
font-size:1em;
}

#courseplanner table.dataGrid td.additional {
padding-bottom:1em!important;
border-bottom:2px solid #257fb4!important;
}

.additional h5 {
margin:.5em 0 0 0!important;
padding:.2em 0 0 0!important;
background-color:transparent!important;
color:#0E7AA4!important;
font-size:14px!important;
font-weight:700;
}

.courseAction {
vertical-align:bottom!important;
padding-bottom:1em!important;
text-align:center;
border-bottom:2px solid #257fb4!important;
text-transform:uppercase;
font-size:11px!important;
}

.additional div {
margin:.3em 0!important;
}

.dataGrid .additional div {
font-size:1em!important;
}

.additional span {
display:inline!important;
display:inline-block!important;
}

/* display:inline is a fix for IE<9 */
.additional span:first-of-type {
width:37%!important;
}

.additional .padbot {
padding-bottom:.9em!important;
}

.dataGridHeaderLegend,
#courseplanner .coursePlanTotalRow th.dataGridHeader {
background:#b0e7f7!important;
color:#000000!important;
}

#main .dataGridHeader {
text-transform:uppercase;
font-size:1em!important;
}

.requirementsNotMet {
width:130px!important;
background:#db2e2e!important;
color:#fff!important;
}

.requirementsMet {
background:#18a818!important;
color:#fff!important;
}

/* Masonry */
#scholarships.row-height {
margin-left:.5625rem;
}

.scholarship-info h4 {
margin-top:0;
}

.masonry-nav ul li:hover,
.masonry-nav ul li.selected,
.masonry-main .item-highlight .item-message {
background:#A4D14C;
}

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

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

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

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

.masonry-main .item-alerts,
.masonry-main .item-dates {
color:#FFF;
}

.masonry-main .item-highlight .btn-item a:hover {
background:#FF8023;
color:#FFF;
}

.masonry-main .item-article p.more-link a {
font-size:1.25rem;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
}

.masonry-main .item-article p.more-link a:before {
content:"\003e\00a0\00a0";
}

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

/* Homepage */
#hm-welcome {
min-height:inherit;
position:relative;
background-color:#fff;
}

#hm-welcome.is-role {
min-height:inherit;
}

#hm-welcome.is-role #home-slider {
position:relative;
z-index:0;
}

#hm-welcome.is-role #home-slider .inner-shd {
margin-bottom:0;
}

#hm-welcome.is-role #home-slider>div {
position:relative;
margin-top:0;
width:auto;
}
#hm-welcome .role-heading { 
font-size:.95rem;
}
#hm-welcome.is-role .hm-slide-item-txt {
padding:6rem;
color:#6A6A6A;
font-size:1rem;
}

#hm-welcome.is-role .hm-slide-item-txt h2 {
margin:0;
text-align:center;
font-size:1.5rem;
border-left:none;
padding-bottom:.457rem;
padding-top:0;
border-bottom:none;
letter-spacing:0;
}

#hm-welcome.is-role .hm-slide-item-txt>p {
display:block;
color:#fff;
letter-spacing:.475px;
line-height:1.4;
font-family:'Poppins';
font-size:1.125rem;
padding:0 0 0 1.975rem;
}

#hm-welcome.is-role .hm-slide-item-txt .landing-pbg .p-bar-icon img {
width:100%;
height:auto;
border-radius:50%;
}

#hm-welcome.is-role .inner-shd .hm-slide-item-txt {
padding-top:0!important;
}
#homepage #mainpanel {
    padding: 0 !important;
    margin: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: none !important;
}
.home-page {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
}
.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 .inner-shd {
    position:relative;
    z-index:2;
}
.home-page .content-box-wrap {
    width: 90%;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 60px;
    position: relative;
    display: flex;
    flex-direction: row;
    grid-gap: 20px;
    justify-content: space-between;
}
.progress-dash {
    position: relative;
    z-index: 5;
    background: #fff;
    padding: 20px 30px;
    border-radius: 10px;
    width: 90%;
    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;
}
.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;
}
.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;
}
.inner-shd .grid-container {
padding:0!important;
}

.home-content-box p {
padding:1rem 0 0 2rem;
font-size:.875rem;
background-color:#fff;
}

.home-content-box ul {
list-style:none;
list-style-type:none;
margin:0;
font-size:1rem;
padding:3rem 2rem 2rem;
}

.home-content-box .carousel p {
text-align:center;
padding:8% 2rem 0;
}

.home-content-box .carousel img {
max-height:150px;
max-width:100%;
}

#home-slider ul {
list-style:none;
color:#fff;
list-style-type:none;
padding:1rem 1rem 3rem 2rem;
margin:0;
font-size:1.125rem;
}

#home-slider ul li a {
color:#fff!important;
font-family:'Poppins', helvetica, arial, sans-serif;
}

#home-slider ul li a:hover {
text-decoration:underline;
}

.home-content-box ul li,
#home-slider ul li {
display:block;
margin-bottom:1.475rem;
padding-left:1.675rem;
background:url(/Images/choices360/rd2019/caret.png) no-repeat left top;
}

.home-content-box ul li:last-child {
margin-bottom:0;
}

.home-content-box ul li a {
color:#161846;
}

.home-content-box ul li a:hover,
.home-content-box ul li a:visited,
.home-content-box ul li a:focus {
text-decoration:none;
}

.home-content-box ul li a:hover {
color:#0E7AA4!important;
}

#home-slider {
position:absolute;
right:0;
left:0;
top:0;
bottom:0;
z-index:0;
}

#home-slider>div {
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
}

#home-slider .item {
background-repeat:no-repeat;
background-size:cover;
top:0;
bottom:0;
right:0;
left:0;
position:absolute;
background-image:url("/Images/choices360/rd2019/roles/role_image.png");
background-size:contain;
background-position:left top -15px;
}

#home-slider .item .grid-x .cell {
text-align:center;
}

#home-slider .item h2 {
font-size:3rem;
color:#014466;
font-family:'Poppins', 'Times New Roman', serif!important;
display:block;
position:relative;
text-transform:none;
margin-bottom:2rem;
letter-spacing:1px;
border-left:none;
background-color:transparent;
}

#home-slider .item h2 small {
color:#fff;
font-family:'Poppins', 'Helvetica', 'Arial', sans-serif;
text-align:center;
padding-bottom:1rem;
text-transform:uppercase;
display:block;
font-style:normal;
font-size:1.125rem;
font-weight:700;
letter-spacing:4px;
}

.hm-slide-btn {
display:inline-block;
color:#fff!important;
background-color:#FF6E15;
text-decoration:none;
border:1px solid #fff;
padding:.725rem 1.875rem;
font-size:.95rem;
letter-spacing:2px;
text-transform:uppercase;
font-weight:700;
border-radius:20rem;
font-family:'Poppins', helvetica, arial, sans-serif;
}

.hm-slide-btn:hover {
color:#fff!important;
background-color:#161846;
text-decoration:none;
border:1px solid #fff;
}

#homepage #main {
width:100%;
}

#homepage #mainpanel {
padding:0!important;
margin:0!important;
-webkit-box-shadow:none!important;
box-shadow:none!important;
background:none!important;
}

#homepage #main-content {
margin-top:0!important;
}

#whoareyou {
background:rgba(38, 57, 87, 0.8);
padding:1.25rem 0;
background-color:#e8e8ea;
padding:1.25rem 0;
background-repeat:no-repeat;
background-position:50% 0;
border-bottom:3px solid #161846;
-webkit-box-shadow:-2px -2px 18px 3px rgba(0, 0, 0, 0.4);
box-shadow:-2px -2px 18px 3px rgba(0, 0, 0, 0.4);
}

#whoareyou h3 {
text-align:center;
font-size:1.375rem;
color:#161846!important;
font-family:'Poppins', helvetica, arial, sans-serif;
padding:0;
text-transform:uppercase;
margin:.575rem 0 1.25rem 0;
letter-spacing:1px;
}

#whoareyou-cc {
margin:1px 0;
}

.way-item {
position:relative;
padding:.625rem;
}

.way-item:last-child {
border-right:none;
}

.way-item:hover span {
color:#0E7AA4;
}

.way-item a {
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}

.way-item a:hover,
.way-item a:focus,
.way-item a:active {
text-decoration:none;
}

.way-item span {
text-transform:uppercase;
font-family:'Poppins', helvetica, arial, sans-serif;
font-size:1rem;
font-weight:700;
text-align:center;
display:block;
margin-top:.625rem;
color:#161846;
}

.way-item span:after {
display:inline-block;
content:"\f105";
margin-left:0.3125rem;
font-family:FontAwesome;
}

.way-icon {
text-align:center;
}

.way-icon i {
display:inline-block;
width:6.6875rem;
height:6.6875rem;
border-radius:6.25rem;
text-align:center;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:90px;
}

.way-icon.elementary i {
background-image:url("/Images/choices360/rd2019/icons/elementary_icon.png");
}

.way-icon.middle-school i {
background-image:url("/Images/choices360/rd2019/icons/middle_school_icon.png");
}

.way-icon.high-school i {
background-image:url("/Images/choices360/rd2019/icons/high_school_icon.png");
}

.way-icon.adult i {
background-image:url("/Images/choices360/rd2019/icons/adult_icon.png");
}

.way-icon.parent i {
background-image:url("/Images/choices360/rd2019/icons/parent_icon.png");
}

.way-icon.professional i {
background-image:url("/Images/choices360/rd2019/icons/professional_icon.png");
}

.role-icon {
border-radius:50%!important;
height:45px;
width:45px;
padding:12px 0!important;
font-size:22px;
margin:1rem 1rem 0;
text-align:center;
}

.learn-about {
color:#E3673C;
background:rgba(227, 103, 60, 0.15);
}

.explore-careers {
color:#F3BD5F;
background:rgba(243, 189, 95, 0.15);
}

.saved-colleges {
color:#5BBCB1;
background:rgba(91, 188, 177, 0.15);
}

.scholarships {
color:#0E7AA4;
background:#F2FAFB;
padding:10px 12px;
}

#home-main .flex-container {
display:flex;
flex-wrap:wrap;
}

#home-main-content {
width:100%!important;
max-width:100%;
min-width:0;
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
min-height:0;
}

#home-role-content {
width:100%!important;
min-width:0;
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
min-height:0;
padding:2.5rem 2.5rem 2.5rem 0;
}

.home-content-box {
width:23%!important;
max-width:23%;
height:180px;
display:inline-block;
vertical-align:top;
margin:0 .5%;
position:relative;
background:#FFFFFF;
border-top:6px solid #EE825C;
border-radius:10px;
padding:.475rem;
box-sizing:border-box;
box-shadow:0 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;
}

.home-content-box:hover {
transform:scale(1.025);
box-shadow:0 4px 10px rgba(204, 204, 204, 0.8);
}

.home-content-box h3 a {
color:#014466!important;
font-family:'Poppins', helvetica, arial, sans-serif;
padding:6rem 2rem 0 2rem;
background-repeat:no-repeat;
border-radius:10px;
font-weight:600;
font-size:1.18rem;
line-height:28px;
display:block;
text-align:left;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}

.home-content-box h3 a:hover {
text-decoration:none;
}

.home-content-box h3.test {
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:27px;
line-height:31px;
display:flex;
align-items:center;
text-align:center;
color:#E3673C;
}

.home-content-box h3.general {
padding:1.25rem;
}

.home-sidebar-box {
margin-bottom:1.875rem;
}

.home-sidebar-box h3 {
padding:.9375rem 0 .9375rem 3.125rem;
margin:0;
font-size:1.375rem;
color:#000;
font-weight:300;
border-bottom:2px solid #fff;
font-family:'Roboto Condensed', sans-serif;
text-transform:uppercase;
background-repeat:no-repeat;
background-position:0 50%;
background-size:40px;
letter-spacing:1px;
margin-bottom:1.25rem;
}

.home-sidebar-box h3 a {
font-size:1.375rem!important;
color:#000!important;
text-transform:uppercase!important;
font-weight:300;
}

.home-sidebar-box h3.events {
background-image:url("/Images/choices360/rd2019/icons/upcoming_events_icon.png");
}

.home-sidebar-box h3.poll {
background-image:url("/Images/choices360/rd2019/icons/poll_icon.png");
}

.carousel-fade .carousel-inner .item {
opacity:0;
-webkit-transition-property:opacity;
transition-property:opacity;
}

.carousel-fade .carousel-inner .active {
opacity:1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left:0;
opacity:0;
z-index:1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity:1;
}

.carousel-fade .carousel-control {
z-index:2;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
line-height:1;
margin:4rem 7rem;
}

#carouselPrograms .item {
min-height:100px;
text-align:center;
}

#carouselPrograms a.left.carousel-control,
#carouselPrograms a.right.carousel-control {
background-image:none;
}

#carouselPrograms .carousel-control {
color:rgba(245, 123, 24, 1)!important;
text-shadow:none;
background-color:transparent;
filter:alpha(opacity=100);
opacity:1;
width:10%;
padding-top:7rem;
font-size:2rem;
}

#carouselPrograms .carousel-control:hover {
filter:alpha(opacity=100);
opacity:1;
}

.home-box-container {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}

.home-box {
background:#fff;
color:#000;
min-height:300px;
width:49.5%;
margin:.35rem 0;
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
}

.home-box img {
width:auto;
height:auto;
max-width:100%;
max-height:100%;
min-height:300px;
object-fit:cover;
width:100%;
height:300px;
}

.home-box.one-half.news,
.home-box.one-half.poll {
margin-right:1%;
}

/* Career Planning > Default */
.ipAnswers {
height:60px!important;
}

.ipAnswers ul li a {
height:60px!important;
}

#ipIntroIncompleteButtons a,
#ipIntroStartButton a {
padding:.375rem .625rem!important;
}

#previousBtn {
width:130px!important;
padding:.375rem 0 0 1.4375rem!important;
}

#divSave a,
#divShow a {
width:80px!important;
padding:.25rem 0!important;
text-align:center;
}

.careersMatchButtons a,
.careersMatchButtonsBtm a {
height:50px!important;
padding:.75rem 0 0 .625rem!important;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
.carousel-fade .carousel-inner>.item.next,
.carousel-fade .carousel-inner>.item.active.right {
opacity:0;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner>.item.prev,
.carousel-fade .carousel-inner>.item.active.left {
opacity:0;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner>.item.next.left,
.carousel-fade .carousel-inner>.item.prev.right,
.carousel-fade .carousel-inner>.item.active {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
}

@media (min-width:916px) {
.nav-collapse {
display:block!important;
height:auto!important;
padding-bottom:0;
overflow:visible!important;
}
}

@media (max-width:1200px) {
.home-page .content-box-wrap {
        flex-wrap: wrap;
}
.home-content-box {
width: 47% !important;
        max-width: 47% !important;
margin-bottom:.8rem;
}
#main-footer {
padding:3.125rem 1rem 0;
}
}

@media (max-width:1120px) {
.signin-footer ul#legal-links li a {
font-size:12px!important;
}
.signin-footer .copy-text {
font-size:12px!important;
margin-left:-9px;
}
.signin .bottom {
bottom:0!important;
}
.signin-footer .cell {
margin:0 0 5px 0!important;
}
.signin a.logonButton {
margin-bottom:0!important;
}
}

@media (max-width:1040px) {
#primarynav ul#navigation li {margin-right:1rem;}
}

@media (max-width:991px) {
.page-hero {
background-position:top right -100px!important;
}
.signin .top {
height:auto!important;
}
.signin .outer.right {
width:100%!important;
background:#328EB2 url(/images/choices360/rd2019/login-graphic.png) center bottom -25px no-repeat;
background-size:contain;
height:auto;
padding-bottom:370px;
}
.signin .outer.left {
width:100%!important;
height:auto;
}
.signin .top .signin-top {
margin-bottom:0;
}
.signin h1 {
background-position:center;
}
.signin .outer,
.signin #brandedHeader {
width:100%;
height:auto;
}
.signin .top .inner {
width:70%;
}
.signin .middle {
margin-top:4.5rem;
}
.signin .bottom {
position:relative!important;
margin:2rem auto 0!important;
}
.signin .signin-note {
position:relative!important;
bottom:unset!important;
margin:2rem 5% 0!important;
}

.signin-footer {
text-align:center;
}
.signin-footer .cell {
width:100%;
flex:none;
}
.signin-footer .cell .poweredbyXAP a {
display:block;
width:100%;
text-align:center;
background-position:center;
}
.signin-footer .copy-text {
width:100%;
text-align:center;
display:block;
top:inherit;
margin-top:1rem;
}
.signin-footer ul#legal-links {
padding:0;
margin:-1.3rem 0 0 0!important;
}
.signin-footer ul#legal-links li {
float:none;
}
   
#primarynav ul#navigation li {margin-right:0;}
#primarynav ul#navigation #CollegePlanning {max-width:7rem;}
#primarynav ul#navigation #CareerPlanning {max-width:7rem;}
}

@media (max-width:1140px) {
#profile .navbar.undefined {
width:calc(100% - 30px);
right:15px;
}
}

@media (max-width:916px) {
 #responsive-logo {
margin-top:0;
}
#mobile-menu-toggle {
height:10px;
min-height:unset;
margin-bottom:0;
display:block;
position:relative;
z-index:100;
}
#mobile-menu-toggle a {
top:-30px;
}
.page-hero h2 {
margin:2.25rem .55rem;
font-size:1.5rem;
}
#subnavigation {
margin-bottom:20px!important;
}
#portfolioSubnavigation {
position:relative;
top:-20px;
margin-bottom:10px;
}
#responsive-logo h1 a, .norm-logo h1 a {
background-size:92%;
}
#primarynav ul#subnavigation:not(.HomeSub) {
margin-right:0!important;
}
#navigation li.selected, #navigation li:hover {
background:-webkit-gradient(linear, left top, left bottom, from(white), to(#f3f3f3))!important;
}
#topbar-ttu, #topbar-soc, #topbar-translate {margin-top:0!important;}
#primarynav ul#navigation li {
   padding-left:1.55rem;
   padding-top:8px;
}
#responsive-logo {
display:block;
position:relative;
z-index:100;
}
#responsive-logo h1 {
display:block;
margin:0 0 .625rem 0;
padding-top:2rem;
}
#main-header h1 {
display:none!important;
}
#searchbox span {
color:#fff;
opacity:1;
}
.gsc-search-button:after {
background:none!important;
}
#topbar-ttu,
#topbar-soc,
#topbar-translate {
margin-bottom:0;
}
#topbar-translate {
margin-top:0;
}
#primarynav-divider {
display:none;
}
#primarynav ul#navigation li a {
display:block;
min-height:25px;
}
#navigation li a {
padding:0 1.5rem 0 0;
}
#main-header {
padding:0;
}
#main-header .grid-container {
padding-left:0;
}
#navigation {
display:block;
width:100%;
height:auto;
padding-right:0;
}
#navigation li {
min-width:100%;
display:block;
text-indent:0;
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;
width:100%!important;
height:auto;
min-height:25px;
padding-top:5px;
}
#search-site {
margin-left:1rem;
}
#navigation li.selected,
#navigation li:hover {
background:#F4BF56;
}
#navigation li.selected:after,
#navigation li:hover:after {
border-width:0;
}
.home-content-box {
        width: 100% !important;
        max-width: 100% !important;
height:auto;
        min-height: 180px;
}
#homepage {
  margin-top:-0.625rem;
}
#hm-welcome .role-top {
padding-top:3rem;
}
#hm-welcome .hm-slide-item-txt {
padding:2rem 4rem!important;
}
#hm-welcome .role-heading {
padding:1rem;
background-color:#fff;
background-color:rgba(255, 255, 255, 0.95);
border-radius:10px;
box-shadow:0 4px 10px rgba(204, 204, 204, 0.25);
}

#parentAccess {margin-top:2rem!important;}

#hm-welcome .landing-pbg {
margin-top:2rem;
height:auto!important;
min-height:inherit;
max-height:inherit;
float:left;
width:100%;
padding-bottom:0!important;
}
#hm-welcome .landing-pbg .p-bar { 
float:left;
width:100%;
margin-bottom:0;
}
#hm-welcome .landing-pbg .p-bar-left {
width:100%!important;
height:auto;
border-right:none;
border-bottom:1px solid #fff;
margin:0!important;
text-align:center;
}
#hm-welcome .landing-pbg .p-bar-left .p-bar-icon {
width:70px;
height:70px;
display:block;
float:none;
margin:0 auto;
}
#hm-welcome .landing-pbg .p-bar-left .p-bar-content {
width:100%;
margin-top:1rem;
margin-bottom:.5rem;
}
#hm-welcome .landing-pbg .p-bar-right {
width:100%!important;
margin-top:1.5rem!important;
min-height:inherit;
height:inherit;
text-align:center;
}
#hm-welcome .landing-pbg .p-bar-right .p-bar-right-bar + div.text-right {
text-align:inherit;
   }
   #hm-welcome .landing-pbg .p-bar-right .btn-primary {
   margin-bottom:0;
   }
}

@media (max-width:842px) {
#languagebox {
margin-top:0!important;
}
}

@media (max-width:795px) {

input[type=text], input[type=password], select, textarea, #careerProfile .field input, .simpleSelectList, #mainpanel .sectionbox .interfaceSearchBox {
   width:100%;
}
#actionbuttononwide a, #main a.actionbuttonOnwide, .actionbuttonwide a {
   margin-right:0;
   padding:12px;
   font-size:10px;
}
#topbar-translate {
   margin-bottom:0;
}
#languagebox {
margin-top:8px!important;
margin-bottom:5px!important;
}
#responsive-logo h1 a,
.norm-logo h1 a {
background-size:92%;
}
#home-main-content,
#home-main-sidebar {
width:100%;
max-width:100%;
}
#home-main-content {
padding:2.5rem 0;
}
.way-item {
border-right:none;
}
.voicesHelpLink a {
padding-left:6.25rem;
}
#topbar-ttu ul li,
#topbar-utility ul li,
.goog-te-gadget-simple .goog-te-menu-value {
font-size:.6rem!important;
}
#topbar-ttu,
#topbar-soc,
#topbar-translate,
#topbar-utility,
#topbar-translate,
#languagebox {
margin-bottom:5px;
margin-top:5px;
}
#topbar-ttu ul li, #topbar-utility ul li, .goog-te-gadget-simple .goog-te-menu-value {
 font-size:12px!important;
}
#primarynav ul#subnavigation:not(.HomeSub) {
padding-left:.625rem;
padding-bottom:.625rem;
}
#home-role-content {
padding:2rem 0;
}
.home-box {
min-height:auto;
}
.home-content-box {
margin-left:.25rem;
}
.home-box img {
width:auto;
height:auto;
max-width:100%;
max-height:100%;
min-height:auto;
}
#main .mainInstructions {
width:100%!important;
}
#main .savedSearches {
margin-left:0!important;
width:100%!important;
margin-top:20px;
}
.finderControlsMiddle #navigationPanel input {
margin-left:0!important;
}
td.articleList {
width:100%!important;
display:table-row;
}
h3.subtitle {
background:none!important;
color:#000!important;
font-size:1.15rem!important;
padding-left:0!important;
padding:68px 0 0 0!important;
margin:-20px 0!important;
margin-bottom:10px!important;
}
}

@media (min-width:769px) {
.innerboxmedium {
width:80%;
}
}

@media (max-width:768px) {

#main-footer .copyright-footer .cell {
margin:.5rem 0 .7rem;
   }
   #main-footer ul#social-links li:first-child {
   padding:0 .5rem 0 0;
   }
#main-footer p#copyright {
font-size:.8rem;
}
#main-footer p#copyright a {
font-size:.8rem;
}
#main-footer ul#legal-links {
margin-top:.5rem;
}
#main-footer ul#legal-links li a {
font-size:.8rem;
padding-top:0;
line-height:1rem;
}
#main-footer ul#legal-links li:after {
padding:0 .5rem;
}
}


@media (max-width:640px) {
body {
margin:0;
}
#navigation {
padding-bottom:30px;
}
#main-rightbar {
 padding:0!important;
}
#rightbar {
margin:0;
margin-left:0!important;
padding-top:1.25rem;
}
#main-footer .grid-container .grid-margin-x .cell {
text-align:center;
margin:0;
width:100%;   
}
#main-footer .grid-container .grid-margin-x .cell h4::after {
margin:1rem auto .5rem;
}
   
#main-footer p#copyright .poweredbyXAP {
display:block;
margin:1rem 0;
}
#main-footer p#copyright .poweredbyXAP a {
margin-right:0;
}
#main-footer ul#legal-links {
padding:0;
margin:0;
}
#main-footer ul#legal-links li {
float:none;
}
#main-footer ul#social-links li {
float:none;
}
#main-footer ul#social-links li:first-child {
padding:0 .3rem 0 0;
}
#main-content {
max-width:100%;
}
#mainpanel {
 padding:0 .625rem 1.25rem;
 margin-bottom:.5rem;
}
#main-rightbar {
width:100%;
max-width:100%;
padding:0 .625rem;
margin-bottom:1.5rem!important;
}
#home-role-content {
padding:2.5rem 0;
}
#hm-welcome.is-role .inner-shd .grid-x {
padding:0!important;
}
.home-box {
width:100%;
}
.pds-answer {
overflow-y:visible;
max-height:initial;
}
#topbar-ttu ul li,
#topbar-utility ul li,
.goog-te-gadget-simple .goog-te-menu-value {
font-size:.9rem!important;
}
#topbar-ttu ul li {
margin-top:10px!important;
}
#topbar-utility ul li {
margin-bottom:10px!important;
}
.voicesHelpLink a {
padding:.625rem;
}
.section-img-fix {
padding-right:0!important;
padding-bottom:.9375rem!important;
}
.section-img-fix-lft {
padding-left:0!important;
padding-bottom:.9375rem!important;
}
#languagebox {
width:100%;
}
.fr-on-sm {
float:right;
}
.goog-te-menu-value {
margin-left:0!important;
}
#google_translate_element {
margin:0 15px;
padding:.3125rem .9375rem;
float:left;
background:rgba(0, 0, 0, 0.5);
}
#google_translate_element:after,
#google_translate_element:before {
display:none;
}
.tfcontrols {
border:1px solid #3d3834;
}
#hm-welcome {
min-height:auto;
}
#hm-welcome .hm-slide-item-txt {
padding-left:1rem!important;
padding-right:1rem!important;
}
#home-slider {
position:relative;
}
#home-slider>div {
position:relative;
}
#home-slider .item {
position:relative;
}
#home-slider .item .grid-x {
height:auto;
}
#main-footer-sponsors a {
margin-bottom:25px;
}
#main-footer .fa {
color:#fff;
}
#main .mainInstructions {
width:100%!important;
}
#main .savedSearches {
margin-left:0!important;
width:100%!important;
margin-top:20px;
}
.pageContent table td {
display:table-row;
}
#pagecontrols tbody td {
display:table-cell;
}
#mainpanel h2 {
font-size:1.15rem;
}
h3.subtitle {
font-size:.9rem!important;
padding:50px 0 10px 8px!important;
}
#careerProfile .smallsection {
float:none!important;
}
ul#navigation li ul li:first-child {
display:block!important;
}


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

#home-slider .item {
background-size:auto 250px;
}
#hm-welcome .landing-pbg .p-bar {
height:auto!important;
}

}

/* Colors and Fonts */
.headerlink {
margin-bottom:.75rem;
margin-top:.5rem;
}

.home-sidebar-box a {
color:#fff;
}

h3 a,
.sectionlink a,
.sectionlink li a,
.rightsectiontop a,
span.headerlink a,
span.headerlink,
#main a span.headerlink,
span.headerlink a span.headerfirst,
span.headerlink span.headerfirst,
#main .articleContentPanel .articleTitle,
#article .subMainCategoryName,
#article .articleListCategoryName {
color:#014466;
font-weight:600;
}

.sectionlink a:hover,
.sectionlink li a:hover,
.rightsectiontop a:hover,
span.headerlink a:hover,
span.headerlink:hover,
#main a span.headerlink:hover,
span.headerlink a span.headerfirst:hover,
span.headerlink span.headerfirst:hover {
color:#0E7AA4;
text-decoration:underline;
-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;
}

span.headerlink a span.headerfirst,
span.headerlink span.headerfirst,
span.headerlink a span.header,
span.headerlink span.header {
text-transform:none;
}

p,
.sectionbox p,
#main .sectionbody p {
font-size:.875rem;
line-height:20px;
padding-top:4px;
}
#main .sectionbody ul li {
font-size:.875rem;
line-height:20px;
}

span.headerlink span.headerfirst {
color:#000;
}

.sectionlink a:after,
.sectionlink li a:after,
.sectionboxwide ul li a:after {
color:#0E7AA4;
}

.sectionlink a:hover:after,
.sectionlink li a:hover:after,
.sectionboxwide ul li a:after {
color:#000!important;
}

.sectionlink a:hover {
text-decoration:underline;
-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 .logonButton:hover,
.rightsection .logonButton:focus {
color:#000!important;
}

#voicesTop h2 {
background:url(/images/transitions/blog/voices_logo.png) 0 0 no-repeat!important;
background-size:100%!important;
border-left:0!important;
}

.voiceBlogHeader h2 {
border-left:0!important;
background:none!important;
}

#main .pageContent h2 {
padding-left:20px;
}

td.articleList ul {
min-width:525px!important;
}

#topsection td.narrowcolumn {
vertical-align:top;
}

.alphabetList td,
#main .tfcontrols .alphabetList td {
background:#0E7AA4!important;
filter:alpha(opacity=90)!important;
-khtml-opacity:0.9!important;
-moz-opacity:0.9!important;
opacity:0.9!important;
}

.alphabetList td a {
color:#fff!important;
font-size:.725rem;
line-height:1rem;
}

#main .tfcontrols .alphabetList td a {
font-size:.6rem!important;
line-height:.7rem!important;
}

.alphabetList td a:hover,
#main .alphaListMedium .alphabetList td a:hover,
#main .tfcontrols .alphabetList td a:hover {
background:#014466;
}

#mainpanel .tprep-box h3,
#test-prep .toggle-btn {
color:#fff!important;
}

.form-group span {
margin-left:-15px;
}

#talktous .form-group span {
margin-left:0;
}

#signInBox .headerlink {
margin-bottom:0;
}

.simpleForm {
margin-top:1rem;
}

#dashboard {
display:none;
}

#fullportfolio {
padding:.25rem 0!important;
margin-top:1rem!important;
margin-right:.75rem!important;
margin-left:.75rem!important;
}

#toolsContainer .floatSection .sectionbody {
border:none;
margin:0;
z-index:10;
}

.card {
font-size:.735rem;
line-height:.8rem;
}

.deckHolder {
border:1px solid #FF6E15;
width:25%;
}

.wvsPrompt {
background:#FF6E15;
}

.journalentry strong {
color:#000;
font-size:1rem;
}

.journalentry textarea {
background:#EFEFEF;
border:1px solid #CCC;
}

.surveyselections td {
vertical-align:top;
padding-left:10px;
}

li.actionlink {
list-style:none;
}

#resumeBuilder textarea {
min-width:90%;
}

.addWords td {
vertical-align:top;
padding-left:10px;
}

#courseplanner table.dataGrid td {
width:16%;
}

.subCategoryPanel ul li,
#article .articleListPanel ul li {
background:none;
}

.subCategoryPanel ul li:before,
#article .articleListPanel ul li:before {
content:"\f054";
color:#FF6E15;
font-family:FontAwesome;
margin-right:.4375rem;
}

td.dataGridElement:nth-child(2) {
word-break:normal!important;
word-wrap:normal!important;
overflow-wrap:normal!important;
}

#main #finderIntroMain {
width:100%;
}

#main .mainInstructions {
width:50%;
}

#main .savedSearches {
margin-left:10px;
width:48%;
float:left;
}

#schoolFinder td {
vertical-align:top;
width:20%;
}

#ccSurvey .clusterdescription {
padding:5px 20px 15px 60px;
margin:5px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#AgricultureFood.row .progress-bar {
background-color:#FF6E15;
}

#Architecture.row .progress-bar {
background:#8c8c48;
}

#Arts.row .progress-bar {
background:#f7b432;
}

#ArtsAudio-Video.row .progress-bar {
background:#C06B17;
}

#Finance.row .progress-bar {
background:#969658;
}

#Government.row .progress-bar {
background:#F8C157;
}

#HealthScience.row .progress-bar {
background:#C67A2E;
}

#BusinessManagement.row .progress-bar {
background:#A0A069;
}

#Education.row .progress-bar {
background:#CB9429;
}

#Hospitality.row .progress-bar {
background:#14a4d9;
}

#HumanServices.row .progress-bar {
background:#A8A876;
}

#InformationTechnology.row .progress-bar {
background:#CB8641;
}

#LawPublic.row .progress-bar {
background:#1187B2;
}

#Management.row .progress-bar {
background:#827163;
}

#Manufacturing.row .progress-bar {
background:#69C5E6;
}

#Marketing.row .progress-bar {
background:#3EB4DF;
}

#ScienceTechnology.row .progress-bar {
background:#D4A74F;
}

#TransportationDistribution.row .progress-bar {
background:#0D698B;
}

.round-icon {
width:90px;
height:90px;
line-height:64px;
text-align:center;
color:#fff!important;
border-radius:50%;
background:#FDF5E7;
display:inline-block;
}

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

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

.reviewbody .actionbutton a {
background:#161846!important;
border:1px solid #FF6E15;
display:inline-block;
color:#fff;
width:auto!important;
border-radius:83.5625rem;
padding:.5rem 1.875rem!important;
font-size:.8rem!important;
height:auto!important;
text-transform:uppercase;
}

.reviewbody .actionbutton a:hover {
background:#fff!important;
text-decoration:none;
color:#161846!important;
border-color:#161846!important;
height:auto!important;
}

h3.noShow {
text-indent:-9000px;
height:1px;
padding:1px;
border:none;
background:transparent;
}

/*CPP Badge*/
.landing-pbg {
background:rgba(0, 154, 186, 0.95);
box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);
border-radius:10px;
color:#fff;
font-size:1rem;
padding:1rem .5rem!important;
margin:4rem 0 0;
text-align:left;
}

.p-bar-left {
width:30%!important;
margin-right:50px!important;
}

.p-bar-left .p-bar-content h4 {
font-size:1.85rem!important;
font-family:'Poppins', helvetica, arial, sans-serif;
color:#fff!important;
font-weight:600;
}

.p-bar-content {
text-transform:none!important;
}

.p-bar-left .p-bar-content i {
color:#fff!important;
margin-top:.25rem;
font-size:1.35rem!important;
font-weight:600!important;
font-family:'Poppins', helvetica, arial, sans-serif;
}

.p-bar-right p {
font-size:1.05rem!important;
color:#fff!important;
min-height:25px!important;
font-family:'Poppins', helvetica, arial, sans-serif;
font-weight:normal!important;
}

.progress {
height:25px;
}

.p-bar-right {
margin-top:10px!important;
width:62%!important;
}

.p-bar-right-bar {
margin-bottom:16px!important;
padding:6px 8px!important;
color:#000!important;
border:none!important;
}

.p-bar-right-bar span {
top:7px!important;
line-height:22px!important;
width:100%!important;
left:0!important;
}

.p-bar-right-bar .start-bar {
background-color:#F3BD5F!important;
}

.p-bar-right .btn-primary {
background:transparent;
border:2px solid #fff;
display:inline-block;
color:#fff!important;
width:auto!important;
border-radius:83.5625rem;
padding:.325rem 1.875rem!important;
font-size:.9375rem!important;
height:auto!important;
text-transform:none!important;
}

.p-bar-right .fa.fa-chevron-right {
display:none;
}

.p-bar-right .btn-primary:after {
font-family:'FontAwesome';
content:"\f105";
margin-left:.5rem;
}

.p-bar-right .btn-primary:active,
.p-bar-right .btn-primary:focus,
.p-bar-right .btn-primary:hover {
color:#fff!important;
}

#topbar-utility ul li a {
display:inline-block!important;
}

user-notification-main {
float:left;
}

.notification-wrap .notification-content {
right:-190px;
}

.notification-wrap .notification-content.show::before {
right:191px;
left:inherit;
top:-5px;
}

.notification-wrap .notification-content.show::before {
border-bottom:5px solid #eee!important;
}

.notification-wrap .notification-content .notification-header {
background-color:#0E7AA4!important;
}

.notification-wrap .notification-content .notification-body .notification-item .title .new {
background-color:#0E7AA4!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:#0E7AA4!important;
}

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

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

#parent-survey .sectionbox {
min-height:120px;
padding:0!important;
background:rgba(245, 123, 24, .7)!important;
border:none!important;
}

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

#parent-survey .sectionbody h3 {
font-weight:700!important;
padding-top:25px!important;
margin:10px 0!important;
height:53px!important;
background:transparent url(/images/transitions/portfolio/icon-survey2.png) 1040px 10px no-repeat!important;
background-size:43px!important;
}

#parent-survey .survey-status {
margin-top:-65px!important;
margin-right:80px!important;
}

#parent-survey ul {
background:rgba(245, 123, 24, 1)!important;
padding:5px 25px!important;
margin:18px 0!important;
}

@media only screen and (max-width:736px) {
.notification-wrap .notification-content {
left:-195px;
right:inherit;
}
.notification-wrap .notification-content.show::before {
left:196px;
}
}

@media only screen and (max-width:672px) {
.notification-wrap .notification-content {
left:0;
right:inherit;
}
.notification-wrap .notification-content.show::before {
left:3px!important;
}
}

/* Sign In */
.signin .mb-0 {
margin-bottom:0;
}
.signin p {
padding-top:0!important;
}
.signin {
width:100%;
height:100vh;
float:left;
background-color:#fff;
padding:0;
display:table;
vertical-align:middle;
text-align:center;
}

.signin .outer {
display:table-cell;
height:100vh;
position:relative;
width:70%;
float:left;
}

.signin .outer.left {
left:0;
}

.signin .outer.right {
right:0;
background:#328EB2 url(/images/choices360/rd2019/login-graphic.png) center bottom -15px no-repeat;
background-size:contain;
width:30%;
}

.signin #brandedHeader {
width:65%;
margin:0 auto;
}

.signin .top {
height:100vh;
padding-top:1rem;
text-align:left;
}

.signin .top .inner {
width:40%;
margin:0 auto;
}

.signin .top .signin-top {
text-align:center;
margin-bottom:1rem;
}

.signin .top .signin-top .logo {
width:auto;
display:block;
text-indent:-9000px;
}

.signin h1 {
font-size:2.55rem;
margin-top:10px;
height:100px;
background:transparent url(/images/choices360/360_logo.png) 3rem 0 no-repeat;
background-size:contain;
text-indent:-120000px;
}

.signin .top h2 {
margin-bottom:20px;
font-size:1.8rem;
color:#0E7AA4;
line-height:54px;
text-align:center;
font-weight:600;
font-family:Poppins, sans-serif;
}
.signin .top .inner p {
padding-top:0;
margin-bottom:0;
}
.signin .top .inner p a {
color:#0E7AA4!important;
font-size:.9rem;
}

.signin h3 {
font-size:1.125rem;
color:#fff;
text-align:center;
font-weight:600;
font-family:Poppins, sans-serif;
margin: 0 0 1em 0;
}

.signin .top .form-group label {
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
display:inline!important;
}

.signin a.logonButton {
background:#0E7AA4;
border:#0E7AA4 solid 2px;
border-radius:46px;
padding:8px;
width:100%;
display:block;
text-align:center;
font-size:.9rem;
color:#fff!important;
margin-bottom:1.5rem;
font-weight:600;
line-height:20px;
-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;
}

.signin a.logonButton:hover {
background:#006A98;
border:#006A98 solid 2px;
color:#fff!important;
text-decoration:none;
}

.signin .bottom {
position:absolute;
left:0;
bottom:10px;
width:90%;
}

.signin .bottom img {
width:75px;
margin-bottom:10px;
}

.signin-footer {
border-top:2px solid #EEEEEE;
margin:0 5%;
}

.signin-footer .cell {
margin:1rem 0 .4rem 0;
}

.signin-footer a,
.signin-footer ul#legal-links li a {
color:#0E7AA4!important;
}

p#signin-copyright {
margin:0;
text-align:left;
color:#595959;
}

.signin-footer ul#legal-links {
width:100%;
float:left;
margin-bottom:.5rem;
margin-top:.5rem;
}

.signin-footer .poweredbyXAP a {
margin:.25rem .5rem 0 0;
}

.signin-footer .copy-text {
position:relative;
top:-.25rem;
}

.signin .middle {
margin-top:6rem;
text-align:center;
}

.signin .middle .inner {
background-color:#fff;
background-color:rgb(255, 255, 255, .94);
padding:20px;
text-align:left;
}
 .signin .signin-note {
position:relative;
width:90%;
margin:0 5%;
padding:15px 20px;
text-align:left;
background-color:#F2FAFB;
border-left:4px solid #0E7AA4;
}
.signin .signin-note .note-icon {
display:block;
float:left;
font-size:30px;
padding:5px 15px 5px 0;
color:#0E7AA4; 
}
.signin .signin-note  p {
padding:0;
margin-bottom:5px;
}
.signin .signin-note  p:last-child {
margin-bottom:0!important;
}
.signin .signin-note  a {
color:#0E7AA4!important
}
.signin .signin-note  a:hover {
color:#014466!important
}

/*Accessible fix*/
.signin span.sr-only {
    color: #000;
    background: #fff;
}

.wsplash-kids,
.wsplash-welcome {
background:#0E7AA4;
border-radius:10px;
width:80%;
margin:0 auto 3rem;
padding:6rem 2rem 2rem;
margin-top:-6rem;
}
.wsplash-kids h3,
.wsplash-welcome h3 {
margin-bottom:0;
}
.wsplash-kids p,
.wsplash-welcome p {
color:#fff;
font-size:.9rem;
margin:.5rem 0 1rem 0;
}

.wsplash-kids a.btn.btn-primary {
border:#fff 2px solid;
border-radius:46px;
padding:8px 30px;
display:inline-block;
text-align:center;
font-size:.9rem;
color:#fff!important;
background:transparent;
margin:0 auto;
line-height:20px;
-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;
}

.wsplash-kids a.btn.btn-primary:hover {
color:#fff!important;
background:#006A98;
border:#006A98 2px solid;
}

.wsplash-kids a.btn.btn-primary:after {
content:"\f054";
font-family:FontAwesome;
font-size:.8rem;
padding:.5rem;
}

.wsplash-fam,
.wsplash-edu {
width:80%;
margin:0 auto 1rem;
padding:0;
}

.wsplash-fam a,
.wsplash-edu a {
background:#0E7AA4;
border-radius:10px;
display:block;
text-align:left;
font-size:.9rem;
color:#fff!important;
margin:0 auto;
padding:.5rem;
line-height:28px;
-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;
}

.wsplash-fam a:hover,
.wsplash-edu a:hover {
color:#fff!important;
text-decoration:none;
background-color:#006A98;
}

.wsplash-fam .fa-circle,
.wsplash-edu .fa-circle {
color:rgba(255, 255, 255, 0.2);
}

.wsplash-fam span.fa-stack,
.wsplash-edu span.fa-stack {
padding:0 3rem 0 0;
}

.signin .simpleForm {
margin-top:0;
}

.signin .errorMessage {
font-size:1rem;
}

@media only screen and (max-height:680px) {
.signin,
.signin .outer {
height:700px;
}
}

@media only screen and (max-height:1000px) {
.signin.client-dodea,
.signin.client-dodea .outer {
height:980px;
}
}

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

.signin .outer.right {
padding-bottom:220px;
}
#parentAccess {
padding:0 2rem 1rem 7rem;
}
#parentAccess .round-icon {
margin-left:-80px;
width:60px;
height:60px;
padding-top:0;
}
#parentAccess .round-icon img {
padding:.8rem;
width:100%;
}
}

@media (max-width:640px) {
 .page-hero { 
margin-bottom:0!important;
}
.signin .outer.right {
padding-bottom:160px;
}

#parentAccess {
padding:0 2rem 1rem 2rem;
text-align:center;
}
#parentAccess .round-icon {
float:none;
margin:1.5rem auto 0;
}
#parentAccess h3 {
text-align:center;
padding-top:1rem;
font-size:1.2rem;
margin-bottom:.8rem;
}
#parentAccess table {
width:100%;
}
#topbar-ttu ul, #topbar-utility ul {text-align:center;}
#topbar-translate {margin-right:0!important;padding-left:1.5rem;}
#languagebox {text-align:center;}
#google_translate_element {float:none;margin:0;}
#primarynav ul#navigation li ul li {padding:0;}
#primarynav ul#navigation li ul li a {padding-top:8px; padding-bottom:7px;}
}

@media only screen and (max-width:460px) {
.signin .outer.right {
padding-bottom:130px;
}
.signin .top .inner {
width:85%!important;
}
}

@media only screen and (max-width:414px) {
.signin .outer.right {
background-position:0 110%;
}
}

@media only screen and (max-width:320px) {
#parentAccess .actionlink a {
font-size:.8rem;
}
}

@media (max-width:380px) {
.sectionbox-cluster h3 a {
font-size:16px;
}
}

/* Misc */
p.sectionprompt {
font-family:'Poppins';
line-height:18px;
font-size:14px;
padding:1rem;
font-weight:500;
color:black;
background-color:#EFF9FA;
border-left:5px solid #0E7AA4;
border-radius:4px;
}

.home-content-box h3 a::before {
display:none;
}

#toolsContainer .toolsectionbodyshort:after,
#toolsContainer .toolsectionbody:after,
#toolsContainer .floatSection:after {
border:none!important;
}

div.toolsectionbody {
border:1px solid #EEE;
box-sizing:border-box;
box-shadow:0 4px 10px rgba(204, 204, 204, 0.25);
border-radius:4px;
margin:2rem;
height:120px;
padding:1rem 0;
}

#toolsContainer .toolsectionbody {
width:100px;
}

#home-slider .item h2::before {
display:none;
}

h3.headerlink a {
color:#014466;
}

h3.headerlink a:hover {
color:#014466;
}

/* Page Hero */
.page-hero {
background-repeat:no-repeat;
background-size:cover;
background-image:url(/Images/choices360/rd2019/pg_hero.png);
background-position:right; 
margin-bottom:1.5rem;
padding-left: 105px;
}
.page-hero h2 {
color:#014466;
font-size:1.75rem;
padding:0;
margin:4.25rem .55rem;
font-weight:600;
}
.page-hero-rightbar {
border-top:0!important;
margin-top:2.25rem!important;
}
@media (max-width:916px) {
.page-hero {padding-left:0;}
}
@media (max-width:768px) {
.page-hero {
background-position:60% 100%!important;
}
.page-hero h2 {
font-size:1.4rem;
margin:2.25rem .55rem;
}
}
@media (max-width:640px) {

div#rightbarcontent.page-hero-rightbar:first-child {
border-top:1px solid #EEEEEE!important;
}
}
@media (max-width:480px) {
.page-hero h2 {
font-size:1.25rem;
margin:1.75rem .55rem;
}
}

/*userway*/
body .uwy.userway_p1 {
top:6px!important;
z-index:214!important;
}

/* 508 fixes*/

#job-banks .btn-primary {
    background:#0E7AA4;
    border:#0E7AA4 solid 2px;
}
#job-banks .jobbank-links li a {
    color:#0E7AA4!important;
}


/* ------------ Ai Assist --------------- */
.home-ai-box {
        background: #FDF5E6;
        padding: 30px 40px;
        border-radius: 10px;
        display: flex;
        flex-direction: row;
        align-items: center;
           width: 90%;
    margin: 0 auto;
    }
    .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(#FDF5E6, #FDF5E6) 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: #0E7AA4 !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;}
        .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;}
    }

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

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

    .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;
    }
    .ai-badge h3:before {
        width: 20px;
        content: " ";
        background-image: url(/images/Transitions/portfolio/graphic-star-blue.png);
        position: absolute;
        left: -28px;
        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: -25px;
        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(#FDF5E6, #FDF5E6) 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: 916px) {

       
    }

    @media (max-width: 640px) {

        div#rightbarcontent.page-hero-rightbar:first-child {border-top:none !important;}
    }

.call-out {
  font-size: 14px;
}
/* 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) {
    
}