@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800&family=Mulish&display=swap');

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

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

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

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

*:focus {
    outline: none;
}

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

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

}

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

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

input[type=text],
input[type=password],
select,
textarea,
#careerProfile .field input,
.simpleSelectList,
input.pds-textfield,
#mainpanel .sectionbox .interfaceSearchBox,
.questionAnswer input,
.questionAnswer select,
#distanceSearch .field input,
#distanceSearch .field select {
	display: inline-block;
	padding: 8px 12px;
	font-size: .9rem;
	height: auto;
	line-height: 1.42857143;
	background-color: #fff;
	background-image: none;
	border: 1px solid #C2CAD8;
	border-radius: 4px;
	-webkit-transition: 0.2s ease-in-out !important;
	-moz-transition: 0.2s ease-in-out !important;
	-ms-transition: 0.2s ease-in-out !important;
	-o-transition: 0.2s ease-in-out !important;
	transition: 0.2s ease-in-out !important;
}

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

#topbar {
	background: #22415F;
	color: #fff;
	padding: 1rem;
	margin-top: -18px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #topbar-return-ttu ul li:after,
    #topbar-return-ttu ul li a,
    #topbar-return-ttu ul li a:hover {
	    color:#0E7AA4!important;
    }

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

.topbar-return {
	background:#fff!important;
	color:#0E7AA4!important;
}

#topbar-utility ul li.return span {
	font-weight: 600;
	top: -15px;
	position: relative;
	letter-spacing: 1px;
	font-size: .815rem;
	color: #0E7AA4!important;
    text-transform: uppercase;
}

#topbar-utility ul li.return a {
    background: url(/Images/ok/logo.png) no-repeat top left;
	background-size: 360px 48px;
    height: 48px;
    width: 360px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

#whoareyou.grid-container {
	margin: 20px 40px;
	padding-bottom: 20px;
}

.role-icons {
	display: inline;
}

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

#portfolioSubnavigation {
	padding: 5px 0;
	letter-spacing: .4px;
}

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

#portfolioSubnavigation a {
	color: #22415F;
	text-decoration: none;
	font-weight: 400;
	font-size: 12px;
}
/* Mobile Navigation
========================================================================== */
#mobile-menu-toggle {
	display: none;
	position: relative;
	min-height: 2.5rem;
	width: 100%;
	background: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 0.625rem;
    z-index:2;
}

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

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

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

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

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

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

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

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: 'Montserrat', sans-serif!important;
}
#responsive-logo {
	display: none;
	text-align: center;
	margin: 45px 0 0 0;
}

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

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

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

@media (max-width: 795px) {
	#responsive-logo h1 a, .norm-logo h1 a {
		background-size: 92%;
	}
}



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

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

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

#mainbody {
	width: 100%;
}

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

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

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

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

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

#signInBox h2:before {
	font-family: "Font Awesome 5 Free";
	content: "\f2f6";
	display: inline-block;
	padding-right: 5px;
	color: #0E7AA4;
}

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

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


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

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

/* Homepage
   ========================================================================== */
#main-homepage {
	margin-left: -0.9375rem;
	margin-right: -0.9375rem
}

.imageSlideshowHolder {
	margin: 0;
	position: relative
}

.imageSlideshowHolder img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%;
	display: block;
	height: auto
}

.imageSlideshowHolder img:first-child {
	position: relative
}

#whoAreYou {
	margin: 0.3125rem 0rem
}

#whoAreYou h2 {
	background: #e6e6e6;
	display: block;
	padding: 0.5rem !important;
	margin: 0rem 0rem 0.3125rem !important;
	font-weight: bold !important;
	font-size: 1rem !important;
	text-transform: uppercase;
	line-height: 16px;
	-webkit-box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.05);
	color: #000
}

#mainRoles {
	background: #7a7a7a;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative
}

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

#mainRoles li {
	display: inline-block;
	width: 16.66667%;
	float: left;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.625rem;
	position: relative
}

#mainRoles li strong {
	display: block
}

#mainRoles li strong:before {
	display: inline-block;
	content: "\f105";
	font-family: FontAwesome;
	margin-right: 0.3125rem
}

#mainRoles li a {
	position: relative;
	min-height: 9.125rem;
	padding: 6.25rem 0.625rem 0.625rem;
	display: block;
	color: #fff;
	text-decoration: none;
	z-index: 15;
	line-height: 1.4
}

#mainRoles li a:hover {
	color: #000
}

#mainRoles li:before {
	background: url("https://secureeng.okcollegestart.org/Images/ok/whoareyou_sprite.png") no-repeat;
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -45px;
	top: 5px;
	width: 90px;
	height: 90px;
	border-radius: 6.25rem;
	border: 4px solid #fff;
	z-index: 10
}

#mainRoles li:after {
	z-index: 5;
	display: block;
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 50px;
	background: #fffcfa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fffcfa), color-stop(50%, #f86c03));
	background: linear-gradient(to bottom, #fffcfa 0%, #f86c03 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfa', endColorstr='#f86c03',GradientType=0 );
	-webkit-box-shadow: inset -3px 0 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset -3px 0 3px 0 rgba(0, 0, 0, 0.2)
}

#mainRoles li:hover:after {
	background: #fff
}

#mainRoles li:last-child:after {
	-webkit-box-shadow: none;
	box-shadow: none
}

#mainRoles #roleMiddle:before {
	background-position: 0 0
}

#mainRoles #roleHigh:before {
	background-position: -82px 0
}

#mainRoles #roleCollege:before {
	background-position: -164px 0
}

#mainRoles #roleAdult:before {
	background-position: -246px 0
}

#mainRoles #roleParent:before {
	background-position: -328px 0
}

#mainRoles #roleEducator:before {
	background-position: -410px 0
}

.homepage-box {
	background: #000;
	color: #fff
}

.homepage-box h2 {
	height: 32px;
	padding: 0 !important;
	margin: 0 !important;
	text-indent: -9000px
}

.homepage-box .inner {
	padding: 0.625rem
}

.homepage-box.alt-bg {
	background: #f7f7f7;
	color: #333
}

#collegeCurious {
	margin-right: -0.46875rem
}

#collegeCurious h2 {
	background: url("/images/ok/hmpg/college_curious_header.png") no-repeat 0 0 #000
}

#poll {
	margin-left: -0.46875rem
}

#poll h2 {
	background: url("/Images/ok/hmpg/poll_top.png") no-repeat 0 0 #000
}

/* Landing Pages
   ========================================================================== */
#rolePage {
	padding: 0;
	margin: 0rem 0rem 1.25rem 0rem;
	position: relative;
	display: block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#rolePageLinks a {
	text-decoration: none
}

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

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

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

#roleLinks ul {
	font: bold 0.75rem 'Open Sans','Arial','Helvetica',sans-serif;
	text-transform: uppercase;
	list-style: none;
	margin: 0rem 0rem 1.25rem;
	padding: 0;
	display: block
}

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

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

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

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

#roleLinks ul li a {
	text-decoration: none
}

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

#signInContainer h2 {
	color: #6B5D4A;
	margin: 0;
	padding: 15px 0 5px
}

/* Poll
   ========================================================================== */
.pds-box {
	font: 0.625rem 'Open Sans','Arial','Helvetica',sans-serif !important;
	width: 100% !important;
	color: #FFF;
	background: none !important;
	border: none !important;
	text-transform: uppercase;
	margin: 0 !important
}

.pds-question-top {
	font: bold 0.6875rem 'Open Sans','Arial','Helvetica',sans-serif !important;
	margin: -1.25rem -0.625rem 0.625rem !important;
	text-transform: uppercase;
	color: #000;
	background: #8fcb37;
	padding: 0.625rem !important;
	position: relative;
	z-index: 5
}

.pds-question-top:before, .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)
}

.pds-question-top:after {
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto
}

.pds-answer {
	overflow-y: scroll;
	max-height: 131px
}

.pds-answer::-webkit-scrollbar {
	-webkit-appearance: none
}

.pds-answer::-webkit-scrollbar:vertical {
	width: 12px
}

