@charset "UTF-8";
/* CSS Document */
/* AIR Test Delivery System - Login Shell CSS main file - version 2018 */
/* This file is being prepared for release 11.0 and higher.*/

/* @group reset statement */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* @end */


/* @group font-face definitions */
@font-face{
	font-family:'inconsolata';
	src:url('../fonts/inconsolata.eot');
	src: url('../fonts/inconsolata.eot?#iefix') format('embedded-opentype'),
         url('../fonts/inconsolata.woff') format('woff'),
         url('../fonts/inconsolata.ttf') format('truetype'),
         url('../fonts/inconsolata.svg#inconsolatamedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* icon font */
@font-face{
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot') format('embedded-opentype'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* @end */


/* @group AIR Button Styles Import */
.air-btn-container,
.mode_Student.yui-skin-sam .yui-panel .ft{
			/*box-shadow: 0 0 3px 0 #ccc;
			margin-bottom: 1em;
			padding: 2em;*/
			display:-webkit-flex;
			display: flex;
			-webkit-flex-direction: row;
			flex-direction: row;
			-webkit-justify-content: center;
			justify-content: center;
}
.browserDeniedOptions .air-btn-container{
	margin-top: 1em;
}
.air-btn-container.air-btn-flex-left{
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.air-btn-container .air-btn,
.mode_Student.yui-skin-sam .yui-panel .ft button,
.tds-card .tds-collapse-control .tds-collapse-button,
.actions.air-btn-container span button{
			font-size: 1.5em;
			font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
			min-width: 6.35em;
			max-width: 15em;
			background-color: #efefef;
			border: none;
			line-height: 1.5em;
			padding: .7em;
			color: #000;
			margin: 0 .5em;
			border: solid 1px #efefef;
			transition: all .2s linear;
			cursor: pointer;		
}
.mode_Student.yui-skin-sam .yui-panel .ft button{ border-radius: 0;}
.air-btn-container a.air-btn,
.mode_Student.yui-skin-sam .yui-panel .ft button,
.actions.air-btn-container span button{
	text-decoration: none;
	font-weight: 400;
	text-align: center;
}
.air-btn-container .air-btn:focus, 
.air-btn-container .air-btn:active, 
.air-btn-container .air-btn:hover,
.mode_Student.yui-skin-sam .yui-panel .ft button:focus,
.mode_Student.yui-skin-sam .yui-panel .ft button:active,
.mode_Student.yui-skin-sam .yui-panel .ft button:hover,
.tds-card .tds-collapse-control .tds-collapse-button:focus,
.tds-card .tds-collapse-control .tds-collapse-button:hover,
.tds-card .tds-collapse-control .tds-collapse-button:active,
.actions.air-btn-container span button:hover,
.actions.air-btn-container span button:focus,
.actions.air-btn-container span button:active{
			border-color: #009FFF;
			background-color: #767676;
			color: #fff;
			outline: none;
			-webkit-box-shadow: inset 0px 0px 2em -.3em rgba(42,42,42,.7);
			-moz-box-shadow: inset 0px 0px 2em -.3em rgba(42,42,42,.7);
			box-shadow: inset 0px 0px 2em -.3em rgba(42,42,42,.7);
}	
.air-btn-container .air-btn:disabled, 
.air-btn-container .air-btn:disabled:hover, 
.air-btn-container .air-btn:disabled:active,
.air-btn-container .air-btn:disabled:focus, 
.air-btn-container .air-btn[aria-disabled="true"], 
.air-btn-container .air-btn[aria-disabled="true"]:hover, 
.air-btn-container .air-btn[aria-disabled="true"]:active, 
.air-btn-container .air-btn[aria-disabled="true"]:focus,
.actions.air-btn-container span.disabled button,
.actions.air-btn-container span.disabled button:hover,
.actions.air-btn-container span.disabled button:focus,
.actions.air-btn-container span.disabled button:active{
			color: #A4A4A4;
			background-color: rgba(239,239,239,0.3);
			cursor: default;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			border: dotted 1px rgba(239,239,239,0.8);
}
		.air-btn-container .air-btn[aria-disabled="true"]:focus{
			border: solid 1px rgba(95,156,255,0.2);
}
.air-btn-container .air-btn-primary,
.actions.air-btn-container span.positive button{
			background-color: #118851;
			color: #fff;
			border-color: #118851;
}
.air-btn-container .air-btn-primary:hover, 
.air-btn-container .air-btn-primary:active, 
.air-btn-container .air-btn-primary:focus,
.actions.air-btn-container span.positive button:hover,
.actions.air-btn-container span.positive button:active,
.actions.air-btn-container span.positive button:focus{
			background-color: #0B5633;
}
.air-btn-container .air-btn-negative,
.actions.air-btn-container span.negative button{
			background-color: #c0272e;
			color: #fff;
			border-color: #c0272e;
}
.air-btn-container .air-btn-negative:hover, 
.air-btn-container .air-btn-negative:active, 
.air-btn-container .air-btn-negative:focus,
.actions.air-btn-container span.negative button:hover,
.actions.air-btn-container span.negative button:active,
.actions.air-btn-container span.negative button:focus{
			background-color: #8d1d22;
}
.air-btn-container .air-btn-primary:disabled, 
.air-btn-container .air-btn-primary:disabled:hover, 
.air-btn-container .air-btn-primary:disabled:active,
.air-btn-container .air-btn-primary:disabled:focus, 
.air-btn-container .air-btn-primary[aria-disabled="true"], 
.air-btn-container .air-btn-primary[aria-disabled="true"]:hover,
.air-btn-container .air-btn-primary[aria-disabled="true"]:active,
.air-btn-container .air-btn-primary[aria-disabled="true"]:focus,
.actions.air-btn-container span.positive.disabled button,
.actions.air-btn-container span.positive.disabled button:hover,
.actions.air-btn-container span.positive.disabled button:active,
.actions.air-btn-container span.positive.disabled button:focus{
			background-color: rgba(17,136,81,0.03);
			border-color: rgba(17,136,81,0.1);
}
.air-btn-container .air-btn-primary[aria-disabled="true"]:focus{
			border-color: rgba(17,136,81,0.2);
}
.air-btn-container .air-btn-negative:disabled, 
.air-btn-container .air-btn-negative:disabled:hover, 
.air-btn-container .air-btn-negative:disabled:active,
.air-btn-container .air-btn-negative:disabled:focus, 
.air-btn-container .air-btn-negative[aria-disabled="true"], 
.air-btn-container .air-btn-negative[aria-disabled="true"]:hover, 
.air-btn-container .air-btn-negative[aria-disabled="true"]:active,
.air-btn-container .air-btn-negative[aria-disabled="true"]:focus,
.actions.air-btn-container span.negative.disabled button,
.actions.air-btn-container span.negative.disabled button:hover,
.actions.air-btn-container span.negative.disabled button:active,
.actions.air-btn-container span.negative.disabled button:focus{
			background-color: rgba(192,39,46,0.03);
			border-color: dotted 1px rgba(248,230,230,.8);
}
.air-btn-container .air-btn-negative[aria-disabled="true"]:focus{
			border-color: rgba(248,230,230,1);
}
/* @end */

/* customizing air button */
#tds-student-login .air-btn-container .air-btn,
.tds-stepper-container .air-btn-container .air-btn,
.tds-card .tds-collapse-control .tds-collapse-button,
.actions.air-btn-container span button{
	font-family: Helvetica, Arial, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif";
	font-size: 1em;
}
#tds-student-login .air-btn-container .air-btn:only-child,
#tds-student-login .air-btn-container .air-btn:only-of-type,
.tds-stepper-container .air-btn-container .air-btn:only-child,
.tds-stepper-container .air-btn-container .air-btn:only-of-type{
	margin: 0;
}

/* @end */


/* @group main page structure*/
body{
	font-family: "Helvetica", "Gill Sans", "Arial", sans-serif;
	color: #000;
	overflow: hidden;
}
#tds-banner{
	height: 70px;
	border-bottom: 1px solid #e0e0e0;
}
#tds-content{
	display: block;
	position: static;
	top: 70px;
	height: calc(100vh - 70px - 4.5em);
	overflow: auto;
	padding-bottom: 0em;
	/* CSS pattern background */
	background:
		linear-gradient(-115deg, rgba(0,0,0,0.01) 60%, rgba(0,0,0,0.05) 70%, transparent 0%) 0 0,
		linear-gradient(-75deg, rgba(0,0,0,0.01) 40%, rgba(0,0,0,0.06) 49%, transparent 0%) 0vw 0,
		linear-gradient(-125deg, rgba(0,0,0,0.01) 20%, rgba(0,0,0,0.06) 40%, transparent 0%) 0vw 0,
		linear-gradient(-23deg, rgba(0,0,0,0.01) 10%, rgba(0,0,0,0.06) 20%, transparent 0%) 0vw 0;
}
#tds-bottom{
	position: absolute;
	box-sizing: border-box;
	bottom: 0px;
	min-height: 5.5em;
	padding: 0.5em 1em;
	border-top: 1px solid #1d315c;
	display: block;
	background-color: #fff;
	width: 100vw;
}
.copyright {
    background: #fafafa;
    bottom: 0;
    left: 0;
    padding: 0.5em;
    position: fixed;
    right: 0;
    text-align: right;
    z-index: 2;
    font-size: 12px;
    color: #333;
}
.footerCAIText {
    font-weight: bold;
}
/* @end */


/* @group Banner styles */
#clientLogo{
	overflow: hidden;
	width: 0;
	height: 0;
	display: inline-block;
	padding: 60px 160px 0 0;
	/*border: 1px solid red;*/
	margin: 8px 0px 0 25px;
}
#tds-userInfo{
	position: absolute;
	top: 0;
	right: 20px;
	font-size: 12px;
}
.tds-login-page #tds-userInfo{ display: none;}
#tds-bannerButtons{
	position: absolute;
	right: 20px;
	top: 18px;
}
#tds-bannerButtons li{
	display: inline-block;
	vertical-align: middle;
}
#tds-bannerButtons li a,
#tds-bannerButtons li button{
	border: 1px solid #666561;
	border-radius: 50%;
	height: 0;
	width: 0;
	padding: 45px 45px 0 0;
	overflow: hidden;
	display: block;
	background-color: #fff;
	margin: 1px 2px;
	position: relative;
}
#tds-bannerButtons li a:hover,
#tds-bannerButtons li button:hover,
#tds-bannerButtons li a:focus,
#tds-bannerButtons li button:focus,
#tds-bannerButtons li a:active,
#tds-bannerButtons li button:active{
	background-color: #0c779f;
	transition: 2px background-color;
	color: #fff;
	border: 2px solid #fff;
	box-shadow: 0px 0px 3px 0px #000;
	margin: 0px 1px;
}
#tds-bannerButtons li a:before,
#tds-bannerButtons li button:before{
	color: #0e6636;
	content: ' ';
	font-family: 'icomoon';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -15px;
	display: block;
	font-size: 30px;
	text-shadow: 0px 0px 1px 0 #efefef;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: normal;
}
#tds-bannerButtons li a:hover::before,
#tds-bannerButtons li a:focus::before,
#tds-bannerButtons li a:active::before,
#tds-bannerButtons li button:hover::before,
#tds-bannerButtons li button:focus::before,
#tds-bannerButtons li button:active::before
{
	color: #fff;
	transition: 2px color;
}
#tds-bannerButtons li a.instructionsButton:before,
#tds-bannerButtons li button.instructionsButton:before{
	content: '\e90f';
	margin: -16px 0 0 -16px;
}
#tds-bannerButtons li a.settingsButton:before,
#tds-bannerButtons li button.settingsButton:before{
	content: '\e618';
}
#tds-bannerButtons li a.closeButton:before,
#tds-bannerButtons li button.closeButton:before{
	content: '\e61f';
	margin: -18px 0 0 -12px;
}
#tds-bannerButtons li a.logOutButton:before,
#tds-bannerButtons li button.logOutButton:before{
	content: '\e9b6';
	margin: -14px 0 0 -15px;
}
/* additional close button styles because card factory won't control it in Offline Pages */
#tds-bannerButtons li a.closeButton{
	display: none;
	visibility: hidden;
}
.browser_airsecurebrowser #tds-bannerButtons li a.closeButton{
	display: block;
	visibility: visible;
}
/*Hide close on iOS/Android */
.platform_ios #tds-bannerButtons li a.closeButton,
.platform_ios #tds-bannerButtons li button.closeButton,
.platform_android #tds-bannerButtons li a.closeButton,
.platform_android #tds-bannerButtons li button.closeButton{
	display: none;
	visibility: hidden;
}
/* @end */

