* {
	margin: 0;
	padding: 0;
}

	/* overriding foundation's default styles that are currently effecting/overriding Metis styles*/
	*,
	*::before,
	*::after {
		box-sizing: unset;
	}

table tbody th, table tbody tr, table tbody td {
	padding: 0px;
	background-color: white;
}

table {
	margin-bottom: 0px;
}

	table tbody tr:nth-child(even) {
		border-bottom: 0;
	}

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

html {
	width: 100%;
	/*    background: #BbBBbb;
*/
}

body {
	width: 100%;
	height: 100%;
	/* front settings from screen.css */
	font-size: 10.5pt;
	line-height: 20px;
	font-family: "Open Sans",sans-serif;
	background-color: #F8F8F8;
}

h2 {
	font-family: "Montserrat",sans-serif;
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 1.563rem;
	/*    text-transform: uppercase;
*/ padding-bottom: 10px;
	text-shadow: none;
}

h3 {
	font-size: inherit;
	color: #676767;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 10px;
	text-shadow: none;
}

#container {
	width: 100%;
	height: auto;
}

#outerContainer {
	max-width: 1540px;
	margin: auto;
	padding: 0 20px 0 20px;
	position: relative;
	top: 25px;
}

#header {
	width: 100%;
	height: 85px;
	/*    background: white;
*/
	position: relative;
}

#headerline {
	float: left;
	height: 2px;
	width: 100%;
	/*default background if the browser is not compatible with css3 gradients*/
	background: #F2F2F2;
	/*Chrome and Safari*/
	background: -webkit-gradient(linear, left top, right top, from(#F2F2F2), to(#FFFFFF));
	/*Firefox*/
	background: -moz-linear-gradient(left, #FFFFFF, #F2F2F2);
	/*Internet Explorer*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#FFFFFF', GradientType=1);
	/*Opera*/
	background-image: -o-linear-gradient(left,rgb(242,242,242),rgb(255,255,255));
}

#logo {
	max-width: 1540px;
	position: relative;
	margin: auto;
}

	#logo img {
		width: 181px;
		position: relative;
		margin-top: 20px;
		margin-left: 20px;
	}

#main {
	float: left;
	background: white;
	width: 100%;
	height: auto;
	-webkit-box-shadow: 0 4px 20px rgba(92,133,150,.25);
	-moz-box-shadow: 0 4px 20px rgba(92,133,150,.25);
	box-shadow: 0 4px 20px rgba(92,133,150,.25);
	padding-bottom: 25px;
}

#content {
	margin: 35px 30px 30px 30px;
}

/*
.landingPageContent {
    margin: 10px 20px 30px 32px;
}
*/

.landingPageContent > .row > .columns {
	margin: 25px;
}


#footer {
	max-width: 1540px;
	margin: auto 20px auto 20px;
	height: 70px;
	color: #676767;
	position: relative;
	font-size: 0.800em;
	font-weight: 600;
	top: 30px;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;	
}

	#footer a:link, #footer a:visited {
		color: #676767;
		font-weight: normal;
	}

#testtakerSite {
	float: right;
	text-align: right;
}

#copyright {
	float: left;
}

/*---- FROM OLD CSS ----*/

td.done {
	/*background-color: #4E78AA;/*Original*/
	/*background-color: #7E9197; /*Gray*/
	background-color: #3D7ABF; /*Blue*/
}

td.notdone {
	/*background-color: #DFECFC;/*Original*/
	background-color: #DBDCDD; /*Gray*/
	/*background-color: #A5C8EE; /*Blue*/
}

.ErrorMessage {
	color: red;
}

.CounterText {
	font-size: 16pt;
	font-weight: bold;
	font-family: "Myriad Pro", "Trebuchet MS", Arial;
	color: #4c5260;
	/*border: 1px solid #4c5260;*/
	margin: 1px 1px 1px 1px;
	padding: 0px 3px 0px 3px;
	line-height: normal;
}

.ItemsLeftText {
	font-weight: bold;
	color: #4c5260;
	line-height: normal;
}