.pds-answer::-webkit-scrollbar:horizontal {
	height: 12px
}

.pds-answer::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	border: 2px solid #ffffff
}

.pds-answer::-webkit-scrollbar-track {
	background: #ffffff;
	border-radius: 10px
}

.pds-answer-input {
	width: 22px !important;
	margin: 0 !important
}

.pds-answer-span {
	line-height: 0px !important;
	color: #000;
	font: bold 10px 'Open Sans','Arial','Helvetica',sans-serif !important;
	text-transform: uppercase
}

.pds-answer-text {
	line-height: 0px !important;
	color: #000;
	font: bold 10px 'Open Sans','Arial','Helvetica',sans-serif !important;
	text-transform: uppercase
}

.pds-input-label {
	padding-top: 0.125rem !important
}

.pds-vote {
	padding: 3px 0px 0px 0px !important
}

.pds-vote-button {
	font: bold !important 0.75rem !important 'Open Sans','Arial','Helvetica', sans-serif !important;
	background: transparent url("/images/ok/vote_off.png") 0 0 no-repeat !important;
	color: #000;
	height: 45px !important;
	padding-left: 0 !important;
	width: 90px !important;
	border: none !important;
	text-indent: -9000px
}

.pds-feedback {
	font: 9px 'Open Sans','Arial','Helvetica',sans-serif !important;
	color: #000;
	text-transform: uppercase
}

.pds-votes {
	font: 9px 'Open Sans','Arial','Helvetica',sans-serif !important;
	color: #000;
	text-transform: uppercase
}

.pds-view-results, .pds-view-results a, .pds-total-votes, .pds-return-poll,
.pds-return-poll a {
	font: bold 10px 'Open Sans','Arial','Helvetica',sans-serif !important;
	color: #000;
	padding-top: 10px !important;
	text-transform: uppercase
}

.pds-vote-button:hover {
	background: transparent url(/images/ok/vote_on.png) 0 0 no-repeat !important;
	color: #fff !important
}

.pds-pd-link {
	text-indent: -9000px
}

.pds-feedback-group {
	padding-left: 2px !important
}

/* Typography
   ========================================================================== */
#main h2 .subtitle {
	font: bold 1.25rem 'Open Sans','Arial','Helvetica',sans-serif;
	background: transparent url("/images/transitions/subtitle.gif") 0 0px no-repeat;
	display: inline-block;
	color: #000;
	margin: 0px;
	padding-left: 24px;
	text-transform: uppercase
}

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

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

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

.sectionbox p, #main .sectionbody p {
	font-size: 14px;
	padding-left: 14px;
	color: #333;
}

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

.activityPanel h3 {
    font-size: 1rem;
}

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

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

#tileArea .pathways .second {
    padding-top: 10px;
}

.title {
    border-bottom: 1px solid transparent!important;
}

#tileArea .pathways ul {
    margin: 5px!important;
}


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

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

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

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

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

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

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

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

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

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

a {
	color: #22415F;
	outline: 0;
	text-decoration: none;
}

a:hover {
	color: #79BA43;
	text-decoration: underline;
}

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

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

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

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

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

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

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

.sectionlink a:hover:before,
.sectionlink li a:hover:before {
	color: #79BA43;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prevlink a {
	background: none !important;
}

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

#main .pageLinks a:hover,
#main a.pageLinks:hover {
	background-color: #79BA43;
}

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

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

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

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

.articleList ul li a {
	background: none;
	font-weight: 600;
	padding: 0;
}

/* Forms
   ========================================================================== */
#main .sectionbox .interfaceSearchBox {
	background: #fff !important;
	border: 1px solid #8B8B8B !important;
	color: #242424 !important;
	padding: 0.3125rem !important
}

.interfaceSearchBox {
	background: #fff !important;
	border: 1px solid #8B8B8B !important;
	color: #242424 !important;
	padding: 0.3125rem !important;
	height: 1.875rem
}

.questionAnswer {
	padding-bottom: 0.3125rem
}

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

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

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

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

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

.talktous td {
	font: 0.75rem 'Open Sans','Arial','Helvetica',sans-serif !important
}

.talktous .radiogroup {
	font: 0.75rem 'Open Sans','Arial','Helvetica',sans-serif !important;
	color: #000 !important
}

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

.simpleSelectList {
	font: 0.75rem 'Open Sans','Arial','Helvetica',sans-serif;
	border: 1px solid #8B8B8B;
	color: #242424
}

a.simpleSearchButton, a.simpleSearchButton, a.simpleGoBtn, a.simpleGoBtn {
	background: transparent url("/images/ok/search_off.png") 0 0 no-repeat;
	padding: 0.125rem;
	height: 29px;
	right: 3px;
	width: 36px;
	text-indent: -9000px
}

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

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

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

/* Sectionbox
   ========================================================================== */
.sectionbox {
	border: 2px solid #0098C2;
	margin: 0.75rem 0rem
}

.sectionboxtabswide {
	margin-left: 3.4375rem
}

.sectionboxnoborder {
	width: 640px
}

.sectionbody {
	margin: 1.25rem
}

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

.sectionbox, #main .whtopaddcareers, .sectionboxwide, #page .tfsection .middle,
#toolsContainer .toolsectionbody, #toolsContainer .floatSection,
.landingpagesection, .landingpagesearch, #main .mainInstructions,
#main .savedSearches, #toolsContainer .toolsectionbodyshort {
	border-color: #0098C2
}

.landingpagesection {
	width: 340px
}

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

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

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

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

.innerboxmedium {
	padding: 0.3125rem
}

.innerboxmediumtop {
	padding: 0.1875rem !important
}

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

#signInBox table table {
	width: 100%
}

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

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

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

#signInContainer {
	background: none !important
}

#signInContainer .pageContent {
	padding-left: 0
}

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

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

.optionalHint {
	font: 0.6875rem 'Open Sans','Arial','Helvetica',sans-serif !important;
	color: red
}

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

table.chart {
	clear: both;
	padding: 0;
	margin: 0.625rem 0.25rem 0.625rem 0.5rem;
	border: 1px solid #000;
	border-width: 0 0 1px 1px
}

table.chart th {
	font: bold 0.875rem 'Open Sans','Arial','Helvetica',sans-serif;
	background: #DAF5F7;
	text-align: center
}

table.chart th.tableheader {
	font: bold 1rem 'Open Sans','Arial','Helvetica',sans-serif;
	background: #0098C2;
	color: #fff
}

table.chart tr.color1 {
	background: #DAF5F7
}

table.chart tr.color2 {
	background: #F2F2F2
}

table.chart tr.color3 {
	background: #ffffcc
}

table.chart td {
	font: 0.6875rem 'Open Sans','Arial','Helvetica',sans-serif;
	vertical-align: top
}

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

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

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

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

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

#rates td {
	text-align: right
}

.timertable {
	margin-bottom: 0.625rem
}

.timertable .head {
	font: bold 0.9375rem 'Open Sans','Arial','Helvetica',sans-serif;
	color: #0098C2
}

.timertable .body {
	font: bold 0.75rem 'Open Sans','Arial','Helvetica',sans-serif
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* Voices
   ========================================================================== */
#voicesMid > div {
	padding: 3.75rem 0rem
}

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

#voicesWork .blogNameHeader, #voicesCollege .blogNameHeader {
	color: #FFF !important
}

/* Misc
   ========================================================================== */
#mainpanel img {
	border: 0
}

#main .articleContentPanel img {
	display: inline
}

#main .articleContentPanel p {
	padding: 0
}

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

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

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

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

.progressIndicator {
	color: #846D5A;
	font: bold 11px 'Open Sans','Arial','Helvetica',sans-serif;
	padding-bottom: 5px
}

.browseSchoolTypes div {
	background: transparent url(/images/transitions/icons/career_cluster_icon.png) 7px 0 no-repeat;
	float: left;
	font: bold 11px 'Open Sans','Arial','Helvetica',sans-serif !important;
	height: 66px
}

.videoList a {
	text-transform: uppercase
}

.militaryList a {
	text-transform: uppercase
}

