@charset "utf-8";
/* CSS Document */

/* Stop input from leaving div */

input {max-width: 100%;}

@media (max-width: 320px) {
input {
      width: 90%;   
     }
} 


/* Colors updated to reflect new branding 01-2018 

Navy Night (dark blue) #003764;
Blue Suede  (mid blue) #0071CE;
Light Suede blue used in table header cells  #D0E6FB;
Sun Blast  (bright yellow) #facd00;
Auqa Mar  (light blue-green) #65cbc9;
dark gray body font color  #404041;
Dark gray bottom footer  #4d4d4d;
h2-h4 headings: #2b3831;  (very dark grey with touch of green)
Grey #c3c6c8;
Light grey used in footer  #e4e8ea;
Orange #ffb547;
Kelly Green (darkend from official to provide sufficient contrast) #039b6e;
Light Kelly green  #dbfdf3;
Darker Kelly Green for sufficient contrast on smaller devices  #037755;
Links: #0071ce; 
LInks that are on grey background:  #0368bb;
Links on white background hover: #AA6704;
Links on colored background hover: #905804;





*/

/* Updates for the full-width bottom section */
.stats-section .greenBackground{
    margin-bottom: 0;
    padding-top: 50px;
    text-align: center;
    color: #fff;
}
.stats-section .greenBackground a{
    color: #fff;
}
.stats-section .greenBackground .stats-info .icon {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.stats-section .greenBackground .stats-info .icon img{
    margin: 0 auto;
    float: none;
    display: block;
}
.stats-section .greenBackground .stats-info span{
    display: block;
    font-size: 3.25rem;
    line-height: 3.5rem;
}
.stats-section .greenBackground .stats-info span:last-child {
    display: block;
    font-size: 1.75em;
}
.footerTop {
    margin-top: 0 !important;
}
.greyHeader{
    background-color: #737373;
}
.three-column-layout{
	font-size: 15px;
	line-height: 19.5px;
}
.stats-section + p{
	display: none;
}
  

*{
	margin:0;				
	padding:0;
}
.row {
	margin-bottom:30px;
}
.rowclear, .clearboth {
	clear: both;
}

.image-text-underneath {
	overflow-x: hidden;
	clear: both;
	margin-right: 25em;
}

.row .row {
	margin-bottom:0px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	margin-bottom:20px;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
	display: table;
	content: " ";
}
/* Make HTML5 layout elements block elements for older browsers */
header, nav, aside, main, article, footer, section, figure, figcaption {
  	display: block;
	overflow:hidden;
}

figure {
	
	
	margin-bottom:20px;
}

figure.imagesnippet {
	float: left; margin-right: 10px;
	margin-bottom:20px;
	display:table;
}

 figure img {
	 
 }


figcaption {
	clear:both;
	font-style:italic;
	font-size: 1.2em;
	font-weight: bold;
	max-width:500px;
	
}

figcaption.imagesnippet {
	display:table-caption;
	caption-side:bottom;
}


header, nav, footer {
	overflow:hidden;
}
.topMargin {
	margin-top:30px;
}
.bottomMargin {
	margin-bottom:20px;
	float:left;
	width:100%;
}
.noBottomMargin {
	margin-bottom:0px;
}
.off-screen {
	position:relative;
	left:-2000px;
}
/*=================== Headers and Body Copy =============================*/
body {
	background-color: #FFF; 
	margin: 0 auto; 
	padding:0;
	font-family: Calibri, Arial, sans-serif;
	font-weight:normal; 
	color:#404041;
	font-size:1em;
	line-height:1.5;
	text-rendering: optimizeLegibility;
}

audio {  

	width:350px;
	height:40px;
	
}

audio.audioplayer::-webkit-media-controls-panel {
	/* https://blog.hellojs.org/creating-a-custom-html5-video-player-and-the-shadow-dom-a98f29261be4#.3vwpsd58c */
	    background: rgba(0,0,0,0.15);
		border:1px solid #999fa3;
}



caption {
/* added by AF 7-21-2015*/
	font-size:1em;
	font-weight:bold;
	text-align:center;
	
	
}

blockquote p, blockquote ul li{
	font-size: 1em;
	margin-left: 30px;
	line-height:1.5;
	
}

p {
	font-size: 1.5em;
    margin: 0px 0px 1em;
	color:#404041;
	text-rendering: optimizeLegibility;
	line-height:1.5;
	font-family: Calibri, Arial, sans-serif;
}

p.pp_description {
	font-size:1em;
}





a:link, a:visited { 
    text-decoration: none;
    color:#0071ce; 
	
	border-bottom:1px solid #c9dae3;

} 


.footerTop a:link, .footerTop a:visited { 
    text-decoration: none;
    color:#0368bb; 	
	border-bottom:1px solid #c9dae3;
} 

.footerTop a:hover {
	
	color:#905804;
}

/*  added by AF 11-29-2017 to center bootstrap columns in footer icons */
.row.text-center > div {
    display: inline-block;
    float: none;
	vertical-align:top;

}



a.iconlink:link {border:none;}


a[href^=tel], a[href^=tel]:focus, a[href^=tel]:hover {
 
}

a:hover, a:focus { 
    text-decoration: none;
    border-bottom: 1px solid #e4c9a1; /* branding edit */
	color: #905804;  


	
} 

a.cc-by:link, a.cc-by:visited  {color: #A8C4D3;}
a.cc-by:hover, a.cc-by:focus {color:#e9b197}

img{
	border: none;
}
main img {
	margin:10px;
	margin-left:0px;
	float:none;
}
.singleImage {
	text-align:center;
}
.singleImage img{
	margin:0 auto;
}
ul, ol {
    margin-top:0;
}
ul.twoColumn {
	 column-count: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
	list-style-type: disc;
}




ul > li, ol > li {
	font-size: 1.5em;
	line-height:1.6em;
}
ul > li > ul > li, 
ul > li > ol > li, 
ol > li > ul > li, 
ol > li > ol > li {
	font-size: 1em;
}

ul.search-filter-results > li > ul > li > ul >li{
	line-height:1.1em;
}

main ul, main ol {
/*	padding:0px 40px 10px;  original HM padding */
	padding:0px 5px 10px 30px; /* AF edited on 7-27 to make deeply nested lists in policy manual have less RH indentation. */
}
.programs ul {
	/* this style declaration was removed on 8-7-2015 by AF to allow the Layouts snippet to render with bullets */
	/*list-style-type:none;
	padding-left:0;
	*/
}

ul.policyTOC 
{
	list-style-type:none;
	padding-left:0;
}

ul > li.nonBulletedList {
    list-style: none;
	padding-left:0;
}



/* **************AF added 7-13-2015
This is the default style when a table is inserted from toolbar ********************** */
table, th, td {
	border: 2px solid #97adb8;
	border-collapse:collapse;
}


table{
	width:100%;
	font-size:1.5em;
	/*background-color:#bbc9d1;
	border-spacing:2px;
	border-collapse:separate;*/
    overflow-y:scroll;
	-webkit-overflow-scrolling: touch;
	margin-bottom:30px!important;
	
}
th {
	background-color:#D0E6FB;	
	padding:3px;
	padding:11px;
	text-align: left;
	vertical-align:top;
}

td{
	padding:11px;
	margin:0;
	vertical-align:top;
	
}

li table  {
/* this is to target tables that are used within a list, as found occassionaly in the policy manual */	
	font-size:1em;
	padding: 1px;
	line-height:1.2em;
}

td li {
	
	font-size: 1em;
	line-height:1.6em;
		
}

td p {
	font-size:1em;
	
}

table.policyhistory {
	font-size:1.35em;
}

tfoot {
	font-style:italic;
	font-size:.8em;
	
}

tfoot td {
	background-color: #e4e8ea;
}

/**************** end of default table style ***************************/

hr {
	height:1px;
	border:none;
	color:#999999;
	background-color:#999999;
	font-size: 1px;
	line-height:0;
	
}

/*******************************************************/



h1, h2, h3, h4 {
	font-family: "Century Gothic", CenturyGothic, Arial, sans-serif;
	font-style:normal;
	text-align:left;
}
header h1 {
	color:#fff;
	font-size: 2.5em;
	line-height:1.2em;
	font-weight: normal;
	padding:18px 0;
	margin:0;
}
h2 {
    font-size: 2.5em;  
    font-weight:normal;
    color: #2b3831; 
	margin-top:0px;
	
}
h3 {
    font-size: 2em; 
    font-weight:300;
    color:#2b3831; 
	line-height: 1.4em;
	
}




main h3 {
	margin-top:5px;
}
h4 {
    font-size: 1.8em;
	font-weight:300; 
    color:#2b3831; 
}



h5 {
    font-size:1.6em;
	font-weight:400; 
    color:#2b3831;
}





.breadcrumb {
	padding:0px;
	background:transparent;
	font-size:1.5em; 
	line-height: 1.4em;
	margin-bottom:0px;
}
 .breadcrumb a {
	 border-bottom:1px solid #c9dae3;
 }

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


.navbar {
	border:0px;
}
.navbar .container {
	width:100%;
}
.topHeader {
	position:relative;
	width:100%;
	z-index:10;
}
.navbar-header {
	background-color: #0071CE;  /* branding edit */
}

.navbar-toggle {
	float: left;
	background-color: #ffb547; /* branding edit */
	margin: 0;
	border-radius: 0px;
	border: 0px;
	height: 50px;
	width: 55px;
	cursor:pointer;
}
.navbar-toggle.collapsed {
	background-color:#ffb547;

}

.navbar-toggle.collapsed:hover, .navbar-toggle:hover, .navbar-toggle.collapsed:focus, .navbar-toggle:focus {
	background:#003764;
	
	
}
.navbar-toggle .icon-bar {
	background:#fff;
	background: #0071CE;
	background-color:#003764;
	height:4px;
	width:35px;
	display:block;
}

.navbar-toggle:hover .icon-bar {
	background:#fff;
}

.navbar-toggle:hover .menu {
	color: #fff;
}

.navbar-toggle .icon-bar + .icon-bar {
	margin-top:6px;
}
.menu {
	color:#0071CE;
	color:#003764;
	font-size:1.40em;
	font-weight:bold;
	display:block;
}



a.navbar-brand, a.navbar-brand:visited, a.navbar-brand:hover, a.navbar-brand:focus {
	float: left;
	height: 50px;
	padding: 5px 15px;
	font-size: 18px;
	line-height: 20px;
	width: 80%;
	font-weight:bold; 
	color:#fff!important;
	text-decoration:none;
}

/*grey background*/
.greyHeaderLeft, .blueHeader, .greyHeader {
	display:none;
}
/*search*/

div#search-policy-manual {
	display:table;
	background-color: #e4e8ea; 
	border-radius:5px;
	border:1px solid #039b6e;
	height:50px!important;
	padding-right:10px;
	padding-left:5px;
	
}

div#search-policy-manual p, div#search-policy-manual a {
	margin:0;
}

div#search-policy-manual div.leftcell {
	
	display:table-cell;
}

div#search-policy-manual img {
	margin:0;


}

div#search-policy-manual div.rightcell {
	
	display:table-cell;
	vertical-align:middle;
}

div#search-policy-manual {
	display:table;
	background-color: #e4e8ea; 
	border-radius:5px;
	border:1px solid #039b6e;
	height:50px!important;
	padding-right:10px;
	padding-left:5px;
	
}

div#search-policy-manual p, div#search-policy-manual a {
	margin:0;
}

div#search-policy-manual div.leftcell {
	
	display:table-cell;
}

div#search-policy-manual img {
	margin:0;


}

div#search-policy-manual div.rightcell {
	
	display:table-cell;
	vertical-align:middle;
}

/*search ctclink accounting manual*/


div#search-ctclink-accounting-manual {
	display:table;
	background-color: #e4e8ea; 
	border-radius:5px;
	border:1px solid #039b6e;
	height:50px!important;
	padding-right:10px;
	padding-left:5px;
	
}

div#search-ctclink-accounting-manual p, div#search-ctclink-accounting-manual a {
	margin:0;
}

div#search-ctclink-accounting-manual div.leftcell {
	
	display:table-cell;
}

div#search-ctclink-accounting-manual img {
	margin:0;


}

div#search-ctclink-accounting-manual div.rightcell {
	
	display:table-cell;
	vertical-align:middle;
}

div#search-ctclink-accounting-manual {
	display:table;
	background-color: #e4e8ea; 
	border-radius:5px;
	border:1px solid #039b6e;
	height:50px!important;
	padding-right:10px;
	padding-left:5px;
	
}

div#search-ctclink-accounting-manual p, div#search-ctclink-accounting-manual a {
	margin:0;
}

div#search-ctclink-accounting-manual div.leftcell {
	
	display:table-cell;
}

div#search-ctclink-accounting-manual img {
	margin:0;


}

div#search-ctclink-accounting-manual div.rightcell {
	
	display:table-cell;
	vertical-align:middle;
}
/*end search ctclink accounting manual*/

/*added by MV on 9-27-2019 for beda handbook*/

div#search-beda-handbook{
	display:table;
	background-color: #e4e8ea; 
	border-radius:5px;
	border:1px solid #039b6e;
	height:50px!important;
	padding-right:10px;
	padding-left:5px;
	
}

div#search-beda-handbook p, div#search-beda-handbook a {
	margin:0;
}

div#search-beda-handbook div.leftcell {
	
	display:table-cell;
}

div#search-beda-handbook img {
	margin:0;


}

div#search-beda-handbook div.rightcell {
	
	display:table-cell;
	vertical-align:middle;
}



#search-desk{
	font-size: 1em;
}

div.search-results  h5{
	
	padding:0;
	

}

.greyMobile #custom-search-input {
	margin: 10px;
}
.greyMobile #custom-search-input .form-control {
	width: 200px;
	height: 30px;
	background: #fff;
	border: 1pt solid #d1d2d4;
	padding:6px 30px 6px 10px;
}
.greyMobile #custom-search-input .form-control:focus {
	border-color: #4bc09d;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}
.greyMobile .input-group-btn {
	display: table;
	position: initial;
}
.greyMobile .input-group-btn .btn {
	background-color: inherit;
	border: 0;
	position: absolute;
	left: 170px;
	padding: 6px 8px 4px;
}
.greyMobile .input-group-btn .glyphicon {
	z-index:100;
}

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

.navigationBkg {
	background:#4d4d4d;
	width: 100%;
	float: left;
	
}
.navbar-collapse .container, .navbar-collapse {
	padding:0px;
}
.navbar {
	margin-bottom:0;
}
.navbar-nav {
	width:100%;
	background-color: #0071ce;  /* branding edit */
	font-weight:bold;
	font-family:"Century Gothic", CenturyGothic, Arial, sans-serif;
	font-family: Calibri, Arial, sans-serif; /* branding edit */
	text-align:left;
	list-style-type:none;
	padding-left:0px;
	float: left;
	margin:0 0 7.5px;
}
.navbar-nav > li {
	font-size: 1.7em;
	line-height: 1.3em;
	width:100%;
	float:left;
	border-bottom: #fff solid 1pt;
	
}
.navbar-nav > li > a, .navbar-nav > li > a:link, .navbar-nav > li > a:visited {
	color:#fff;
	padding:13px 0px 12px;
	text-indent:20px;
}