/*---- FROM OLD CSS END----*/

#navigation input, #navigation button {
	font-size: 0.9em;
	line-height: 20px;
	padding: 1px 6px;
}

#Culture {
	/*margin: 10px 0 10px 0;*/
}

a.report {
	background: url(../Content/Images/document_16x16.png) no-repeat top left;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px; /* hides the link text */
}

table.response-list {
	border-collapse: collapse;
}

	table.response-list tr.row-0 {
		background: #fff;
	}

	table.response-list tr.row-1 {
		background: #f0f0f0;
	}

	table.response-list td {
		padding: 2px 4px;
	}

	table.response-list th {
		padding: 2px 4px;
		text-align: left;
	}

.ControlContainer {
	padding-top: 20px;
	float: left;
	margin: auto;
	font-family: "Montserrat", sans-serif !important;
	text-transform: uppercase;
	display: block;
	width: 100%;
}

p span {
	display: inline-block;
}

.ui-mobile .ui-page-active {
	overflow-x: unset;
}

.ui-select {
	min-width: 280px;
	float: left;
}

.ui-input-text {
	min-width: 280px;
}

.selectInputText {
	position: relative;
}

.ui-corner-all {
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

.ItemInput .ui-input-text {
	width: 10px !important;
}

.listH2 {
	margin: 0 !important;
	line-height: 1em;
	padding: 0 !important;
}

.liMargin {
	margin-left: 10px !important;
}

.reportDownloadDiv {
	min-width: 130px;
	position: relative;
	float: right;
	top: -30px;
}

.DownloadClick {
	top: 43px !important;
	position: relative !important;
}

.assessmentReportLi {
	position: relative;
	min-height: 90px;
}

	.assessmentReportLi a {
		/*height: 90px !important;*/
		width: 100%;
	}

.ListDiv {
	/*max-width: 700px;*/
	margin: auto;
	position: relative;
	margin-bottom: 10px;
	/*float: left;*/
}

.ListDivLeft350 {
	/*float: left;*/
	/*min-width: 550px;*/
}



.ListThumb40 {
	padding: 10px;
	width: 40px;
	height: 40px;
}

.standardButton {
	background-color: #5B6B72 !important;
	color: #FFFFFF !important;
	font-weight: 400 !important;
	font-size: 14px;
}

	.standardButton:hover {
		background-color: #39AECA !important;
	}

@media only screen and (max-width: 1320px) {
	#logo img {
		margin-left: 21px;
	}
}

.ui-checkbox input {
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	margin: 0 !important;
	min-width: 36px !important;
}

.HealthBannerDiv {
	position: relative;
	margin: auto;
	text-align: center;
}

.HealthBannerTextSpan {
	position: relative;
	padding-left: 10px;
	font-family: "Montserrat",sans-serif;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 700;
	padding-top: 14px;
}

@media screen and (min-width: 40px) {

	.StatusTextDiv {
		width: 400px;
	}

	.HealthStatusDiv {
		width: auto;
	}

	.OverallStatusDiv {
		width: auto;
		padding: 15px;
	}

	.HealthStatusOKDiv {
		width: auto;
	}

	.HealthStatusWrapperDiv {
		width: auto;
	}
}

@media screen and (min-width: 420px) {

	.StatusTextDiv {
		width: 170px;
	}

	.HealthStatusDiv {
		width: 400px;
	}

	.HealthStatusOKDiv {
		width: 400px;
	}
}

@media screen and (min-width: 475px) {
	.OverallStatusDiv {
		font-size: 20px;
	}

	.StatusTextDiv {
		width: 268px;
	}

	.HealthStatusDiv {
		width: 400px;
	}

	.HealthStatusOKDiv {
		width: 400px;
	}
}

@media screen and (min-width: 500px) {
	.OverallStatusDiv {
		font-size: 24px;
	}

	.StatusTextDiv {
		width: 295px;
	}

	.HealthStatusDiv {
		width: 400px;
	}

	.HealthStatusOKDiv {
		width: 400px;
	}
}