#midsection {
	min-height: 104px;
	background: #ffffff url("/images/transitions/subpages/finaidplanning/PayPic_middle_calc.gif") 185px bottom no-repeat !important
}
/* Alpha List */
#main .alphacontainer {
	background: none
}

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

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

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

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

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

.alphabetList td a:hover, .alphabetList td a:focus {
	background: #fff;
	color: #ff8023
}
/* Explore Careers */
.fastestCareers {
	display: block;
	padding: 0.625rem 0rem 1.0625rem 4.0625rem;
	background: transparent url("/images/transitions/icons/fastest_careers.png") 0 0 no-repeat
}

.browseSchoolTypes div {
	font: bold 0.75rem 'Open Sans','Arial','Helvetica',sans-serif !important;
	text-transform: uppercase
}
/* Create An Account - Role Selection */
.roleSelect a a {
	background: url("/Images/ok/arw_off.png") no-repeat scroll 0px 10px transparent;
	font-size: 13px;
	padding: 5px 4px 0px 8px
}

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

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

#scholarships .section-header-content .doughnut-text span {
color: #000;
}

.doughnut-text span {
	height: 80px;
	font-size: 0.8rem;
}

.masonry-nav ul li:hover, .masonry-nav ul li.selected,
.masonry-nav ul li.selected a, .masonry-nav-searchbox .input-group-addon:hover,
.masonry-main .btn:hover, .masonry-main .item-highlight .item-message, .ui-slider {
	background: #c1d82f !important;
	color: #000 !important
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
	background: #c1d82f !important;
}

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

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

.item-guidance {
	border: 1px solid #a6a9bc !important;
	background: #fff !important
}

.masonry-nav {
	top: 13px
}

.panel-default h4 {
	margin: 0;
	color: #000
}

.item-guidance:before {
	color: #0E7AA4
}

.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 {
	float: left;
	display: inline-block;
	font-size: 0.75rem;
	padding: 0.1875rem 0.625rem 0rem 0rem;
	display: none;
}

#google_translate_element {
	float: left;
}

.goog-te-gadget-simple .goog-te-menu-value {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	color: #79BA43 !important;
	font-size: .815rem;
	letter-spacing: 0.04375rem;
	font-weight: 700;
}

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

.gsc-input {
	width: auto;
}

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

.gsc-input input::placeholder {
	color: #000;
	opacity: 1;
}

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

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

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

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

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

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

/* Google Translate
   ========================================================================== */

#google_translate_element {
	position: relative;
	padding: 8px 6px 2px 2px;
}

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

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

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

.goog-te-gadget-simple > span a span {
	-webkit-transition: color 250ms ease-in-out;
	transition: color 250ms ease-in-out;
	text-decoration: none;
	text-transform: none;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 14px;
}

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

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

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

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

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


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

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

.additional h5 {
	font: 700 14px !important 'Open Sans','Arial','Helvetica',sans-serif !important;
	background: transparent !important;
	margin: .5em 0 0 0 !important;
	padding: .2em 0 0 0 !important;
	color: #267fb4 !important
}

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

#main .dataGrid td, #datagrid td {
	font-family: 'Open Sans','Arial','Helvetica',sans-serif !important
}

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

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

/* Masonry
   ========================================================================== */
#scholarships.row-height {
	margin-left: 0.5625rem
}

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

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

.masonry-main {
	padding-right: 20px !important
}

.masonry-main .item {
	border: 1px solid #0E7AA4
}

.masonry-main .item-highlight {
	background: #0E7AA4 !important;
	color: #000 !important;
}

.masonry-main .item-highlight p {
	color: #FFF !important
}

.masonry-main .item h4 {
	color: #FFF !important
}

.masonry-main .item-guidance h4 {
	color: #000 !important
}

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

.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: ""
}

#scholarships .hint {
	color: #6a6a6a!important;
}

#scholarships .display-list-number {
	color: #000;
}

.scholarship-new .ribbon-status .ribbon-content {
	color: #000;
}

.masonry-main .doughnut-text .highlight-status {
    color: #FFF;
}

/* Career Planning > Default
   ========================================================================== */
.sectionbox {
	min-height: 100px
}

.sectionbox p {
	font: 8pt inherit;
	margin: 0 10px 5px 0
}

.sectionbox strong {
	font-weight: bold
}

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

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

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

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

.widecolumn {
	width: 284px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Flex Grid
   ========================================================================== */
.f-row {
	max-width: 51rem;
	margin-right: auto;
	margin-left: auto;
	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;
	margin-right: -0.625rem;
	margin-left: -0.625rem
}

.f-row .f-row {
	margin-right: -0.625rem;
	margin-left: -0.625rem
}

.f-row.collapse > .f-row {
	padding-right: 0;
	padding-left: 0
}

.columns {
	-ms-flex: 1 1 0px;
	-webkit-box-flex: 1;
	flex: 1 1 0px;
	padding-right: 0.625rem;
	padding-left: 0.625rem;
	min-width: initial
}

.small-1 {
	-ms-flex: 0 0 8.33333%;
	-webkit-box-flex: 0;
	flex: 0 0 8.33333%;
	max-width: 8.33333%
}

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

.small-2 {
	-ms-flex: 0 0 16.66667%;
	-webkit-box-flex: 0;
	flex: 0 0 16.66667%;
	max-width: 16.66667%
}

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

.small-3 {
	-ms-flex: 0 0 25%;
	-webkit-box-flex: 0;
	flex: 0 0 25%;
	max-width: 25%
}

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

.small-4 {
	-ms-flex: 0 0 33.33333%;
	-webkit-box-flex: 0;
	flex: 0 0 33.33333%;
	max-width: 33.33333%
}

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

.small-5 {
	-ms-flex: 0 0 41.66667%;
	-webkit-box-flex: 0;
	flex: 0 0 41.66667%;
	max-width: 41.66667%
}

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

.small-6 {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	max-width: 50%
}

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

.small-7 {
	-ms-flex: 0 0 58.33333%;
	-webkit-box-flex: 0;
	flex: 0 0 58.33333%;
	max-width: 58.33333%
}

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

.small-8 {
	-ms-flex: 0 0 66.66667%;
	-webkit-box-flex: 0;
	flex: 0 0 66.66667%;
	max-width: 66.66667%
}

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

.small-9 {
	-ms-flex: 0 0 75%;
	-webkit-box-flex: 0;
	flex: 0 0 75%;
	max-width: 75%
}

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

.small-10 {
	-ms-flex: 0 0 83.33333%;
	-webkit-box-flex: 0;
	flex: 0 0 83.33333%;
	max-width: 83.33333%
}

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

.small-11 {
	-ms-flex: 0 0 91.66667%;
	-webkit-box-flex: 0;
	flex: 0 0 91.66667%;
	max-width: 91.66667%
}

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

.small-12 {
	-ms-flex: 0 0 100%;
	-webkit-box-flex: 0;
	flex: 0 0 100%;
	max-width: 100%
}

.small-offset-12 {
	margin-left: 100%
}
/**
   * Block Grid
   */
.small-up-1, .small-up-2, .small-up-3, .small-up-4, .small-up-5, .small-up-6,
.small-up-7, .small-up-8 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.small-up-1 > .columns {
	-ms-flex: 0 0 100%;
	-webkit-box-flex: 0;
	flex: 0 0 100%;
	max-width: 100%
}

.small-up-2 > .columns {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	max-width: 50%
}

.small-up-3 > .columns {
	-ms-flex: 0 0 33.33333%;
	-webkit-box-flex: 0;
	flex: 0 0 33.33333%;
	max-width: 33.33333%
}

.small-up-4 > .columns {
	-ms-flex: 0 0 25%;
	-webkit-box-flex: 0;
	flex: 0 0 25%;
	max-width: 25%
}

.small-up-5 > .columns {
	-ms-flex: 0 0 20%;
	-webkit-box-flex: 0;
	flex: 0 0 20%;
	max-width: 20%
}

.small-up-6 > .columns {
	-ms-flex: 0 0 16.66667%;
	-webkit-box-flex: 0;
	flex: 0 0 16.66667%;
	max-width: 16.66667%
}

.small-up-7 > .columns {
	-ms-flex: 0 0 14.28571%;
	-webkit-box-flex: 0;
	flex: 0 0 14.28571%;
	max-width: 14.28571%
}

.small-up-8 > .columns {
	-ms-flex: 0 0 12.5%;
	-webkit-box-flex: 0;
	flex: 0 0 12.5%;
	max-width: 12.5%
}

.grid-gutter {
	height: 2.5rem;
	display: block;
	width: 100%
}
/**
 * Stack Responsive Expand
 */
/**
 * Unstack Responsive Expand
 */
.f-row .medium-unstack .columns {
	-ms-flex: 0 0 100%;
	-webkit-box-flex: 0;
	flex: 0 0 100%
}

.f-row .large-unstack .columns {
	-ms-flex: 0 0 100%;
	-webkit-box-flex: 0;
	flex: 0 0 100%
}

.shrink {
	-ms-flex: 0 0 auto;
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	max-width: 100%
}

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

.ipAnswers {
	height: 60px !important
}

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

#ipIntroIncompleteButtons a, #ipIntroStartButton a {
	padding: 0.375rem 0.625rem !important
}

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

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

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