/* @group accommodations UI */
	.tds-card .tds-accs-group{
		margin: 1em 0;
	}
/* @end */

/* @group middle region styles */
#tds-content-area{
 	/* normal page width pending */
	margin: 50px auto 50px;
	display: block;
	position: relative;
	width: 90vw;
	max-width: 900px;
}
.tds-login-page #tds-content-area{
	width: 26.1em;
	max-width: 90vw;
	/*animation-name: card-slide;
	animation-duration: 0.5s;*/
}

/* Google inspired card */
.tds-card{
	background-color: #fff;
	margin: 0em 0 1.8em 0;
	width: auto;
	box-shadow: 2px 2px 5px 0px #4c4c4c;
	padding: 1.5em 2em;
	position: relative;
}
.tds-login-page .tds-card{
	margin: 1.8em 0 1.8em 0;
	padding: 1.9em;
}
.tds-login-page ul.tds-card:first-child{
	margin-bottom: 0;
}
.tds-login-page ul.tds-card:last-of-type{
	margin-bottom: 3em;
}
.tds-card .tds-sub-card{
	border-top: 1px solid #efefef;
	margin: 0.9em -1.9em 0 -1.9em;
	padding: 0.9em 1.9em 0 1.9em;
}
.tds-card .tds-sub-card:first-child{
	border-top: none;
	margin-top: 0;
}
.tds-card .linkbox{
	display: block;
	background-color: #efefef;
	color: #2962ff;
	padding: 0.9em 2em;
	margin: 0 -2em;
	/*border-top: 1px solid #337ab7;
	border-bottom: 1px solid #337ab7;*/
}
.tds-card .linkbox a:hover,
.tds-card .linkbox a:active,
.tds-card a.linkbox:hover,
.tds-card a.linkbox:active{
	text-decoration: underline;
}