@media screen and (min-width: 690px) {
	.OverallStatusDiv {
		font-size: 30px;
	}

	.StatusTextDiv {
		width: 365px;
	}

	.HealthStatusDiv {
		width: 400px;
	}

	.HealthStatusOKDiv {
		width: 400px;
	}

	.ListDiv {
		/*min-width: 550px;*/
	}
}

.StatusTextDiv {
	margin: auto;
}

.OverallStatusDiv {
	position: relative;
	/*padding-left: 10px;*/
	font-family: "Montserrat",sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	width: 400px;
}

.HealthStatusDiv {
	position: relative;
	text-align: center;
	line-height: 50px;
	min-height: 50px;
	margin: auto;
	background-color: green;
	animation-name: statuscheck;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	color: white;
}

.HealthStatusOKDiv {
	margin-top: 20px;
	position: relative;
	text-align: center;
	line-height: 50px;
	min-height: 50px;
	margin: auto;
	background-color: green;
	color: white;
}

.HealthStatusErrorDiv {
	margin-top: 20px;
	position: relative;
	text-align: center;
	line-height: 50px;
	min-height: 50px;
	width: 400px;
	margin: auto;
	background-color: red;
	color: white;
}

@keyframes statuscheck {
	0% {
		background-color: green;
	}

	50% {
		background-color: yellow;
	}

	100% {
		background-color: green;
	}
}

.HealthStatusWrapperDiv {
	margin-top: 20px;
}

.HealthStatusGridDiv {
	display: table;
	width: 100%;
	margin-top: 40px;
}

.HealthStatusGridBodyDiv {
	display: table-row-group;
}

.HealthStatusGridRowDiv {
	display: table-row;
}

.HealthStatusGridWrapperDiv {
	margin: auto;
	padding-left: 15px;
	padding-right: 15px;
	max-width: 1000px;
}

.HealthStatusGridCellDiv {
	display: table-cell;
	padding: 10px 10px;
	border-bottom: 1px solid black;
}

.HealthStatusGridCellCenteredDiv {
	display: table-cell;
	padding: 10px 10px;
	text-align: center;
	border-bottom: 1px solid black;
}

	.HealthStatusGridCellCenteredDiv img {
		top: 3px;
		position: relative;
	}

.HealthStatusIcon {
	width: 24px;
	height: 24px;
}

.HealthStatusEnvironment {
	float: right;
	position: relative;
	/*    top: -155px;
    left: 7px;
*/
	padding: 15px;
}

.EnvironmentLabel {
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

@media screen and (min-width: 1px) {
	.HealthStatusGridCellDiv span {
		font-size: 2.0vw;
	}

	.HealthStatusGridCellCenteredDiv span {
		font-size: 2.0vw;
	}
}

@media screen and (min-width: 805px) {
	.HealthStatusGridCellDiv span {
		font-size: 12px;
	}

	.HealthStatusGridCellCenteredDiv span {
		font-size: 12px;
	}
}

@media screen and (min-width: 880px) {
	.HealthStatusGridCellDiv span {
		font-size: 14px;
	}

	.HealthStatusGridCellCenteredDiv span {
		font-size: 14px;
	}
}

@media screen and (min-width: 955px) {
	.HealthStatusGridCellDiv span {
		font-size: 16px;
	}

	.HealthStatusGridCellCenteredDiv span {
		font-size: 16px;
	}
}

@media screen and (min-width: 1260px) {
	.HealthStatusGridCellDiv span {
		font-size: 18px;
	}

	.HealthStatusGridCellCenteredDiv span {
		font-size: 18px;
	}
}


#HealthStatus {
	border-radius: 8px;
}


.UpperCaseTitle {
	text-transform: uppercase;
}

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

/*progress bar*/

.progress-bar-container {
	margin-bottom: 0px;
}

	.progress-bar-container .columns {
		padding-right: 0px;
		padding-left: 0px;
	}

.progress {
	/*    border-radius: 0px !important;
*/
	height: 20px !important;
}