/*postsecondary profiles*/
#profile h2 {
	padding: 10px;
	background-color: #22415F;
	color: #fff !important;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase
}

#profile h4.title {
	color: #79BA43 !important;
}

#profile div#top-nav #fixed-nav li a:hover {
	color: #A5D24C !important;
}

#profile .disabled, #profile div#bottom-nav #fixed-nav li a {
	color: #22415F !important;
}

#profile div#bottom-nav #fixed-nav li a:hover {
	color: #A5D24C !important;
}

#profile a.app-link:hover, #profile a.arrow-link:hover {
	color: inherit !important;
}

#profile div#top-nav {
	background: #22415F;
}

#profile div#top-nav strong {
	font-weight: 600;
}

#profile div#top-nav #fixed-nav li a {
	letter-spacing: .2px;
	text-transform: uppercase;
}

#profile .search-btn {
	height: 44px;
	top: 10px;
	right: 9px;
}

@media (max-width: 916px) {
	#subnavigation li {
		float: right;
	}
}

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

	.goog-te-gadget-simple .goog-te-menu-value span {
		font-size: 0.875rem !important;
	}

	#profile div#top-nav {
		width: auto;
	}

    #profile .apply-now {
        margin: 0px;
    }

    #profile .list-group-item {
        padding: 10px;
    }

	#profile div#bottom-nav {
		width: 100%;
	}

	#profile prosec-academics .doughnut-text span {
		width: 65%;
		margin-left: 10px !important;
		padding: 10px 0px 0px 0px;
	}
}

@media only screen and (max-width: 480px) {
	#topnav {
		min-width: unset;
	}
}

@media print,screen and (min-width: 40em) and (min-width: 40em) {
	.medium-expand {
		-ms-flex: 1 1 0px;
		-webkit-box-flex: 1;
		flex: 1 1 0px
	}
}

@media print,screen and (min-width: 40em) {
	.medium-1 {
		-ms-flex: 0 0 8.33333%;
		-webkit-box-flex: 0;
		flex: 0 0 8.33333%;
		max-width: 8.33333%
	}

	.medium-offset-1 {
		margin-left: 8.33333%
	}

	.medium-2 {
		-ms-flex: 0 0 16.66667%;
		-webkit-box-flex: 0;
		flex: 0 0 16.66667%;
		max-width: 16.66667%
	}

	.medium-offset-2 {
		margin-left: 16.66667%
	}

	.medium-3 {
		-ms-flex: 0 0 25%;
		-webkit-box-flex: 0;
		flex: 0 0 25%;
		max-width: 25%
	}

	.medium-offset-3 {
		margin-left: 25%
	}

	.medium-4 {
		-ms-flex: 0 0 33.33333%;
		-webkit-box-flex: 0;
		flex: 0 0 33.33333%;
		max-width: 33.33333%
	}

	.medium-offset-4 {
		margin-left: 33.33333%
	}

	.medium-5 {
		-ms-flex: 0 0 41.66667%;
		-webkit-box-flex: 0;
		flex: 0 0 41.66667%;
		max-width: 41.66667%
	}

	.medium-offset-5 {
		margin-left: 41.66667%
	}

	.medium-6 {
		-ms-flex: 0 0 50%;
		-webkit-box-flex: 0;
		flex: 0 0 50%;
		max-width: 50%
	}

	.medium-offset-6 {
		margin-left: 50%
	}

	.medium-7 {
		-ms-flex: 0 0 58.33333%;
		-webkit-box-flex: 0;
		flex: 0 0 58.33333%;
		max-width: 58.33333%
	}

	.medium-offset-7 {
		margin-left: 58.33333%
	}

	.medium-8 {
		-ms-flex: 0 0 66.66667%;
		-webkit-box-flex: 0;
		flex: 0 0 66.66667%;
		max-width: 66.66667%
	}

	.medium-offset-8 {
		margin-left: 66.66667%
	}

	.medium-9 {
		-ms-flex: 0 0 75%;
		-webkit-box-flex: 0;
		flex: 0 0 75%;
		max-width: 75%
	}

	.medium-offset-9 {
		margin-left: 75%
	}

	.medium-10 {
		-ms-flex: 0 0 83.33333%;
		-webkit-box-flex: 0;
		flex: 0 0 83.33333%;
		max-width: 83.33333%
	}

	.medium-offset-10 {
		margin-left: 83.33333%
	}

	.medium-11 {
		-ms-flex: 0 0 91.66667%;
		-webkit-box-flex: 0;
		flex: 0 0 91.66667%;
		max-width: 91.66667%
	}

	.medium-offset-11 {
		margin-left: 91.66667%
	}

	.medium-12 {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%
	}

	.medium-offset-12 {
		margin-left: 100%
	}

	.medium-up-1, .medium-up-2, .medium-up-3, .medium-up-4, .medium-up-5, .medium-up-6, .medium-up-7, .medium-up-8 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.medium-up-1 > .columns {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%
	}

	.medium-up-2 > .columns {
		-ms-flex: 0 0 50%;
		-webkit-box-flex: 0;
		flex: 0 0 50%;
		max-width: 50%
	}

	.medium-up-3 > .columns {
		-ms-flex: 0 0 33.33333%;
		-webkit-box-flex: 0;
		flex: 0 0 33.33333%;
		max-width: 33.33333%
	}

	.medium-up-4 > .columns {
		-ms-flex: 0 0 25%;
		-webkit-box-flex: 0;
		flex: 0 0 25%;
		max-width: 25%
	}

	.medium-up-5 > .columns {
		-ms-flex: 0 0 20%;
		-webkit-box-flex: 0;
		flex: 0 0 20%;
		max-width: 20%
	}

	.medium-up-6 > .columns {
		-ms-flex: 0 0 16.66667%;
		-webkit-box-flex: 0;
		flex: 0 0 16.66667%;
		max-width: 16.66667%
	}

	.medium-up-7 > .columns {
		-ms-flex: 0 0 14.28571%;
		-webkit-box-flex: 0;
		flex: 0 0 14.28571%;
		max-width: 14.28571%
	}

	.medium-up-8 > .columns {
		-ms-flex: 0 0 12.5%;
		-webkit-box-flex: 0;
		flex: 0 0 12.5%;
		max-width: 12.5%
	}

	.medium-unstack .columns {
		-ms-flex: 1 1 0px;
		-webkit-box-flex: 1;
		flex: 1 1 0px
	}
}

@media print,screen and (min-width: 64em) and (min-width: 64em) {
	.large-expand {
		-ms-flex: 1 1 0px;
		-webkit-box-flex: 1;
		flex: 1 1 0px
	}
}

