/* http://www.cssdrive.com/index.php/main/csscompressor use it to compress CSS files for production */

@import 'ibm_plex_sans.css';

/*fonts*/
:root {
	--headline-font: 'IBM Plex Sans', 'Open Sans', Helvetica, Arial, sans-serif;
	--body-font: 'IBM Plex Sans', 'Noto Sans', 'Open Sans', Helvetica, Arial, sans-serif;
	--font-weight-bold: 600;
	--font-weight-regular: 425;
}

/*colors*/
:root {
	--byu-blue: #002e5d;
	--dark-byu-blue: #002040;
	--light-byu-blue: #0062B8;
	--light-byu-blue-rgb: rgb(0, 98, 184);
	--byui-blue: #0076B6;
	--byui-marriott-blue: #0077c8;
	--byui-blue-rgb: rgb(0, 118, 182);
	--userBar-hover: #001D4C;
	--menuCloseBgColor: #0057b8;
	--white: #FFF;
	--font-black: #141414;
	--link-active: #607890;
	--link-blue: #0057b8;
	--link-hover: #036;
	--link-visited: #6633aa;
	--link-alt: #A1B7DD;
	--link-alt-hover: #79b;
	--testing: #f00;
	--selection-light-blue: #b3d4fc;
	--headerDividerColor: #0057b8;
	--hamburgerFocusBorderColor: #8097ae;
	--hamburgerHoverBackgroundColor: #004286;
}