.progress-meter {
	/*    border-radius: 0px !important;
*/
	background-color: #3D7ABF !important;
	height: 20px !important;
}

.header-row {
	display: block;
	text-align: center;
	height: 41px;
}

.input-container input {
	margin-left: 33% !important;
	margin: -7px 0px 0px 0px;
}

.custom-row {
	height: 30px;
	margin-top: -7px;
	line-height: 1.5;
	margin-bottom: 7px;
}


/*Tables*/

.rating-tr {
	background-color: white !important;
}


	.rating-tr > td {
		border-top: 1px dotted lightgray;
	}

.rating-thead > .rating-td {
	border-top: none;
}

.rating-table {
	/*width: 65%;*/
	margin: auto;
}

/* medium devices */
@media screen and (max-width: 970px) {
	.rating-table {
		width: 100%;
	}
}


.rating-table .rating-td {
	padding: 0px;
}

.rating-table tr:nth-child(even) {
	background-color: white;
}

.rating-thead .rating-td {
	padding: 0px;
}

.btn-original-size {
	width: 86px;
}

.rotation-hint-container {
	display: none;
}

.generic-error-message {
	display: none;
	color: #E00000;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
}

.master-trademarks-footer {
	display: block;
}

/* Medium screens*/
@media screen and (min-width: 1025px) {
	.input-container label {
		display: none;
	}
}

/*Target only iOS devices stop remove this, which fixed thead landscape BRIGHT issue*/
@supports (-webkit-overflow-scrolling: touch) {
	.input-container label {
		display: block;
	}
}

/* max-width 639px, desktop browser styles */
@media screen and (max-width: 1024px) {
	.rating-table, .rating-tbody, .rating-tr, .rating-th, .rating-td {
		display: block;
		/*text-align: left;*/
	}

	.rating-thead {
		display: none;
	}

	.ItemHorizontalSelectOptionEven, .ItemHorizontalSelectOptionOdd {
		height: 32px !important;
		background: none !important;
	}

	.ItemHorizontalSelectText, ItemHorizontalSelectTextError {
		/*font-size: 13pt;*/
		background-color: #3D7ABF;
		color: white;
		padding-left: 5px;
		white-space: unset !important;
		/*height: auto;
        min-height: 28px;
        padding: 0.7% 1.5% 1.3% 1.5% !important;*/
	}

	.rating-tr {
		border: 1px solid #3D7ABF !important;
		padding: 0px 0px 20px 0px;
		margin: 10px 0px !important;
		height: auto;
		background-color: white !important;
		width: 100% !important;
	}

	.rating-td .ui-radio input {
		top: -30px !important;
	}

	.rating-td .ui-btn {
		font-weight: normal !important;
		background-color: white;
		padding-bottom: .3em;
	}

	.rating-td .ui-btn {
		border-width: 0px !important;
	}

		.rating-td .ui-btn:hover {
			background-color: #2ba6cb;
		}

	#content {
		margin: 10px 5px 5px 5px;
	}

	.landingPageContent {
		/*margin: 10px 5px 5px 32px;*/
	}

	#outerContainer {
		padding: 0 5px 0 5px;
		top: 5px;
	}

	.progress-bar-container {
		margin-right: 10px;
	}

	.ControlContainer {
		/*padding-top: 0px;*/
		float: none;
	}

	.ItemInput .ui-input-text {
		width: 100% !important;
	}

	.ui-select {
		min-width: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		float: none;
		width: 100%;
	}

	.ItemHeader, TD.ItemHeader {
		padding-bottom: 0px !important;
		padding-top: 10px !important;
	}

	.btn-original-size {
		width: auto;
	}

	.rating-tr-error {
		border: 2px solid #E00000 !important;
	}

	td .InvalidEntryStyle {
		border-left: solid 0px #E00000 !important;
		margin-left: 0px;
		/*background-color: #3D7ABF !important;*/
		color: white;
		height: auto;
	}

	.rating-td .InvalidEntryStyle {
		border-left: solid 0px #E00000 !important;
		margin-left: 0px !important;
		background-color: #3D7ABF !important;
		color: white;
		height: auto;
		min-height: 28px;
		padding: 6px 0px 4px 5px !important;
	}

	.ItemErrorMessage, .PageFooterErrorMessage {
		/*display: none !important;*/
	}

	.master-trademarks-footer {
		display: none !important;
	}

	#footer {
		top: 35px;
		position: relative;
		clear: both;
	}

	#copyright {
		float: none;
		text-align: center;
	}

	#testtakerSite {
		float: none;
		text-align: center;
	}

	#footer p {
		line-height: 0.3 !important;
	}

	.ui-radio:after {
		content: "";
		position: absolute;
		z-index: 2;
		top: -9%;
		bottom: 49px;
		left: 20px;
		border-left: 2px dotted lightgray;
		transform: translate(-50%);
	}

	.rating-tr .ItemHorizontalSelectText + .rating-td .ui-radio:after {
		top: 10px !important;
	}
}