@media print,screen and (min-width: 64em) {
	.large-1 {
		-ms-flex: 0 0 8.33333%;
		-webkit-box-flex: 0;
		flex: 0 0 8.33333%;
		max-width: 8.33333%
	}

	.large-offset-1 {
		margin-left: 8.33333%
	}

	.large-2 {
		-ms-flex: 0 0 16.66667%;
		-webkit-box-flex: 0;
		flex: 0 0 16.66667%;
		max-width: 16.66667%
	}

	.large-offset-2 {
		margin-left: 16.66667%
	}

	.large-3 {
		-ms-flex: 0 0 25%;
		-webkit-box-flex: 0;
		flex: 0 0 25%;
		max-width: 25%
	}

	.large-offset-3 {
		margin-left: 25%
	}

	.large-4 {
		-ms-flex: 0 0 33.33333%;
		-webkit-box-flex: 0;
		flex: 0 0 33.33333%;
		max-width: 33.33333%
	}

	.large-offset-4 {
		margin-left: 33.33333%
	}

	.large-5 {
		-ms-flex: 0 0 41.66667%;
		-webkit-box-flex: 0;
		flex: 0 0 41.66667%;
		max-width: 41.66667%
	}

	.large-offset-5 {
		margin-left: 41.66667%
	}

	.large-6 {
		-ms-flex: 0 0 50%;
		-webkit-box-flex: 0;
		flex: 0 0 50%;
		max-width: 50%
	}

	.large-offset-6 {
		margin-left: 50%
	}

	.large-7 {
		-ms-flex: 0 0 58.33333%;
		-webkit-box-flex: 0;
		flex: 0 0 58.33333%;
		max-width: 58.33333%
	}

	.large-offset-7 {
		margin-left: 58.33333%
	}

	.large-8 {
		-ms-flex: 0 0 66.66667%;
		-webkit-box-flex: 0;
		flex: 0 0 66.66667%;
		max-width: 66.66667%
	}

	.large-offset-8 {
		margin-left: 66.66667%
	}

	.large-9 {
		-ms-flex: 0 0 75%;
		-webkit-box-flex: 0;
		flex: 0 0 75%;
		max-width: 75%
	}

	.large-offset-9 {
		margin-left: 75%
	}

	.large-10 {
		-ms-flex: 0 0 83.33333%;
		-webkit-box-flex: 0;
		flex: 0 0 83.33333%;
		max-width: 83.33333%
	}

	.large-offset-10 {
		margin-left: 83.33333%
	}

	.large-11 {
		-ms-flex: 0 0 91.66667%;
		-webkit-box-flex: 0;
		flex: 0 0 91.66667%;
		max-width: 91.66667%
	}

	.large-offset-11 {
		margin-left: 91.66667%
	}

	.large-12 {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%
	}

	.large-offset-12 {
		margin-left: 100%
	}

	.large-up-1, .large-up-2, .large-up-3, .large-up-4, .large-up-5,
	.large-up-6, .large-up-7, .large-up-8 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.large-up-1 > .columns {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%
	}

	.large-up-2 > .columns {
		-ms-flex: 0 0 50%;
		-webkit-box-flex: 0;
		flex: 0 0 50%;
		max-width: 50%
	}

	.large-up-3 > .columns {
		-ms-flex: 0 0 33.33333%;
		-webkit-box-flex: 0;
		flex: 0 0 33.33333%;
		max-width: 33.33333%
	}

	.large-up-4 > .columns {
		-ms-flex: 0 0 25%;
		-webkit-box-flex: 0;
		flex: 0 0 25%;
		max-width: 25%
	}

	.large-up-5 > .columns {
		-ms-flex: 0 0 20%;
		-webkit-box-flex: 0;
		flex: 0 0 20%;
		max-width: 20%
	}

	.large-up-6 > .columns {
		-ms-flex: 0 0 16.66667%;
		-webkit-box-flex: 0;
		flex: 0 0 16.66667%;
		max-width: 16.66667%
	}

	.large-up-7 > .columns {
		-ms-flex: 0 0 14.28571%;
		-webkit-box-flex: 0;
		flex: 0 0 14.28571%;
		max-width: 14.28571%
	}

	.large-up-8 > .columns {
		-ms-flex: 0 0 12.5%;
		-webkit-box-flex: 0;
		flex: 0 0 12.5%;
		max-width: 12.5%
	}

	.large-unstack .columns {
		-ms-flex: 1 1 0px;
		-webkit-box-flex: 1;
		flex: 1 1 0px
	}
}

@media (max-width: 991px) {
	.tile-wrap.tile-half {
		width: 100% !important;
	}
}

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

@media (max-width: 1210px) {

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

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

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

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

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



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


@media (max-width: 1120px) {

	#responsive-logo h1 a, .norm-logo h1 a {
		width: 360px;
		height: 48px;
		background-size: 360px auto;
	}
}

@media (max-width: 1024px) {

	#primarynav ul#navigation {
		padding-top: 20px;
	}
	#home-slider .item .grid-x {
		margin-left: 5rem;
	}
	#home-slider .item h2 {
		font-size: 32px;
		line-height: 36px;
		margin: 10px 30px;
	}
	.role-button-wrap {
		margin-left: 30px;
	}
}

@media (max-width: 916px) {
	#mobile-menu-toggle {
		display: block;
	}

	#responsive-logo {
		display: block;
		position: relative;
		z-index: 100;
		margin-top: 40px;
	}

	#responsive-logo h1 {
		display: block;
		padding-top: 0rem;
	}

	#primarynav ul#navigation li a:hover {
		color: inherit !important;
	}

	#primarynav ul#navigation {
		padding-top: 5px;
	}

	#main-header h1 {
		display: none !important;
	}

	#searchbox span {
		color: #fff;
		opacity: 1;
	}

	.gsc-search-button:after {
		background: none !important;
	}

	#topbar-ttu,
	#topbar-soc,
	#topbar-translate {
		margin-bottom: 0;
	}

	#topbar-translate {
		margin-top: 0;
	}

	#primarynav-divider {
		display: none;
	}

	#primarynav ul#navigation li a {
		display: block;
		min-height: 25px;
	}

	#navigation li a {
		padding: 0rem 1.5rem 0rem 1.5rem;
	}

	#main-header {
		padding: 0;
		box-shadow: none;
	}

	#main-header .grid-container {
		padding-left: 0;
	}

	#navigation {
		display: block;
		width: 100%;
		height: auto;
		padding-right: 0;
	}

	#navigation li {
		min-width: 100%;
		display: block;
		text-indent: 0px;
		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: #0E7AA4;
	}

	#navigation li.selected:after,
	#navigation li:hover:after {
		border-width: 0;
	}

	.home-content-box {
		width: 95% !important;
		max-width: 95%;
	}

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

	#subnavigation {
		padding-left: 1.5rem !important;
	}
}

@media (max-width: 842px) {

	#primarynav ul#subnavigation li {
		float: right;
		margin-right: 0;
		margin-left: 1.5rem;
	}

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

	#languagebox {
		margin-top: 0;
	}

	#topbar-ttu ul li,
	#topbar-utility ul li,
	.goog-te-gadget-simple .goog-te-menu-value,
	#topbar-ttu ul li a,
	#topbar-soc ul li a,
	#topbar-utility ul li a {
		font-size: 12px !important;
	}
}

@media (max-width: 795px) {

	#responsive-logo h1 a, .norm-logo h1 a {
		background-size: 360px auto;
	}

	#mobile-menu-toggle a {
		font-size: 14px;
	}

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

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

	.voicesHelpLink a {
		padding-left: 6.25rem;
	}

	#languagebox {
		margin-bottom: 0;
	}

	#topbar-ttu,
	#topbar-soc,
	#topbar-translate,
	#topbar-utility,
	#topbar-translate,
	#languagebox {
		margin-bottom: 5px;
		margin-top: 5px;
	}

	#primarynav ul#subnavigation:not(.HomeSub) {
		padding-bottom: 0.625rem;
		border-top: none;
		box-shadow: none;
	}

	#home-role-content {
		padding: 2rem 0;
	}

	.home-box {
		min-height: auto;
	}

	.home-content-box {
		margin-left: .25rem;
	}

	.home-box img {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		min-height: auto;
	}

	#main .mainInstructions {
		width: 100% !important;
	}

	#main .savedSearches {
		margin-left: 0 !important;
		width: 100% !important;
		margin-top: 20px;
	}

	.finderControlsMiddle #navigationPanel input {
		margin-left: 0 !important;
	}

	td.articleList {
		width: 100% !important;
		display: table-row;
	}

	h3.subtitle {
		background: none !important;
		color: #000 !important;
		font-size: 1.15rem !important;
		padding-left: 0px !important;
		padding: 68px 0px 0px 0px !important;
		margin: -20px 0 !important;
		margin-bottom: 10px !important;
	}
}