@media {
	/*  HTML5 ✰ Boilerplate  */
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-size: 100%;
		vertical-align:baseline;
		background:transparent;
		box-sizing: border-box;
	}

	/**, *::before, *::after {*/
	/*	margin:0;*/
	/*	padding:0;*/
	/*	border:0;*/
	/*	font-size: 100%;*/
	/*	vertical-align:baseline;*/
	/*	background:transparent;*/
	/*	box-sizing: border-box;*/
	/*}*/

	div#container {
		display: flex;
		flex-direction: column;
		height: 100vh;
	}

	dl dt {
		font-weight: var(--font-weight-bold);
	}
	dl dt em {
		font-weight:normal
	}
	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section {
		display:block
	}

	blockquote, q {
		quotes:none
	}

	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
	}

	a {
		margin:0;
		padding:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent
	}

	button > a:visited {
		color: inherit;
	}

	button > a:visited:hover {
		color: inherit;
	}

	ins {
		background-color:#ff9;
		color:#000;
		text-decoration:none
	}

	mark {
		background-color:#ff9;
		color:#000;
		font-style:italic;
		font-weight:bold
	}

	del {
		text-decoration: line-through
	}

	abbr[title], dfn[title] {
		border-bottom:1px dotted;
		cursor:help
	}

	/* tables still need cellspacing="0" in the markup */
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	#content table.ui-form input,
	#content table.ui-form select,
	#content table.ui-form textarea,
	#content table.ui-form button {
		padding:0 .375em;
	}

	hr {
		display:block;
		height:1px;
		border:0;
		border-top:1px solid #ccc;
		margin:1em 0;
		padding:0
	}

	input, select {
		vertical-align:middle
	}
	body {
		width: 100vw;
		font-size:1em;
		line-height:1.6;
	}
	pre, code, kbd, samp {
		font-family: monospace, sans-serif
	}

	/* set your base font here, to apply evenly */
	body, select, input, textarea {
		color: var(--font-black);
		font-family: var(--body-font);
		font-weight: var(--font-weight-regular);
	}
	
	#main {
		position: relative;
	}

	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		font-family: var(--headline-font);
	}
	h1 {
		font-size:2em;
		line-height:1.5;
		font-weight: 500;
	}
	h2 {
		font-size:1.5em;
		line-height: 1;
		font-weight: 490;
	}
	h3 {
		font-size:1.25em;
		line-height: 1.2;
		font-weight: 480;
	}
	h4 {
		font-weight: 470;
	}
	h5 {
		font-weight: 460;
	}
	h6 {
		font-weight: 450;
	}
	p, ul, ol, dl {
		margin: 1.5em 0;
	}
	dl dd {
		margin-bottom:1.5em;
		padding-left:3em;
	}

	ul ol,
	ul ul,
	ol ul,
	ol ol {
		margin:0;
	}
	/* always force a scrollbar in non-IE */
	html {
		overflow-y: scroll;
		overflow-x: hidden;
	}


	/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
	a:hover, a:active {
		outline: none
	}

	a, a:active {
		color: var(--link-blue);
		text-decoration: none;
		display: inline
	}
	a:hover, a:visited:hover, a:focus {
		color: var(--link-hover);
	}
	a:visited {
		color: var(--link-visited);
	}
	a.alt, a.alt:active, a.alt:visited {
		color: var(--link-blue);
		text-decoration: none;
	}
	a.alt:hover {
		color: var(--link-hover);
	}
	.Test {
		border-left: var(--testing) 5px solid;
		padding-left: 5px;
	}

	#content ul,
	#content ol {
		padding-left: 3em
	}
	ol {
		list-style-type: decimal
	}

	a#header-title:hover {
		color: var(--white);
	}

	.header-menu-button {
		display: none;
	}

	/* Remove margins for navigation lists */
	nav#siteNav li.top > a {
		border-bottom: 3px solid transparent;
		padding: 11px 1.375rem 7px 1.375rem;
	}

	nav#siteNav li.top.parent > a {
		padding: 11px calc(1.375rem + 1.25rem) 7px 1.375rem;
	}

	nav ul {
		margin: 0;
		list-style:none;
	}

	nav li {
		margin: 0 1px;
	}

	header nav .header-search {
		display: none;
	}

	nav#siteNav > div > ul > li > a:hover,
	ul#userBar > li > a:hover {
		border-bottom: 3px solid var(--byu-blue);
	}

	small {
		font-size: 85%
	}
	strong, th, b {
		font-weight: var(--font-weight-bold);
	}

	td, td img {
		vertical-align: top
	}

	sub {
		vertical-align: sub;
		font-size: smaller
	}
	sup {
		vertical-align: super;
		font-size: smaller
	}
	blockquote pre {
		white-space: pre-wrap;
	}

	textarea {
		overflow: auto;
		position: relative
	} /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

	.ie6 legend, .ie7 legend {
		margin-left: -7px
	} /* thnx ivannikolic! */

	/* align checkboxes, radios, text inputs with their label
	   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
	input[type="radio"] {
		vertical-align: text-bottom
	}
	input[type="checkbox"] {
		vertical-align: bottom
	}
	.ie7 input[type="checkbox"] {
		vertical-align: baseline
	}
	.ie6 input {
		vertical-align: text-bottom
	}

	/* hand cursor on clickable input elements */
	label, input[type=button], input[type=submit], button, .button {
		cursor: pointer
	}

	/* webkit browsers add a 2px margin outside the chrome of form elements */
	button, .button, input, select, textarea {
		margin: 0
	}

	button {
		padding: 0 8px;
	}

	/* remove Chrome's outline then emulate it for all browsers */
	:not(.parent) > a:focus {
		outline: none;
		box-shadow: 0 0 2px #4D90FE, 0 0 4px #4D90FE;
		border-color:#4D90FE;
	}


	/* These selection declarations have to be separate.
	   No text-shadow: twitter.com/miketaylr/status/12228805301
	   Also: hot pink. */
	::-moz-selection {
		background: #bd6;
		color: var(--white);
		text-shadow: none
	}
	::selection {
		background: var(--selection-light-blue);
		color:#000;
		text-shadow: none
	}

	/*  j.mp/webkit-tap-highlight-color */
	:not(.parent a):link {
		-webkit-tap-highlight-color: #b3d4fc;
	}

	/* make buttons play nice in IE:
	   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
	button, .button {
		width: auto;
		overflow: visible
	}

	/* bicubic resizing for non-native sized IMG:
	   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
	.ie7 img {
		-ms-interpolation-mode: bicubic
	}



	/*
	 * Non-semantic helper classes
	 */

	/* for image replacement */
	.ir {
		display: block;
		text-indent: -999em;
		overflow: hidden;
		background-repeat: no-repeat;
		text-align: left;
		direction: ltr
	}

	/* Hide for both screenreaders and browsers
	   css-discuss.incutio.com/wiki/Screenreader_Visibility */
	.hidden {
		display: none;
		visibility: hidden
	}

	/* Hide only visually, but have it available for screenreaders
	   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
	.visuallyhidden {
		position: absolute !important;
		clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	  clip: rect(1px, 1px, 1px, 1px)
	}

	/* Hide visually and from screenreaders, but maintain layout */
	.invisible {
		visibility: hidden
	}

	.clearfix:after {
		clear: both
	}

	#fulton-image {
		float: right;
		margin: 0 0 1rem 1rem;
		user-select: none;
	}

	#content,
	nav#breadcrumbs .wrapper,
	#fsl-alerts > .wrapper,
	footer section > .wrapper {
		width: 100vw;
		padding:0 10px;
		margin: 0 auto
	}

	nav#breadcrumbs .wrapper {
		padding: 1rem 0;
	}

	#fsl-alerts a, #fsl-alerts a:visited {
		color: var(--link-blue);
	}
	/* end set widths */
	header {
		/*background:#003366;*/
		background: var(--byu-blue);
		position:relative;
		left: 0;
		right: 0;
		top: 0;
		/*background: url('/images/backgrounds/byu-header-bg.svg') 100% 100%;*/
	}
	header > .wrapper {
		display: grid;
		grid-template-columns: 7rem auto max-content;
		align-items: center;
		width: 100%;
	}
	header nav > .wrapper {
		display: block;
		margin: 0 2rem 0 7rem;
	}
	header h2 {
		position: relative;
	}
	header h2:before {
		content: " ";
		display: block;
		position: absolute;
		background: var(--link-blue);
		width: 1px;
		height: 74%;
		top: 13.01%;
		left: 0;
	}
	header .wrapper > div:first-of-type {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 2px;
	}
	header .header-actions {
		grid-column: 3/4;
		display: flex;
		flex-wrap: nowrap;
		font-size: .9375rem;
		align-items: center;
		background-color: transparent;
		margin: 0 2rem;
		height: 100%;
	}
	header .header-search {
		position: relative;
		grid-column: 1/3;
		display: flex;
		flex-direction: row;
		flex: 0 0 auto;
		align-items: center;
		background: transparent none;
		border-bottom: 0;
		min-width: 144px;
		padding-left: 1rem;
		height: 35px;
		line-height: 1rem;
	}
	.header-search-form {
		display: -ms-flexbox;
		display: flex;
		position: relative;
	}
	header .header-search-input {
		background-color: var(--white);
		height: 35px;
		border-radius: 30px;
		width: 9rem;
		padding: 5px 35px 5px 15px;
		min-width: 92px;
		box-shadow: none;
		font-size: 1rem;
		max-height: 100%;
		box-sizing: border-box;
		border: var(--white);
	}
	header .header-search-input[placeholder='Internal'] {
		padding: 5px 4.25rem 5px 15px;
		width: 10rem;
	}

	header .header-search-input:focus-visible {
		outline-offset: 0;
		outline: -webkit-focus-ring-color auto 1px;
	}
	header:not([data-header-home]) .header-search-button {
		top: 0;
		right: 10px;
	}
	.header-search-button {
		margin-top: 0;
		margin-bottom: 0;
		margin-right: 0;
		position: absolute;
		height: 35px;
		width: 35px;
		background: transparent;
		border: 1px solid transparent;
		font-size: 0;
		padding: 0 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		bottom: -4px;
		transition-duration: 0.4s;
	}
	header .header-search-button.search-type {
		right: calc(5px + 35px);
	}
	.header-search-button:hover {
		transform: scale(1.1);
	}
	.sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0,0,0,0);
		border: 0;
	}
	.icon-search {
		width: 29px;
		height: 29px;
		fill: currentColor;
		stroke: none;
		pointer-events: none;
		margin: 0;
		padding: 0;
	}
	.icon-user {
		width: 29px;
		height: 29px;
		fill: currentColor;
		stroke: none;
		margin: 0;
		padding: 0;
	}
	header .header-search-input{
		font-family: var(--headline-font);
		font-weight: 500;
	}
	header nav {
		font-family: var(--headline-font);
		font-weight: 500;
		border-bottom: 1px solid var(--white);
	}
	header h1 {
		height:50px;
		margin:0;
		padding:0 0;
		text-shadow:0 1px .25em rgba(0,0,0,.2);
		text-align: center;
	}
	header h2 {
		font-family: var(--headline-font);
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 1.4;
		padding: 1.25rem 1.5rem;
		bottom: 1px;
	}
	header h2 a {
		color: var(--white);
		text-shadow:0 .1em .1em rgba(0,0,0,.25);
	}
	.ByuLink > img {
		max-width: 70px;
		max-height: 20px;
		width: 100%;
		vertical-align: middle;
	}
	header #testing {
		color: var(--testing);
		margin-left: 2rem;
	}
	#userBar {
		display: flex;
		flex-flow: row;
		margin-left: auto;
		justify-content: space-between;
		font-family: var(--headline-font);
		font-weight: 500;
		font-size: 16px;
		align-items: center;
		margin: 0;
	}
	#userBar li {
		display: flex;
		justify-content: center;
		margin-left: 2px;
	}
	#userBar li a, #userBar li div {
		padding: 1.25rem;
	}
	#userBar .wrapper {
		position: relative;
		z-index:1000;
		padding:.33em 0
	}
	#userBar #userBar-open-ondemand a {
		display: flex;
		align-items: center;
		padding: 25px 20px;
	}
	header a:link,
	header a:hover,
	header a:focus,
	header a:active,
	header a:visited {
		text-decoration: none;
		color: var(--white)
	}
	#nav-searchbox {
	}
	#nav-searchbox .searchbox,
	#nav-searchbox button {
		border:0;
		outline:0;
		margin:0;
	}
	#nav-searchbox .searchbox {
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		padding:2px .5em;
		width:150px;
		font-size:15px
	}
	#nav-searchbox button {
		position: relative;
		left:-3px;
		background:#628cb6;
		filter:none;
		color: var(--white);
		border-top-right-radius:3px;
		border-bottom-right-radius:3px;
		border-top-left-radius:0;
		border-bottom-left-radius:0;
		width:22px;
		padding:3px 0;
		font-size:15px
	}

	nav#siteNav {
		position: relative;
		background: var(--white);
		margin:0 auto;
		text-align:center;
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
		-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
		box-shadow:  0 0 10px rgba(0, 0, 0, 0.16);
	}
	nav#siteNav a:link,
	nav#siteNav a:visited {
		text-decoration: none;
		color: var(--byu-blue)
	}
	nav#siteNav > .wrapper {
		position: relative
	}
	nav#siteNav ul {
		display: flex;
		flex-wrap: wrap;
		padding: 0;
	}

	nav#siteNav ul.menu-item {
		flex-direction: column;
	}

	nav#siteNav ul li {
		display:inline-block;

		/*ie7:inline-block*/
		zoom: 1;
		*display: inline
	}
	nav#siteNav a {
		display:block;
		background-position: bottom center;
	}
	nav#siteNav .parent.top > ul {
		display:none;
		position:absolute;
		text-align:left;
	}

	nav#siteNav .parent > .wrapper {
		padding:.75em;
		width:auto;
	}
	nav#siteNav .wrapper .wrapper {
		background: var(--white);
		-webkit-box-shadow: 0 1px 8px -2px rgba(0,0,0,0.7);
		-moz-box-shadow: 0 1px 8px -2px rgba(0,0,0,0.7);
		box-shadow: 0 3px 4px -2px rgba(0,0,0,0.7);
		margin:0 auto;
	}
	nav#siteNav .wrapper .parent.top a.open {
		background:url("/images/icons/nav-drop-arrow-up.svg") no-repeat right calc(21px - 4.5px) center;
	}
	nav#siteNav .wrapper .parent.top > a {
		background:url('/images/icons/nav-drop-arrow.svg') no-repeat right calc(21px - 4.5px) center;
	}
	nav#siteNav .open {
		z-index: 2;
	}
	nav .wrapper .top > a {
		padding:.5em 1em;
	}
	nav#siteNav .parent ul a {
		color: var(--byu-blue);
	}
	nav#siteNav .parent li,
	nav#siteNav .parent ul a {
		display:block;
	}
	nav#siteNav .parent.top .wrapper a {
		padding:0 .5em;
	}
	nav#siteNav .parent.top > .wrapper > li a:hover {
		background: #fafafa;
	}
	nav#siteNav > .wrapper li.top:hover,
	nav#siteNav .parent.top > .wrapper > li a:hover,
	nav#siteNav #nav-softwaretools li a:hover,
	nav#siteNav #nav-systemfile-access li a:hover {
		background: #fafafa;
	}
	nav#siteNav .parent.top li.parent {
		float:left;
		width:207px;
		padding:0 .375em;
		box-sizing:border-box;
	}
	nav#siteNav .parent.top .parent > a {
		white-space:nowrap;
		border-bottom:.125em solid;
		margin-bottom:.625em;
	}
	#nav-about ul a,
	nav#siteNav .parent.top .parent ul a {
		font-size: 14px;
		line-height: 2;
	}
	nav#siteNav .parent.top li.parent > a:hover {
		background:transparent
	}
	nav#siteNav :is(#nav-tutorials, #nav-job-submission, #nav-software, #nav-file-access, #nav-system-access) > a {
		color: #fff;
		background-color: var(--byu-blue);
	}
	nav#siteNav .parent.top:hover > ul,
	nav#siteNav .parent.top a:focus + ul,
	nav#siteNav .parent.top:hover > ul li,
	nav#siteNav .parent.top a:focus + ul li {
		height:auto;
		opacity:1
	}
	nav#siteNav #QuickFinder {
		display:block;
		position:absolute;
		right:0;
		margin:.6em 0
	}
	#QuickFinderSearch {
		border: 0 solid #ccc;
		padding:.2em .5em .3em;
		background:-moz-linear-gradient(top,#ccc,var(--white) 50%);
		background:-webkit-gradient(linear,left top,left 50%,from(#ccc),to(var(--white)));
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px
	}
	#QuickFinderSearch:focus {
		outline:none
	}
	label[for="QuickFinderSearch"] {
		/*display:inline-block;*/
		display:none;
		text-transform: none;
		padding:.9em .5em 0;
		color:#eee;
		height: .8em
	}
	#QuickFinder button {
		position:absolute;
		border:0;
		top:1px;
		right:0;
		background:transparent
	}
	#account-alerts.renew-warning {
		border-bottom:1px dotted #FFE566;
		font-size:1.0em;
		-moz-box-shadow:inset 0 0 2em rgba(0,0,0,.1);
		-webkit-box-shadow:inset 0 0 4em rgba(0,0,0,.15);
		box-shadow:inset 0 0 4em rgba(0,0,0,.1);
		background: #ffc;
		text-align: center;
	}
	#account-alerts.renew-notice {
		border: 1px dotted #a4b0bc;
		font-size:1.0em;
		-moz-box-shadow:inset 0 0 2em rgba(0,0,0,.1);
		-webkit-box-shadow:inset 0 0 4em rgba(0,0,0,.15);
		box-shadow:inset 0 0 4em rgba(0,0,0,.1);
		background: #d1e4f3;
		text-align: center;
	}
	#account-alerts.renew-warning > .wrapper > .wrapper{
		padding:0 0 0 50px;
		background:url("/images/icons/dialog_warning_32x32.png")no-repeat 10px;
	}
	#account-alerts p {
		padding:.5em 0;
		margin:0;
	}
	#account-alerts.renew-warning > .wrapper {
		position: relative;
		width: 425px;
		margin: auto;
	}
	#fsl-alerts {
		background-color: rgba(252, 202, 193, 0.5);
		font-size:1.1em;
	}
	#fsl-alerts > .wrapper > .wrapper {
		padding:0 0 0 50px;
		background:url("/images/icons/dialog_warning_32x32.png")no-repeat 10px
	}
	#fsl-alerts a,
	#fsl-alerts a:visited,
	#account-alerts.renew-warning a,
	#account-alerts.renew-warning a:visited {
		color: var(--link-blue);
	}
	#fsl-alerts p {
		padding:1em 0;
	  margin:0;
	}
	#fsl-alerts p + p {
		border-top:1px solid #dCaAa1
	}
	#fsl-alerts .ui-widget-close {
		border-color:transparent;
		background:transparent;
		filter:none;

		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	#fsl-alerts .ui-widget-close.ui-state-hover {
		background:rgba(0,0,0,.2);

		-moz-box-shadow:
			0 1px 1px rgba(255,255,255,0.6) inset,
			0 0 6px rgba(0,0,0,0.2);
		-webkit-box-shadow:
			0 1px 1px rgba(255,255,255,0.6) inset,
			0 0 6px rgba(0,0,0,0.2);
		box-shadow:
			0 1px 1px rgba(255,255,255,0.6) inset,
			0 0 6px rgba(0,0,0,0.2)
	}
	#breadcrumbs .wrapper,
	#fsl-alerts > .wrapper {
		position:relative
	}
	#email-notice {
		border: 1px dotted #a4b0bc;
		font-size:1.0em;
		-moz-box-shadow:inset 0 0 2em rgba(0,0,0,.1);
		-webkit-box-shadow:inset 0 0 4em rgba(0,0,0,.15);
		box-shadow:inset 0 0 4em rgba(0,0,0,.1);
		background: #d1e4f3;
		text-align: center;
		padding: 5px 0 5px 0;
	}
	#content > .wrapper {
		margin: 1.5em 0 3rem 0;
	}

	#content h1,
	#content h2,
	#content h3 {
		color: var(--byu-blue);
		letter-spacing: -.05em;
	}
	#content h3 {
		color: var(--byu-blue);
		margin:1.2em 0;
	}
	#content h1 {
		position: relative;
		margin-bottom: .75em;
	}
	#content h1:before {
		content:"";
		border-bottom: 1px solid var(--byu-blue);
		position: absolute;
		inset: 0;
		z-index: -1;
	}

	#content h1.no-baseline:before {
		border-bottom: none;
	}

	#content h1.no-baseline {
		color: var(--font-black);
		text-align: center;
		font-size: 2.5rem;
		margin-top: -1.5rem;
		padding: 4rem 0;
		background-color: rgb(246, 246, 248);
		z-index: -1;
		position: absolute;
		width: 100vw;
		left: 0;
		right: 0;
	}

	.gray-header-padding {
		padding-top: 15rem;
	}

	/*#content h1.gray-header {*/
	/*	text-align: center;*/
	/*	background-color: var(--byu-blue);*/
	/*	color: var(--white);*/
	/*	width: 20rem;*/
	/*	margin-left: auto;*/
	/*	margin-right: auto;*/
	/*}*/

	code {
		background:#f8f8ff;
		padding:.1em .5em;
	}
	.error code,
	.warning code,
	.information code,
	.success code,
	table code {
		background:transparent;
		color:#666;
	}

	.changelog-entry {
		white-space: pre-wrap;
		word-break: break-all;
	}

	.timestamp {
		font-style: italic;
		font-size: .75em;
		line-height:2;
		white-space: nowrap;
	}

	footer {
		background-color: #f9f9f9;
		color: #141414;
		margin-top: auto;
	}
	footer > section#footer-bottom {
		background-color: var(--byu-blue);
		color: var(--white);
	}
	footer .wrapper.clearfix {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	footer .wrapper.clearfix aside {
		width: 25rem;
	}
	footer #missionStatement {
		text-align: center;
		font-family: var(--headline-font);
		font-weight: var(--font-weight-regular);
		font-size: 0.875rem;
		padding: 0 2rem;
	}
	footer #footer-bottom .wrapper.clearfix {
		flex-direction: column;
		padding: 1.125rem;
	}
	footer aside {
		padding: 2rem;
	}
	footer h3 {
		font-family: var(--headline-font);
		font-size: 14px;
		font-weight: 900;
		line-height: 1.43;
		letter-spacing: 1.5px;
		text-transform: uppercase;

	}
	footer a {
		color: var(--link-blue);
		text-decoration: none;
	}
	footer a:visited {
		color: var(--link-blue);
	}

	footer .mobile-disclaimer {
		display: none;
	}
	div.privacy-policy a {
		color: var(--white);
	}
	div.privacy-policy a:hover {
		text-decoration: underline;
		color: var(--white);
	}
	#footer-bottom {
		border-top:1px solid #e6dacf;
		text-align: center;
		font-size: 0.875rem;
		line-height: 1.71;
	}
	#footer-bottom p {
		font-size:.75em;
		line-height: 2;
	}
	#utilizationSummary table {
		width:100%
	}
	#utilizationSummary table td {
		padding:0 .5em;
		vertical-align: middle;
	}
	#utilizationSummary table td + td {
		text-align: right
	}


	#ieWarning {
		background:#fceba1;
		color:#000;
		border-bottom: 1px solid #c3bfb7
	}
	#ieWarning p {
		padding:.6em 5em;
		font-size:1.1em
	}
	#ieWarning a {
		color:#A47D34
	}

	/*
	 * jQuery UI Progressbar 1.8.7
	 *
	 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
	 * Dual licensed under the MIT or GPL Version 2 licenses.
	 * http://jquery.org/license
	 *
	 * http://docs.jquery.com/UI/Progressbar#theming
	 */
	.ui-progressbar {
		height:12px;
		text-align:left;
		background: var(--white) url(/images/jquery-ui-1.8.7.aristo/progress_bar.gif) 0 -14px repeat-x;
		filter:none
	}
	.ui-progressbar .ui-progressbar-value {
		height:100%;
		background:url(/images/jquery-ui-1.8.7.aristo/progress_bar.gif) 0 0 repeat-x;
		filter:none
	}
	.nowrap {
		white-space: nowrap;
	}

	/* -----Theme blue styles ----- */
	table.theme-blue {
		border: 1px solid #A3AEB6;
		border-collapse: collapse;
		empty-cells:hide;
		margin-bottom:.5em
	}
	table.theme-blue caption {
		text-align:left;
		font-weight:bold
	}
	table.theme-blue th {
		background:#D3E2F0;
		background:-moz-linear-gradient(top,#EBF1F7,#D3E2F0);
		background:-webkit-gradient(linear,left top,left bottom,from(rgb(238,246,252)),to(rgb(209,228,243)));
		white-space:nowrap;
		text-align:center;
		padding:4px 6px
	}
	table.theme-blue td {
		padding:2px 6px;
		border-top:1px solid #A3AEB6
	}

	/*
		Funnily enough, you can't combine the css selectors into
		  tbody tr:nth-child(odd) td,
		  tbody tr.odd td {
		It causes the IE parser to break.  The whole point of
		the tr.odd classes is for that compatibility.
	*/
	table.theme-blue tbody tr:nth-child(odd) td {
		background:#EBF1F7
	}
	table.theme-blue tbody tr.odd td {
		background:#EBF1F7
	}
	table.theme-blue tbody tr:nth-child(even) td {
		background: var(--white);
	}
	table.theme-blue tbody tr.even td {
		background: var(--white);
	}
	table.theme-blue tfoot td,
	table.theme-blue tbody tr:hover td,
	table.theme-blue tbody tr.hover td {
		background:#D3E2F0
	}
	table.theme-blue tbody tr td:first-child,
	table.theme-blue tbody tr th:first-child {
		text-align:left
	}

	/* -- two column -- */
	table.theme-blue.two-col tbody td,
	table.theme-blue.two-col tbody tr:nth-child(odd) td:first-child,
	table.theme-blue.two-col tbody tr:nth-child(even) td:first-child {
		background:#EBF1F7;
		padding:.2em .5em;
		vertical-align: middle
	}
	table.theme-blue.two-col tbody td:first-child {
		border-right:1px solid #A3AEB6
	}
	table.theme-blue.two-col tbody td + td {
		background: var(--white)
	}

	/* ----- End of theme-blue styles ----- */

	/* ----- theme styles ----- */
	table.theme {
		empty-cells:hide;
		margin:2em 0;
	  font-size:.75em;
	}
	table.theme caption {
		text-align:left;
		font-weight:bold
	}
	table.theme th {
		white-space:nowrap;
		text-align:center;
		padding:0 .75em;
		color:#181818;
		border:0;

		background-color:#999;
		background-image: -webkit-linear-gradient(top, #aaa 0%,#888 100%);
		background-image: -moz-linear-gradient(top, #aaa 0%, #888 100%);
		background-image: -ms-linear-gradient(top, #aaa 0%,#888 100%);
		background-image: -o-linear-gradient(top, #aaa 0%,#888 100%);
		background-image: linear-gradient(top, #aaa 0%,#888 100%);
	}
	table.theme tbody {
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
	table.theme thead {
		border-top:1px solid #888;
		border-left:1px solid #888;
		border-right:1px solid #888;
	}

	table.theme tfoot td {
		background:#ddd;
		border:1px solid #aaa;
		border-top-color:rgb(63,63,63);
		-webkit-box-shadow:0 1px 1px rgba(255,255,255,.5) inset;
		-moz-box-shadow:0 1px 1px rgba(255,255,255,.5) inset;
		box-shadow:0 1px 1px rgba(255,255,255,.5) inset
	}
	table.theme td {
		padding:0 .375em;
		border-top:1px solid #aaa;
	}
	table.theme td,
	table.theme th {
		line-height: 2;
	}
	table.theme td.checkbox {
		text-align: center;
	}
	table.theme tbody tr:first-child td {
		border-top:1px solid rgb(63,63,63)
	}

	/*
		Funnily enough, you can't combine the css selectors into
		  tbody tr:nth-child(odd) td,
		  tbody tr.odd td
		It causes the IE parser to break.  The whole point of
		the tr.odd classes is for that compatibility.
	*/
	table.theme tbody tr:nth-child(odd) td {
		background:#eee
	}
	table.theme tbody tr.odd td {
		background:#eee
	}
	table.theme tbody tr:nth-child(even) td {
		background:var(--white);
	}
	table.theme tbody tr.even td {
		background: var(--white);
	}
	table.theme tbody tr:hover td,
	table.theme tbody tr.hover td {
		background:#d4d4d4
	}
	table.theme tbody tr td:first-child,
	table.theme tbody tr th:first-child {
		text-align:left
	}

	table.theme tbody tr.highlight td {
		background:#ffffd8;
	}
	table.theme tbody tr.highlight:nth-child(even) td {
		background:#ffffe8;
	}
	table tbody tr.disabled td {
		color:#999;
		font-style: italic
	}

	/* -- two column -- */
	table.theme.two-col tbody td,
	table.theme.two-col tbody tr:nth-child(odd) td:first-child,
	table.theme.two-col tbody tr:nth-child(even) td:first-child {
		background:#eee;
		vertical-align: middle
	}
	table.theme.two-col tbody td:first-child label {
		display:block
	}
	table.theme.two-col tbody td:first-child {
		border-right:1px solid rgb(128,128,128);
		color:#222
	}
	table.theme.two-col tbody td + td {
		background: var(--white);
	}

	/* ----- End of theme ----- */

	fieldset.two-col {
		padding:0;
		float:left;
		width:48%;
	}
	fieldset.two-col + .two-col {
		padding-left:3.041666667%;
	}
	.fg-toolbar {
		font-size:.75em;
		line-height: 2;
	}
	/* ----- dialog boxes ----- */
	.error,
	.warning,
	.information,
	.success,
	blockquote {
		padding:.25em .5em;
		margin:1px 0;
		position:relative;
	}
	.error,
	.warning,
	.information,
	.success,
	ul {
		list-style-position: inside;
	}
	blockquote {
		border:1px dotted rgba(0,0,0,.5);
	}
	.alert {
		text-align: center;
	}
	.big-error {
		border:1px dotted #c3a198;
		background: #fccac1;
		font-size: xx-large;
	}
	.error {
		border:1px dotted #c3a198;
		background:#fccac1;
	}
	.warning {
		border:1px dotted #FFE566;
		background: #ffc;
	}
	.information {
		border:1px dotted #a4b0bc;
		background: #d1e4f3;
	}
	.success {
		border:1px dotted #bac67e;
		background:#f1feb9;
	}

	.warning .close {
		position: absolute;
		right:.25em;
		top: 55%;
		width: 16px;
		margin: -9px 0 0 0;
		padding: 0;
		height: 16px;
		border:0
	}

	/* ----- end dialog boxes ----- */
	.ui-widget-content {
		border:1px solid #B6B6B6;
		background: var(--white);
	}

	/* Corner radius */
	.ui-corner-tl {
		-webkit-border-top-left-radius:3px;
		-moz-border-radius-topleft:3px;
		border-top-left-radius:3px
	}
	.ui-corner-tr {
		-webkit-border-top-right-radius:3px;
		-moz-border-radius-topright:3px;
		border-top-right-radius:3px
	}
	.ui-corner-bl {
		-webkit-border-bottom-left-radius:3px;
		-moz-border-radius-bottomleft:3px;
		border-bottom-left-radius:3px
	}
	.ui-corner-br {
		-webkit-border-bottom-right-radius:3px;
		-moz-border-radius-bottomright:3px;
		border-bottom-right-radius:3px
	}
	.ui-corner-top {
		-webkit-border-top-left-radius:3px;
		-moz-border-radius-topleft:3px;
		border-top-left-radius:3px;
		-webkit-border-top-right-radius:3px;
		-moz-border-radius-topright:3px;
		border-top-right-radius:3px
	}
	.ui-corner-bottom {
		-webkit-border-bottom-left-radius:3px;
		-moz-border-radius-bottomleft:3px;
		border-bottom-left-radius:3px;
		-webkit-border-bottom-right-radius:3px;
		-moz-border-radius-bottomright:3px;
		border-bottom-right-radius:3px
	}
	.ui-corner-right {
		-webkit-border-top-right-radius:3px;
		-moz-border-radius-topright:3px;
		border-top-right-radius:3px;
		-webkit-border-bottom-right-radius:3px;
		-moz-border-radius-bottomright:3px;
		border-bottom-right-radius:3px
	}
	.ui-corner-left {
		-webkit-border-top-left-radius:3px;
		-moz-border-radius-topleft:3px;
		border-top-left-radius:3px;
		-webkit-border-bottom-left-radius:3px;
		-moz-border-radius-bottomleft:3px;
		border-bottom-left-radius:3px
	}
	.ui-corner-all {
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px
	}
	ul.autocomplete-w1.ui-widget-content {
		overflow-y:auto;
		font-size:.8em;
	}
	ul.autocomplete-w1.ui-widget-content:empty {
		border-color:transparent;
		margin:0;
		padding:0;
		display:none
	}

	.action-links.control-links {
		padding-bottom:1em
	}
	.action-links.control-links a {
		padding:0 .25em
	}

	.ui-widget-close.ui-widget {
		float:left;
		height:16px;
		width:16px;
		padding:.1em;
		margin: 0 .5em 0 0
	}

	#accountMenu .ui-widget {
		font-family: var(--body-font);
		font-weight: var(--font-weight-regular);
	}

	.valign-top {
		valign: top;
	}

	.no-list-style {
		list-style: none;
	}

	#content p.whitespace {
		margin:5em 0 !important;
	}
	#socialMediaHeader {
		margin-top: 1rem;
	}

	#socialMediaHeader .FSLmediaIcon {
		width:24px;
		/*height:18px;*/
		height:18px;
		display:block;
		float:left;
		margin:0 2px;
	}
	#socialMediaHeader .FSLmediaIcon:not(.icon) {
		background:url('/images/icons/fsl-media-icon-pack.png') no-repeat 0 -24px;
		height: 24px;
	}
	.FSLmediaIcon.icon {
		position: relative;
		width: 24px;
		height: 18px;
		display: flex;
		justify-content: center;
		transition: all .25s;
		cursor: pointer;
		overflow: hidden;
	}
	#socialMediaHeader .FSLmediaIcon.icon.github {
		top: 1px;
		height: 1rem;
	}
	/*#socialMediaHeader .FSLmediaIcon.youtube {*/
	/*	background-position: 0 -24px;*/
	/*}*/
	/*#socialMediaHeader .FSLmediaIcon.twitter {*/
	/*	background-position: -24px -24px;*/
	/*}*/
	/*#socialMediaHeader .FSLmediaIcon.rss {*/
	/*	background-position: -48px -24px;*/
	/*}*/
	/*#socialMediaHeader .FSLmediaIcon.googlePlus {*/
	/*	background-position: -72px -24px;*/
	/*}*/
	/*#socialMediaHeader .FSLmediaIcon.github {*/
	/*	background-position: -96px -24px;*/
	/*}*/
	.icon.youtube-icon {
		fill: red;
	}
	.icon.twitter-icon {
		fill: #1da1f2;
	}
	/*#socialMediaHeader .FSLmediaIcon.rss {*/
	/*	background-position: -48px 0;*/
	/*}*/
	/*#socialMediaHeader .FSLmediaIcon.googlePlus {*/
	/*	background-position: -72px 0;*/
	/*}*/
	/*#socialMediaHeader .FSLmediaIcon.github {*/
	/*	background-position: -96px 0;*/
	/*}*/

	/*footer:hover #socialMediaHeader .FSLmediaIcon.youtube,*/
	/*#socialMediaHeader .FSLmediaIcon.youtube:focus {*/
	/*	background-position: 0 0*/
	/*}*/
	/*footer:hover #socialMediaHeader .FSLmediaIcon.twitter,*/
	/*#socialMediaHeader .FSLmediaIcon.twitter:focus {*/
	/*	background-position: -24px 0;*/
	/*}*/
	/*footer:hover #socialMediaHeader .FSLmediaIcon.rss,*/
	/*#socialMediaHeader .FSLmediaIcon.rss:focus {*/
	/*	background-position: -48px 0;*/
	/*}*/
	/*footer:hover #socialMediaHeader .FSLmediaIcon.googlePlus,*/
	/*#socialMediaHeader .FSLmediaIcon.googlePlus:focus {*/
	/*	background-position: -72px 0;*/
	/*}*/
	/*footer:hover #socialMediaHeader .FSLmediaIcon.github,*/
	/*#socialMediaHeader .FSLmediaIcon.github:focus {*/
	/*	background-position: -96px 0;*/
	/*}*/

	a.view-utilization-graphs {
		display: block;
		text-align: center;
		margin-top:1.5em;
	}

	#utilization-graphs-explanation {
		z-index: 1;
		position: absolute;
		right: 0;
		top: 0;
		bottom: -130px;
		display: none;
		padding: 14px 20px;
		width: 75%;
		line-height: 16px;
		color: #111;
		border: 1px solid #DCA;
		background: #fffAF0;
		font-weight: normal;
	}

	pre code {
	  display:block;
	  background:#f8f8ff;
	  margin:1.5rem 0;
	  padding:1.5rem !important;
	  font-size:.875rem;
	  line-height: 1.5rem;
	}

	ul.tree.root {
		width: 50%;
	}
	li.tree.collapsed > ul > li {
		display: none;
	}
	li.tree.expanded > ul > li {
		display: list-item;
	}
	li.tree.expanded > ul {
		border-left: grey dashed 1px;
		border-bottom: grey dashed 1px;
	}
	li.tree{
		list-style-image: url(/images/blank.png);
	}
	li.tree span.click-target {
		cursor: pointer;
	}

	.user-info {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}

	.person-info {
		display: flex;
		justify-content: space-between;
	}

	/* FSL button styles */

	a.orc-button-primary {
		display: inline-block;
	}

	a.orc-button-primary:visited {
		color: var(--white);
	}

	.orc-button {
		border:0;
		border-radius:2px;
		padding:0.75rem 1.5rem;
		font-weight:bold;
		font-size:1rem;
	}

	.byu-button-primary {
		border-radius: 3px;
		padding: 1rem 2rem;
		background-color: var(--menuCloseBgColor);
		border: none;
		width: auto;
		font-size: 100%;
		transition: .2s;
	}

	.byu-button-primary:hover {
		transform: scale(1.15);
		transition: .2s;
	}

	.orc-button-primary {
		background: var(--link-blue);
		color: var(--white);
		transition: 0.2s;
	}
	.orc-button-primary:hover,
	.orc-button-primary:focus {
		background: var(--byu-blue);
		color: var(--white);
		transition: 0.2s;
	}
	.orc-button-primary:active {
		background:#036;
	}

	.orc-button-secondary {
		background:#5b616b;
		color: var(--white);
	}
	.orc-button-secondary:hover,
	.orc-button-secondary:focus {
		background:#323a45;
	}

	.orc-button-secondary:active {
		background:#212121;
	}

	.orc-button:disabled {
		background:#ddd;
		color:#888;
	}

	/*Font awesome button overrides*/

	button:has(>i[class*=fa-]) {
		border: initial;
		background-color: initial;
	}

	/* Expand/collapse styles */
	.ui-widget-expandable {
		overflow-y: hidden;
		box-shadow: 0 10px 5px -5px gray;
	}
	.ui-widget-expandable-btn {
		display: block;
		text-align: center;
		background-color: #d0d0d0;
		color: black;
		cursor: pointer;
	}

	/* Maintenance countdown */
	.maintenance_notice>p {
		margin: 0 auto;
		text-align: center;
	}
	.maintenance_notice a {
		text-decoration: none;
		color: var(--link-blue);
	}
	#precontent .maintenance_countdown {
		text-transform: lowercase;
	}
	#news .maintenance_countdown {
		display: table;
	}
	#news .maintenance_countdown>div {
		display: table-row;
	}
	#news .maintenance_countdown>div>span {
		display: table-cell;
	}
	#news .maintenance_countdown>div:nth-child(1)>span {
		font-size: 300%;
	}
	#news .maintenance_countdown>div:nth-child(2)>span {
		font-size: 75%;
		text-align: center;
	}
	a:link.external {
		background-position: center right;
		background-repeat: no-repeat;
		/*
        Font Awesome Free by @fontawesome - https://fontawesome.com
        License - https://github.com/FortAwesome/Font-Awesome/blob/master/LICENSE.txt (Icons: CC BY 4.0)
        */
		background-image: url("/images/icons/external-link-alt.png");
		/*background-image: linear-gradient(transparent,transparent),url("/images/icons/external-link-alt.svg");*/ /* this hasn't been resized */
		padding-right: 17px;
	}

	div.gsc-adBlock, div#adBlock {
		display: none;
	}

	/*section.slide {*/
	/*	text-align: center;*/
	/*	position: absolute;*/
	/*	top: 0;*/
	/*	background-color: var(--white);*/
	/*	padding: 2rem;*/
	/*}*/
}