/* login page specific */
.tds-login-page .tds-card.login-form{
	padding: 0;
}

.tds-login-page form ul li,
.tds-login-page div.tds-login-toggle{
	padding: 1.9em;
	border-bottom: 2px solid #efefef;
	position: relative;
	display: block;
}
.tds-login-page label,
.tds-login-page .session-id fieldset legend{
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	margin-bottom: 0.25em;
}
/*sometimes labels have p?  why SBAC? */
.tds-login-page .tds-card.login-form label p{
	float: right;
}
.tds-login-page input{
	border: none;
	background-color: #efefef;
	font-size: 1.1em;
	border-bottom: 1px solid #1d315c;
	padding: 0.5em;
	margin-left: 40px;
	width: calc(100% - 40px - 1.2em);
	text-transform: uppercase;
}
.tds-login-page label:before,
.tds-login-page .session-id fieldset legend:before{
	position: absolute;
	left: 0.9em;
	top: 2em;
	width: 44px;
	height: 44px;
	font-family: icomoon;
	content: '\e900';	
	display: block;
	font-size: 30px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: normal;
}
.tds-login-page .student-name label:before{
	content: '\e94b';
}
.tds-login-page .student-id label:before{
	content: '\e949';
}
.tds-login-page .session-id fieldset legend:before{
	content: '\e9cb';
}
.tds-login-page input[type=text]:focus,
.tds-login-page input[type=text]:active{
	border-bottom: 3px solid #0078ff;
	font-weight: bold;
	background-color: transparent;
	transition: 0.7s border-color, 0.7s background-color;
	outline: 0;
}
/* special session ID parts */
.tds-login-page .session-id fieldset label{
	display: inline-block;
	height: 0;
	width: 0;
	overflow: hidden;
}
.tds-login-page .session-id fieldset label:before{
	content: '';
}
.tds-login-page .session-id fieldset input[type=text]{
	width: 3em;
	display: inline-block;
	margin-left: 0;
}
.tds-login-page .session-id fieldset input#loginSessionID1[type=text]:first-of-type {
    width: 4em;
    margin-left: 40px;
}
.tds-login-page .session-id fieldset input[type=text]:last-of-type {
    width: 2em;
}
/* @end */