@media (max-width: 640px) {
	h3.headerlink {
		font-size: 14px;
	}

	.sectionboxwide p {
		font-size: 12px !important;
	}

	.articleList ul li a {
		font-size: 12px;
	}

	.hm-slide-btn {
		padding: 4px 10px;
		font-size: 12px;
	}

	.role-button-wrap {
		margin-left: 30px;
	}

	.way-icon i {
		width: 100px;
	}

	#portfolioSubnavigation:before {
		background: none !important;
		color: #000 !important;
	}

	#portfolioSubnavigation {
		padding-right: 2.5rem
	}

	body {
		margin: 0;
	}

	#main-rightbar {
		padding: 0 !important;
	}

	#rightbar {
		margin: 0;
		margin-left: 0 !important;
		padding: 0rem .225rem 0rem .425rem !important;
	}

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

	#mainpanel {
		padding: 0rem .225rem 0rem .225rem !important;
	}

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

	#home-role-content {
		padding: 2.5rem 0;
	}

	.home-box {
		width: 100%;
	}

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

	#topbar-ttu, #topbar-soc, #topbar-translate, #topbar-utility, #topbar-translate, #languagebox {
		text-align: center;
	}

	#topbar-ttu ul li,
	#topbar-utility ul li,
	.goog-te-gadget-simple .goog-te-menu-value {
		font-size: .9rem !important;
		float: none;
	}

	#topbar-ttu ul li {
		margin-top: 10px !important;
	}

	#topbar-utility ul li {
		margin-bottom: 10px !important;
	}

	#topbar-utility {
		margin-top: 10px !important;
	}

	#topbar-ttu ul li, #topbar-soc ul li, #topbar-utility ul li {
		float: none!important;
	}

	.voicesHelpLink a {
		padding: 0.625rem;
	}

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

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

	#languagebox {
		width: 100%;
	}

	.fr-on-sm {
		float: right;
	}

	.goog-te-menu-value {
		margin-left: 0 !important;
	}

	#google_translate_element {
		margin: 0 15px;
		padding: 0.3125rem 0.9375rem;
		float: left;
		background: rgba(0, 0, 0, 0.5);
		width: 100%;
	}

	#google_translate_element:after,
	#google_translate_element:before {
		display: none;
	}

	#primarynav ul#navigation li.selected ul li a {
		color: #161846 !important;
		font-size: 13px;
		letter-spacing: unset;
	}

	#navigation li ul li {
		padding: 0;
		margin-bottom: 0;
	}

	#navigation li ul li a {
		padding: 0.325rem 2.5rem 0.325rem 0rem;
	}

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

	.ndgov a {
		width: 300px;
		background-size: 300px auto;
	}

	.tfcontrols {
		border: 1px solid #3d3834;
	}

	#hm-welcome {
		min-height: auto;
	}

	#home-slider {
		position: relative;
	}

	#home-slider > div {
		position: relative;
	}

	#home-slider .item {
		position: relative;
	}

	#home-slider .item .grid-x {
		height: auto;
		padding: 3.125rem 0;
	}

	#main-footer-sponsors a {
		margin-bottom: 25px;
	}

	#main .mainInstructions {
		width: 100% !important;
	}

	#main .savedSearches {
		margin-left: 0 !important;
		width: 100% !important;
		margin-top: 20px;
	}

	.pageContent table td {
		display: table-row;
	}

	#pagecontrols tbody td {
		display: table-cell;
	}

	#mainpanel h2 {
		font-size: 1.15rem;
		margin: 30px 0px;
	}

	h3.subtitle {
		font-size: .9rem !important;
		padding: 50px 0px 10px 8px !important;
	}

	#careerProfile .smallsection {
		float: none !important;
	}

	ul#navigation li ul li:first-child {
		display: block !important;
	}
}






/* My Goals & Action Plans Theme
========================================================================== */ #whyThisGoal h4.description span {
	color: #0E7AA4;
}

.goalstatement-icon {
	background: #0E7AA4;
}

.goalstatement-icon:after {
	border-color: transparent transparent transparent #0E7AA4;
}

.myGoalsIcon-color {
	fill: #0E7AA4;
}

h2 a, .c--link-back a, .t-mgaap .accent, .description span, .desc span, .createNav a, .goalNav i, .helpNav i, .pGoalBoxsOptions i, .planAdd i, .pWhyOptions i, .planframe {
	color: #000;
}

.t-mgaap .whygoalmenu.selected a {
	color: #0E7AA4;
}

a.editable.editable-click {
	color: #0E7AA4;
	border-bottom: 1px dashed #0E7AA4;
}

a.editable.editable-click:hover {
	color: #5dd1e4;
	border-bottom: 1px dashed #5dd1e4;
}

.pWhyBoxsHeader {
	background: #a5d24c;
	color: #fff !important;
}

.pActionBoxsHeader {
	background: #0E7AA4;
}

.t-mgaap h3, .t-mgaap h4 {
	color: #1c2342;
}

.t-mgaap .btn-primary {
	border-color: #0E7AA4;
	background: #0E7AA4;
	color: #fff !important;
}

.t-mgaap .btn-primary:hover {
	background: #0E7AA4;
	border-color: #0E7AA4;
	color: #fff !important;
}

.t-mgaap .btn-primary:active, .t-mgaap .btn-primary:focus {
	outline: none;
	background: #0E7AA4;
	border-color: #0E7AA4;
}

.page-title a:active, .page-title a:hover, .page-title a:focus {
	color: #4d4d4d;
}

.pActionTable td {
	color: #1c2342;
}

.nl-field.nl-field ul {
	background: #0E7AA4;
}

.nl-field ul li {
	color: #22415F;
}

.nl-field ul li:hover:active {
	color: #22415F !important;
	background: rgba(0, 0, 0, 0.1);
}

.nl-field-toggle {
	color: #22415F !important;
	border-color: #22415F !important;
}

.nl-field-toggle:hover {
	color: #43509a !important;
}

.t-mgaap .c--label-with-arrow {
	margin-right: 0px !important;
}

/* -------------------------- Ability Profiler ------------------------ */

/* common fixes */
.page-content.profiler {
	padding-bottom: 0;
}

.page-content.profiler h1, .page-content.profiler h2, .page-content.profiler h3, .page-content.profiler h4 {
	font-weight: bold;
	text-transform: unset;
}

.page-content.profiler .btn-primary {
	background-color: #0E7AA4 !important;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 20px;
	font-weight: bold;
}

.page-content.profiler .btn-primary:hover {
	background-color: #014466 !important;
	text-decoration: none !important;
}

.page-content.profiler .btn-default {
	text-decoration: none !important;
	font-weight: bold;
}

/* landing page fixes */
.page-content .ability-hero::before {
	right: -90px;
}

.page-content .ability-hero.empty .hero-content {
	width: 52%;
}

/* retake */
.page-content .select-box .select-box-title {
	font-size: 17px;
}


/* career fixes */
.page-content .ability-content .career-card-wrap .career-top .meta-text h5,
.page-content .ability-content .career-card-wrap .career-bottom table th {
	font-weight: bold;
}

/* wizard */
.page-content .wizard .container {
	width: 100%;
}

.page-content .wizard .wizard-group .wizard-item {
	width: 125px;
}

.page-content .wizard .wizard-group .wizard-item:after {
	width: 80px;
	left: -43px;
}

/* questions */
.page-content .ability-content .question-card .question-num,
.page-content .ability-content .tabs-round li.active a {
	background-color: #0E7AA4;
}