/* test by AF on 8-27 */
.navbar-nav a:link, .navbar-nav a:visited {
	color:#fff;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus, 
.navbar-nav li.open > a,
.navbar-nav li.open > a:link,
.navbar-nav li.open > a:visited,
.navbar-nav li.open > a:focus 
{
	background-color:#ffb547; /* branding edit */
	color: #003764; /* this had to be a little darker for sufficient contrast */
}
.navbar .dropdown-menu {
	position:static;
}
.navbar-nav .open .dropdown-menu {
	background:#fff;
	background-color: #f9efd4;
	width:100%;
	padding:0px;
}
.navbar-nav .open .dropdown-menu > li {
	font-size:1em;
	border-bottom: 1pt solid #D1D2D4;
}
.navbar-nav li.open .dropdown-menu > li > a, .navbar-nav li.open .dropdown-menu > li > a:link, .navbar-nav li.open .dropdown-menu > li > a:visited {
	color:#4d4d4d;
	padding:13px 0px 12px 30px;
}
.navbar-nav li.open .dropdown-menu > li > a:hover, .navbar-nav li.open .dropdown-menu > li > a:focus {
	background-color:transparent;
	color: #905804;
	
}
.navbar-nav li.dropdown .glyphicon {
	font-size: 14px;
	left: 0;
	margin-left: -20px;
	margin-right: 5px;	
}
.navbar-nav li.dropdown .glyphicon-plus:before {
	content: "\2b";
}
.navbar-nav li.dropdown.open .glyphicon-plus:before {
	content: "\2212";
}
li.greyMobile {
	background-color:#4d4d4d;
}
li.greyMobile a:hover, li.greyMobile a:focus {
	background-color:#037755!important;
	color:#ffffff;
}


/*=================== Home page =============================*/

/*Carousel*/

.carousel {
	margin-bottom: 40px;
	overflow:hidden;
	top: 1px;
  	position: relative;
}
.center {
	width: 100%;
}
.slick-slider {
	margin-bottom: 0px;
}
.slick-slide {
	opacity: 0.2;
}
main .center img {
	margin: 0;
	width: auto;
	max-width: 100%;
}
.slick-slide .carousel-caption {
	display:none;
}
.slick-active .carousel-caption {
	bottom: 0px;
	padding: 10px 0 10px 0;
	width: 100%;
	background: #79903B;
	background-color: #039b6e; /* branding edit  */
	float: left;
	position:relative;
	display:block;
	min-height: 95px;
	
}
.slick-active .carousel-caption h3 {
	color:#fff;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
}
.slick-active .carousel-caption:after,
.slick-active .carousel-caption:before {
    background: inherit;
    position: absolute;
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
    right: 100%;
}
.slick-active .carousel-caption:after {
    left: 100%;
}
.slick-active .carousel-caption p {
/*	font-size:1.6em; */
	font-size:24px;
	margin-bottom:30px;
	text-align:center;
	color: #fff;
	
	
	
}
.slick-active .carousel-caption p a, .slick-active .carousel-caption p a:visited {
	color:#fff;
}
.slick-active .carousel-caption p a:hover, .slick-active .carousel-caption p a:focus {
	text-decoration:underline;
}
.carousel-indicators {
	width:100%;
}
.carousel-indicators .active {
	background-color: #003764;  /* branding edit */
	border: 1px solid #003764;
}
.carousel-indicators li {
	background:#fff;
}
.slick-slide.slick-active {
	opacity:1;
}
.slick-dots {
	text-align: center;
	padding: 0;
}
ul.slick-dots {
	bottom:10px;
}
.slick-dots li button {
	background: #fff;
	height:18px;
	width:18px;
	padding: 5px;
	cursor: pointer;
	border-radius: 9px;
}
.slick-dots li button:hover, .slick-dots li button:focus, .slick-dots li.slick-active button {
	background: #002242;
	color:#fff;
	
}
.slick-dots li.slick-active button:hover {
	
	background-color: #fff;
}

.center .slick-prev, .center .slick-next, .center .slick-prev:focus, .center .slick-next:focus {
	display:none;
}

/*Videos*/


.video, .video h2  {
	text-align:center;	
	margin-bottom:0;
	
	}
.videoThumb {
	position:relative;
	margin-bottom: 30px;
			
	
}
iframe {
	border:none;
}

iframe.video-align {
	
	margin-right:20px;
	float:left;
	width:300px;
	border:currentColor;
	
}


.videoThumb img { /* edit per HM 11-17 */
width: 250px;
height: auto;
float: none;
margin: 0;
}

/*Profiles*/
.profiles h2 {
	/*text-align:center;*/
}
.profile {
	max-width:325px;
	margin:0 auto 30px;
}
.profileImage, .profileContent {
	margin:0 -15px 15px;
}
.profile img {
	width: 100%;
  	height: auto;
	max-width:325px;
	float: none;
  	margin: 0;
}
.profileType {
	font-size:1.5em;
	color: #003764; /* branding edit */
	font-weight: bold;
	margin-bottom:5px;
}

/*News and Updates*/
.newsList {
	float:left;
}
.newsList h1, .newsList h2, .profiles h2 {
	color: #ffb547; /* branding edit */
	border-bottom: 3pt solid #ffb547; /* branding edit */
		padding-bottom: 10px;
}
.newsItem {
	border-bottom: 1pt solid #C0C0C0;
 	margin: 15px 0px;;
}
.profileTitle {
	font-size: 2em;
  	font-family: "Century Gothic", CenturyGothic, Arial, sans-serif;
  	line-height: 1.2em;
  	margin-bottom: 7px;
}
.newsTitle {
	font-size: 1.4em;
	font-family: "Century Gothic", CenturyGothic, Arial, sans-serif;
}
.newsTitle a, .newsTitle a:visited, .profileTitle a, .profileTitle a:visited {
	color:#4d4d4d;
	color:#08799f;
}
.newsTitle a:hover, .newsTitle a:focus, .profileTitle a:hover, .profileTitle a:focus {
	color: #905804;
}
.newsDate {
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:15px;
}


/*=================== Interior Page Styles =============================*/

.container-fluid.interior {
	padding:0;
}
/*Page with top image*/
.topImage {
	min-height:150px;
  	overflow: hidden;
	text-align:center;
	position:relative;
}
.topImage.collegePage {
	margin-bottom:30px;
}
.topImage > .container {
	padding:0px;
}
.topImage img {
	width:auto;
	height:150px;
	float: none;
  	margin: 0;
}
.greenBackground {
	background-color:#039b6e;  /* branding edit with sufficient contrast */
	width:100%;
	margin-bottom:20px;
}
.greenBackground.noImage {
	margin-top:20px;
}

/*Page without top image*/
.greenBackgroundInterior {
	background-color: #039b6e;
	width:100%;
	margin-top:70px;
}
.greenBackgroundCollege {	
	background:rgba(0, 193, 139,0.7); 
	width:100%;
	padding: 0 15px;
}
.greenBackgroundCollege::before {
	background: inherit;
    position: absolute;
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
    right: 100%;
}


/*  This code block provided by HM on 11-17-2015*/

.graphicLine {
	width: 300px;
	margin: 0 auto 25px;
	display: inline-block;
	text-align: left;
}
.circleLink {
	margin: 0px 0px 0px 26px;
	float: left;
	width: 263px;
}
.circleLink h1, .circleLink h2, .circleLink h3 {
	font-size: 2em;
	line-height: 1.2em;
	font-weight: 300;
	color: #4d4d4d;
	margin-bottom: 0;
}



/*  These styles for the stackedBar are the 2018 branding change to replace the old circleLine graphic */
.stackedBarContainer {
	width: 100%;
	margin: 0 auto 25px;
	display: inline-block;
	text-align: left;
	
	
}

.stackedBarContainer h1, .stackedBarContainer h2, .stackedBarContainer h3 {
	font-size: 2em;
	line-height: 1.2em;
	font-weight: 300;
	color:#003764; /* branding edit */
	color: #2b3831;
	margin-bottom: 8px;
	margin-left:16px;
}

.stackedBarContainer p:first-of-type {
	margin-top:8px;
	margin-left:16px;
}

.stackedBarContainer p {
	margin-top:inherit;
	margin-left:16px;
}

.stackedBarContainer ul{
	margin-top:-5px;
	margin-top:1px;
	margin-left:10px;
}

.stackedBarTable {
	display:table;
	height: 3px;
	width:100%;
	
}

.stackedBarRow {
	display:table-row;
	height:3px;

	}

.stackedBarCellLeft {
 	display:table-cell;
	width:5%;
	border-top:3px solid #ffb547;	
	border-right: 3px solid #003764;
	
}

.stackedBarCellRight {
	display:table-cell;
	width:95%;
	background-color: #003764;	
	border-right: 3px solid #003764;
	
}






/* for LDP-created forms */

div.ldp-forms-main{
	width:100%;
	margin-bottom:50px;
}

div.ldp-forms-right{
	width:100%;
	margin-left:20px;
	margin-bottom:50px;
}




div.ldp-forms-main fieldset,
div.ldp-forms-right fieldset  {
	border:none!important;
	margin-bottom:0!important;
	padding:0;
}

div.ldp-forms-main legend, div.ldp-forms-main .hidehoneypot , 
div.ldp-forms-right legend, div.ldp-forms-right .hidehoneypot {
	margin:0 0 0 -2000px;
	padding:0px;
	height:0px;
}

div.ldp-forms-main select#id_multiselectlist, 
div.ldp-forms-right select#id_multiselectlist{
	padding-left:5px;
	padding-right:10px;
}

div.ldp-forms-main .control-group, 
div.ldp-forms-right .control-group  {
		
	   background-color: #ebf5ff;
		border-radius: 7px;
		border:1px solid #7598AA;
	border:1px solid #039b6e;
		padding:5px 10px 13px 10px;
		margin-bottom:15px;
}

div.ldp-forms-main label.control-label, 
div.ldp-forms-right label.control-label {
		font-size:1.50em;		
		line-height:115%;
}

div.ldp-forms-main label.checkbox, div.ldp-forms-main label.radio,
div.ldp-forms-right label.checkbox, div.ldp-forms-right label.radio {
		font-weight:normal;
	    font-size:1.4em;
	    margin-left:20px!important;
}

div.ldp-forms-main  input[type=checkbox], div.ldp-forms-main input[type=radiobutton], 
div.ldp-forms-right  input[type=checkbox], div.ldp-forms-right input[type=radiobutton]{
		transform: scale(1.2);	    
}	

div.ldp-forms-main select, 
div.ldp-forms-right select {
	width:100%;
}

div.ldp-forms-main 	input[type=text], div.ldp-forms-main textarea, 
div.ldp-forms-right 	input[type=text], div.ldp-forms-right textarea{ 
		padding: 10px 10px; 
		font-size:1.4em;
		width:100%!important;	
}

div.ldp-forms-main  textarea, 
div.ldp-forms-right  textarea{ 		
	height:6em;
}

div.ldp-forms-main textarea:focus, div.ldp-forms-main input:focus
div.ldp-forms-right textarea:focus, div.ldp-forms-right input:focus{
	border: 2px solid #00549B;
	border: 2px solid #0071CE;  /* branding edit */
}

div.ldp-forms-main div.form-actions button,
div.ldp-forms-right div.form-actions button{
	background-color:#037755;
	color:#fff;
	padding-left:20px;
	padding-right:20px;
}

div.ldp-forms-main div.alert-success, 
div.ldp-forms-right div.alert-success{		
	font-size:1.5em;
	width:100%!important;
}

/*  for the online learning quiz */
div#results-1 {
	display:none;
	font-size:1.5em;
	/*position:absolute;
	top:0;
	left:0;*/
	margin-bottom:50px;
	
}

div#results-2, div#results-3 {
	display:none;
	font-size:1.5em;
	margin-bottom:50px;
}


@media (max-width:768px){
	div.ldp-forms-main {
		width:100%;
	}
}

@media (max-width:768px){
	div.ldp-forms-right {
		width:90%;
	}
	
	div#search-policy-manual {
		margin-top:-10px;
	}
	/*added 9-27 by MV for Beda Handbook*/
	
	div#search-beda-handbook {
		margin-top:-10px;
	}
}

@media (min-width:768px){
	div.ldp-forms-main {
		width:90%;
	}
	
	div#search-policy-manual {
		margin-top:60px;
	}
	
	/*added 9-27 by MV for Beda Handbook*/
	
	div#search-beda-handbook {
		margin-top:60px;
	}
}

@media (min-width:1200px){
	div.ldp-forms-main {
		width:70%;
	}
	
	
}





@media (max-width: 768px) {
	.circleLink h2{
		font-size: 2.5em;
	}
}


.circleLink a, .circleLink a:visited {
	color:#08799f;
}
.circleLink a:hover, .circleLink a:focus {
	color:#c8511a;
}
.circleLine {
	font-size: 4em;
	display: inline-block;
	width: 0.45em;
	height: 0.45em;
	border: 0.05em solid pink;
	position: relative;
	border-radius: 0.3em;
	left: 0px;
	margin-top: -1px;
	float: left;
}
.circleLine::before {
	content: "";
	display: inline-block;
	position: absolute;	
	background: pink;
	width: 7em;
	height: 0.04em;
	left: 15px;
	top: 7px;
}
.graphicLine p {
	float: left;
	margin: 4px 0 0 27px;
	/* width: 266px; */
}
.graphicLine ul {
	margin: 5px 0 0 40px;
	width: 225px;
	float:left;
	padding:0;
}


/* end of code provide by HM on 11-17-2015 */

/* fix for circle line ggamble 11/18/2015  */

@media (max-width: 768px) {

	
	.graphicLine ul{
		margin: 20px 0 0 20px;
	}
	
	.graphicLine p {
		clear: both;
	}	
		
	.graphicLine p + ul{
		margin: 20px 0 0 40px;
	}

}

/*Image with Blue Link*/
.pictureLink {
	width:260px;
	width:100%;
	
	margin:0px auto;
}
.pictureLink img {
	display:none;
}
.blueBackgroundLink, .blueBackgroundLink:visited {
	background-color: #003764; /* branding edit */
	height:40px;
	position:relative
}
.blueBackgroundLink, .blueBackgroundLink:visited, .blueBackgroundLink a, .blueBackgroundLink a:visited {
	font-size:1.6em;
	font-weight:bold;
	line-height:1.6em;
	padding:7px 10px;
	color:#fff;
	text-align:left;
}

.pictureLink:hover .blueBackgroundLink,  a:focus div.blueBackgroundLink{
	background-color: #ffb547; /* branding edit */
	color:  #003764;
}

.pictureLink:hover .blueBackgroundLink .arrow-right {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #003764;
	position: absolute;
	right: 10px;
	top: 10px;
	
}


.blueBackgroundLink .arrow-right {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #FFF;
	position: absolute;
	right: 10px;
	top: 10px;
	
}
.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #FFF;
	position: absolute;
	right: 10px;
	top: 8px;
	
	
	
	

	
}
.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #034A75;
	border-top: 10px solid #003764; /* branding edit */
}
/*Grey Backgrounds with Orange Left Border */
.greyOrangeBkg {
	background-color:#e4e8ea; /* branding edit */
	border-left: #ffb547 solid 7pt;  /* branding edit */
	font-size:1.7em; 
	padding: 20px;
  	line-height: 1.25em;
	margin:15px 0;
}
.greyOrangeBkg img {
	float:right;
  	margin: 0;
}

/*Orange Links*/
.blueLink {
	background-color:#0071ce; /* branding edit */
	font-size:1.9em;
	line-height:1.2em;
	position:relative;
	padding:12px 10px;
	color:#fff;
	text-align:left;
	margin:15px 0;
	
	/* padding text away from arrow  */
	padding-right: 25px;
}
.blueLink a, .blueLink a:visited {
	color:#fff;
}
.blueLink:hover, .blueLink:focus {
	background-color:#FFB547; /* branding edit */
	color:#0071ce;   /* branding edit */
	
}
.blueLink .arrow-right {
	right: 11px;
  	top: 14px;
	
}
/*drawers*/
.panel-group {
	float:left;
	width: 100%;
}
.panel-group .panel {
	float: left;
	width: 100%;
	margin: 5px 0;
}
.panel-heading {
	padding:0px;
}
.panel-heading h1, .panel-heading h2, .panel-heading h3 {
	font-size:1.9em;
	line-height:1.2em;
	display:inline-block;
	width:100%;
	margin-bottom:0px;
}
.panel-heading a {
	padding: 15px;
	width: 100%;
	float: left;
}
.panel-heading a.collapsed, .panel-heading a.programLink, .panel-heading a:visited {
	color: #003764; /* branding edit */
	background-color:#e4e8ea;
}
.panel-heading a:hover, .panel-heading a:focus, .panel-heading a {
	color:#003764;  /* branding edits */
	background-color:#FFB547;  /* branding edits */
}
.panel-collapse {
	float:left;
	padding: 20px 0px 10px 35px;
}
.collegeFilters {
	margin-bottom:0px;
}
.collegeFilters .panel-collapse {
	padding-top:0;
}
.panel-collapse h2, .panel-collapse h3 {
	margin-bottom:5px;	
}
.panel-heading .glyphicon {
	font-size:14px;
	margin-right:10px;
}