/*for mobile devices, tablets and phones*/
/*639*/
@media screen and (max-device-width: 1024px) {
	.rating-table, .rating-tbody, .rating-tr, .rating-th, .rating-td {
		display: block;
		text-align: left;
	}

	.rating-thead {
		display: none;
	}

	.ItemHorizontalSelectOptionEven, .ItemHorizontalSelectOptionOdd {
		height: 32px !important;
		background: none !important;
	}

	.ItemHorizontalSelectText, ItemHorizontalSelectTextError {
		font-size: 13pt;
		white-space: normal !important;
		background-color: #3D7ABF !important;
		color: white;
		height: auto;
		min-height: 28px;
		padding: 0.7% 1.5% 1.3% 1.5% !important;
	}

	.rating-tr {
		border: 1px solid #3D7ABF !important;
		padding: 0px 0px 20px 0px;
		margin: 10px 0px !important;
		height: auto;
		background-color: white !important;
		width: 100% !important;
	}

	.rating-td .ui-radio input {
		top: -30px !important;
	}

	.rating-td .ui-btn {
		font-weight: normal !important;
		background-color: white;
		padding-bottom: .3em;
	}

	.rating-td .ui-btn {
		border-width: 0px !important;
	}

		.rating-td .ui-btn:hover {
			/*background-color: #2ba6cb;*/
		}

	#content {
		margin: 10px 5px 5px 5px;
	}

	.landingPageContent {
		/*margin: 10px 5px 5px 32px;*/
	}

	#outerContainer {
		padding: 0 5px 0 5px;
		top: 5px;
	}

	.progress-bar-container {
		margin-right: 10px;
	}

	.ControlContainer {
		/*padding-top: 0px;*/
		float: none;
	}

	.ItemInput .ui-input-text {
		width: 100% !important;
	}

	.ui-select {
		min-width: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		float: none;
		width: 100%;
	}

	.ItemHeader, TD.ItemHeader {
		padding-bottom: 0px !important;
		padding-top: 10px !important;
	}

	.btn-original-size {
		width: auto;
	}

	.rating-tr-error {
		border: 2px solid #E00000 !important;
	}

	td .InvalidEntryStyle {
		border-left: solid 0px #E00000 !important;
		margin-left: 0px;
		background-color: #3D7ABF !important;
		color: white;
		height: auto;
	}

	.rating-td .InvalidEntryStyle {
		border-left: solid 0px #E00000 !important;
		margin-left: 0px !important;
		background-color: #3D7ABF !important;
		color: white;
		height: auto;
		min-height: 28px;
		padding: 6px 0px 4px 5px !important;
	}

	.ItemErrorMessage, .PageFooterErrorMessage {
		display: none !important;
	}

	.master-trademarks-footer {
		display: none !important;
	}

	#footer {
		top: 15px;
		display: inline-table;
		margin: auto;
		width: 100%;
	}

	#copyright {
		float: none;
		text-align: center;
	}

	#testtakerSite {
		float: none;
		text-align: center;
	}

	#footer p {
		line-height: 0.3 !important;
	}

	.rating-tr .ui-radio:after {
		content: "";
		position: absolute;
		z-index: 2;
		top: -9%;
		bottom: 49px;
		left: 20px;
		border-left: 2px dotted lightgray;
		transform: translate(-50%);
	}

	.rating-tr .ItemHorizontalSelectText + .rating-td .ui-radio:after {
		top: 10px !important;
	}
}