.page-content .ability-content .tabs-round li a,
.page-content .ability-content .panel-header a,
.page-content .ability-content .career-card-wrap .career-top h4 a,
.page-content .ability-content .career-card-wrap .career-bottom a,
.page-content .ability-content .career-filter ul li a {
	color: #0E7AA4 !important;
}


/* ability profiler responsive */
@media (max-width: 916px) {

	.page-content .ability-hero::before {
		right: -30px;
		top: -55px;
	}
}

@media (max-width: 839px) {

	.page-content .ability-hero, .page-content .wizard {
		margin-top: -18px;
	}
}

@media (max-width: 991px) {
	.page-content .ability-content.wizard-text {
		margin-top: 164px;
	}

	.page-content .wizard .wizard-group .wizard-item {
		width: 105px;
	}

	.page-content .wizard .wizard-group .wizard-item:after {
		width: 60px;
		left: -33px;
	}
}

@media (max-width: 767px) {
	.page-content .ability-content.wizard-text {
		margin-top: 154px;
	}

	.page-content .wizard .wizard-group .wizard-item {
		width: 85px;
	}

	.page-content .wizard .wizard-group .wizard-item:after {
		width: 40px;
		left: -22px;
	}
}

@media (max-width: 640px) {
	.page-title a span {
		position: relative;
		top: -1.8em;
		margin-left: -40px;
		text-align: left;
		margin-right: -60px !important;
	}

	.icon-my-goals {
		margin-right: 1em;
		width: 80px;
		height: 80px;
		padding-right: 20px;
	}

	.page-content .ability-content {
		width: 90%;
		margin: 0 auto;
		float: none;
	}

	.page-content .ability-content.wizard-text {
		margin-top: 90px;
	}

	.page-content .wizard h4 {
		margin-top: 0;
	}

	.page-content .wizard .wizard-group .wizard-item {
		width: 65px;
	}

	.page-content .wizard .wizard-group .wizard-item:after {
		width: 30px;
		left: -17px;
	}
}

@media (max-width: 480px) {
	.page-content .ability-content.wizard-text {
		margin-top: 86px;
	}

	.page-content .wizard .wizard-group .wizard-item {
		width: 53px;
	}

	.page-content .wizard .wizard-group .wizard-item:after {
		width: 21px;
		left: -12px;
	}
}

@media (max-width: 385px) {
	.page-content .wizard .wizard-group .wizard-item {
		width: 42px;
	}

	.page-content .wizard .wizard-group .wizard-item:after {
		width: 13px;
		left: -9px;
	}
}



/* new activity */
.page-content.activity-page {margin-top:-10px;}
.page-content.activity-page .btn-primary {
    background-color:#0E7AA4;
}
.activity-content .activity-item .activity-controls .btn-default {
    border-color:#0E7AA4;
    color:#0E7AA4;
}
.activity-content .activity-item .tag-container span i,
.activity-page .smart-goal-item .smart-icon,
.activity-page a {
    color:#0E7AA4;
}
.activity-content .activity-item .accordion-btn:hover {
    color:#22415F !important;
}
.activity-page .switch-field input:checked + label {
    background-color:#0E7AA4;
}
.page-content .activity-content .nav-tabs li a.active {
    margin-top:0;
    margin-bottom:0;
}
.activity-page .switch-field input:checked + label {
    background-color:#34c6dd;
}
.page-content .activity-content .nav-tabs li a.active {
    margin-top:0;
    margin-bottom:0;
}



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

/* -------------------------- Saved Colleges ------------------------ */
/* 1.  Primary Color  ----------------------------------------------- */
/* 2.  Secondary Color ---------------------------------------------- */
/* 3.  Theme Style Corrections  ------------------------------------- */
/* 4.  Responsive Style Corrections  ------------------------------------- */


/* ------------------------ 1. Primary color ------------------------ */
.sc-content table tbody tr td .btn-expand::after,
.sc-content .text-primary,
.sc-content .panel-single .panel-heading .panel-title .collapse-toggle.collapsed .panel-expand:before,
.sc-content .panel-single .panel-heading .panel-title .collapse-toggle .panel-expand:before,
.sc-content .app-tile .tile-body .date-wrap .month,
.sc-content .app-tile .tile-body .date-wrap .day,
.sc-content .upload-container table tbody tr td .btn-secondary,
.sc-content .more-wrap .more-main,
.sc-content .more-wrap .more-main i,
.sc-content .card-wrap .card-header .card-title a:hover,
.sc-content .card-wrap .accordion-style .accordion-heading .collapse-toggle.collapsed .accordion-expand:before,
.sc-content .card-wrap .accordion-style .accordion-heading .collapse-toggle .accordion-expand:before,
.sc-content .btn-trash i,
.sc-content .radio-style input[type="radio"]:checked + label::before,
.sc-header nav ul li a:hover,
.sc-header nav ul li a:focus,
.sc-content .btn-default,
.sc-header nav .menuBtn,
.sc-content a,
.text-primary,
.sc-content button.link,
.sc-content .alert .alert-link,
.sc-content .note-info i,
.sc-content .notify .note-link,
#mainpanel .sc-content .datepicker-wrap .datepicker-input-icon i {
	color: #0E7AA4 !important;
}

#mainpanel .sc-header nav ul li.active a,
.sc-content .app-tile .tile-body .tab-content ul li a,
.sc-content .datepicker-wrap .datepicker-input-icon i {
	color: #0E7AA4 !important;
}

.sc-content .modal-header {
	background: #0E7AA4 !important;
}

.sc-content .btn-primary {
	background-color: #0E7AA4 !important;
}

.sc-content table thead th {
	background-color: #f6f6f6 !important;
	border: 1px solid #f6f6f6 !important;
	color: #0E7AA4 !important;
}

.sc-content .nav-stacked li.active,
.sc-content .sc-tabs li.active a {
	border-color: #0E7AA4 !important;
}

.sc-content .app-tile .tile-body .tab-content ul li.active {
	border-top: 2px solid #0E7AA4;
}

.sc-content .sc-tabs li.active a:hover,
.sc-content .sc-tabs li.active a:focus {
	border-bottom: 2px solid #0E7AA4;
}

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

	.sc-content .modal-body .sc-tabs li.active a {
		border-bottom: 2px solid #0E7AA4;
	}
}


/* ------------------------ 2. Secondary Color ------------------------ */
.sc-content .btn-primary:hover {
	background-color: #ff8023 !important;
	color: #fff !important;
}

.sc-content h4,
.sc-content .upload-container table tbody tr td .btn-secondary:hover,
.sc-content .btn-add.hover i,
.sc-content .btn-default:hover, .sc-content .btn-default:focus,
.sc-content .card-wrap .card-header .card-title a:hover,
.sc-content a:hover,
.sc-content .sc-tabs li a:hover,
.sc-content .more-wrap .more-main:hover > i,
.sc-content .title .btn-group .active i,
.sc-content a.text-primary:hover,
.sc-content .sc-tabs li.active a {
	color: #23527c !important;
}

.sc-header nav span a {
	color: #23527c;
}


/* ------------------------ 3. Theme Style Corrections ------------------------ */
.sc-header,
.sc-content {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.sc-header a {
	text-decoration: none !important;
}

.sc-content a {
	text-decoration: none !important;
}

#main .sc-content .search-wrap .multiSelectInput {
	width: 471px !important;
}

#main .sc-content .search-wrap.full-width .multiSelectInput {
	width: 700px !important;
}

.sc-content .search-wrap button {
	max-width: 143px;
}

.sc-content .card-wrap .card-header .card-title {
	width: 485px !important;
}

.btn-brag-back {
	margin-left: 15px;
	margin-top: 0 !important;
	padding-top: 5px;
}

.sc-content .btn-scatter {
	border-radius: 4px !important;
}

.profile-box.box-scatterplot .btn-primary {
	background-color: #148fd2 !important;
	color: #fff !important;
	border: none !important;
	-webkit-transition: 0.2s ease-in-out !important;
	-moz-transition: 0.2s ease-in-out !important;
	-ms-transition: 0.2s ease-in-out !important;
	-o-transition: 0.2s ease-in-out !important;
	transition: 0.2s ease-in-out !important;
	text-decoration: none !important;
}