.panel-heading a span.glyphicon-plus-minus:before {
	content: "\2212";
}
.panel-heading a.collapsed span.glyphicon-plus-minus:before {
	content: "\2b";
}
.collegeFilters .panel-heading a span.glyphicon-plus-minus {
	display:inline-block;
}
.specificFilter {
	margin-bottom:20px;
	width:100%;
	float:left;
}
.specificFilter input[type="checkbox"] {
	width:20px;
	height:20px;
	margin:0px 10px 0 0;
	float:left;
}
.filterName {
	font-size: 1.8em;
	float:left;
}
/* Explore Our Colleges*/
.findCollegeBkg {
	background-color:#e6e7e8;
	padding:15px;
	float:left;
	width: 100%;
}
.ourCollege h3 {
	margin-top:0px;
}
.ourCollege h4 {
	margin-top:0px;
	font-size:1.4em;
	font-weight:bold;
}
.ourCollege .input-group-btn, .ourCollege .input-group {
	display:inline-block;
	width:100%;
	
}
.ourCollege .btn, .ourCollege .form-control {
	text-align:left;
	width:100%;
	border-radius:0px;
	margin:0;
	border: #adadad 1pt solid;
	background:#fff;
}
.ourCollege .form-control {
	height:41px;
	font-size:1.5em;
}
.ourCollege .btn p {
	text-align:left;
	margin:0px;
}
.ourCollege .btn span.caret {
	position: absolute;
	right: 12px;
	top: 13px;
	border-top: 8px solid;
  	border-right: 8px solid transparent;
  	border-left: 8px solid transparent;
}
.ourCollege .dropdown-menu {
	margin:0;
	border: #adadad 1pt solid;
  	border-top: 0;
	border-radius:0px;
	background:#fff;
	width:100%;
	font-size:12px;
	max-height: 200px;
  	overflow-y: scroll;
}
.goButton {
	float:right;
	margin:10px 0 0;
	color:#fff;
}
.goButton .btn, .goButton .btn:visited {
	background: #003764; /* branding edit */
  	border: none;
  	color: #fff;
	padding: 6px 20px;
	font-size: 20px;
}
.goButton .btn:hover, .goButton .btn:focus {
	background: #ffb547; /* branding edit */
}
/* used to display image map of WA colleges  These two styles were set to display:none on 12-15-15 because the image map hot spots would not hold their location under 1200px.  At min-width 1200px the display:none is removed. This is our solution for our inability to make a responsive image map.   */
/*
.MapWrapper{
	position:relative;
	min-height:100%;
	width: auto;
	height: 100%;
	display:none;
}

.MapBox{
	background-color: #f1f1f2;
	padding: 10px;
	height:100%;
	overflow:hidden; 
	display:none;
}
*/


/* explore our colleges filtered*/
header h1 span {
	font-size: 18pt;
	clear: both;
	float: left;
	margin-right: 20px;
}
.filteredCollege {
	float:left;
	width:100%;
	margin: 0px 0 27px;
}
.collegeName {
	font-size:2.3em;
	margin-bottom:10px;
}
.collegeName a, .collegeName a:visited {
	color: #003764; /* branding edit */
}
.collegeName a:hover, .collegeName a:focus {
	color: #ffb547; /* branding edit */
}
/*
.collegeLocation {
	font-size:1.8em;
	color:#725855;
	
}
*/

/*Specific College Page*/
.collegeLogo img {
	max-width:200px;
	height:auto;
	float: none;
  	margin: 0;
}
/*right side navigation*/
.rightNavigation {
	display:none;
}




/*Programs and Services*/
/*  commented out by AF 12-06-2017 during rebranding css clean up 
.azSearch {
	margin-bottom: 25px;
}
.azSearch input {
	width: 200px;
	height: 40px;
	font-size: 1.4em;
	padding-left: 10px;
	margin-bottom:10px
}
.azSearch button, .azSearch button:visited {
	height: 40px;
	margin-top: 0;
	padding: 5px 10px;
	color: #fff;
	background:#034A75;
	background: #003764;
	border: 0;
	top: 0;
	cursor:pointer;
}
.azSearch button:hover, .azSearch button:focus {
	background:#f15c16;
	background: #ffb547;
}
.azList {
	margin-bottom:30px;
}
.azList h2 {
	color: #a0a0a0;
	font-size:1.8em;
	font-weight:bold;
	margin:5px 0;
}
.azList ul {
	list-style-type:none;
	padding-left:0px;
}

.azList li {
	font-size:1.7em;
	line-height: 1em;
 	margin-bottom: 10px;
}
.azList li a, .azList li a:visited {
	color: #034A75;
	color: #003764;
}
.azList li a:hover, .azList li a:focus {
	color:#f15c16;
	color: #ffb547; 
}
*/


/*related links*/
.relatedLinks ul {
	padding-left:0px;
	list-style-type:none;
}
.relatedLinks ul li {
	font-size:1.8em;
}


/*internal right navigation*/
.rightNavigationInternal {
	margin-bottom:100px;
}
.rightNavigationInternal .btn-group {
	width:100%;
}
.rightNavigationInternal .btn {
	width: 90%;
	border-radius: 0;
	font-size: 18px;
	text-align: left;
	background: #fff;
	border: 1pt #808284 solid;
	color:#034A75;
	color: #003764; /* branding edit */
}
.rightNavigationInternal .btn .caret {
	border-top: 10px solid #034A75;
	border-top: 10px solid #003764; /* branding edit */
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	float: right;
	margin-top: 9px;
}
.rightNavigationInternal .dropdown-menu {
	background:#fff;
	width:90%;
	border: 1pt #808284 solid;	
	border-top: 0;
	border-radius:0px;
	margin-top:0px;
	height: 300px;
    overflow: auto;
}
.rightNavigationInternal .dropdown-menu li {
	font-size:1.8em;
	line-height:1.2em;
}
.rightNavigationInternal .dropdown-menu li a {
	padding: 5px 20px;
}

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

.footerTop {
	height: auto;
	font-family: "Century Gothic", CenturyGothic, Arial, sans-serif;
	margin-top: 30px;
	padding-bottom: 10px;
	margin-bottom: 0;
	background-color:#e4e8ea;
}

div.footerTop a:link, div.footerTop a:visted{
	color: #bb0321!important; 
	
}



div#footerTop a:hover {
		color: #905804!important;	

}




footer .col-xs-3, footer .col-xs-4, footer .col-xs-8, footer .col-xs-12, footer .col-md-3, footer .col-md-12 {
	margin-bottom:0px;
}



footer .row {
/*	margin-bottom:10px;	 */
}

.footerIcon {
	width:100%;
	margin:0px auto;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;	
	font-size:1.25em;
}



.footerIcon img {
	margin: 20px 0 5px;
	width: 60px;
	height: auto;
	max-width:90px;
}

/*
.footerContact {
	color:#07759a;
}


.footerOffices { 
	color:#60722f;
}
.footerInfo {
	
	color: #ffb547; 
}
.footerSearch {
	
	color: #003764; 
}

*/
.footerLogo {
	text-align:center;
	margin-bottom:10px;
}
.footerLogo img {
	width:240px;   /* standard logo width */
	width: 110px;  /* changed by AF on 03-09-2017 for anniversary logo */
	height:auto; 
	margin:0 auto;
	border-bottom:1px solid #c9dae3;
}



.footerLogo a {border:none;}
.footerLinks {
	text-align:left;
	line-height:1.5;
/*	width:100%; */
}

.footerLinks p{
/*	line-height:.5em;
	font-size:19px;*/
	line-height:1.5;
}

.footerLinks:nth-child(2){
	margin-bottom: -20px;
}
.footerLinks a, .footerLinks a:visited {
	/*line-height:.5em; MV changed to match current rules for WCAG 2.1: Understanding Success Criterion 1.4.8 Visual Presentation */
	line-height:1.5;
	font-size:18px;
	color:#0368bb; /* branding edit */
	font-weight:normal;
}
.footerLinks a:hover, .footerLinks a:focus {

	color:#905804;
}
.footerSocial {
	text-align:right;
	}
.footerSocial p{
	line-height:1.5;
}
.socialIcon {
	width:60px;
	width:33%;
	height:60px;
	float:left;
	margin:0px 10px 10px; 
	margin:auto;
}

@media (max-width:768px) {
	.socialIcon {margin-top:30px;}
	.footerLinks {text-align:center;}
	.footerIcon {margin:0 ; text-align:center!important;width:100%;}
	
}

.footerGrey {
	background:none;
	background-color:#4d4d4d;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	width:100%;
	padding:5px 0 0 50px;
	height:auto!important;

}

div.footerGrey a#de {border:none;}

.footerLinks .col-sm-6 {
	padding:0px 4px;
}


/* added by AF on 9-28-2015 */
div#creativecommons {
	width:500px;
	font-size:.75em;
	margin:auto;
	/* border:1px solid red; */
	padding:0;
}

div#creativecommons col-sm-9{
	margin-bottom:0!important;
}

div#creativecommons img, div#creativecommons p {
	margin:0;
	padding:0;
}

	

@media (min-width: 450px) {  
	
	
/*graphic line*/
	.graphicLine {
		width:404px;
	}
	.circleLink, .graphicLine p, .graphicLine ul {
		width:91%;
	}
	.graphicLine ul {
		margin-left: 60px;
		
	}
	.circleLine::before {
	 	width: 10em;
	}
} /*-----------------------------------------end media*/





@media (min-width: 768px) {
	
	
	
	.navbar-brand {
		padding: 14px 6px;
		font-size:20px;
	}
	
	/*profiles*/
	.profile {
		text-align:left;
		float:left;
		margin: 0 -15px 30px -15px;
		max-width:100%;
	}
	.profileImage, .profileContent {
		margin:0;
	}
	.video, .video h2, .profiles, .profiles h2  {
		text-align:left;
	}
	
	/*
	.profiles h2
	{
		border-bottom: 3pt #f15c16 solid;
		padding-bottom: 10px;
	}
	*/
	
	/*videos*/
	.videoHeader {
		vertical-align: bottom;
		display: table-cell;
		height:64px;
	}
	.video {
		margin-bottom:0px;
	}
	/*
	.videoThumb > img {
		width:100%;
	}
	*/
	
	.videoThumb  img {
		width:100%;
	}
	.bottomMargin .videoThumb > img{
		width:250px;
	}
	.azSearch input {
		width: 300px;
	}
	/*--------------------------------------interior page styles*/
	.topImage {
		overflow: hidden;
		max-height: 300px;
	}
	.topImage img {
		width:100%;
		height:auto;
	}
	.greenBackgroundCollege {
		background:rgba(121,144,59,0.7);
		background:rgba(0, 193, 139, 0.7);  /* branding edit */
		width:auto;
		max-width: 58%;
  		min-width: 35%;
		position: absolute;
		top:50px;
	}
	
		.greyLinks {
	/*	position:absolute;
		right:250px!important;
		
		background-color:yellow;		
		padding-right: 10px; */
	}
	
	/*drawers*/
	.panel-collapse {
		padding: 10px 35px;
	}
	/*specific college*/
	.collegeLogo img {
		width:100%;
		height:auto;
	}
	/*picture link*/
	.pictureLink {
		margin:0;
	}
	/*graphic links*/

.graphicLine {
		width:100%;
	}
	.circleLine::before {
	  width:8.1em;
	}	
	
	
	/*footer*/
	
	footer .col-xs-3, .footerLinks .col-sm-6 {
		padding:0 15px;
	}
	
	.footerLinks {
		/*width:50%;*/
		float:left;	
	}
	.footerIcon {
		min-height:115px;
		font-size:1.4em;
		width:100%;
	}
		
	
	.footerIcon:hover div {
	/*	text-decoration:underline; */
		
	}
	.footerIcon img {
		margin: 20px 0 10px;
	}
	.footerGrey {
		height:50px;
	}
	
	
	
} /*-----------------------------------------end media*/