/* @group card content */
.tds-card ul.tds-two-column-list {
	margin: -1.5em -2em 0 -2em;
}
.tds-card ul#diagnosticsDebug.tds-two-column-list{
	margin: -1.5em -2em 1em -2em;
}
.tds-card.networkDiagnostics .loadingAnimation{
	display: block;
	width: 208px;
	height: 13px;
	background-image: url(../Shared/Images/loadingAnimation.gif);
}
.tds-card ul.tds-two-column-list:last-child{
	margin-bottom: -1.4em;
}
#sectionTestResults.tds-card ul.tds-two-column-list{
	margin-bottom: 1em;
}
.tds-card ul.tds-two-column-list li{
	display: inline-block;
	border-bottom: 1px solid #efefef;
	padding: 1.5em 2em;
	width: calc(50% - 4.0em);
	font-weight: lighter;
}
.tds-card ul.tds-two-column-list li:last-child:nth-child(odd){
	/*if there is an odd number of list item, the last one gets full width */
  display: block;
  width: auto;
}
.tds-card ul.tds-two-column-list li strong{
	font-weight: bold;
	display: block;
	padding-bottom: 0.2em;
}
.tds-card .tds-toc-checkbox{
	font-size: 1.1em;
	font-weight: bold;
}
.tds-card .tds-toc-checkbox input[type="checkbox"]{
	-webkit-appearance: button;
    -moz-appearance:    button;
    appearance:         button;
	border: 1px solid #494949;
	background-color: #efefef;
	height: 1em;
	width: 1em;
	min-height: 44px;
	min-width: 44px;
	vertical-align: middle;
	position: relative;
}
.tds-card .tds-toc-checkbox input[type="checkbox"][checked="checked"]:before{
	content:  "\002714";
	font-size: 5em;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.tds-card .tds-toc-checkbox label{
	vertical-align: middle;
	padding-left: 1.1em;
}


/* disabled card & done cards */
.tds-card.tds-card-disabled{
    user-select: none;
    position: relative;
    opacity: 0.9;
}
.tds-card.tds-card-disabled:before,
.tds-card.tds-card-done:before{
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.tds-card.tds-card-disabled:before{
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,0.9);
    z-index: 1;
}
.tds-card.tds-card-done{
	position: relative;
}
.tds-card.tds-card-done:before{
    font-family: icomoon;
    content: '\e628';
    color: white;
    font-size: 1.5em;
    text-align: center;
    right: 0;
    left: auto;
    width: 1em;
    height: 1em;
    background: linear-gradient( 225deg, #118851 50%, transparent 50%);
    padding: 0.15em 0.15em 1.15em 1.15em;
}


/* @group Card Instructions */
.tds-card .actions,
.tds-card .instructions-bottom {
    padding-bottom: 0.4em; /*At least a paragraph's worth of bottom padding */
}
.tds-card .instructions-top,
.tds-card .instructions{
    padding-bottom: 1em;
}
/* @end */


/* Color adjustments */
.TDS_CCInvert .tds-speak-container .tds-speak-button,
.TDS_CCInvert .tds-card .checker,
.TDS_CCWhiteN .tds-speak-container .tds-speak-button,
.TDS_CCWhiteN .tds-card .checker{
	border-color: #fff;
}
.TDS_CCInvert .tds-speak-container .tds-speak-button:before,
.TDS_CCInvert .tds-card .checker:before,
.TDS_CCInvert .mode_Student.yui-skin-sam .yui-panel .hd,
.TDS_CCWhiteN .tds-speak-container .tds-speak-button:before,
.TDS_CCWhiteN .tds-card .checker:before,
.TDS_CCWHiteN .mode_Student.yui-skin-sam .yui-panel .hd{
	color: #fff;
}
.TDS_CCYellowB .tds-speak-container .tds-speak-button,
.TDS_CCYellowB .tds-card .checker{
	border-color: #fc0;
}
.TDS_CCYellowB .tds-speak-container .tds-speak-button:before,
.TDS_CCYellowB .tds-card .checker:before,
.TDS_CCYellowB .mode_Student.yui-skin-sam .yui-panel .hd{
	color: #fc0;
}
.TDS_CCInvert .tds-speak-container .tds-speak-button:hover,
.TDS_CCInvert .tds-speak-container .tds-speak-button:focus,
.TDS_CCInvert .tds-card .checker:hover,
.TDS_CCInvert .tds-card .checker:focus,
.TDS_CCWhiteN .tds-speak-container .tds-speak-button:hover,
.TDS_CCWhiteN .tds-speak-container .tds-speak-button:focus,
.TDS_CCWhiteN .tds-card .checker:hover,
.TDS_CCWhiteN .tds-card .checker:focus,
.TDS_CCYellowB .tds-speak-container .tds-speak-button:hover,
.TDS_CCYellowB .tds-speak-container .tds-speak-button:focus,
.TDS_CCYellowB .tds-card .checker:hover,
.TDS_CCYellowB .tds-card .checker:focus{
	border-color: #0785ab;
}
.TDS_CCInvert .tds-speak-container .tds-speak-button:hover:before,
.TDS_CCInvert .tds-speak-container .tds-speak-button:focus:before,
.TDS_CCInvert .tds-card .checker:hover:before,
.TDS_CCInvert .tds-card .checker:focus:before,
.TDS_CCWhiteN .tds-speak-container .tds-speak-button:hover:before,
.TDS_CCWhiteN .tds-speak-container .tds-speak-button:focus:before,
.TDS_CCWhiteN .tds-card .checker:hover:before,
.TDS_CCWhiteN .tds-card .checker:focus:before,
.TDS_CCYellowB .tds-speak-container .tds-speak-button:hover:before,
.TDS_CCYellowB .tds-speak-container .tds-speak-button:focus:before,
.TDS_CCYellowB .tds-card .checker:hover:before,
.TDS_CCYellowB .tds-card .checker:focus:before{
	color: #fff;
}


/* @group bottom region styles */
#tds-bottom #system-badge{
	display: inline-block;
	width: auto;
	min-width: 13em;
	max-width: 15.5em;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	margin-top: -1.15em;
	left: 1.5em;
}
#tds-bottom #system-badge .switch-system-message{ 
	display: none;
}
#tds-bottom #system-badge.badge-open .switch-system-message{
	display: block;
	position: absolute;
	bottom: 1.9em;
	background-color: #1d315c;
	color: #fff;
	padding: 1em;
	line-height: 1.2em;
	font-weight: lighter;
	box-shadow: 0px -5px 10px 0px #333;
}
#tds-bottom #system-badge .switch-system-message p{
	font-size: 1.1em;
	line-height: 1.3em;
	padding-bottom: 0.5em;
}
#tds-bottom #system-badge .switch-system-message strong,
#tds-content .tds-card strong{
	font-weight: bold;
}
#tds-bottom #system-badge .air-btn-container{
	margin-top: 1em;
	padding-bottom: 1.5em;
}
#tds-bottom #system-badge .badge{
	background-color: #1d315c;
	color: #fff;
	padding: 0.6em 0.6em 0.6em 1.8em;
	font-size: 0.9em;
	position: relative;
	z-index: 1;
}
#tds-bottom #system-badge .badge:before{
	background: url(../Shared/Images/op-badge.svg) no-repeat;
	width: 46px;
	height: 46px;
	position: absolute;
	left: -20px;
	top: -7px;
	display: block;
	content: ' ';
}