@media only screen and (min-width: 1261px) {
	#content,
	nav#breadcrumbs .wrapper,
	#fsl-alerts > .wrapper {
		width:1240px;
	}
	nav#siteNav #nav-support .wrapper {
		margin-left: -25px
	}

	nav#siteNav ul#userBar {
		display: none;
	}

	ul#userBar > li > a {
		transition: background-color 0.2s;
	}

	ul#userBar > li > a:hover {
		background-color: var(--userBar-hover);
		color: var(--white);
		margin-bottom: -3px;
		transition: background-color 0.2s;
	}
}

@media only screen and (max-width: 1260px) and (min-width: 801px) {
	header h1 {
		margin-left:15%;
	}
	header h2 {
		font-size: 1.3125rem;
	}
	nav#siteNav #nav-documentation .wrapper {
		margin-left:-200px
	}
	nav#siteNav #nav-support .wrapper {
		margin-left: -25px
	}
	nav#siteNav #nav-about .wrapper {
		margin-left: -20px
	}

	.header-actions ul#userBar {
		display: none;
	}

	nav#siteNav ul#userBar, .header-actions {
		display: flex;
		flex-flow: row wrap;
	}

	ul#userBar > li > a:hover {
		transition: none;
	}

	#DataTables_Table_0_wrapper, div#filter-forms, form#new-ticket-form, div.wrapper.clearfix {
		overflow: auto hidden;
	}

	#fulton-image {
		float: right;
		margin: 0 0 1rem 1rem;
	}
}