/** Provide hint or information message asking user to rotate the device to landcape mode*/
@media screen and (max-width: 639px) and (max-device-width: 639px) and (orientation : portrait) {
	.rotation-hint-container {
		background-color: darkgray;
		position: absolute;
		opacity: 0.8;
		top: 0;
		left: 0;
		bottom: 0;
		width: 150vh;
		height: 100vh;
		display: block;
		overflow: hidden;
		z-index: 999;
	}

	.rotation-hint {
		position: absolute;
		font-weight: bold;
		top: 0;
		bottom: 60%;
		left: 0;
		right: 50%;
		width: 35%;
		height: 100px;
		margin: auto;
		background-color: white;
		opacity: 1;
		vertical-align: middle;
		text-align: center;
	}
}

@media screen and (max-width: 560px) and (max-device-width: 560px) and (orientation : portrait) {
	.rotation-hint {
		right: 55%;
		height: 120px;
	}
}
/*iphone 6 plus*/
@media screen and (max-width: 414px) and (max-device-width: 414px) and (orientation : portrait) {
	.rotation-hint {
		right: 63%;
		height: 120px;
		width: 25%;
	}
}
/*iphone 6*/
@media screen and (max-width: 375px) and (max-device-width: 375px) and (orientation : portrait) {
	.rotation-hint {
		right: 62.5%;
		height: 120px;
		width: 25%;
	}
}
/*iphone 5*/
@media screen and (max-width: 320px) and (max-device-width: 320px) and (orientation : portrait) {
	.rotation-hint {
		right: 65%;
		width: 20%;
		height: 125px;
	}
}


.boxed-security-policy {
	float: right;
	margin: 14px 14px 7px 0px;
	width: 250px;
	background-color: #f2f2f2;
	border: 1px solid #bbb;
	padding: 10px;
	position: relative;
	z-index: 1;
	word-break: break-word;
}

@media screen and (max-width: 639px) {
	.boxed-security-policy {
		width: auto;
		margin: 2px 2px 20px 2px;
		float: none;
	}
}

.closePolicyLink {
	position: absolute;
	top: 2px;
	right: 2px;
}

.indexSectionTitleLi {
	background-color: #3D7ABF !important;
	margin-top: 10px;
}

	.indexSectionTitleLi h2 {
		color: white;
		margin: 0 !important;
		padding: 0 !important;
		text-align: center;
	}

.assessmentTitleLi {
	background-color: #3D7ABF !important;
	margin-top: 10px;
	border-color: #3D7ABF !important;
}

	.assessmentTitleLi h2 {
		color: white;
		margin: 0 !important;
		padding: 0 !important;
		/*        text-align: center;
*/
	}

.fullNameDiv {
	position: relative;
	background-color: #3D7ABF !important;
	width: 100%;
}

	.fullNameDiv h2 {
		color: white;
		margin: 0px 0px 0px 0px !important;
		text-align: center;
	}

/*.fullNameLeftDiv {
    position: absolute;
    background: url('./Images/AssetCollection.png') 0 0;
    width: 33px;
    height: 35px;
}

.fullNameRightDiv {
    position: relative;
    background: url('./Images/AssetCollection.png') 40px 0;
    width: 33px;
    height: 35px;
    float: right;
    top: -45px;
}*/

.ConsentTextDiv {
	position: relative;
	margin-bottom: 15px;
	/*display: inline-block;*/
}

	.ConsentTextDiv:after {
		clear: both;
	}

.ConsentText {
	float: left;
	width: calc(100% - 104px);
	margin: 10px;
}

.ConsentTextWarningLeft {
	position: relative;
	width: 32px;
	height: 32px;
	margin-top: 13px;
	margin-left: 10px;
}