.profile-box.box-scatterplot .btn-primary:hover {
	background-color: #036da7 !important;
}

/* ------------------------ 4. Responsive Style Corrections ------------------------ */
@media only screen and (max-width: 1040px) {
	/* saved colleges */
	#main .sc-content .search-wrap .multiSelectInput {
		width: 467px !important;
	}

	#main .sc-content .search-wrap.full-width .multiSelectInput {
		width: 694px !important;
	}

	.sc-content .card-wrap .card-header .card-title {
		width: 355px !important;
	}
}

@media only screen and (max-width: 991px) {
	/* saved colleges */
	#main .sc-content .search-wrap .multiSelectInput {
		width: 334px !important;
	}

	#main .sc-content .search-wrap.full-width .multiSelectInput {
		width: 614px !important;
	}

	.sc-content .card-wrap .card-header .card-title {
		width: 255px !important;
	}

	/* tasks */
	.sc-content .item-wrap .item-content .title {
		width: 590px !important;
	}
}

@media only screen and (max-width: 913px) {
	/* saved colleges */
	#main .sc-content .search-wrap .multiSelectInput {
		width: 242px !important;
	}

	#main .sc-content .search-wrap.full-width .multiSelectInput {
		width: 470px !important;
	}

	/* tasks */
	.sc-content .item-wrap .item-content .title {
		width: 100% !important;
	}
}
/*Bootstrap col-sm break point to col-xs */
@media only screen and (max-width: 767px) {
	/* saved colleges */
	#main .sc-content .search-wrap .multiSelectInput {
		width: 342px !important;
	}

	.sc-content .card-wrap .card-header .card-title {
		width: 100% !important;
	}
}

@media only screen and (max-width: 640px) {
	.sc-header {
		padding: 20px !important;
	}

	.sc-content {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* saved colleges */
	#main .sc-content .search-wrap .multiSelectInput {
		width: 250px !important;
	}
}

@media only screen and (max-width: 480px) {
	/* saved colleges */
	#main .sc-content .search-wrap .multiSelectInput {
		width: 100% !important;
	}
}

/* -------------------------------- Communication Log ---------------------------- */
.page-content h3 i,
.page-content a,
.page-content .panel-wrap .panel-header p i {
	color: #0E7AA4 !important;
}

.page-content .panel-wrap.active {
	border-left: 4px solid #0E7AA4 !important;
}

.page-content .pagination ul li.active a {
	background-color: #0E7AA4 !important;
	color: #fff !important;
	border-color: #0E7AA4 !important;
}

/** surveys **/
.survey-reader h3 {
	color: #22415F;
}
.survey-reader h5 {
	color: #000;
}
.survey-reader .sectionboxwide {
	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 rgb(204 204 204 / 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;
}
.survey-reader .btn-default,
.survey-reader input.sv_next_btn,
.survey-reader input.sv_prev_btn,
.survey-reader .sv_complete_btn {
	border: 1px solid #0E7AA4 ;
	background-color: #0E7AA4 !important;
}
.survey-reader .btn-default:hover,
.survey-reader input.sv_next_btn:hover,
.survey-reader input.sv_prev_btn:hover,
.survey-reader .sv_complete_btn:hover {
	border: 1px solid #22415F;
	background-color: #22415F !important;
}
.survey-reader a.btn.btn-sm {
    border: 1px solid #22415F;
	color:#22415F;
}
.survey-reader input[type='checkbox']:checked,
.survey-reader input[type='radio']:checked {
	background-color: #0E7AA4!important;
	border: 1px solid #0E7AA4!important;
}
.survey-reader .btn-secondary.active,
.survey-reader .sv_q_rating_item.active {
	background-color: #0E7AA4!important;
	color: #fff;
}
.survey-reader .sv_main .sv-boolean__switch {
    background-color: #0E7AA4;
}

/* notifications */
/* OK */
.notification-wrap .notification-content {
	right: -150px;
}

.notification-wrap .notification-content.show::before {
	right: 151px;
	left: inherit;
}

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

.notification-wrap .notification-content .notification-body .notification-item .title .new,
.notification-wrap .notification-content .notification-header {
	background-color: #0E7AA4 !important;
}

.notification-wrap .notification-content .notification-body .notification-item:hover,
.notification-wrap .notification-content .notification-body .notification-item:hover p,
.notification-wrap .notification-content .notification-body .notification-item:focus,
.notification-wrap .notification-content .notification-body .notification-item:focus p {
	color: #0E7AA4 !important;
}

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

	.notification-wrap .notification-content {
		left: -55px;
		right: inherit;
	}

	.notification-wrap .notification-content.show::before {
		left: 56px !important;
		top: -5px;
	}
}

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

	.notification-wrap .notification-content {
		left: -65px;
	}

	.notification-wrap .notification-content.show::before {
		left: 66px !important;
	}
}

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

	.notification-wrap .notification-content {
		left: -14px;
	}

	.notification-wrap .notification-content.show::before {
		left: 15px !important;
	}
}

/*Interest Profiler fixes*/
#mainbody.interest-profiler #mainpanel {
	margin-top: -.75rem !important;
}

.ipnavtabs li {
	font-size: 1rem !important;
}

#ipIntro, #ipIntroAdult {
	background-size: 100% !important;
}

#ipIntro h3, #ipIntroAdult h3 {
	height: 350px !important;
}

#tab-title {
	padding: 6px 0 !important;
}

#topInterestsDiv .barOutput {
	height: 10px !important;
	width: 100px !important;
}

#ipIntroIncompleteButtons a:hover, .careersMatchButtons a:hover, .careersMatchButtonsBtm a:hover, #divSave a:hover, #divShow a:hover, #ipIntroStartButton a:hover, #previousBtn:hover {
	color: #fff !important;
}


/* -------------------------------- Scatterplots ---------------------------- */
.page-content.scatterplot .panel-wrap .panel-header h3 {
	color: #22415F !important;
	text-transform: none !important;
}

.page-content.scatterplot .btn-default.btn-back {
	background-color: #0E7AA4 !important;
	color: #fff !important;
}

.page-content.scatterplot .btn-default.btn-back:hover {
	background-color: #ff8023 !important;
	color: #fff !important;
}

.page-content.scatterplot .btn-primary {
	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;
	background-color: #0E7AA4 !important;
	border-color: #0E7AA4 !important;
	color: #fff !important;
}

.page-content.scatterplot .btn-primary:hover {
	background-color: #ff8023 !important;
	border-color: #ff8023 !important;
	color: #fff !important;
}

.page-content.scatterplot .multiSelectInput .dropdown-menu li div.active .dropdown-item {
	color: #fff !important;
	text-decoration: none !important;
}

.page-content.scatterplot .multiSelectInput .dropdown-menu li div .dropdown-item {
	color: #000 !important;
	text-decoration: none !important;
}

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

/*Userway*/
body .uwy.userway_p1 {
	top: 32px !important;
	z-index: 214 !important;
}
body .uwy.userway_p1.userway_hidden .uai {
	top: auto;
	right: 60px;
	left: auto;
	bottom: auto;
}
@media (max-width: 916px) {
	body .uwy.userway_p1.userway_hidden .uai {
		top: auto;
		left: auto;
		right: 60px;
	}
}

/*scholarship slider*/
#scholarships .p-slider {
	padding-top: 8px;
	margin-top: 4px;
}

.p-slider .p-slider-handle {
	border: 2px solid #0E7AA4 !important;
}

.p-slider:not(.p-disabled) .p-slider-handle:hover {
	background: #0E7AA4 !important;
	border-color: #0E7AA4 !important;
}

.p-slider .p-slider-handle:focus {
	box-shadow: 0 0 0 0.2rem #0E7AA4;
}

.p-slider .p-slider-range {
	background: #0E7AA4 !important;
	border-radius: 3px;
}

#main-footer hr {
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid #eee;
    opacity: .1;
}

#main-footer p {
    font-size: 13px;
    color:#fff;
}