@media only screen and (max-width: 800px) {
	header > .wrapper,
	nav#siteNav > .wrapper,
	nav#breadcrumbs .wrapper,
	#fsl-alerts > .wrapper,
	#content {
		padding:0;
		margin: 0 auto;
	}
	nav#siteNav {
		border-bottom: none;
		text-align: left;
	}
	header h2 {
		font-size: 1.125rem;
	}
	header .wrapper > div:first-of-type {
		padding: 0;
		grid-template-columns: 4.5rem auto max-content;
	}
	header nav .header-search {
		display: block;
	}
	nav#siteNav > .wrapper {
		display: none;
	}
	nav#siteNav > .wrapper.menu-open {
		display: grid;
	}
	nav#siteNav > .wrapper > ul {
		display: grid;
		grid-template-columns: repeat(auto-fill, 1fr);
	}
	nav#siteNav > div > ul > li > a:hover, ul#userBar > li > a:hover, nav#siteNav li.top > a {
		border: 0;
	}
	nav#siteNav li.top > a, nav#siteNav li.top.parent > a  {
		padding: 11px 1.375rem;
	}

	nav#siteNav .parent.top li.parent {
		padding: 0 0.5rem 0 0;
		float: none;
		width: 100%;
	}
	ul#userBar > li > a:hover {
		margin-bottom: 0;
	}
	nav#siteNav .parent.top .wrapper a {
		padding: 5px;
	}

	nav#siteNav .parent > .wrapper {
		padding: 0 0 1rem 2.5rem;
	}
	nav#siteNav .parent.top > ul {
		position: static;
	}
	nav#siteNav .parent.top .parent > a {
		margin-top: 0.625rem;
		margin-bottom: 0;
		border-bottom: none;
	}
	nav#siteNav .wrapper .parent.top > a {
		background: url('/images/icons/nav-drop-arrow.svg') no-repeat right 1.5rem center;
	}
	nav#siteNav .wrapper .parent.top a.open {
		background: url("/images/icons/nav-drop-arrow-up.svg") no-repeat right 1.5rem center;
	}
	nav#siteNav .wrapper .wrapper {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	nav#siteNav ul {
		grid-template-columns: 100%;

	}
	nav#siteNav ul li {
		display:block;
	}
	#userBar {
		align-items: normal;
	}
	#fsl-alerts > .wrapper > .wrapper {
		padding: 0rem 1rem;
		background: none;
	}
	span.timestamp {
		display: block;
	}
	#content .wrapper {
		padding:0 1em;
	}
	header h1 {
		margin-left:0;
	}
	header .header-actions {
		display: none;
	}
	#userBar {
		flex-direction: column;
		position:relative;
		right:0;
		bottom:0;
		width:100%;
	}
	#userBar .wrapper {
		float:right;
		bottom:.75em;
		right:.5em;
	}
	.timestamp {
		white-space: pre-line;
	}
	#content {
		min-height:150px;
	}

	nav#breadcrumbs {
		font-size:.9em;
	}
	nav#breadcrumbs .wrapper {
		padding: 1rem;
	}
	nav#breadcrumbs a {
		padding:.8em .2em;
	}
	#DataTables_Table_0_wrapper, div#filter-forms, form#new-ticket-form, div.wrapper.clearfix, form#roles-form {
		overflow: auto hidden;
	}

	header > .wrapper #header-title:before {
		left: 6rem;
		top: 1rem;
		height: 3rem;
	}

	header > .wrapper {
		grid-template-columns: 6rem auto max-content;
	}

	header > .wrapper > div {
		padding-left: 1rem;
	}
	header .header-search {
		position: relative;
		grid-column: auto;
		display: block;
		height: auto;
		min-width: auto;
		border-bottom: 1px solid #ddd;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		padding: 0;
	}
	header .header-search-form {
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		position: relative;
	}
	header .header-search-input {
		border: 0;
		box-shadow: 0 5px 6px -7px #ddd;
		border-radius: 0;
		width: 100%;
		min-width: auto;
		padding: 12px 20px;
		font-size: 16px;
		height: auto;
	}
	header .header-search-input[placeholder='Internal'] {
		padding: 12px 20px;
		width: 100%;
	}

	.header-search-button {
		position: static;
		border: 0;
		height: 100%;
		align-self: center;
		margin-right: 10px;
	}

	#socialMediaHeader .FSLmediaIcon.youtube {
		background-position: 0 0
	}
	#socialMediaHeader .FSLmediaIcon.twitter {
		background-position: -24px 0;
	}
	#socialMediaHeader .FSLmediaIcon.rss {
		background-position: -48px 0;
	}
	#socialMediaHeader .FSLmediaIcon.googlePlus {
		background-position: -72px 0;
	}
	#socialMediaHeader .FSLmediaIcon.github {
		background-position: -96px 0;
	}

	.btn-hamburger::before, .header-menu-button[aria-expanded=false]::before {
		opacity: 1;
		background-image: url('/images/hamburger.svg');
		transform: rotate(0deg);
		transition: transform 0.2s;
	}

	.btn-hamburger::before, .header-menu-button[aria-expanded=false]:hover {
		background-color: initial;
		transition: background-color 0.2s ease;
	}

	.btn-hamburger, .header-menu-button {
		display: block;
		height: 34px;
		margin: 0 1rem;
		right: 1rem;
		width: 34px;
		border: 1px solid var(--headerDividerColor);
		background: transparent;
		transition: background-color 0.2s ease, transform 0.2s ease;
		/*background-position: 50%;*/
		color: var(--white);
		position: relative;
	}

	div.wrapper .header-menu-button[aria-expanded=true]::before {
		/*background-color: var(--menuCloseBgColor);*/
		background-image: url('/images/menu-close.svg');
		background-repeat: no-repeat;
		transform: rotate(90deg);
		transition: transform 0.2s ease;
	}

	div.wrapper .header-menu-button[aria-expanded=true]:hover {
		background-color: var(--menuCloseBgColor);
		transition: background-color 0.2s ease;
	}

	:after, :before {
		text-decoration: inherit;
		vertical-align: inherit;
	}

	*, :after, :before {
		background-repeat: no-repeat;
		box-sizing: border-box;
	}

	.btn-hamburger::after, .btn-hamburger::before, .header-menu-button::after, .header-menu-button::before {
		content: " ";
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 34px;
		height: 34px;
		background-position: 50%;
		transition: background-color .2s ease,transform .2s ease;
	}

	.btn-hamburger:focus, .header-menu-button:focus {
		border-color: var(--hamburgerFocusBorderColor);
		outline: none;
	}

	.btn-hamburger:hover, .header-menu-button:hover {
		background-color: var(--hamburgerHoverBackgroundColor);
	}

	button:hover {
		transform: scale(1.1);
	}

	footer .wrapper.clearfix aside {
		width: 100%;
	}
}