@media screen and (max-width: 903px){
	#tds-bottom #system-badge .badge{
		width: 0;
		padding: 0;
		overflow: hidden;
	}
	#tds-bottom #system-badge .badge:before{
		display: none;
	}
	#tds-bottom #system-badge:before{
		background: url(../Shared/Images/op-badge.svg) no-repeat;
		width: 46px;
		height: 46px;
		position: absolute;
		left: -20px;
		top: -7px;
		display: block;
		content: ' ';
	}
	.tds-mode-practice #tds-bottom #system-badge:before{
		background: url(../Shared/Images/pt-badge.svg) no-repeat
	}
}
#tds-bottom #launch-pad{
	display: none; /* hide launchpad on all pages but home */
}
.platform_ios .tds-allow-launch-pad #tds-bottom #launch-pad,
.platform_android .tds-allow-launch-pad #tds-bottom #launch-pad,
.platform_chrome.browser_airsecurebrowser .tds-allow-launch-pad #tds-bottom #launch-pad,
.platform_chrome.browser_airmobilesecurebrowser .tds-allow-launch-pad #tds-bottom #launch-pad,
.browser_airsecurebrowser.mobile .tds-allow-launch-pad #tds-bottom #launch-pad,
.browser_airsecurebrowser.chromeos .tds-allow-launch-pad #tds-bottom #launch-pad,
.browser_airmobilesecurebrowser.mobile .tds-allow-launch-pad #tds-bottom #launch-pad,
.browser_airmobilesecurebrowser.chromeos .tds-allow-launch-pad #tds-bottom #launch-pad{
	display: block;
	position: absolute;
	right: 1.5em;
	top: 0.5em;
}
.tds-allow-launch-pad #tds-bottom #launch-pad a{
	width: 0px;
	height: 0px;
	overflow: hidden;
	padding: 44px 44px 0 0;
	display: block;
}
.tds-allow-launch-pad #tds-bottom #launch-pad a:before{
	font-size: 44px;
	color: #EBEBEB;
	text-shadow: 0px 0px 2px #999;
	content: '\e932';
	font-family: icomoon;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.tds-allow-launch-pad #tds-bottom #launch-pad a:hover::before,