.ConsentAcceptDiv {
	display: block;
	position: relative;
	cursor: pointer;
	margin: auto;
	margin-bottom: 20px;
	margin-top: 15px;
}

.ConsentAcceptDivError {
	display: block;
	position: relative;
	cursor: pointer;
	margin: auto;
	margin-bottom: 20px;
	margin-top: 15px;
	-webkit-animation: glowing 1500ms infinite;
	-moz-animation: glowing 1500ms infinite;
	-o-animation: glowing 1500ms infinite;
	animation: glowing 1500ms infinite;
}

.ListDivDisabled {
	opacity: 0.1;
	filter: alpha(opacity=60);
	background-color: #000000;
	z-Index: 1000;
	-webkit-transition: opacity 2s; /* For Safari 3.1 to 6.0 */
	transition: opacity 2s;
}

.ListDivOverlay {
	margin-right: 20px;
}

.WarningImage {
	position: relative;
	margin-top: 4px;
	float: left;
	margin-right: 10px;
}

@-webkit-keyframes glowing {
	0% {
		background-color: #B20000;
		-webkit-box-shadow: 0 0 3px #B20000;
	}

	50% {
		background-color: #FF0000;
		-webkit-box-shadow: 0 0 40px #FF0000;
	}

	100% {
		background-color: #B20000;
		-webkit-box-shadow: 0 0 3px #B20000;
	}
}

@-moz-keyframes glowing {
	0% {
		background-color: #B20000;
		-moz-box-shadow: 0 0 3px #B20000;
	}

	50% {
		background-color: #FF0000;
		-moz-box-shadow: 0 0 40px #FF0000;
	}

	100% {
		background-color: #B20000;
		-moz-box-shadow: 0 0 3px #B20000;
	}
}

@-o-keyframes glowing {
	0% {
		background-color: #B20000;
		box-shadow: 0 0 3px #B20000;
	}

	50% {
		background-color: #FF0000;
		box-shadow: 0 0 40px #FF0000;
	}

	100% {
		background-color: #B20000;
		box-shadow: 0 0 3px #B20000;
	}
}

@keyframes glowing {
	0% {
		background-color: #B20000;
		box-shadow: 0 0 3px #B20000;
	}

	50% {
		background-color: #FF0000;
		box-shadow: 0 0 40px #FF0000;
	}

	100% {
		background-color: #B20000;
		box-shadow: 0 0 3px #B20000;
	}
}

@supports (-webkit-overflow-scrolling: touch) {
	/* CSS specific to iOS devices */
	*,
	*::before,
	*::after {
		clear: both;
	}
}

.PinCodeContainerDiv {
	/*max-width: 850px;*/
	background-color: white;
	padding: 10px;
	padding-top: 45px;
	margin: auto;
}

.ButtonHover {
	cursor: pointer;
}

.PinCodeColumn {
	top: 20px;
	position: relative;
}

.PinHelpIcon {
	margin-right: 7px;
}

.PinHR {
	margin-top: 45px;
}

.PinCodeTextBox {
	padding-top: 7px;
	padding-left: 5px;
}

.dashboardAssessmentNameUl{
	list-style-type: none;
	font-weight: 400;
    font-size: small;
}

.dashboardAssessmentNameLi{

}

.leftColNameContainer{
	display:inline-block;
}

	.leftColNameContainer h2{
		display: contents !important;
	}

	.leftColNameContainer p{
		display: contents !important;
	}

.testStatusIcon{
	padding-top: 0px;
    padding-right: 0;
    width: 30px;
    height: 30px;
    top: -5px;
    position: relative;
}

.rightCol{
	left: -15px;
	position:relative;
}

.dashboardDownloadButton{
	position: absolute;
    right: 0;
	bottom: 0;
    top: 0;
}

.dashboardNoResultsContainer{
	margin: auto;
	display:table;
}

.dashboardNoResults{
	display: table-cell;
	padding: 10px;
	background-color:#f2f2f2;
	box-shadow: 2px 2px 6px -2px;
}

img {
	pointer-events: none;
}

* {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}