@media print {
	* {
		background: transparent !important;
		color: #444 !important;
		text-shadow: none !important
	}
	a, a:visited {
		color: #444;
		text-decoration: underline
	}
	a:link:after {
		content: " (" attr(href) ")";
		font-size:.6em
	}
	abbr:after {
		content: " (" attr(title) ")"
	}
	.ir a:after {
		content: ""
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	tr, img {
		page-break-inside: avoid
	}
	@page {
		margin: 0.5cm
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3
	}
	h2, h3 {
		page-break-after: avoid;
	}
	h1 {
		font-size:larger
	}
	nav#siteNav {
		display:none
	}
	header * {
		display:none
	}
	header:before {
		content:"BYU \A Office of Research Computing";
		font-weight:bold
	}
	nav#breadcrumbs {
		border:0
	}
	#fsl-alerts {
		display:none
	}
	#content {
		border-top:1px solid #666;
		padding:.5em 0 0
	}
	#calendar {
		width:38%
	}
	#news {
		width:45%
	}
	#utilizationSummary {
		width:17%
	}
	#utilizationSummary table {
		width:100%
	}
	#utilizationSummary table td {
		width:33%
	}
	#utilizationSummary table td+td {
		text-align:right
	}
	#footer-bottom {
		margin:.3em 0 0;
		padding:1em 0;
		font-size:.6em;
		border-top:1px solid #ccc;
		border-bottom:1px solid #666;
		text-align:center
	}
	#footer-bottom p {
		padding:.1em 0;
	}
}