.tds-allow-launch-pad #tds-bottom #launch-pad a:focus::before,
.tds-allow-launch-pad #tds-bottom #launch-pad a:active::before{
	color: #1d315c;
}


/* BOOTSTRAP BADGE CANCEL - add to boot.less later */
#tds-bottom #system-badge .badge{
    display:inherit;
    min-width: unset;
    font-weight: inherit;
    text-align: left;
    text-wrap: unset;
    border-radius: 0;
}
/* @end */
#tds-bottom #system-badge .badge:empty{
	padding: 0;
}

/* @group other BOOTSTRAP CANCELs */
.tds-card .btn,
.tds-card .dropdown-menu{
	font-size: inherit;
}
/* @end */


/* @group text styles and other content design settings */
/* other global styles for text and regions */
#tds-content p,
#tds-bottom p,
.tds-card .actions{
    padding-bottom: 0.4em;
}
#tds-content .tds-card > p,
#tds-content .tds-card li,
#tds-content .tds-card > span,
#tds-content .tds-card .instructions,
#tds-content .tds-card .instructions-top,
#tds-content .tds-card .instructions-bottom{
	font-size: 0.9em;
	line-height: 1.3em;
}
#tds-content p.tds-subtitle{
	font-size: 1.1em;
	font-weight: lighter;
	padding-bottom: 1.6em;
}
.tds-login-page #tds-content p.tds-subtitle{
	display: none;
	visibility: hidden;
}
/* unordered list */
.tds-card > ul:not(.tds-accs-types),
#tds-content .tds-card .instructions > ul:not(.tds-accs-types),
#tds-content .tds-card .instructions-top > ul:not(.tds-accs-types),
#tds-content .tds-card .instructions-bottom > ul:not(.tds-accs-types){
	list-style-type: disc;
	list-style-position: inside;
}
.tds-card > ul li,
#tds-content .tds-card .instructions > ul li,
#tds-content .tds-card .instructions-top > ul li,
#tds-content .tds-card .instructions-bottom > ul li{
    padding: 0 0 0.4em 0.0em;
}
/* ordered list */
.tds-card > ol,
#tds-content .tds-card .instructions > ol,
#tds-content .tds-card .instructions-top > ol,
#tds-content .tds-card .instructions-bottom > ol,
#tds-content .tds-card .tds-recorder-instructions > ol{
    list-style-type: decimal;
    list-style-position: inside;
}
.tds-card > ol li,
#tds-content .tds-card .instructions > ol li,
#tds-content .tds-card .instructions-top > ol li,
#tds-content .tds-card .instructions-bottom > ol li{
    padding: 0 0 0.4em 0.0em;
}