@media (min-width: 992px) { 
	main img {
		margin:10px;
		margin-left:0px;
		float:left;
	}
	.navbar .container {
	/*	width: 985px;
		width: 1100px;
		width:1200px; */
	}
	ul.twoColumn {
	    column-count: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		list-style-type: none;
	}
	.twoColumn li:before {
	  content: "• ";
	}
	
	/*=================== Top Header and Navigation =============================*/
	
	
	/*Grey Header*/
	
	
	.topHeader {
		position:relative;
		height:224px;
	/*Added for alert
		height: 85px;*/
	}
	
	/* this is a temporary class used to give more height to top banner on the home page to allow room for the survey banner */
	.topHeaderSurveyBanner {
		position:relative;
		height: 344px;
		
	}
	
	.topHeaderInterior {
		position:relative;
		height:90px;
	}	
	.navbar {
		margin-bottom:0px;
	}
	.navbar-header {
		display:none;
	}
	.navbar-collapse .container {
		padding:0px 15px;
		padding:0px;  /*test*/
	}
	.greyHeader {
	
		height:45px;
		height:43px;
		top:0;
		position:relative;
		z-index:1;
		display:block;
		width: 100%;		
  		float: left;
		background-color:#7d7c7c;	/* this dark grey is lighter than the footer so that the compass can show on the home page */	
		font-weight: bold;
		font-family: "Century Gothic", CenturyGothic, Arial, sans-serif;
		font-family: Calibri, Arial, sans-serif; /* branding edit */
		padding-top: 0;
	}
	.greyHeader:after, .greyHeader:before {
		background: inherit;
		position: absolute;
		content: '';
		top: 0;
		width: 100%;
		height: 100%;
		right: 100%;
		
		
	}
	.greyHeader:after {
		left:100%;
		
		
	}
	.greyHeaderLeft {
		width:40%;	
		float:left;
		display:block;
		 white-space: nowrap;
	/*	background-color:firebrick; */
		padding:0!important;
		
	}
	.greyHeaderLeft img {
		float:left;
		margin: 0;
		margin: 0 0 0 35px; /* added by AF 03-09-2017 to move the 50th anniversary logo closer to the the other text in the banner */
		margin:  11px 0 0 100px;          /* branding edit */
		
	}
	.greyHeaderRight {
		float: right;
		width:60%;
		padding-left:0px;
		text-align:right;
		text-align:left;
		height:31px; 		
		position:relative;
	/*	background-color:pink;  */
		
	}
	.greyLinks {
		position:absolute;
		right:225px;
	/*	background:yellowgreen; */
		
	}
	.greyLinks a{border:none;}
	
	.greyHeader a, .greyHeader a:visited {
		color:#fff;
		padding: 13px 10px 12px;
		border-right: 1pt transparent solid;
		border-left: 1pt transparent solid;
		width: auto;
		text-indent: 0;		
		float:left;
		line-height:20px;
	    font-size:16px;
		
		font-weight:bold;
	}
	.greyHeader a:hover, .greyHeader a:focus, .greyHeader a.active {
		background-color:#037755;	/* a little darker than the Kelly green for contrast on smaller devices */	
		color:#fff;
		border-right: 1pt #FFF solid;
		border-left: 1pt #FFF solid;
		
	}
	li.greyMobile {
		display:none;
	}
	/*Search*/
	#custom-search-input-desk {
		padding-left: 10px;
		padding-left: 0px;
		position: absolute;
		right: 0;
		top: 8px;
		margin: 0px;
	}
	#custom-search-input .form-control {
		width: 165px;
		height: 30px;
	/*	padding: 6px 30px 6px 10px; */
		background: #fff;
		border: 1pt solid #d1d2d4;
		
	}
	div#custom-search-input-desk input#search-desk {width:150px;} 
	

	
	#custom-search-input .form-control:focus {
	  	border-color: #4bc09d;
	  	outline: 0;
	  	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
	  	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
	}
	.input-group-btn {
		display: table;
  		position: initial;
	}
	.input-group-btn .btn {
		background-color: inherit;
		border: 0;
		position: absolute;
		left: 135px;
		padding: 6px 8px 4px;
	}
	.input-group-btn .glyphicon {
		z-index:100;
	}
	.navbar-collapse {
		padding-right:0px;
		padding-left:0px;
	}
	/*Blue Header*/
	.blueHeader {
		margin:0 auto;
		margin-top: 0px;
		height: 135px;
		background-color:#003764; 
		background-color: #fff;   /* branding edit it's no longer blue. CONSIDER RENAMING??? */
		display:block;
		position:relative;
		top:25px;
		
	
	}
	.blueHeader:after, .blueHeader:before {
		background: inherit;
		position: absolute;
		content: '';
		top: 0;
		width: 100%;
		height: 100%;
		right: 100%;
	}
	.blueHeader:after {
		left:100%;
	}
	.blueHeader img {
		position: absolute;
		top: 0;
		left: 200px;
		float: none;
  		margin-top:20px;
	}
	/*Navigation*/
	.navigationBkg {
		background-color:#0071ce; 
		
		
		/* 12/09/2019 ggamble
		update to 45px, from 65px to remove aricfacte on bottom of submenu
		height:65px; 
		
		Alert */
		height: 45px;
		 
		position: relative;
		border-top:1pt #fff solid;
		border-bottom:1pt #fff solid;
		z-index:2;
		top:25px;
		/* 12/09/2019 ggamble
		min-height: 45px;
		*/
		
	}
	.topHeaderInterior .navigationBkg {
		top:0px;
	}
	.navigationBkg:after, .navigationBkg:before {
		background: inherit;
		border:inherit;
		position: absolute;
		content: '';
		top: -1px;
		width: 100%;
		height: 100%;
		right: 100%;
		height: 45px;
		
		
	}
	.navigationBkg:after {
		left:100%;
	}
	.navbar-nav {
		text-align:center;
		height:45px;
		float: none;
		background:transparent;
		overflow:hidden;
		padding: 0 6px;
	}
	.navbar-nav li {
		width: auto;
		border-bottom: 0px;
		font-size: 1.4em;
		font-size:16px;
		font-size:18px;
		
		
	}
	
	/* Updated to show About Us page on iPad.  Changed side padding from 25px to 20px */
	.navbar-nav li a, .navbar-nav li a:link, .navbar-nav li a:visited {
		padding:12px 10px 11px;
		border-right: 1pt transparent solid;
		border-left: 1pt transparent solid;
		text-indent:0px;
	}
	.navbar-nav li a.active, .navbar-nav li a:focus, .navbar-nav li a:hover, 
	.navbar-nav li.open .dropdown-menu > li > a:hover, .navbar-nav li.open .dropdown-menu > li > a:focus, 
	.navbar-nav li.open > a, .navbar-nav li.open > a:visited, .navbar-nav li.open > a:link {
		background:#ffb547; /* branding edit */
		border-right: 1pt #FFF solid;
		border-left: 1pt #FFF solid;
	}
	.navbar-nav li.dropdown .glyphicon {
		display:none;
	}
	/* added on 8-3-2015 to fix the home page issue of teh About Us menu item dispapearing upon select it. */
	.navbar-nav .dropdown-menu {
		display:none;
	}
	
	/*=================== Home Page =============================*/
	
	/*Carousel*/
	.slick-active .carousel-caption {
		padding:8px 5px 34px;
		max-height:150px;
	}
	.center .slick-prev, .center .slick-prev:focus, .center .slick-next, .center .slick-next:focus {
		height: 115px;
		width: 50px;
		padding: 10px 8px;
		top:28%;
		margin: 0;
		background-repeat: no-repeat;
		background-position: center;
		display:block;
	}
	.center .slick-prev, .center .slick-prev:focus {
		background-image: url(images/blueArrowLeft.png);  /* branding edit will need to change this color in the arrow */
		left: auto;
		right:96%;
	}
	.center .slick-next, .center .slick-next:focus {
		background-image: url(images/blueArrowRight.png);  /* branding edit will need to change this color in the arrow */
		right: auto;
		left:96%;
	}
	.center .slick-next:before, .center .slick-prev:before {
		content:none;
	}
	/*videos*/
	
	.videoThumb  img {
		width:250px;
	}
	
	/*=================== interior page styles =============================*/
	.greenBackground {
		margin-bottom:30px;
	}
	.greenBackgroundCollege {
		top:80px;
	}
	header h1 {
		padding:17px 0;
		font-size:3em;
	}
	.breadcrumb {
		margin-bottom:5px;
	}
	/*picture links*/
	.blueBackgroundLink {
		font-size:1.5em;
		line-height:1.4em;
	}
	.pictureLink img {
		width:260px; 
		width:100%;
		
		height:auto;
		float: none;
		margin: 0;
		display:block;
		opacity:0.4;
		opacity:0.6;  /* changed to .6 on 7-25-2017 */
	}
	.pictureLink:hover img, a:focus .pictureLink img {
		opacity:1;
	}
	/*graphic links*/
	
	.circleLink, .graphicLine p, .graphicLine ul {
		width:90%;
	}
	.circleLine::before {
		width:7em;
	}
	
	
	
	/*blue links*/
	.blueLink .arrow-right {
		top: 17px;
	}
	/*our colleges*/
	.collegeFilters .panel-heading a, .collegeFilters .panel-heading a:visited {
		background:transparent;	
		padding:0px;
		margin-bottom: 10px;
	}
	.collegeFilters .panel-heading a span.glyphicon-plus-minus {
		display:none;
	}
	.collegeFilters .panel-heading a:hover, .collegeFilters .panel-heading a:focus, .collegeFilters .panel-heading a, .collegeFilters .panel-heading a:visited {
		color:#725855;
		background-color:transparent;
	}
	.collegeFilters .panel .collapse {
		display:block;
		visibility:visible;
	}
	.collegeFilters .panel .collapsed {
		display:block;
	}
	.collegeFilters .panel .panel-collapse {
		height:auto!important;
	}
	.specificFilter {
		margin-bottom:10px;
	}
	.specificFilter input[type="checkbox"] {
		width: 15px;
		height: 15px;
		margin: 2px 10px 0 0;
	}
	.filterName, .filterName:visited {
		font-size:1.6em;
		color: #003764; 
	}
	.filterName:hover, .filterName:focus {	
		color: #905804;
	}
	/*tables*/
	.tableContainer {
		margin: 20px 20px 40px;
	}
	/*right side navigation*/
	.rightNavigation, .rightNavigationInternal {
		display:block;
	}
	.rightNavigation ul, .rightNavigationInternal .dropdown-menu {
		list-style-type:none;
		width:100%;
		padding:0px;
	}
	.rightNavigation ul li, .rightNavigationInternal ul.dropdown-menu li {
		background-color:#003764;  /* branding edit */
		margin:5px 0;
	}
	
	.rightNavigation ul li a, .rightNavigation ul li a:visited, .rightNavigation ul li a:link, 
	.rightNavigationInternal ul.dropdown-menu li a, .rightNavigationInternal ul.dropdown-menu li a:visited, .rightNavigationInternal ul.dropdown-menu li a:link {
		color: #fff;
		background-color:#003764;  /* branding edit */
		width: 100%;
		display: inline-block;
		padding: 5px 10px;
	}
	.rightNavigation ul li a:hover, .rightNavigation ul li a:focus, 
	.rightNavigation ul li.active a, .rightNavigation ul li.active a:hover, .rightNavigation ul li.active a:focus,
	.rightNavigationInternal .dropdown-menu ul li.active a, .rightNavigationInternal ul.dropdown-menu li a:hover, .rightNavigationInternal ul.dropdown-menu li a:focus {
		background-color:#ffb547;  /* branding edit */
		color:#003764; /* branding edit */ 
	}
	.rightNavigationInternal .btn {
		font-size: 0;
		border: 0;
		box-shadow: none;
		height: 0;
		padding: 0;
	}
	.rightNavigationInternal .caret {
		display:none;
	}
	.rightNavigationInternal .dropdown-menu {
		display:block;
		overflow: inherit;
		border: 0px;
		box-shadow: none;
		width:100%;
		height:auto;
		margin-bottom:20px;
	}
	.rightNavigationInternal .dropdown-menu {
		display:block;
	}
	/*right side navigation Mobile
	AF: I don't think this is being used anywhere 12-06-2017
	*/
	
	.rightNavMobile {
		background-color:#fff;
		border:1pt solid #4d4d4d;
	}
	.rightNavMobileDrop {
		background-color:#fff;
		border:1pt solid #4d4d4d;
		font-size:1.5em; 
	}
	/*=================== Footer =============================*/
	.footerTop {
		/* 03/14/2017 ggamble remove height to handle icons stacking
			height:345px; 
		*/
		margin-top:50px;
	}
	
	div.footerTop a:link, div.footerTop a:visted{
	/*color: #07759a; 
	color: #bb0321; */
	
	
}
	
	/*
	div#footerTop a:hover {
		color: #905804!important;	
}  */
	
	footer .row {
	margin-bottom:0px;
	}
	.footerLinks, .footerSocial {
		margin-top:25px;
	}
	.footerIcon img {
		width:90px;
	}
	
	.footerGrey {
	/* per HM, added on 11-17-2015 */
	font-size: 1.3em;
    padding: 16px 50px 0 50px;
    }

} /*-----------------------------------------end media*/

@media (min-width:992px) and (max-width:1070px) {
	
		
	.greyHeader a, .greyHeader a:visited {	
		
		font-size:15px!important;
		/*  background-color:#037755; */
	}
	
		.greyLinks {
		right:200px;
	/*	background-color:lightcoral; */
		
		
	}
	
	.greyHeaderLeft a, .greyHeaderLeft a:visited {
		font-size:13px!important;
	}

}	

@media (min-width:1071px) and (max-width:1199px) {
	
	.navbar	.container {
		max-width:2000px;
		font-size:17px!important;
	/*	color:pink; */
		
	}
	.greyHeaderLeft {
		
		padding-left:7px!important;
		
	}
	
	.greyHeaderRight {
		
		max-width:1199px;
		
	}
	
	.greyLinks {
		right:210px;
	/*	background-color:wheat;  */
		padding:0px!important;
	
		
	}
	.greyLinks a {
		margin-right:0!important;
		padding:13px 10px 11px!important;
	}
	
}


@media (min-width: 1200px) {
	.negativeMargin {
		margin-top:-160px;
	}
	
	body {
		font-size:1.25em;
	}
	.navbar .container {
		width: 1265px;
		
		
		 
		
		
		
	}
	.navbar-nav li {
	
		font-size:19px;
		
		
	}
	/*removed to fix subnav issue in Edge
	.navbar-nav li a, .navbar-nav li a:visited {
		padding: 0 57px;
	}*/
	.greyHeader a, .greyHeader a:visited {	
		font-size:19px; 		
	}
	
	.greyHeader a:focus, .greyHeader a:hover {
		background-color: #037755; 
	}
	
	.greyHeaderLeft a, .greyHeaderLeft a:visited{
	 font-size:19px;
	}
	
	
	
	
	.center .slick-prev, .center .slick-prev:focus { /* provided by HM 11-17 -15 */
	right: 96%;
	}
	.center .slick-next, .center .slick-next:focus {
	left: 96%;
	}

	
	
	
	/*graphic link*/
	
	.circleLine::before {
		left: 20px;
		top: 8px;
		width: 6.7em;
	}
	.circleLink {
		margin: 0px 0px 0px 32px;
	}
	.graphicLine p {
		margin: 4px 0 0 33px;
	}
	
	/*green headers*/
	.greenBackgroundCollege {
		top: 100px;
	}
	/*our colleges*/
	.medium100.ourCollege {
		width:94%;
	}
	.findRegion {
		height: 116px;
	}
	
		div#custom-search-input-desk input#search-desk {width:190px;} 
	
/* used to display image map of WA colleges  These two styles were set to display:none on 12-15-15 because the image map hot spots would not hold their location under 1200px.  At min-width 1200px the display:none is removed. This is our solution for our inability to make a responsive image map.  	*/
	
	/* AF commented out 12-08-2017  not being used 
.MapWrapper{
	position:relative;
	min-height:100%;
	width: auto;
	height: 100%;
	display:block;
}

.MapBox{
	background-color: #f1f1f2;
	padding: 10px;
	height:100%;
	overflow:hidden; 
	display:block;
}
*/
	
	
} /*-----------------------------------------end media*/





@media (min-width: 1217px){
	.center .slick-prev, .center .slick-prev:focus {
	right: 84%;
	}
	.center .slick-next, .center .slick-next:focus {
	left: 84%;
	}
} /*-----------------------------------------end media*/



@media (min-width: 1400px) {
	.greenBackgroundCollege {
		top: 130px;
	}
	
} /*-----------------------------------------end media*/


/*-------------added 7-15-2015 by AF.  Creates forward/backwards links at the bottom of policy manual pages ---------*/

div#policyNavContainer
{

width:100%;
margin-top:30px!important;
margin-bottom:20px!important;
display:table;
font-size:1em;
	
}

div.policyNavCellLeft {
	display:table-cell;
	width:50%;	
	text-align:left;	
	
}

div.policyNavCellRight {
	display:table-cell;
	width:50%;	
	text-align:right;
	
}

div#policyNavContainer span.policyNavLabel, div#policyNavContainer a.policyNavLabel{
	background-color:#e7edf0;
	border:1px solid #bbc9d1;
	border-bottom:2px solid #bbc9d1;
	padding:3px 5px;
}
/* ------- MV-HS+ because HS21 changed name ------- */
h1 span.policyManualFirstLine, h1 span.bedaHandbookFirstLine, h1 span.HS+Handbook{
	font-size:.65em;
	
	
}

/* ----------- end Policy Manual styles ----------------- */

/*  -------------- added 7-16-2015 by AF.  Appends file type string to end of links to documents ------------------*/

a[href$=".accdb"]:after{
	content:" [Access] ";
	font-size: .75em;
}

a[href$=".pdf"]:after{
	content:" [PDF] ";
	font-size: .75em;
}
a[href$=".doc"]:after{
	content:" [Word] ";
	font-size: .75em;
}
a[href$=".docx"]:after{
	content:" [Word] ";
	font-size: .75em;
}

a[href$=".docm"]:after{
	content:" [Word] ";
	font-size: .75em;
}

a[href$=".xls"]:after{
	content:" [Excel] ";
	font-size: .75em;
}
a[href$=".xlsx"]:after{
	content:" [Excel] ";
	font-size: .75em;
}

a[href$=".xlsm"]:after{
	content:" [Excel] ";
	font-size: .75em;
}

a[href$=".ppt"]:after{
	content:" [PowerPoint] ";
	font-size: .75em;
}

a[href$=".pptx"]:after{
	content:" [PowerPoint] ";
	font-size: .75em;
}

a[href$=".zip"]:after{
	content:" [ZIP] ";
	font-size: .75em;
}

a[href$=".vsd"]:after{
	content:" [Visio] ";
	font-size: .75em;
}

div#contacts p{
line-height:150%;
	
}

/*  AF commented out 12-08-2017 not being used 
div#topofpage p {
	font-size:1.1em;
	display:inline-block;
	background-color:#F1F1F2;
	padding:2px 3px 2px;
	border:1px solid #dbdbde;
}

div#topofpage {
	margin-top:10px;
	float:right;	
}
*/ 


