.saved {
	-moz-animation: saved 1s;
	-webkit-animation: saved 1s;
	animation: saved 1s;
}

@keyframes saved {
	0% {
		border-color: #e6e911;
		box-shadow: 0 0 1px 1px #d9da83;
	}

	25% {
		border-color: #04ff00;
		box-shadow: 0 0 1.5px 1.5px #97e195;
	}

	100% { border-color: #a9a9a9; }
}

@-webkit-keyframes saved {
	0% {
		border-color: #e6e911;
		box-shadow: 0 0 1px 1px #d9da83;
	}

	25% {
		border-color: #04ff00;
		box-shadow: 0 0 1.5px 1.5px #97e195;
	}

	100% { border-color: #a9a9a9; }
}

@-moz-keyframes saved {
	0% {
		border-color: #e6e911;
		box-shadow: 0 0 1px 1px #d9da83;
	}

	25% {
		border-color: #04ff00;
		box-shadow: 0 0 1.5px 1.5px #97e195;
	}

	100% { border-color: #a9a9a9; }
}


.updated {
	border-color: #e6e911;
	box-shadow: 0 0 1px 1px #d9da83;
	outline-color: #e6e911;
}

.validation-error {
	border-color: #fb5b5b;
	border-color: rgba(251, 91, 91, 1);
	box-shadow: inset 0 0 2px 2px #f5b5b5;
	box-shadow: inset 0 0 2px 2px rgba(245, 181, 181, 1);
	outline-color: #fb5b5b;
	outline-color: rgba(251, 91, 91, 1);
}

tr.error { font-weight: bold; }

.errorField {
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.3);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.overlay {
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.3);
	bottom: 0;
	left: 0;
	min-width: 960px;
	position: absolute;
	right: 0;
	top: 0;
}

.overlayForm {
	background-color: White;
	border-radius: 2px;
	box-shadow: 0 5px 10px #000000;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
	margin: 130px auto 0 auto;
	min-height: 54em !important;
}

.overlayForm ul {
	background: none;
	border-left: none;
	border-radius: 0;
	border-right: none;
	border-top: none;
}

.overlayForm div { border-color: #aaaaaa; }

.overlayForm input:focus {
	box-shadow: inset 0 0 2px 2px #d3d3d3;
	box-shadow: inset 0 0 2px 2px rgba(211, 211, 211, 0.5);
}

.overlayContainer { margin: 0 20px 20px 20px; }

div { border-radius: 2px; }

select {
	font-size: 1em;
	margin: 5px 0 6px 0;
	padding: 5px;
}




.formLabel {
	display: block;
	float: left;
	font-size: 16px;
	margin: 8px 0 6px;
	text-align: left;
}

.formLabelDisabled { color: gray; }

.errorText { color: red; }


/*  Server info   */

.serverInfo {
	-webkit-text-shadow: none;
	color: red;
	font-size: 15px;
	text-shadow: none;
}

.serverInfo span {
	color: #666;
	font-size: 12px;
}

.serverInfoLogin {
	-webkit-text-shadow: none;
	color: red;
	font-size: 12px;
	margin-top: 20px;
	padding: 2px 7px 5px 7px;
	text-align: right;
	text-shadow: none;
}

.serverInfoLogin span {
	color: #666;
	font-size: 16px;
}


.border-top {
	border-radius: 0;
	border-top: 1px solid #aaaaaa;
}

.border-left {
	border-left: 1px solid #aaaaaa;
	border-radius: 0;
}

.border-sides {
	border-left: 1px solid #aaaaaa;
	border-radius: 0;
	border-right: 1px solid #aaaaaa;
}



/* Reset some styles applied by the default Site.css */

fieldset {
	border: 1px solid var(--c_box_border);
	margin: 0;
	padding: 1em;
}

fieldset legend { display: block; }


.hidden { display: none; }


.main-container {
	background-color: white;
	border-radius: 0;
	margin-bottom: 1em;
	padding: 1em;
	min-height: 300px;
}

.testSet h1 { margin-top: 0; }

.page-header {
	background-color: var(--c_pageheader_background);
	color: white;
	font-size: 155%;
	min-height: 35px;
	padding-bottom: 8px;
	padding-top: 8px;
}

.overlay-header { margin-bottom: 8px; }


.page-header span { padding-left: 20px; }

.page-header .pageTitle { padding-left: 1em; }

.breadcrumb { padding: 7px; }

.textArea { min-height: 100px; }

.spinCorner { margin-top: 17px; }

.body-container {
	margin: 0 auto;
	max-width: 1440px;
	min-width: 960px;
	position: relative;
}

.timeAlert { background-color: red; }

.clock {
	color: white;
	display: inline;
	margin-right: 5px;
	padding: 0 10px;
	padding-right: 5px;
	text-align: right;
}

.closeDownWarningMessage {
	color: darkred;
	display: inline;
	font-size: 130%;
	font-weight: bolder;
	margin-right: 5px;
	padding-right: 5px;
}

.connectionProblemWarning {
	color: #DE7500;
	font-size: 21px;
	padding-left: 12px;
}

.participantNavBar { height: 100%; }

/* Bootstrap Popover overrides */

.popover { max-width: 500px; }

/* Render texts with line breaks */

.preWrapRender { white-space: pre-wrap; }


/* ======================================================
   Test sequence navigation
   ====================================================== */

.navigationButtonContainer {
	margin-top: 175px;
	position: fixed;
	text-align: center;
	vertical-align: middle;
	/*background-color: #04ff00;*/
}

.navigationButton {
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	color: var(--c_navigationbutton_background);
	cursor: pointer;
	font-size: 60px;
	transition: all 0.3s linear;
	top: 50%;
}

.navigationButton:hover {
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	color: var(--c_navigationbutton_hover_background);
	transition: all 0.3s linear;
}