/* set font color to "business blue" for these elements */
#userInfo, 
#tds-content h1,
.tds-login-page label,
.tds-login-page .session-id fieldset legend,
.tds-mode-practice .tds-login-toggle label strong{
	color: #1d315c;
}

/* @group img styles */
.tds-card .tds-inline{
	display: inline-block;
	vertical-align: top;
}

/* @group error styles */
.tds-error,
.parsley-errors-list{
	background-color: #eaabab;
	color: #890101;
	font-weight: bold;
	border-bottom: 0;
}
.tds-card ul.parsley-errors-list{
    margin: 1.5em -2em -1.5em -2em;
    padding: 0.5em 2em 0.5em 2em;
    list-style-type: none;
}
.tds-card ul.parsley-errors-list:empty{
	display: none;
	visibility: hidden;
}
input.tds-error{
	background-color: #eaabab;
	color: #890101;
	border-color: #890101;
}
.tds-login-page .tds-card.login-form input.tds-error{
  background-color: #efefef;
  color: #000 !important;
  border-bottom: #890101 2px solid;
  font-weight: normal;
}
.tds-login-page .tds-card.login-form input.tds-error:focus{
  border-width: 4px;
  background-color: transparent !important;
}

.tds-login-page .tds-card.login-form input::placeholder{
    font-weight: normal;
}
.tds-login-page .tds-card.login-form input.tds-error::placeholder{
   opacity: 1;
   color: #945E5F;
   font-weight: normal;
}
.tds-login-page .tds-card.login-form input.tds-error:focus,
.tds-login-page .tds-card.login-form input.tds-error:focus::placeholder{
	font-weight: bold;
}
.tds-login-page .tds-card.login-form input::-webkit-input-placeholder,
.tds-login-page .tds-card.login-form input:-moz-placeholder,
.tds-login-page .tds-card.login-form input:-ms-input-placeholder{
	 font-weight: normal;
}
.tds-login-page .tds-card.login-form input.tds-error::-webkit-input-placeholder,
.tds-login-page .tds-card.login-form input.tds-error:-moz-placeholder,
.tds-login-page .tds-card.login-form input.tds-error:-ms-input-placeholder{
	opacity: 1;
   color: #945E5F;
   font-weight: normal;
}
.tds-login-page .tds-card.login-form input.tds-error:focus::-webkit-input-placeholder,
.tds-login-page .tds-card.login-form input.tds-error:focus:-moz-placeholder,
.tds-login-page .tds-card.login-form input.tds-error:focus:-ms-input-placeholder{
	font-weight: bold;
}
.browser_edge .tds-login-page .tds-card.login-form input.tds-error:focus{	
	font-weight: bold;
}

.tds-card div.tds-error{
	padding: 0.9em 1.9em;
	border-bottom: 2px solid #890101;
	margin: -1.5em -2em 0.9em -2em;
}
.tds-login-page .tds-card div.tds-error{
	margin: 0;
}
.tds-login-page form ul li.tds-error{
	padding: 0.5em 1.9em;
	font-weight: normal;
}
/* @end */

/* headers */
#tds-content h1{
	font-size: 2.25em;
	font-weight: bold;
	padding-bottom: 0.2em;
}
.tds-login-page #tds-content h1{
	padding-bottom: 0;
}
#tds-content h2{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0.5em;
}
#tds-content h3{
    font-size: 1.1em;
    font-weight: bold;
}
/* Session IDs have Inconsolata font */
span.session-id,
.session-id input[type="text"]{
	font-family: inconsolata, monospace, serif;
	text-transform: uppercase;
}

/* @end */

/* @group hide stuff */