div.contactRHSnippet p{
	margin-top:10px;
	line-height:1.2;
	
}

ul > li.nonBulletedList {
	list-style-type:none;
	padding-left:0!important;
	
	
}

label.sr-only {
	/* sr-only is a bootstrap class to position label text so it works for screen readers but sighted users don't see it.  It is used on the search <label>.  I changed it to white because otherwise it through an accessibility contrast issue for grey text on grey background */
	color:#fff;
	background-color: #4D4D4D;
}

label.nestedSearchItems {
	/*this class is used on search.aspx to affect the nested list items under Colleges & Staff and Blogs */
	font-weight:normal;
	font-size:1em;
}

ul li.topbestbet, ul li.topbestbest p{
	border-left: 4px solid #ffb547; /* branding edit */
	background-color: #e4e8ea;
	overflow:auto;
	padding-left:7px;
}

/* Start Control Styles input[type="text"] */

.form-control{
	font-size: 1.2em !important;
	
}
/* End Control Styles */


/* Start Styles for College Search  */


div.greyLink a.gLink:hover, div.greyLink a span.fa fa-plus {
	color:#AA6704;
}


#colSearch{
	font-size: .9em;	
}

 #colSearch h2{
	 color: #fff;
	 padding: 10px;
	 background-color: #404041;
	/* background-color:pink; */
 }

 #colSearch #ColSearch_btnByName, #ColSearch_btnByInterest, #ColSearch_btnByRegion{
	 color: #fff;
/*	 color:pink; */
 }

 #colSearch select {
	 font-size: 1.5em;
 }

 #colSearch .colSearch-List
            {
                list-style: none;
                font-size: 1.2em;
                text-decoration:none;
            }

 #colSearch .tooltip-content {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
        }

       #colSearch .btn-tooltip:focus .tooltip-content {
            clip: auto;
            overflow: visible;
		    cursor: pointer;
        }

	#colSearch.btn-tooltip:not(:focus) .tooltip-content{
    		overflow: hidden;
		}

        #colSearch .btn-tooltip {
            border: none;
            background: none;
            position: relative;
        }

        #colSearch .tooltip-content {
            display: block;
			margin: 30px 0 10px -90px;
			padding: 0.75em 1em;
			text-align: left;
			color: #000;
			color:pink;
			font-size: .8em;
			border-radius: 4px;
			background-color: #f1f1f1;
			border: 1px solid #808080;
			border-left: 10px solid #ffb547; /* branding edit */
			width:50%;
			position: fixed;
			top: 5%;
			left: 30%;
			padding: 25px;
			margin: 70px auto;
			z-index: 10000;
			-webkit-transition: all 0.6s ease-in-out;
			-moz-transition: all 0.6s ease-in-out;
			transition: all 0.6s ease-in-out;
			height: auto;
			overflow: auto;
			line-height: 1.2em;
        }

        #colSearch .btn-tooltip {
            display: inline-block;
            text-align: center;
            min-width: 20px;
			cursor: pointer;
        }

            #colSearch .btn-tooltip:focus .tooltip-content, .btn-tooltip:hover .tooltip-content {
                -webkit-transform: rotateX(0deg) scale(1);
                transform: rotateX(0deg) scale(1);
                opacity: 1;
            }

.JobSearchPanel{
    padding: 10px 0 5px 15px;
    background-color: #f1f1f2;
    height:  175px;
	border-left: 10px solid #ffb547; /* branding edit */
}
 


	/* medias query to control programs info popup location */
@media (max-width : 480px) {
			/* Small Styles */
		
		.col-xs-2 {padding:0;}
	
.footerIcon img {
	margin: 20px 0 5px;
	width: 40px;
	height: auto;
	
}
.footerIcon {
	font-size:1.1em;
	
	width:100%!important;
}		
		
		 #colSearch .tooltip-content {
           	left: 50px;
            min-width: 100px;
			max-width: 300px;
		 }
		
		
		
		.footerlinks .col-xs-6 {
			padding-bottom:10px;
			
			
		}
		
		a[href^=tel], a[href^=tel]:focus, a[href^=tel]:hover {
  			
			}
	} /* end of max-width 480px */


/* End Styles for College Search */

/* Start AllStaff List */
#AllStaffControl_btnFilterBy{
	color: #fff;
}

.AffStaffListing{
	font-size: 1.2em !important;
}

.AffStaffListing tr{
    color: #333333;
    padding: 20px;
}

.AffStaffListing tr td.merge{
   padding-top: 10px;
   background-color: transparent;
   text-align: right;
}

.AllStaffHeader{
    font-size: 1.4em;
}

.title
{
   padding: 5px;
   font-size: 120%;
   font-weight: lighter;
   padding-left: 100px;
}

/* ggamble 10/21/2015  Set textalign to left per afrench  */
H3.title
{
   padding: 5px;
   font-size: 120%;
   font-weight: lighter;  
	padding-left:0;
   text-align:left;
}


.emp
{
   padding: 5px;
   font-size: 120%;
   font-weight: lighter;
   color: #fff;
   padding-left: 30px;
}


.phone
{
   padding: 5px;
   font-size: 120%;
   font-weight: lighter;
   padding-left: 10px;
}


.NameSpacing {
    padding: 10px 50px 0 0;
    display: inline-block;
}

.SubNameSpacing {
    padding: 0 50px 0 0;
    display: inline-block;
}

.H4Listing {
    display: inline-block;
    font-size: 1.8em;
    margin: 0;
    padding: 10px 0;
}

.UserListing {
    display: inline-block;
    margin: 0;
    padding: 10px 0 0 10px;
}

.SubUserListing {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 20px;
}

.printLst_txt{
	font-size: 1.1em;
}

@media print {
	/* ... Don't Print Announcements  09/21/2020 ggamble ... */	
	.SiteAlert-Announcement{
		display:none!important;
	}


	a[href^="tel:"]:after {
        content: "";
	}
	
	.no-print{
		display: none;
	}
	
	#AllStaffControl_gvAllStaff{
		Width: 100% !important;
		margin:0;
		padding:0;
	}
			
	.breadcrumb{
		display: none;
	}
	
	header{
		margin:0;
		padding:0;
	}
	
	footer{
		display: none;
	}
/*
	.graphicLine{
		display: none;		
	}
*/	
	.content{
		width: auto;
	}
		
	
	div.panel-heading h2 {
		margin-bottom:-20px;
	}
}  /* close @media print */


/* End AllStaff List  */

/* Fiscal Calc */

.ui-button.ui-widget.ui-state-default.ui-corner-all {
    padding: 2px 5px;
    margin-bottom: 4px;
}

.lbl {
    width: 150px;
    padding: 5px 10px 5px 5px;
    text-align: right;
    display: inline-block;
}

.lbl2 {
    width: 80px;
    padding: 5px;
    text-align: right;
    display: inline-block;
}

.lbl3 {
    width: 130px;
    padding: 5px;
    margin-right: 10px;
    text-align: right;
    display: inline-block;
	font-size: 1.2em;
}

.lbl4 {
    width: 49%;
    padding: 5px;
    text-align: left;
    display: inline-block;
	font-size: 1.2em;
}

.contain {
    font-size: 1.1em;
    width: 320px;
	height: auto;
    background-color: #fafafa;
	padding: 10px;
    border: #000 1px double;
    margin: 0 auto;
}

#calc{
	margin:20px 0;
	padding:0;
}

div.ui-datepicker {
    font-size: 10px;
}

.Off_Page {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.txtBx {
    font-size: 1em;
    width: 80px;
    border: solid thin #3f748a;
    margin: 8px;
}

.headrTop {
    margin: 0 2px 10px 2px;
	font-weight: bold; 
	font-size: 1.4em;
}

.headrBottom {
    margin: 0 2px 10px 2px;
	text-align: left; 
	padding: 0 10px;
	font-size: .9em;
}

.DisplayInline {
    display: inline;
    padding: 0;
    margin: 0;
}

/* End Fiscal Calc */

/* Start Search Applicants */
#rbGender input[radio] label{
    display: inline-block;
}

#rbGender_0,#rbGender_1,#rbGender_2{
    width: 20px !important;
    margin-right: 20px;
    text-align:left;

}


#rbGender label {
    display: inline-block;
    font-weight: 400;
}

.ListOfApplicants{
    	/*overflow-x: auto;*/
		display: block;
        
}

#gvListOfApplicants{
          width: 500px;
  
}

#gvListOfApplicants tr th{
    text-align: center !important;


}

/* End Search Applicants */

/* Start College Job Search */

	#gvListOfJobs{
		padding: 20px 5px;
	}

	#btnRest2{
		margin: 20px;
	}
/* End College job Search */

/* Start Success/info/danger Button */
.btn {
	font-size:15px;
	font-weight:bold;
	
}	
	
.btn-success {
  color: #003764;
  background-color:#ffb547; /* branding edit */
  
  
}

.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #f58f5f;
   background-color:#003764; /* branding edit */
  border-color: #f4824a;
}

.btn-success:hover {
  color: #fff;
  background-color: #f58f5f;
  background-color:#003764; /* branding edit */
/*  border-color: #f4824a;*/
}


.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #F37034;
  background-color: #fa6220; /* edited by AF 3-24-2017 to increase contrast */	   	
  /* border-color: #f4824a;*/
    background-color:#003764; /* branding edit */
  color:#ffb547;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #F37034;
  background-color: #fa6220; /* edited by AF 3-24-2017 to increase contrast */	 	
  border-color: #f4824a;
}
.btn-success .badge {
  color: #F37034;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

/* End Button Success/info/danger/warning */

/* styles added to circumvent the accessibility color analyzer that was incorrectly trying to evaluate link colors on top of the linked logo */
.socialIcon > a {color:#000}
.footerLogo > a {color:#000}

div#pagemanager {
	padding-left:15px;
	
	
	
}
div#pagemanager p {
	font-size:1.1em;
	color: #6c6c6e;
	
}
/* 
Classes for print button 
ggamble		12/10/2020
*/

.btn-fg {
	background-color: #ffb547;
	color: #003764!important;
}

.btn-fg:hover {
	background-color: #003764;
	color: #fff!important;
}

/* End classes for print button */

/* Site wide Label style.  May need to restrict to usercontrols if it breaks site styling :  ggamble */

label, select {
	font-size: 1.3em;
}



div.studentredirect, div.collegeaccessonly{
	display:inline-block!important;
	vertical-align:middle;
	padding:2px 40px 2px 10px!important;
	margin-bottom:40px;
}

p.studentredirect, p.collegeaccessonly {
	font-size:.75em!important;
	position:relative;
	font-style:italic;	
	margin:0;
}

p.studentredirect a:link, p.collegeaccessonly a:link {
 color: #0368bb;
}

p.studentredirect::after{
	position:absolute;
	content: "";
	background:url("/_resources/css/images/circle-arrow.gif") right center no-repeat;	
	width: 25px;
	height: 25px;
	top: -2px;	
	right: -45px;
}



p.studentredirect a:hover {
	color:#aa4516!important;
}

p.collegeaccessonly::after{
	position:absolute;
	content: "";
	background:url("/_resources/css/images/circle-exclamation.gif") right center no-repeat;	
	width: 25px;
	height: 25px;
	top: -2px;
	right: -45px;
	

}

@media (max-width: 1200px) {
	p.studentredirect::after, p.collegeaccessonly::after{	
	top: -4px;		
	}
}



/* Start - Job Search Admin */
.JobAdminCheckBox {
	border-style: none!important;
}
.JobAdminCheckBox tr td {
	border-style: none!important;
}

.JobAdminRadioList{
	border-style: none!important;
}


.JobAdminRadioList tr td{
	border-style: none!important;
}

/* End - Job Admin Search */

/* start - missing table styles */

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px!important;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd!important;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd!important;
  background-color: #cdcdcd !important;
  text-align: center !important;
}

.table > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd!important;
  background-color: #cdcdcd !important;
  text-align: center !important;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0!important;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd !important;
}
.table .table {
  background-color: #fff;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f2f2f2 !important;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px!important;
}

.table-bordered {
  border: 1px solid #ddd !important;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd !important;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px !important;
}

/* end - missing table styles*/

p.reviewed {
font-size:.7em;
color:red;
}

/* Start Emp Search */

.hrEmpSearch{
	clear:both;
    padding:0!important;
	margin:2px!important;
    border-bottom: 2px dashed #c8c8c8;
}

.pushBtnDown{
    margin-top: 11px;
}

/* End Emp Search */

/* Start College Employee Search */

.CollegeSearchAddress{
	font-size: 1.4em;
}

.CollegeSearchTrustee
{
	font-size: 1.4em;
}

.CollegeSearchTrustee  dt{
	/* width: 80px; */
	width: 25%;
	margin-right: 20px;
}

.CollegeSearchTrustee  dd{
	width: 75%;
	margin-left: 0px;
}

.NoLabelBorder{
    border: none;
    font-size: 1.4em;
	
}

.SlimFormGroup{
	margin: 0 !important;
	padding: 0 !important;
	line-height: 16px;
	
}

.SlimFormGroup .col-sm-2,
.SlimFormGroup .col-sm-6{
	margin:0!important;
}

.SlimFormGroup:nth-child(5) .col-sm-6{
	margin-bottom:20px!important;
}

/* End College Employee Search */

/* Start JobSeekers */

.NoMarginDDL{
	margin:0;
	padding:0;
	float: left;
	height: 40px;
}

.NoMarginDDL .col-sm-4{
	padding-left: 0!important;
}

.BottomNoMarginDDL{
	margin:0 0 20px 0;
	padding:0;
	float: left;
	height: 40px;
}

.BottomNoMarginDDL .col-sm-4{
	padding-left: 0!important;
}

/* 
11/18/2015 Greg Gamble Add some separation of 'Degrees & Discipline' on mobile size
12/04/2019 ggamble add .topHeaderHome class to handle alerts 
*/
@media (max-width: 768px) {
	
	.topHeaderHome{
		display:block;
	}
	
	div#search-policy-manual {

		margin-top:-10px;
	}
		
	
	
    .mobilGap{
        margin-bottom: 30px;
    }
	
	 a[href^=tel] {
     
  }
	
	
	a[href^=tel]:hover, a[href^=tel]:focus {
     
  }
	
	  
}

/* End JobSeekers */

/* Start Jobs Found */


	 .JobsFoundPaging a, .JobsFoundPaging span
	{
		display: block;
		height: 30px;
		width: 30px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		font-size: .6em;
		margin: 2px;
	}

    tr.JobsFoundPaging > td > table{
		border: none;
		width: auto;
	}

    tr.JobsFoundPaging > td > table > tbody > tr {
		border: none;
	}

    tr.JobsFoundPaging > td > table > tbody > tr > td{
        padding-right: 5px!important;
		border-width: 0!important;
		height: 30px!important;
		width: 30px!important;
    }
	.JobsFoundPaging a
	{
		background-color: #f5f5f5;
		color: #969696;
		border: 1px solid #969696;
	}
	.JobsFoundPaging span
	{
		background-color: #969696;
		color: #f1f1f2;
		border: 1px solid #787878;
	}

/* End Jobs Found */

/* astrisk css style */

.JobSeekerRequire:before {
    font-size: 1em;
    color: red;
    content: '* = non-instructional positions';
    vertical-align:text-bottom;

}

/* Profile-Spotlights */
div#spotlightImageBox {
	background-color: #f1f1f2;
	padding:15px;
	border:1px solid #d6d6db;
	min-height:220px;
	width:350px;
	float:left;
	margin: 0 20px 20px 0;
	

}

div#spotlightImageBox p {
	clear: both;
	max-width: 300px;
	
	font-style:italic;
}

/*  Apple submenu fix?  */

a:hover {
		opacity:1; 
		filter:alpha(opacity=100);
}

/* FacilityConditionSurvey  */
#ucFileListing ul {list-style-type: none;}
#ucFileListing li {padding: 5px;margin: 5px;background-color: #ffffff;}
#ucFileListing li.ucAltListItem { background-color: #edeaea; }
#ucFileListing li > img{float: right;}


#skiptocontent {
	
	
	
	
}

#skiptocontent a {
	
    font-size:1em;
	background-color:#037755;  /* branding edit */
	color:#ffffff;
	position:absolute;
	top:-50px;
	left:0;
	padding:5px;
	z-index:1000;

	

}

#skiptocontent a:focus, #skiptocontent a:active{
	color:#ffffff!important;
	font-size:1em;	
	position:absolute;
	left:0;
	top:0;
	

}

/* TWBS Helper CSS */
.text-center {
  text-align: center;
}

/* Experimental Classes to override styles in Trumba calendar. They don't work. I believe it has to do with the page lifecycle and that Trumba's css is coming in after mine.
*/
 a[title="Back to Previous View"] img{
	display:block!important;
	margin-top:20px!important;
	outline: 3px solid red; /*test*/
}

span.ImageLink a{
	border:3px solid black!important; /*test*/
	margin-left:50px!important;
}

.twEDFooter td a{
	margin-bottom:20px!important;
	display:inline-block;
}

/* Trumba calendar listing spud styles */

div.calendar-spud-heading {
	background-color: #039b6e;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 5px;
	margin-bottom: 0;
}

div.calendar-spud-heading h2 {
	color: #ffffff!important; 
	vertical-align: center;
	
}

div.calendar-content {
	margin-top: -10px;
	margin-bottom:50px!important;
	padding-top: 10px;
	background-color: #dbfdf3;
	border-bottom:4px solid  #039b6e;
}

div.twFilterHead {
	background-color:pink;
}

/* Styling for Program Search V2  */

.fa-circle-orange {
  color: orangered;
}


.fa-star-purple {
  color: purple;
}


.fa-square-green {
  color: green;
}

.glyphicons-remove-circle-orange {
  color: orangered;
}


.glyphicons-star-empty-purple {
  color: purple;
}


.glyphicons-vector-path-square-green {
  color: green;
}

.text-left {
  text-align: left;
}

.colPgmSearchHeader{
    text-align: left;
    text-decoration: none;
    padding: 4px;
    background-color: #7598aa;
    color: #fff;
    margin:0 0 2px 0;
	font-size: 140%;
}

    .colPgmSearchHeader a {
        text-decoration: none;
        color: #fff !important;
    }

    .colPgmSearchHeader a:hover {
        color: #000 !important;
        background-color: #7598aa;
    }

.collegePrograms{
    font-size: 100%;
}

    .collegePrograms a {
        text-decoration: none;
        color: #000 !important;
        font-weight: normal;
    }

    .collegePrograms a:hover {
        color: #003764!important; /* branding edit */
        background-color: #e4e83a;
		background-color:#dbfdf3;
		padding: 2px 10px 2px 0
    }

     /*blue panel heading*/


    .panel-heading-blue {
        padding: 0;
    }

        .panel-heading-blue h1, .panel-heading-blue h2, .panel-heading-blue h3 {
            font-size: 1.9em;
            line-height: 1.2em;
            display: inline-block;
            width: 100%;
            margin-bottom: 0;
            padding-bottom:0;
        }

        .panel-heading-blue span{
            float: left;
            padding-right: 5px;
        }

        .panel-heading-blue a {
            padding: 15px;
            width: 100%;
            float: left;
        }

            .panel-heading-blue a.collapsed, .panel-heading-blue a.programLink, .panel-heading-blue a:visited {
                color: #fff;
                background-color: #003764; /* branding edit */
            }

            .panel-heading-blue a:hover, .panel-heading-blue a:focus, .panel-heading-blue a {
                color: #fff;
                background-color: #ffb547; /* branding edit */
            }
/* created by Greg for the College Program Search */

/*Blue Links*/    
    .greyLink {
        font-size: 1.7em;
        line-height: 1.2em;
        padding: 0;
    }

        .greyLink h1, .greyLink h2, .greyLink h3 {
            font-size: .9em;
            color: #003764; /* branding edit */
        }

        .greyLink span{
            float: left;
            padding-right: 5px;
            padding-top: 3px;
            font-size: .8em;
            color: #003764; /* branding edit */
        }

        .greyLink a {
            padding: 7px;
            width: 100%;
            float: left;
        }

            .greyLink a.collapsed, .greyLink a.gLink, .greyLink a:visited {
               color: #000;
                margin: 5px 0;
				border:none;
                
            }

            /*.greyLink a:hover, .greyLink a:focus, .greyLink a{
                color: #fff;
                background-color: #f15c16;
            }*/

            .greyLink a:hover > span, .greyLink a:focus > span{
                color: #000;
				color: #AA6704;
            }

    /*grey panel heading*/
    .panel-grey{
        margin: 5px 0;
        color: #000
    } 
    
    .panel-default-grey{

    }

    .panel-heading-grey {
        padding: 0;
        margin: 0;
    }

        .panel-heading-grey h1, .panel-heading-grey h2, .panel-heading-grey h3 {
            font-size: 1.6em;
            line-height: 1.7em;
            display: inline-block;
            width: 100%;
            margin:0;
            padding:0;
        }

        .panel-heading-grey h3 a {border:none;}

        .panel-heading-grey span{
            float: left;
            padding-right: 5px;
            padding-top: 10px;
            font-size: .8em
        }

        .panel-heading-grey a {
            width: 100%;
            float: left;
			border-bottom:1px solid #c9dae3;
        }

            .panel-heading-grey a.collapsed, .panel-heading-grey a.programLink, .panel-heading-grey a:visited {
              
				color: #003764; /* branding edit */
                
            }

            .panel-heading-grey a:hover, .panel-heading-grey a:focus, .panel-heading-grey a {
               
				color: #AA6704;
            }




/* this code was added 7-8-16 by AF to remove the white iframe left by the google adwords <iframe> */
iframe[name=google_conversion_frame] 
{
    display: none;
}

/* added 7-11-2016 by AF to create print icon buttons in policy manual */

button.print-chapter, button.print-section {
		background-color:none;
		border:none;
		color:#08799f;		
		background:URL("/_resources/images/printicon.jpg") bottom left no-repeat;
		padding-left:30px;
		display:none;
		margin-bottom:10px;
		margin-top:10px;
		font-weight:bold;
		font-size:1.1em;
		cursor:pointer;
		}		
button.print-section {
		display:inline;
		}







/* these styles added 8-24-2016 for the websurvey banner to appear at top of screen  */
#surveylinkbar {
	margin:0;
	background-color:#8ab6d3;	
	text-align:center!important;
}


#surveylinkbar img.bg {
	width: 100%;
	max-width:950px;
	height: auto;
	min-height: 50px;
}

#surveylinkbar img.sm {
	display:none;
	visibility:hidden;
}

#surveylinkbar p {	
	position:absolute;
	top:0;
	left:-450px;   /* move offscreen for screen readers. Move to 3000px for live site */
	font-size:2em;
	white-space:nowrap;	
}

/* these styles added 8-1-2017 by AF for the quotebox snippet */

div.quote-box {
	background-color:#d5e1f1;
	background-color:#e3e6dc;
	background-color:#dbfdf3;
	margin-top:5px;
	margin-bottom:20px;
	border:1px solid #afc9e9;
	border:1px solid #039b6e;

}

div.quotebox-top {
	/* the area that contains the quotes graphic*/
	height:20px;	
	background:url("/resources/images/quotestart.gif") no-repeat;
	margin-left:-10px;
	margin-top: -10px;
	
}

div.quote-container {
	padding:1px 15px 1px 15px;	
	
}

div.quote-container p.quote-text {	
	font-family: Verdana, sans-serif; 
	font-size: 1.1em;
	font-style:italic;
	line-height: 1.3; 	
	margin-bottom:2px;
}


div.quotebox-bottom {
	height:20px;	
	background:url("/resources/images/quoteend.gif") no-repeat;		
	background-position:right;
	margin-bottom:-8px;
	margin-right:-10px;
	
}



@media (max-width:450px) {
	
	#surveylinkbar img.bg{
	display:none;
	visibility:hidden;
	}
	
	#surveylinkbar img.sm{
	display:block;
	visibility:visible;
	max-width:450px;
    max-height:60px;
	margin-left:auto;
	margin-right:auto;
	}
}

/* 
	Start Alert Notification Styles
	Added 07/05/2019 ggamble
*/

.SiteAlert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

.SiteAlert-Announcement {
    color: #000;
    background-color: #65CBC9;
    border-color: #428786;
}

.SiteAlert-Announcement hr {
    border-top-color: #2a5352;
}

.SiteAlert-Announcement a {
    color: #424242;
    font-weight: bold;
}

.SiteAlert-Weather {
    color: #000;
    background-color: #F4CD00;
    border-color: #c1a203;
}

.SiteAlert-Weather hr {
    border-top-color: #8f7803;
}

.SiteAlert-Weather a {
   color: #424242;
   font-weight: bold;
}

.SiteAlert-Emergancy {
    color: #fff;
    background-color: red;
    border-color: #c60303;
}

.SiteAlert-Emergancy hr {
   border-top-color: #7e0000;
}

.SiteAlert-Emergancy a {
    color: #cdcdcd;
    font-weight: bold;
}

.navigationHomeBkg:after {
	left:100%;
}	

.navigationHomeBkg {
    background-color: #0071ce;
    height: 69px;
    position: relative;
    border-top: 1pt #fff solid;
    border-bottom: 1pt #fff solid;
    z-index: 2;
    top: 25px;
    min-height: 45px;
	width: 100%;
}

@media (min-width: 992px){
	.topHeaderInterior .navigationHomeBkg {
		top:0px;
	}
	.navigationHomeBkg:after, .navigationHomeBkg:before {
		background: inherit;
		border:inherit;
		position: absolute;
		content: '';
		top: -1px;
		width: 100%;
		height: 100%;
		right: 100%;
		height: 45px;
		
		
	}
	.navigationHomeBkg:after {
		left:100%;
	}	
}


@media (max-width: 768px)){
	.navigationHomeBkg {
		background-color: #0071ce;
		height: 69px;
		position: relative;
		border-top: 1pt #fff solid;
		border-bottom: 1pt #fff solid;
		z-index: 2;
		min-height: 45px;
		width: 100%;
	}
	
		
	.topHeaderHome{
		display:block;
	}
}

/* End Alert Notification Styles */

/* Start Margin and padding helpers */


.m-0 {
     margin: 0 !important;
}

.mt-0,
.my-0 {
     margin-top: 0 !important;
}

.mr-0,
.mx-0 {
     margin-right: 0 !important;
}

.mb-0,
.my-0 {
     margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
     margin-left: 0 !important;
}

.m-1 {
     margin: 0.25rem !important;
}

.mt-1,
.my-1 {
     margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
     margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
     margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
     margin-left: 0.25rem !important;
}

.m-2 {
     margin: 0.5rem !important;
}

.mt-2,
.my-2 {
     margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
     margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
     margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
     margin-left: 0.5rem !important;
}

.m-3 {
     margin: 1rem !important;
}

.mt-3,
.my-3 {
     margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
     margin-right: 1rem !important;
}

.mb-3,
.my-3 {
     margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
     margin-left: 1rem !important;
}

.m-4 {
     margin: 1.5rem !important;
}

.mt-4,
.my-4 {
     margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
     margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
     margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
     margin-left: 1.5rem !important;
}

.m-5 {
     margin: 3rem !important;
}

.mt-5,
.my-5 {
     margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
     margin-right: 3rem !important;
}

.mb-5,
.my-5 {
     margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
     margin-left: 3rem !important;
}

.p-0 {
     padding: 0 !important;
}

.pt-0,
.py-0 {
     padding-top: 0 !important;
}

.pr-0,
.px-0 {
     padding-right: 0 !important;
}

.pb-0,
.py-0 {
     padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
     padding-left: 0 !important;
}

.p-1 {
     padding: 0.25rem !important;
}

.pt-1,
.py-1 {
     padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
     padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
     padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
     padding-left: 0.25rem !important;
}

.p-2 {
     padding: 0.5rem !important;
}

.pt-2,
.py-2 {
     padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
     padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
     padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
     padding-left: 0.5rem !important;
}

.p-3 {
     padding: 1rem !important;
}

.pt-3,
.py-3 {
     padding-top: 1rem !important;
}

.pr-3,
.px-3 {
     padding-right: 1rem !important;
}

.pb-3,
.py-3 {
     padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
     padding-left: 1rem !important;
}

.p-4 {
     padding: 1.5rem !important;
}

.pt-4,
.py-4 {
     padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
     padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
     padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
     padding-left: 1.5rem !important;
}

.p-5 {
     padding: 3rem !important;
}

.pt-5,
.py-5 {
     padding-top: 3rem !important;
}

.pr-5,
.px-5 {
     padding-right: 3rem !important;
}

.pb-5,
.py-5 {
     padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
     padding-left: 3rem !important;
}

.m-n1 {
     margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
     margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
     margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
     margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
     margin-left: -0.25rem !important;
}

.m-n2 {
     margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
     margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
     margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
     margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
     margin-left: -0.5rem !important;
}

.m-n3 {
     margin: -1rem !important;
}

.mt-n3,
.my-n3 {
     margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
     margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
     margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
     margin-left: -1rem !important;
}

.m-n4 {
     margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
     margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
     margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
     margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
     margin-left: -1.5rem !important;
}

.m-n5 {
     margin: -3rem !important;
}

.mt-n5,
.my-n5 {
     margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
     margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
     margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
     margin-left: -3rem !important;
}

.m-auto {
     margin: auto !important;
}

.mt-auto,
.my-auto {
     margin-top: auto !important;
}

.mr-auto,
.mx-auto {
     margin-right: auto !important;
}

.mb-auto,
.my-auto {
     margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
     margin-left: auto !important;
}