/* visual hidden but still read by a screen reader */
.tds-invisible{  
	display: block;
	overflow: hidden !important;
	width: 1px !important;
	height: 1px !important;
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	margin: 0 !important;
}
/*invisible + hidden from screen reader */
.tds-removed{ 
	display: none !important;
	visibility: hidden !important;
}
/* @end */



/* @group Practice Test Mode changes */
.tds-mode-practice #tds-bottom #system-badge.badge-open .switch-system-message,
.tds-mode-practice #tds-bottom #system-badge .badge{
	background-color: #118851;
}
.tds-mode-practice #tds-bottom #system-badge .badge::before{
	background: url(../Shared/Images/pt-badge.svg) no-repeat
}
.tds-mode-practice .tds-login-toggle .bootstrap-switch-wrapper{
	vertical-align: middle;
}
.tds-mode-practice .tds-login-toggle label{
	display: inline-block;
	font-weight: normal;
	color: #767676;
	font-size: 1.0em;
	vertical-align: middle;
	padding-left: 1em;
	max-width: 15em;
}
.tds-mode-practice .tds-login-toggle label strong{
	font-weight: bold;
	display: block;
	font-size: 1.1em;
	padding-bottom: 0.2em;
}
.tds-mode-practice .tds-login-toggle label:before{
	content: ' ';
}
.tds-mode-practice .tds-login-page form ul li{
	border-bottom: none;
}
.tds-mode-practice .tds-login-page form ul li.tds-login-toggle{
	border-bottom: 2px solid #efefef;
	padding: 1.9em;
}
/* @end */


/* @group Diagnostics link */
.tds-stepper-container #diagnostics {
	font-size: 0.9em;
	min-height: 1.5em;
	margin-top: 1em;
	line-height: 2em;
}
.tds-stepper-container #loginError #diagnostics {
	height: auto;
	min-height: 1.5em;
}
.tds-stepper-container #diagnostics .browserVersion {
    color: #565656;
    display: block;
    text-decoration: none;
    float: right;
}
.tds-stepper-container #loginError #diagnostics .browserVersion{
	float: none;
	text-align: right;
}
#tds-content .tds-card #diagnostics .browserVersion {
	text-align: left; /*cancel the above when inside Browser Denied */
}
.tds-stepper-container #diagnostics a {
    padding: 0 0.5em 0 1.5em;
  	position: relative;
    display: none;
    float: left;
    color: #1d315c;
}
.tds-mode-practice .tds-stepper-container #diagnostics a {
    display: block;
}
.tds-mode-practice .tds-stepper-container #diagnostics a:before{
  font-family: icomoon;
  content: '\e617';
  position: absolute;
  left: 0.2em;
}
.tds-mode-practice .tds-stepper-container #diagnostics a:hover,
.tds-mode-practice .tds-stepper-container #diagnostics a:focus{
  color: #fff;
  background: #1d315c; 
}
/* Hidding TTS Button on IE and Safari at all times during Diagnostics Page */
.browser_ie.browserVer_11 .tds-stepper-container #sectionDiagnostics .actions #btnDiagTTS,
.browser_safari .tds-stepper-container #sectionDiagnostics .actions #btnDiagTTS{
	display: none;
}

/* @group Android/iOS Scrolling bug fix */
body.platform_ios{
	overflow: hidden;
	position: fixed;
}
.platform_ios #tds-content,
.platform_android #tds-content,
.touch #tds-content{
	-webkit-overflow-scrolling: touch;
}
/* @end */

/* @group Cambium "Generic" Styles - put here so the system Defaults to this skin if there is no client styles */
#tds-banner{
	background: #fff;
}
#clientLogo {
    background: url(../../Cambium/images/cambium_logo.svg) no-repeat;
    background-position: left 3px;
    padding: 60px 165px 0px 0;
}
/* @end */

.hiddenLink{
    display: block;
    overflow: hidden;
     position: absolute;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
}
.hiddenLink:focus,
.hiddenLink:active{
    overflow: inherit;
    width: auto;
    height: auto;
    z-index: 1;
    padding: 5px;
    font-size: 1.5em;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, .9);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, .9);
	box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, .9);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    background-color: #0082ab;
    border: solid 1px #fff;
    text-decoration: none;
    font-weight: bold;
   	margin-top: 5px;
   	margin-left: 5px;
	clip: auto;
}


/* TDS-Offline Only */
#tds-content .tds-card p.tds-offline-coming-soon{
	display: block;
	color: #333333;
	text-shadow: 0px 0px 6px #666;
	text-align: center;
	font-size: 4em;
	padding-bottom: 0;
}
/* proctor background */
#htmlBody.tds-offline-body-proctor .tds-content{
	background: linear-gradient(top #fff 250px, #ccc 251px, #fff 578px);
}