@media (min-width: 576px) {
     .m-sm-0 {
          margin: 0 !important;
     }

     .mt-sm-0,
     .my-sm-0 {
          margin-top: 0 !important;
     }

     .mr-sm-0,
     .mx-sm-0 {
          margin-right: 0 !important;
     }

     .mb-sm-0,
     .my-sm-0 {
          margin-bottom: 0 !important;
     }

     .ml-sm-0,
     .mx-sm-0 {
          margin-left: 0 !important;
     }

     .m-sm-1 {
          margin: 0.25rem !important;
     }

     .mt-sm-1,
     .my-sm-1 {
          margin-top: 0.25rem !important;
     }

     .mr-sm-1,
     .mx-sm-1 {
          margin-right: 0.25rem !important;
     }

     .mb-sm-1,
     .my-sm-1 {
          margin-bottom: 0.25rem !important;
     }

     .ml-sm-1,
     .mx-sm-1 {
          margin-left: 0.25rem !important;
     }

     .m-sm-2 {
          margin: 0.5rem !important;
     }

     .mt-sm-2,
     .my-sm-2 {
          margin-top: 0.5rem !important;
     }

     .mr-sm-2,
     .mx-sm-2 {
          margin-right: 0.5rem !important;
     }

     .mb-sm-2,
     .my-sm-2 {
          margin-bottom: 0.5rem !important;
     }

     .ml-sm-2,
     .mx-sm-2 {
          margin-left: 0.5rem !important;
     }

     .m-sm-3 {
          margin: 1rem !important;
     }

     .mt-sm-3,
     .my-sm-3 {
          margin-top: 1rem !important;
     }

     .mr-sm-3,
     .mx-sm-3 {
          margin-right: 1rem !important;
     }

     .mb-sm-3,
     .my-sm-3 {
          margin-bottom: 1rem !important;
     }

     .ml-sm-3,
     .mx-sm-3 {
          margin-left: 1rem !important;
     }

     .m-sm-4 {
          margin: 1.5rem !important;
     }

     .mt-sm-4,
     .my-sm-4 {
          margin-top: 1.5rem !important;
     }

     .mr-sm-4,
     .mx-sm-4 {
          margin-right: 1.5rem !important;
     }

     .mb-sm-4,
     .my-sm-4 {
          margin-bottom: 1.5rem !important;
     }

     .ml-sm-4,
     .mx-sm-4 {
          margin-left: 1.5rem !important;
     }

     .m-sm-5 {
          margin: 3rem !important;
     }

     .mt-sm-5,
     .my-sm-5 {
          margin-top: 3rem !important;
     }

     .mr-sm-5,
     .mx-sm-5 {
          margin-right: 3rem !important;
     }

     .mb-sm-5,
     .my-sm-5 {
          margin-bottom: 3rem !important;
     }

     .ml-sm-5,
     .mx-sm-5 {
          margin-left: 3rem !important;
     }

     .p-sm-0 {
          padding: 0 !important;
     }

     .pt-sm-0,
     .py-sm-0 {
          padding-top: 0 !important;
     }

     .pr-sm-0,
     .px-sm-0 {
          padding-right: 0 !important;
     }

     .pb-sm-0,
     .py-sm-0 {
          padding-bottom: 0 !important;
     }

     .pl-sm-0,
     .px-sm-0 {
          padding-left: 0 !important;
     }

     .p-sm-1 {
          padding: 0.25rem !important;
     }

     .pt-sm-1,
     .py-sm-1 {
          padding-top: 0.25rem !important;
     }

     .pr-sm-1,
     .px-sm-1 {
          padding-right: 0.25rem !important;
     }

     .pb-sm-1,
     .py-sm-1 {
          padding-bottom: 0.25rem !important;
     }

     .pl-sm-1,
     .px-sm-1 {
          padding-left: 0.25rem !important;
     }

     .p-sm-2 {
          padding: 0.5rem !important;
     }

     .pt-sm-2,
     .py-sm-2 {
          padding-top: 0.5rem !important;
     }

     .pr-sm-2,
     .px-sm-2 {
          padding-right: 0.5rem !important;
     }

     .pb-sm-2,
     .py-sm-2 {
          padding-bottom: 0.5rem !important;
     }

     .pl-sm-2,
     .px-sm-2 {
          padding-left: 0.5rem !important;
     }

     .p-sm-3 {
          padding: 1rem !important;
     }

     .pt-sm-3,
     .py-sm-3 {
          padding-top: 1rem !important;
     }

     .pr-sm-3,
     .px-sm-3 {
          padding-right: 1rem !important;
     }

     .pb-sm-3,
     .py-sm-3 {
          padding-bottom: 1rem !important;
     }

     .pl-sm-3,
     .px-sm-3 {
          padding-left: 1rem !important;
     }

     .p-sm-4 {
          padding: 1.5rem !important;
     }

     .pt-sm-4,
     .py-sm-4 {
          padding-top: 1.5rem !important;
     }

     .pr-sm-4,
     .px-sm-4 {
          padding-right: 1.5rem !important;
     }

     .pb-sm-4,
     .py-sm-4 {
          padding-bottom: 1.5rem !important;
     }

     .pl-sm-4,
     .px-sm-4 {
          padding-left: 1.5rem !important;
     }

     .p-sm-5 {
          padding: 3rem !important;
     }

     .pt-sm-5,
     .py-sm-5 {
          padding-top: 3rem !important;
     }

     .pr-sm-5,
     .px-sm-5 {
          padding-right: 3rem !important;
     }

     .pb-sm-5,
     .py-sm-5 {
          padding-bottom: 3rem !important;
     }

     .pl-sm-5,
     .px-sm-5 {
          padding-left: 3rem !important;
     }

     .m-sm-n1 {
          margin: -0.25rem !important;
     }

     .mt-sm-n1,
     .my-sm-n1 {
          margin-top: -0.25rem !important;
     }

     .mr-sm-n1,
     .mx-sm-n1 {
          margin-right: -0.25rem !important;
     }

     .mb-sm-n1,
     .my-sm-n1 {
          margin-bottom: -0.25rem !important;
     }

     .ml-sm-n1,
     .mx-sm-n1 {
          margin-left: -0.25rem !important;
     }

     .m-sm-n2 {
          margin: -0.5rem !important;
     }

     .mt-sm-n2,
     .my-sm-n2 {
          margin-top: -0.5rem !important;
     }

     .mr-sm-n2,
     .mx-sm-n2 {
          margin-right: -0.5rem !important;
     }

     .mb-sm-n2,
     .my-sm-n2 {
          margin-bottom: -0.5rem !important;
     }

     .ml-sm-n2,
     .mx-sm-n2 {
          margin-left: -0.5rem !important;
     }

     .m-sm-n3 {
          margin: -1rem !important;
     }

     .mt-sm-n3,
     .my-sm-n3 {
          margin-top: -1rem !important;
     }

     .mr-sm-n3,
     .mx-sm-n3 {
          margin-right: -1rem !important;
     }

     .mb-sm-n3,
     .my-sm-n3 {
          margin-bottom: -1rem !important;
     }

     .ml-sm-n3,
     .mx-sm-n3 {
          margin-left: -1rem !important;
     }

     .m-sm-n4 {
          margin: -1.5rem !important;
     }

     .mt-sm-n4,
     .my-sm-n4 {
          margin-top: -1.5rem !important;
     }

     .mr-sm-n4,
     .mx-sm-n4 {
          margin-right: -1.5rem !important;
     }

     .mb-sm-n4,
     .my-sm-n4 {
          margin-bottom: -1.5rem !important;
     }

     .ml-sm-n4,
     .mx-sm-n4 {
          margin-left: -1.5rem !important;
     }

     .m-sm-n5 {
          margin: -3rem !important;
     }

     .mt-sm-n5,
     .my-sm-n5 {
          margin-top: -3rem !important;
     }

     .mr-sm-n5,
     .mx-sm-n5 {
          margin-right: -3rem !important;
     }

     .mb-sm-n5,
     .my-sm-n5 {
          margin-bottom: -3rem !important;
     }

     .ml-sm-n5,
     .mx-sm-n5 {
          margin-left: -3rem !important;
     }

     .m-sm-auto {
          margin: auto !important;
     }

     .mt-sm-auto,
     .my-sm-auto {
          margin-top: auto !important;
     }

     .mr-sm-auto,
     .mx-sm-auto {
          margin-right: auto !important;
     }

     .mb-sm-auto,
     .my-sm-auto {
          margin-bottom: auto !important;
     }

     .ml-sm-auto,
     .mx-sm-auto {
          margin-left: auto !important;
     }
}

@media (min-width: 768px) {
     .m-md-0 {
          margin: 0 !important;
     }

     .mt-md-0,
     .my-md-0 {
          margin-top: 0 !important;
     }

     .mr-md-0,
     .mx-md-0 {
          margin-right: 0 !important;
     }

     .mb-md-0,
     .my-md-0 {
          margin-bottom: 0 !important;
     }

     .ml-md-0,
     .mx-md-0 {
          margin-left: 0 !important;
     }

     .m-md-1 {
          margin: 0.25rem !important;
     }

     .mt-md-1,
     .my-md-1 {
          margin-top: 0.25rem !important;
     }

     .mr-md-1,
     .mx-md-1 {
          margin-right: 0.25rem !important;
     }

     .mb-md-1,
     .my-md-1 {
          margin-bottom: 0.25rem !important;
     }

     .ml-md-1,
     .mx-md-1 {
          margin-left: 0.25rem !important;
     }

     .m-md-2 {
          margin: 0.5rem !important;
     }

     .mt-md-2,
     .my-md-2 {
          margin-top: 0.5rem !important;
     }

     .mr-md-2,
     .mx-md-2 {
          margin-right: 0.5rem !important;
     }

     .mb-md-2,
     .my-md-2 {
          margin-bottom: 0.5rem !important;
     }

     .ml-md-2,
     .mx-md-2 {
          margin-left: 0.5rem !important;
     }

     .m-md-3 {
          margin: 1rem !important;
     }

     .mt-md-3,
     .my-md-3 {
          margin-top: 1rem !important;
     }

     .mr-md-3,
     .mx-md-3 {
          margin-right: 1rem !important;
     }

     .mb-md-3,
     .my-md-3 {
          margin-bottom: 1rem !important;
     }

     .ml-md-3,
     .mx-md-3 {
          margin-left: 1rem !important;
     }

     .m-md-4 {
          margin: 1.5rem !important;
     }

     .mt-md-4,
     .my-md-4 {
          margin-top: 1.5rem !important;
     }

     .mr-md-4,
     .mx-md-4 {
          margin-right: 1.5rem !important;
     }

     .mb-md-4,
     .my-md-4 {
          margin-bottom: 1.5rem !important;
     }

     .ml-md-4,
     .mx-md-4 {
          margin-left: 1.5rem !important;
     }

     .m-md-5 {
          margin: 3rem !important;
     }

     .mt-md-5,
     .my-md-5 {
          margin-top: 3rem !important;
     }

     .mr-md-5,
     .mx-md-5 {
          margin-right: 3rem !important;
     }

     .mb-md-5,
     .my-md-5 {
          margin-bottom: 3rem !important;
     }

     .ml-md-5,
     .mx-md-5 {
          margin-left: 3rem !important;
     }

     .p-md-0 {
          padding: 0 !important;
     }

     .pt-md-0,
     .py-md-0 {
          padding-top: 0 !important;
     }

     .pr-md-0,
     .px-md-0 {
          padding-right: 0 !important;
     }

     .pb-md-0,
     .py-md-0 {
          padding-bottom: 0 !important;
     }

     .pl-md-0,
     .px-md-0 {
          padding-left: 0 !important;
     }

     .p-md-1 {
          padding: 0.25rem !important;
     }

     .pt-md-1,
     .py-md-1 {
          padding-top: 0.25rem !important;
     }

     .pr-md-1,
     .px-md-1 {
          padding-right: 0.25rem !important;
     }

     .pb-md-1,
     .py-md-1 {
          padding-bottom: 0.25rem !important;
     }

     .pl-md-1,
     .px-md-1 {
          padding-left: 0.25rem !important;
     }

     .p-md-2 {
          padding: 0.5rem !important;
     }

     .pt-md-2,
     .py-md-2 {
          padding-top: 0.5rem !important;
     }

     .pr-md-2,
     .px-md-2 {
          padding-right: 0.5rem !important;
     }

     .pb-md-2,
     .py-md-2 {
          padding-bottom: 0.5rem !important;
     }

     .pl-md-2,
     .px-md-2 {
          padding-left: 0.5rem !important;
     }

     .p-md-3 {
          padding: 1rem !important;
     }

     .pt-md-3,
     .py-md-3 {
          padding-top: 1rem !important;
     }

     .pr-md-3,
     .px-md-3 {
          padding-right: 1rem !important;
     }

     .pb-md-3,
     .py-md-3 {
          padding-bottom: 1rem !important;
     }

     .pl-md-3,
     .px-md-3 {
          padding-left: 1rem !important;
     }

     .p-md-4 {
          padding: 1.5rem !important;
     }

     .pt-md-4,
     .py-md-4 {
          padding-top: 1.5rem !important;
     }

     .pr-md-4,
     .px-md-4 {
          padding-right: 1.5rem !important;
     }

     .pb-md-4,
     .py-md-4 {
          padding-bottom: 1.5rem !important;
     }

     .pl-md-4,
     .px-md-4 {
          padding-left: 1.5rem !important;
     }

     .p-md-5 {
          padding: 3rem !important;
     }

     .pt-md-5,
     .py-md-5 {
          padding-top: 3rem !important;
     }

     .pr-md-5,
     .px-md-5 {
          padding-right: 3rem !important;
     }

     .pb-md-5,
     .py-md-5 {
          padding-bottom: 3rem !important;
     }

     .pl-md-5,
     .px-md-5 {
          padding-left: 3rem !important;
     }

     .m-md-n1 {
          margin: -0.25rem !important;
     }

     .mt-md-n1,
     .my-md-n1 {
          margin-top: -0.25rem !important;
     }

     .mr-md-n1,
     .mx-md-n1 {
          margin-right: -0.25rem !important;
     }

     .mb-md-n1,
     .my-md-n1 {
          margin-bottom: -0.25rem !important;
     }

     .ml-md-n1,
     .mx-md-n1 {
          margin-left: -0.25rem !important;
     }

     .m-md-n2 {
          margin: -0.5rem !important;
     }

     .mt-md-n2,
     .my-md-n2 {
          margin-top: -0.5rem !important;
     }

     .mr-md-n2,
     .mx-md-n2 {
          margin-right: -0.5rem !important;
     }

     .mb-md-n2,
     .my-md-n2 {
          margin-bottom: -0.5rem !important;
     }

     .ml-md-n2,
     .mx-md-n2 {
          margin-left: -0.5rem !important;
     }

     .m-md-n3 {
          margin: -1rem !important;
     }

     .mt-md-n3,
     .my-md-n3 {
          margin-top: -1rem !important;
     }

     .mr-md-n3,
     .mx-md-n3 {
          margin-right: -1rem !important;
     }

     .mb-md-n3,
     .my-md-n3 {
          margin-bottom: -1rem !important;
     }

     .ml-md-n3,
     .mx-md-n3 {
          margin-left: -1rem !important;
     }

     .m-md-n4 {
          margin: -1.5rem !important;
     }

     .mt-md-n4,
     .my-md-n4 {
          margin-top: -1.5rem !important;
     }

     .mr-md-n4,
     .mx-md-n4 {
          margin-right: -1.5rem !important;
     }

     .mb-md-n4,
     .my-md-n4 {
          margin-bottom: -1.5rem !important;
     }

     .ml-md-n4,
     .mx-md-n4 {
          margin-left: -1.5rem !important;
     }

     .m-md-n5 {
          margin: -3rem !important;
     }

     .mt-md-n5,
     .my-md-n5 {
          margin-top: -3rem !important;
     }

     .mr-md-n5,
     .mx-md-n5 {
          margin-right: -3rem !important;
     }

     .mb-md-n5,
     .my-md-n5 {
          margin-bottom: -3rem !important;
     }

     .ml-md-n5,
     .mx-md-n5 {
          margin-left: -3rem !important;
     }

     .m-md-auto {
          margin: auto !important;
     }

     .mt-md-auto,
     .my-md-auto {
          margin-top: auto !important;
     }

     .mr-md-auto,
     .mx-md-auto {
          margin-right: auto !important;
     }

     .mb-md-auto,
     .my-md-auto {
          margin-bottom: auto !important;
     }

     .ml-md-auto,
     .mx-md-auto {
          margin-left: auto !important;
     }
}

@media (min-width: 992px) {
     .m-lg-0 {
          margin: 0 !important;
     }

     .mt-lg-0,
     .my-lg-0 {
          margin-top: 0 !important;
     }

     .mr-lg-0,
     .mx-lg-0 {
          margin-right: 0 !important;
     }

     .mb-lg-0,
     .my-lg-0 {
          margin-bottom: 0 !important;
     }

     .ml-lg-0,
     .mx-lg-0 {
          margin-left: 0 !important;
     }

     .m-lg-1 {
          margin: 0.25rem !important;
     }

     .mt-lg-1,
     .my-lg-1 {
          margin-top: 0.25rem !important;
     }

     .mr-lg-1,
     .mx-lg-1 {
          margin-right: 0.25rem !important;
     }

     .mb-lg-1,
     .my-lg-1 {
          margin-bottom: 0.25rem !important;
     }

     .ml-lg-1,
     .mx-lg-1 {
          margin-left: 0.25rem !important;
     }

     .m-lg-2 {
          margin: 0.5rem !important;
     }

     .mt-lg-2,
     .my-lg-2 {
          margin-top: 0.5rem !important;
     }

     .mr-lg-2,
     .mx-lg-2 {
          margin-right: 0.5rem !important;
     }

     .mb-lg-2,
     .my-lg-2 {
          margin-bottom: 0.5rem !important;
     }

     .ml-lg-2,
     .mx-lg-2 {
          margin-left: 0.5rem !important;
     }

     .m-lg-3 {
          margin: 1rem !important;
     }

     .mt-lg-3,
     .my-lg-3 {
          margin-top: 1rem !important;
     }

     .mr-lg-3,
     .mx-lg-3 {
          margin-right: 1rem !important;
     }

     .mb-lg-3,
     .my-lg-3 {
          margin-bottom: 1rem !important;
     }

     .ml-lg-3,
     .mx-lg-3 {
          margin-left: 1rem !important;
     }

     .m-lg-4 {
          margin: 1.5rem !important;
     }

     .mt-lg-4,
     .my-lg-4 {
          margin-top: 1.5rem !important;
     }

     .mr-lg-4,
     .mx-lg-4 {
          margin-right: 1.5rem !important;
     }

     .mb-lg-4,
     .my-lg-4 {
          margin-bottom: 1.5rem !important;
     }

     .ml-lg-4,
     .mx-lg-4 {
          margin-left: 1.5rem !important;
     }

     .m-lg-5 {
          margin: 3rem !important;
     }

     .mt-lg-5,
     .my-lg-5 {
          margin-top: 3rem !important;
     }

     .mr-lg-5,
     .mx-lg-5 {
          margin-right: 3rem !important;
     }

     .mb-lg-5,
     .my-lg-5 {
          margin-bottom: 3rem !important;
     }

     .ml-lg-5,
     .mx-lg-5 {
          margin-left: 3rem !important;
     }

     .p-lg-0 {
          padding: 0 !important;
     }

     .pt-lg-0,
     .py-lg-0 {
          padding-top: 0 !important;
     }

     .pr-lg-0,
     .px-lg-0 {
          padding-right: 0 !important;
     }

     .pb-lg-0,
     .py-lg-0 {
          padding-bottom: 0 !important;
     }

     .pl-lg-0,
     .px-lg-0 {
          padding-left: 0 !important;
     }

     .p-lg-1 {
          padding: 0.25rem !important;
     }

     .pt-lg-1,
     .py-lg-1 {
          padding-top: 0.25rem !important;
     }

     .pr-lg-1,
     .px-lg-1 {
          padding-right: 0.25rem !important;
     }

     .pb-lg-1,
     .py-lg-1 {
          padding-bottom: 0.25rem !important;
     }

     .pl-lg-1,
     .px-lg-1 {
          padding-left: 0.25rem !important;
     }

     .p-lg-2 {
          padding: 0.5rem !important;
     }

     .pt-lg-2,
     .py-lg-2 {
          padding-top: 0.5rem !important;
     }

     .pr-lg-2,
     .px-lg-2 {
          padding-right: 0.5rem !important;
     }

     .pb-lg-2,
     .py-lg-2 {
          padding-bottom: 0.5rem !important;
     }

     .pl-lg-2,
     .px-lg-2 {
          padding-left: 0.5rem !important;
     }

     .p-lg-3 {
          padding: 1rem !important;
     }

     .pt-lg-3,
     .py-lg-3 {
          padding-top: 1rem !important;
     }

     .pr-lg-3,
     .px-lg-3 {
          padding-right: 1rem !important;
     }

     .pb-lg-3,
     .py-lg-3 {
          padding-bottom: 1rem !important;
     }

     .pl-lg-3,
     .px-lg-3 {
          padding-left: 1rem !important;
     }

     .p-lg-4 {
          padding: 1.5rem !important;
     }

     .pt-lg-4,
     .py-lg-4 {
          padding-top: 1.5rem !important;
     }

     .pr-lg-4,
     .px-lg-4 {
          padding-right: 1.5rem !important;
     }

     .pb-lg-4,
     .py-lg-4 {
          padding-bottom: 1.5rem !important;
     }

     .pl-lg-4,
     .px-lg-4 {
          padding-left: 1.5rem !important;
     }

     .p-lg-5 {
          padding: 3rem !important;
     }

     .pt-lg-5,
     .py-lg-5 {
          padding-top: 3rem !important;
     }

     .pr-lg-5,
     .px-lg-5 {
          padding-right: 3rem !important;
     }

     .pb-lg-5,
     .py-lg-5 {
          padding-bottom: 3rem !important;
     }

     .pl-lg-5,
     .px-lg-5 {
          padding-left: 3rem !important;
     }

     .m-lg-n1 {
          margin: -0.25rem !important;
     }

     .mt-lg-n1,
     .my-lg-n1 {
          margin-top: -0.25rem !important;
     }

     .mr-lg-n1,
     .mx-lg-n1 {
          margin-right: -0.25rem !important;
     }

     .mb-lg-n1,
     .my-lg-n1 {
          margin-bottom: -0.25rem !important;
     }

     .ml-lg-n1,
     .mx-lg-n1 {
          margin-left: -0.25rem !important;
     }

     .m-lg-n2 {
          margin: -0.5rem !important;
     }

     .mt-lg-n2,
     .my-lg-n2 {
          margin-top: -0.5rem !important;
     }

     .mr-lg-n2,
     .mx-lg-n2 {
          margin-right: -0.5rem !important;
     }

     .mb-lg-n2,
     .my-lg-n2 {
          margin-bottom: -0.5rem !important;
     }

     .ml-lg-n2,
     .mx-lg-n2 {
          margin-left: -0.5rem !important;
     }

     .m-lg-n3 {
          margin: -1rem !important;
     }

     .mt-lg-n3,
     .my-lg-n3 {
          margin-top: -1rem !important;
     }

     .mr-lg-n3,
     .mx-lg-n3 {
          margin-right: -1rem !important;
     }

     .mb-lg-n3,
     .my-lg-n3 {
          margin-bottom: -1rem !important;
     }

     .ml-lg-n3,
     .mx-lg-n3 {
          margin-left: -1rem !important;
     }

     .m-lg-n4 {
          margin: -1.5rem !important;
     }

     .mt-lg-n4,
     .my-lg-n4 {
          margin-top: -1.5rem !important;
     }

     .mr-lg-n4,
     .mx-lg-n4 {
          margin-right: -1.5rem !important;
     }

     .mb-lg-n4,
     .my-lg-n4 {
          margin-bottom: -1.5rem !important;
     }

     .ml-lg-n4,
     .mx-lg-n4 {
          margin-left: -1.5rem !important;
     }

     .m-lg-n5 {
          margin: -3rem !important;
     }

     .mt-lg-n5,
     .my-lg-n5 {
          margin-top: -3rem !important;
     }

     .mr-lg-n5,
     .mx-lg-n5 {
          margin-right: -3rem !important;
     }

     .mb-lg-n5,
     .my-lg-n5 {
          margin-bottom: -3rem !important;
     }

     .ml-lg-n5,
     .mx-lg-n5 {
          margin-left: -3rem !important;
     }

     .m-lg-auto {
          margin: auto !important;
     }

     .mt-lg-auto,
     .my-lg-auto {
          margin-top: auto !important;
     }

     .mr-lg-auto,
     .mx-lg-auto {
          margin-right: auto !important;
     }

     .mb-lg-auto,
     .my-lg-auto {
          margin-bottom: auto !important;
     }

     .ml-lg-auto,
     .mx-lg-auto {
          margin-left: auto !important;
     }
}

@media (min-width: 1200px) {
     .m-xl-0 {
          margin: 0 !important;
     }

     .mt-xl-0,
     .my-xl-0 {
          margin-top: 0 !important;
     }

     .mr-xl-0,
     .mx-xl-0 {
          margin-right: 0 !important;
     }

     .mb-xl-0,
     .my-xl-0 {
          margin-bottom: 0 !important;
     }

     .ml-xl-0,
     .mx-xl-0 {
          margin-left: 0 !important;
     }

     .m-xl-1 {
          margin: 0.25rem !important;
     }

     .mt-xl-1,
     .my-xl-1 {
          margin-top: 0.25rem !important;
     }

     .mr-xl-1,
     .mx-xl-1 {
          margin-right: 0.25rem !important;
     }

     .mb-xl-1,
     .my-xl-1 {
          margin-bottom: 0.25rem !important;
     }

     .ml-xl-1,
     .mx-xl-1 {
          margin-left: 0.25rem !important;
     }

     .m-xl-2 {
          margin: 0.5rem !important;
     }

     .mt-xl-2,
     .my-xl-2 {
          margin-top: 0.5rem !important;
     }

     .mr-xl-2,
     .mx-xl-2 {
          margin-right: 0.5rem !important;
     }

     .mb-xl-2,
     .my-xl-2 {
          margin-bottom: 0.5rem !important;
     }

     .ml-xl-2,
     .mx-xl-2 {
          margin-left: 0.5rem !important;
     }

     .m-xl-3 {
          margin: 1rem !important;
     }

     .mt-xl-3,
     .my-xl-3 {
          margin-top: 1rem !important;
     }

     .mr-xl-3,
     .mx-xl-3 {
          margin-right: 1rem !important;
     }

     .mb-xl-3,
     .my-xl-3 {
          margin-bottom: 1rem !important;
     }

     .ml-xl-3,
     .mx-xl-3 {
          margin-left: 1rem !important;
     }

     .m-xl-4 {
          margin: 1.5rem !important;
     }

     .mt-xl-4,
     .my-xl-4 {
          margin-top: 1.5rem !important;
     }

     .mr-xl-4,
     .mx-xl-4 {
          margin-right: 1.5rem !important;
     }

     .mb-xl-4,
     .my-xl-4 {
          margin-bottom: 1.5rem !important;
     }

     .ml-xl-4,
     .mx-xl-4 {
          margin-left: 1.5rem !important;
     }

     .m-xl-5 {
          margin: 3rem !important;
     }

     .mt-xl-5,
     .my-xl-5 {
          margin-top: 3rem !important;
     }

     .mr-xl-5,
     .mx-xl-5 {
          margin-right: 3rem !important;
     }

     .mb-xl-5,
     .my-xl-5 {
          margin-bottom: 3rem !important;
     }

     .ml-xl-5,
     .mx-xl-5 {
          margin-left: 3rem !important;
     }

     .p-xl-0 {
          padding: 0 !important;
     }

     .pt-xl-0,
     .py-xl-0 {
          padding-top: 0 !important;
     }

     .pr-xl-0,
     .px-xl-0 {
          padding-right: 0 !important;
     }

     .pb-xl-0,
     .py-xl-0 {
          padding-bottom: 0 !important;
     }

     .pl-xl-0,
     .px-xl-0 {
          padding-left: 0 !important;
     }

     .p-xl-1 {
          padding: 0.25rem !important;
     }

     .pt-xl-1,
     .py-xl-1 {
          padding-top: 0.25rem !important;
     }

     .pr-xl-1,
     .px-xl-1 {
          padding-right: 0.25rem !important;
     }

     .pb-xl-1,
     .py-xl-1 {
          padding-bottom: 0.25rem !important;
     }

     .pl-xl-1,
     .px-xl-1 {
          padding-left: 0.25rem !important;
     }

     .p-xl-2 {
          padding: 0.5rem !important;
     }

     .pt-xl-2,
     .py-xl-2 {
          padding-top: 0.5rem !important;
     }

     .pr-xl-2,
     .px-xl-2 {
          padding-right: 0.5rem !important;
     }

     .pb-xl-2,
     .py-xl-2 {
          padding-bottom: 0.5rem !important;
     }

     .pl-xl-2,
     .px-xl-2 {
          padding-left: 0.5rem !important;
     }

     .p-xl-3 {
          padding: 1rem !important;
     }

     .pt-xl-3,
     .py-xl-3 {
          padding-top: 1rem !important;
     }

     .pr-xl-3,
     .px-xl-3 {
          padding-right: 1rem !important;
     }

     .pb-xl-3,
     .py-xl-3 {
          padding-bottom: 1rem !important;
     }

     .pl-xl-3,
     .px-xl-3 {
          padding-left: 1rem !important;
     }

     .p-xl-4 {
          padding: 1.5rem !important;
     }

     .pt-xl-4,
     .py-xl-4 {
          padding-top: 1.5rem !important;
     }

     .pr-xl-4,
     .px-xl-4 {
          padding-right: 1.5rem !important;
     }

     .pb-xl-4,
     .py-xl-4 {
          padding-bottom: 1.5rem !important;
     }

     .pl-xl-4,
     .px-xl-4 {
          padding-left: 1.5rem !important;
     }

     .p-xl-5 {
          padding: 3rem !important;
     }

     .pt-xl-5,
     .py-xl-5 {
          padding-top: 3rem !important;
     }

     .pr-xl-5,
     .px-xl-5 {
          padding-right: 3rem !important;
     }

     .pb-xl-5,
     .py-xl-5 {
          padding-bottom: 3rem !important;
     }

     .pl-xl-5,
     .px-xl-5 {
          padding-left: 3rem !important;
     }

     .m-xl-n1 {
          margin: -0.25rem !important;
     }

     .mt-xl-n1,
     .my-xl-n1 {
          margin-top: -0.25rem !important;
     }

     .mr-xl-n1,
     .mx-xl-n1 {
          margin-right: -0.25rem !important;
     }

     .mb-xl-n1,
     .my-xl-n1 {
          margin-bottom: -0.25rem !important;
     }

     .ml-xl-n1,
     .mx-xl-n1 {
          margin-left: -0.25rem !important;
     }

     .m-xl-n2 {
          margin: -0.5rem !important;
     }

     .mt-xl-n2,
     .my-xl-n2 {
          margin-top: -0.5rem !important;
     }

     .mr-xl-n2,
     .mx-xl-n2 {
          margin-right: -0.5rem !important;
     }

     .mb-xl-n2,
     .my-xl-n2 {
          margin-bottom: -0.5rem !important;
     }

     .ml-xl-n2,
     .mx-xl-n2 {
          margin-left: -0.5rem !important;
     }

     .m-xl-n3 {
          margin: -1rem !important;
     }

     .mt-xl-n3,
     .my-xl-n3 {
          margin-top: -1rem !important;
     }

     .mr-xl-n3,
     .mx-xl-n3 {
          margin-right: -1rem !important;
     }

     .mb-xl-n3,
     .my-xl-n3 {
          margin-bottom: -1rem !important;
     }

     .ml-xl-n3,
     .mx-xl-n3 {
          margin-left: -1rem !important;
     }

     .m-xl-n4 {
          margin: -1.5rem !important;
     }

     .mt-xl-n4,
     .my-xl-n4 {
          margin-top: -1.5rem !important;
     }

     .mr-xl-n4,
     .mx-xl-n4 {
          margin-right: -1.5rem !important;
     }

     .mb-xl-n4,
     .my-xl-n4 {
          margin-bottom: -1.5rem !important;
     }

     .ml-xl-n4,
     .mx-xl-n4 {
          margin-left: -1.5rem !important;
     }

     .m-xl-n5 {
          margin: -3rem !important;
     }

     .mt-xl-n5,
     .my-xl-n5 {
          margin-top: -3rem !important;
     }

     .mr-xl-n5,
     .mx-xl-n5 {
          margin-right: -3rem !important;
     }

     .mb-xl-n5,
     .my-xl-n5 {
          margin-bottom: -3rem !important;
     }

     .ml-xl-n5,
     .mx-xl-n5 {
          margin-left: -3rem !important;
     }

     .m-xl-auto {
          margin: auto !important;
     }

     .mt-xl-auto,
     .my-xl-auto {
          margin-top: auto !important;
     }

     .mr-xl-auto,
     .mx-xl-auto {
          margin-right: auto !important;
     }

     .mb-xl-auto,
     .my-xl-auto {
          margin-bottom: auto !important;
     }

     .ml-xl-auto,
     .mx-xl-auto {
          margin-left: auto !important;
     }


/* End Margin and padding helpers */