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


/**
* Account pages (defaults)
------------------------------------*/
body.account-page {
	background: #409600 url(../../images/loginbg.jpg) no-repeat center center;
	background-size: cover;
	padding: 0;
}

body.account-page #main {
	padding: 0;
}

body.account-page .page-header .page-title {
	font-size: 34px;
	text-align: center;
}

body.account-page #account-box {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 0px 6px 0 rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 6px 0 rgba(0,0,0,0.4);
	box-shadow: 0px 0px 6px 0 rgba(0,0,0,0.4);
	/*margin: 50px auto;*/
	margin: 5% auto;
	max-width: 1000px;
	position: relative;
	z-index: 2;
}

@media(max-height: 740px) {
	body.account-page #account-box {
		margin: 30px auto;
	}
}

body.account-page #account-box #account-content {
	background: #fff;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	padding: 30px;
}

body.account-page .form-group .icon-wrapper {
	color: #707070;
	display: inline-block;
	font-size: 20px;
	height: 44px;
	line-height: 44px;
	padding: 0;
	text-align: center;
	position: absolute;
	left: 0;
}

body.account-page .form-group {
	padding: 0 0 0 35px;
	position: relative;
}

	body.account-page .form-group input[type="text"],
	body.account-page .form-group input[type="password"] {
		width: 100%;
		max-width: 500px;
	}

	body.account-page .form-group.fancy-checkbox {
		display: block;
		margin: 15px 0 15px 35px;
		padding: 0;
	}

body.account-page #account-box .left-col {
}

body.account-page #account-box .right-col {
	text-align: center;
}

body.account-page #account-box .login-logo {
	
}

body.account-page #account-box .login-logo img {
	margin: -40px 0 30px 0;
	width: 100%;
	max-width: 300px;
}

body.account-page #account-box #account-footer {
	background: #f0f0f0;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	color: #777;
	font-size: 0.85em;
	line-height: 1.2em;
	padding: 30px;
	text-align: center;
}




/**
* Login page
------------------------------------*/
body.account-page #login-form .page-header {
	border: none;
	margin-bottom: 20px;
}

body.account-page #login-form .right-col #login-logo img {
	max-width: 260px;
	margin: 0 0 30px 0;
}

body.account-page #login-form .right-col .description {
	font-size: 0.9em;
}

body.account-page #login-form form.logonForm {
	margin: 0 auto;
	max-width: 380px;
}

body.account-page #login-form .form-group.password {
	margin-bottom: 30px;
}

body.account-page #login-form .form-group.form-submit {
	margin-bottom: 30px;
	margin-top: 30px;
}

	body.account-page #login-form .form-group.form-submit .btn-submit {
		max-width: 400px;
	}

body.account-page #login-form .form-group.forgot-password p,
body.account-page #login-form .form-group.faq-link p {
	font-size: 0.9em;
	margin: 0 10px;
	text-align: center;
}




/**
* Reset Password page
------------------------------------*/
#reset-password {
	text-align: center;
}

	#reset-password form.logonForm {
		max-width: 400px;
	}

	#reset-password .form-group.cancel {
		margin-top: 40px;
	}

	#reset-password .btn-cancel {
		max-width: 180px;
	}




/**
* Logged Out pages
------------------------------------*/
.logged-out .container {
	min-width: 0;
}

.logged-out #header {
	height: auto;
	text-align: center;
}

	.logged-out #header #logo {
		padding: 10px;
	}

	.logged-out #header img {
		height: auto;
		width: 100%;
		max-width: 360px;
		margin: 0 auto;
	}



/*-----------------------------------------
*
* Privacy Policy
*
------------------------------------------*/
.page-plain #page {
	background: #f0f0f0;
}

.page-plain #main {}

.page-plain #main #main-content {
	background: #fff;
	padding: 20px 40px 40px 40px;
}





/*-----------------------------------------
* 
* Settings page
* 
------------------------------------------*/
body.setup-settings {}

body.setup-settings #settings {}

body.setup-settings #settings>.row {
	margin-bottom: 20px;
}

body.setup-settings #settings>.row>.col {}

body.setup-settings #settings .panel {
	border: 2px solid #ddd;
	height: 100%;
	margin: 0;
	padding: 20px;
}

body.setup-settings #settings .panel .panel-heading {
	border-bottom: 1px solid #ddd;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
}

body.setup-settings #settings .panel .panel-body {
	text-align: center;
}

body.setup-settings #settings .panel .panel-heading .title {
	font-size: 1.45em;
	position: relative;
}


/*
body.setup-settings #settings .panel .panel-heading .title .icon-wrapper {
	display: inline-block;
	font-size: 20px;
	margin: 0 5px;
	text-align: center;
}

body.setup-settings #settings .panel .panel-heading .title .icon-wrapper i {
	color: #868c93;
	font-size: 20px;
	margin: 0 5px;
}
*/

body.setup-settings #settings .panel .well {
	margin: 0;
	min-height: 140px;
}

body.setup-settings #settings .panel .description {}

body.setup-settings #settings .panel .switch {
	margin: 0 0 15px 0;
}

body.setup-settings #settings .panel p.button {}



/*-----------------------------------------
*
* Welcome page
*
------------------------------------------*/
body.setup-welcome {
	padding: 0;
}


body.setup-welcome .welcomeForm {
	text-align: center;
}

body.setup-welcome #dontShowAgain .alert {
	display: inline-block;
	margin-top: 30px;
	padding: 15px 20px;
}

body.setup-welcome #dontShowAgain .form-group {
	margin: 0;
}

    





/*-----------------------------------------
*
* Calibration page
*
------------------------------------------*/
body.setup-calibrate {
	padding: 0;
}

	body.setup-calibrate .ui-widget-content {
		border: 2px dashed #ccc;
	}

#calibrateInstructions {
	padding: 15px 20px;
}

	#calibrateInstructions p:last-child {
		margin: 0;
	}




/*-----------------------------------------
*
* Help page
*
------------------------------------------*/
body.help-page {
}

	body.help-page .panel .panel-body {
		min-height: 140px;
	}





/*-----------------------------------------
*
* About page
*
------------------------------------------*/
body.about-page {
}

	body.about-page #footer #kdt-copyright {
		display: block;
	}

#about-content {
}




/*--------------------------------------
*
* Teams page
*
*------------------------------------*/
.teams-page {
}

	.teams-page .page-header {
	}

		.teams-page .page-header #editButton {
			margin-left: 5px;
		}

	/*
.teams-page .page-header .header-buttons {
	float: right;
}

.teams-page .page-header .header-buttons .btn {
	min-width: 200px;
}
*/

	.teams-page #btnViewTeamWrapper {
		margin: 20px 0;
		text-align: center;
	}

		.teams-page #btnViewTeamWrapper .btn {
			max-width: 340px;
		}


/**
* Teams sidebar
*/
.sideTable table#teamListTable tr td.teamName {
	display: table-cell;
	width: 230px;
}

.sideTable table#teamListTable tr td.numberOfSubjects {
	display: table-cell;
	text-align: right;
	width: 60px;
}



/**
* Chart/Totals
*/
#teamDetailsSummary {
	position: relative;
	min-height: 450px;
}


	/* Pie Chart */
	#teamDetailsSummary .PieChartLayout {
		position: absolute;
		left: 100px;
		top: 25px;
		z-index: 1;
	}

@media(max-width: 1400px) {
	#teamDetailsSummary .PieChartLayout {
		left: 0;
	}
}


/* Chart Key */
#teamDetailsSummary #chart-key {
	position: absolute;
	right: 120px;
	top: 50px;
	z-index: 3;
	background: #fff;
	border: 3px solid #ccc;
	padding: 10px 30px;
	width: 360px;
}

@media(max-width: 1400px) {
	#teamDetailsSummary #chart-key {
		right: 35px;
	}
}

#teamDetailsSummary #chart-key .stats {
	display: block;
	margin: 18px 0;
	text-align: left;
}

	#teamDetailsSummary #chart-key .stats .color {
		background: #ccc;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #fff;
		display: inline-block;
		height: 32px;
		min-width: 60px;
		margin: 0 8px 0 0;
		padding: 0 5px;
		text-align: center;
		vertical-align: middle;
	}

		#teamDetailsSummary #chart-key .stats .color .number {
			display: inline-block;
			font-size: 1.2em;
			font-weight: 500;
			line-height: 32px;
			margin: 0 auto;
		}

#teamDetailsSummary #chart-key #StatusNumberTotal.stats .color {
	background: #505050;
}

#teamDetailsSummary #chart-key #StatusNumberOkay.stats .color {
	/*background: #8fbc8f;*/
	background: #60aa60;
}

#teamDetailsSummary #chart-key #StatusNumberFailed.stats .color {
	background: #d03030;
}

#teamDetailsSummary #chart-key #StatusNumberExpired.stats .color {
	background: #ffa500;
}

#teamDetailsSummary #chart-key #StatusNumberNoBaseline.stats .color {
	background: #6495ed;
}


#teamDetailsSummary #chart-key .stats .title {
	display: inline-block;
	margin: 0 4px 0 0;
	vertical-align: middle;
}





/*--------------------------------------
*
* Subjects page
*
*------------------------------------*/
.subjects-page {
}

	.subjects-page .page-header #btnEdit {
		margin-left: 0.25em;
	}

	.subjects-page .page-header {
		margin: 0 0 20px 0;
	}

		.subjects-page .page-header .page-title {
			font-size: 28px;
		}


/*
*
* Subjects sidebar 
*/
#sidebarPanel #subjectTagCheckBoxWrapper {
	margin: 10px 0 10px 2px;
}

.sideTable table#subjectListTable tr {
	display: flex;
}

.sideTable table#subjectListTable tr td.subjectName,
.sideTable table#subjectListTable tr td.subjectTag {
	/*
	display: table-cell;
	width: 230px;
	*/
	
	display: flex;
	width: 60%;
}

.sideTable table#subjectListTable.showSubjectName tr td.subjectName {
	display: table-cell;
}

.sideTable table#subjectListTable.showSubjectName tr td.subjectTag {
	display: none;
}

.sideTable table#subjectListTable.showSubjectTag tr td.subjectName {
	display: none;
}

.sideTable table#subjectListTable.showSubjectTag tr td.subjectTag {
	display: table-cell;
}

.sideTable table#subjectListTable tr td.subjectStatusIcon {
	/*
	display: table-cell;
	text-align: center;
	width: 60px;
	*/
	
	display: flex;
	padding: 10px 0;
	text-align: center;
	width: 15%;
}

.sideTable table#subjectListTable tr td.subjectStatusIcon i {
	font-size: 1.4em;
	margin: 0 auto;
}

.sideTable table#subjectListTable tr td.subjectCurrentBaselineTime {
	display: flex;
	width: 25%;
}



/**
* #subjectDetailsSummary
*/
#subjectDetailsSummary {
	margin: 0 0 30px 0;
}

/*
#subjectDetailsSummary .col-subject-info {
	-ms-flex: 0 0 32%;
	flex: 0 0 32%;
	max-width: 32%;
}

#subjectDetailsSummary .col-subject-buttons {
	-msflex: 0 0 67.9%;
	flex: 0 0 67.9%;
	max-width: 67.9%;
}
*/

#subjectDetailsSummary .subject-info {
	font-size: 1.1em;
}

#subjectDetailsSummary .subject-info .entry {
	margin: 0 0 4px 0;
}

#subjectDetailsSummary .subject-info .entry.status .icon {
	font-size: 1.3em;
	margin-right: 0.1em;
}

#subjectDetailsSummary .subject-info .renew-baseline-link {
	display: block;
	margin: 0.4em 0 0 0;
}

#subjectDetailsSummary .subject-info .renew-baseline-link .btn {
	max-width: 200px;
}

#subjectDetailsSummary > .row {
	align-items: center;
}

#subjectDetailsSummary .col-subject-buttons {
}


#subjectDetailsSummary .col-subject-buttons .btn {
	margin-bottom: 20px;
}


#subjectDetailsSummary .col-subject-buttons .btn i {
	/*line-height: 44px;*/
}

#subjectDetailsSummary .col-subject-buttons .btn:first-child {
	margin-right: 30px;
}

/*
#subjectDetailsSummary .col-subject-buttons .btn .icon,
#subjectDetailsSummary .col-subject-buttons .btn span {
	line-height: 1.4em;
	vertical-align: middle;
}
*/

#subjectDetailsSummary .col-subject-info .btn .icon,
#subjectDetailsSummary .col-subject-buttons .btn .icon {
	margin-right: 0.3em;
}

/*
#subjectDetailsSummary .col-subject-buttons #startPostInjuryTestButton.btn .icon {
	margin-right: 0.3em;
}
*/

#subjectDetailsSummary .col-subject-buttons .btn .icon-image {
	background: transparent url() no-repeat center center;
	background-size: cover;
	display: inline-block;
	margin: 0 0.3em 0 0;
	vertical-align: middle;
	
	height: 24px;
	width: 24px;
}

#subjectDetailsSummary .col-subject-buttons #startRemoteTestButton.btn .icon-image {
	background-image: url(../../images/icons/Icon-RemoteConnect-DarkGray.png); 
}



/* *
* baseline-box 
*/
#subjectDetailsSummary .col-baseline-box {
	text-align: right;
}

#subjectDetailsSummary .baseline-box {
	position: relative;
	z-index: 1;
	
    background: #fff;
    border: 4px solid #bbb;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    display: inline-block;
    height: 130px;
    width: 100%;
    max-width: 220px;
    padding: 20px;
    text-align: center;
}

#subjectDetailsSummary .baseline-box .title {
	position: absolute;
	z-index: 3;
	top: -12px;
	left: 0;
	width: 100%;
	
	display: block;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

#subjectDetailsSummary .baseline-box .title span {
	background: #fff;
	display: inline-block;
	padding: 0 15px;
}

#subjectDetailsSummary .baseline-box .number {
    font-size: 36px;
    font-weight: 500;
    margin: 15px 0 0 0;
    padding: 0;
}

#subjectDetailsSummary.subjectOk .baseline-box {
    border-color: #395;
}

#subjectDetailsSummary.subjectNotTested .baseline-box {
    border-color: #ffa500;
}

#subjectDetailsSummary.subjectExpired .baseline-box {
    border-color: #ffa500;
}

#subjectDetailsSummary.subjectFailed .baseline-box {
    border-color: #c33;
}
/*
END: baseline-box 
*/



/**
* Tabs content
*/
#subjectDetailsPanel .tabcontent {
	min-height: 360px;
}

/* Signs of Concussion */
#cc-signs-concussion .title {
	border-bottom: 1px solid #ccc;
	font-size: 1.35em;
	font-weight: 500;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	text-align: center;
}

	#cc-signs-concussion .title .sub-title {
		font-weight: normal;
	}

		#cc-signs-concussion .title .sub-title:before {
			content: "\2013";
			display: inline-block;
			margin: 0 0.35em;
		}

#cc-signs-concussion ul.checklist {
	list-style: none;
	margin: 0;
	padding: 0;
}

	#cc-signs-concussion ul.checklist li {
		line-height: 1.2em;
		margin: 0 0 8px 0;
		padding: 0 0 0 14px;
		position: relative;
	}

		#cc-signs-concussion ul.checklist li:before {
			content: " ";
			position: absolute;
			left: 0;
			top: 5px;
			background: #666;
			display: inline-block;
			height: 7px;
			width: 7px;
		}


/* Test History */
#cc-test-history > .alert:empty {
	display: none;
}

#cc-test-history #testListTable tr th {
	text-align: center;
}

#cc-test-history #testListTable tr td {
	text-align: center;
	vertical-align: middle;
	width: 10%;
}

#cc-test-history #testListTable tr th:first-child {
	text-align: left;
}

#cc-test-history #testListTable tr td:first-child {
	text-align: left;
}


#cc-test-history #testListTable .btn-test-delete {
	color: #d9534f;
	font-size: 1.15em;
}






/*--------------------------------------
*
* Users page
*
*------------------------------------*/

/**
* Users sidebar
*/
.users-page .sideTable table.tablesorter tr td {
	padding: 10px 5px;
}

.users-page .sideTable table.tablesorter tr.sideListSelectedItem td {
	padding-left: 5px;
}

.users-page .sideTable table.tablesorter tr td.userIcon {
	min-width: 15px;
	padding: 10px 0 10px 5px;
	vertical-align: top;
}

.users-page .sideTable table.tablesorter tr td.userIcon .far,
.users-page .sideTable table.tablesorter tr td.userIcon .fas,
.users-page .sideTable table.tablesorter tr td.userIcon .icon {
	color: #868c93;
}

.users-page .sideTable table.tablesorter tr td.userInfo .userName {
	font-weight: bold;
}


/**
* Content
*/
.users-page #main-content .users-section {
	margin: 0;
	padding: 0 0 20px 0;
}

.users-page #main-content .users-section .section-title {
	border-bottom: 1px solid #ddd;
	font-size: 22px;
	margin: 15px 0;
	padding: 0 0 5px 0;
}

.users-page #main-content .users-section .col-account-actions .btn {
	margin: 0 0 20px 0;
}

.users-page #main-content .users-section .col-account-info .entry {
	padding: 4px 6px;
}

.users-page #main-content .users-section .col-account-info .entry:nth-of-type(odd) {
	background: #f0f0f0;
}


/* 
#teams-list 
*/
.users-page #main-content section#user-info #teams-list {
	border: 1px solid #999;
	margin: 15px 30px 0 30px;
	padding: 10px 15px;
}

.users-page #main-content section#user-info #teams-list .section-title {
	font-size: 1.2em;
	margin: 0 0 15px 0;
	padding: 0 0 0.25em 0;
}


/* 
#activity-log-list 
*/
.users-page #main-content section#activity-info table#activity-log-list {
	
}

.users-page #main-content section#activity-info #activity-log-header table {
	margin: 0;
}

.users-page #main-content section#activity-info #activity-log-header table th.date {
	width: 140px;
}

.users-page #main-content section#activity-info #activity-log-header table th.platform {
	width: 280px;
}

.users-page #main-content section#activity-info #activity-log-header table th.activity {
	width: calc(100% - 420px);
}


.users-page #main-content section#activity-info #activity-log-list {
	border: 1px solid #ddd;
	
	min-height: 120px;
	max-height: 300px;
	overflow-y: auto;
}

.users-page #main-content section#activity-info #activity-log-list table td.date {
	width: 140px;
}

.users-page #main-content section#activity-info #activity-log-list table td.platform {
	width: 280px;
}

.users-page #main-content section#activity-info #activity-log-list table td.activity {
	width: calc(100% - 420px);
}





/*--------------------------------------
*
* Edit Company Information page
*
*------------------------------------*/
body.edit-company-info {
}

	body.edit-company-info .well-subdomain {
		margin: 10px 0;
	}

		body.edit-company-info .well-subdomain span {
			color: #666;
			display: inline-block;
			font-size: 0.9em;
		}

		body.edit-company-info .well-subdomain input#subDomain {
			display: inline-block;
			max-width: 280px;
		}






/*--------------------------------------
*
* Add/Edit Subject page
*
*------------------------------------*/
body.add-edit-subject {
}

body.add-edit-subject .page-title i {
	display: none;
}

body.add-edit-subject .page-title.Add i.fa-user-plus {
	display: inline-block;
}

body.add-edit-subject .page-title.Edit i.fa-user-edit {
	display: inline-block;
}



/*--------------------------------------
*
* Add/Edit Users
*
*------------------------------------*/
body.add-edit-users {
}

body.add-edit-users .page-title i {
	display: none;
}

body.add-edit-users .page-title.Add i.fa-user-plus {
	display: inline-block;
}

body.add-edit-users .page-title.Edit i.fa-user-edit {
	display: inline-block;
}

body.add-edit-users #SelectedUserTypeId {
	margin-bottom: 10px;
}

body.add-edit-users .form-group.search-team-names {
}

body.add-edit-users .form-group.search-team-names .icon {
	position: absolute;
	top: calc(50% - 8px);;
	right: 14px;
	z-index: 9;
	
	color: #aaa;
	font-size: 16px;
}

body.add-edit-users .form-group.search-team-names input[type=search] {
	position: relative;
	z-index: 3;
	
	padding-right: 36px;
}





/*--------------------------------------
*
* Add/Edit Current Users
*
*------------------------------------*/
body.add-edit-current-users {
}

body.add-edit-current-users .page-title i {
	display: none;
}

body.add-edit-current-users .page-title.Add i.fa-user-plus {
	display: inline-block;
}

body.add-edit-current-users .page-title.Edit i.fa-user-edit {
	display: inline-block;
}
	

/**
* Custom checkbox lists
*/
#assignTeamAccessSection > .title {
	font-size: 1.15em;
}

#assignTeamAccessSection .team-list {
	border-color: #bbb;
	border-style: solid;
	border-width: 3px;
	max-height: 180px;
	overflow: auto;
	padding: 10px 15px;
}

#assignTeamAccessSection .team-list ul.subjectList,
#assignTeamAccessSection .team-list ul.teamList {
	list-style: none !important;
	margin: 0;
	padding: 0;
}

#assignTeamAccessSection .team-list li.subjectItem {
	position: relative;
	
    height: 34px;
	line-height: 32px;
	list-style: none !important;
	padding-left: 0;
}

#assignTeamAccessSection .team-list li.subjectItem > div {
	cursor: pointer;
	display: inline-block;
	position: relative;
}

#assignTeamAccessSection .team-list li.subjectItem > div:before {
	position: relative;
	vertical-align: middle;
	
	content: "";
	cursor: pointer;
    display: inline-block;
	margin-right: 8px;
	
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #999;
	width: 24px;
    height: 24px;
}

#assignTeamAccessSection .team-list li.subjectItemSelected {
	position: relative;
	
    height: 34px;
	line-height: 32px;
	list-style: none !important;
	padding-left: 0;
}

#assignTeamAccessSection .team-list li.subjectItemSelected > div {
	cursor: pointer;
	display: inline-block;
	position: relative;
}

#assignTeamAccessSection .team-list li.subjectItemSelected > div:before {
	position: relative;
	vertical-align: middle;
	
	content: "";
	cursor: pointer;
    display: inline-block;
	margin-right: 8px;
	
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #0058a6;
	width: 24px;
    height: 24px;
}

#assignTeamAccessSection .team-list li.subjectItemSelected > div:after {
	position: absolute;
	left: 8px;
	top: calc(50% - 7px);
	z-index: 3;
	
	content: "";
	cursor: pointer;
    display: inline-block;
	
	transform: rotate(45deg);
  height: 14px;
  width: 8px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
}
/* 
END: custom checkbox lists 
*/





/*--------------------------------------
*
* Maintenance page
*
*------------------------------------*/
body.maintenance-page {
}

body.maintenance-page #footer {
	display: none;
}


body.maintenance-page .account-table {
	margin: 0 0 20px 0;
}


/**
* Date range
*/
body.maintenance-page #dateRange {
	margin: 0 0 20px 0;
}

body.maintenance-page #dateRange .panel {
	background: #f3f3f3;
	border-width: 6px 2px;
}


body.maintenance-page #dateRange .panel > .row {
	align-items: flex-end;
}

body.maintenance-page #dateRange .gj-datepicker .input-group,
body.maintenance-page #dateRange .gj-datepicker .input-group .btn {
	border-color: #999;
}


/**
* #subjectSummary
*/
body.maintenance-page #subjectSummary {
	border: 1px solid #ddd;
	margin: 0 0 20px 0;
	padding: 10px;
}

body.maintenance-page #subjectSummary .table {
	margin: 0;
}

body.maintenance-page #subjectSummary .table tr td {
	padding: 4px 6px;
	vertical-align: middle;
}

body.maintenance-page #subjectSummary .table tr td img {
	display: inline-block;
	line-height: 1em;
	margin: 0 0.25em 0 0;
}


/**
* Maintenance buttons
*/
body.maintenance-page .maintenance-buttons {
	margin: 30px 0;
}

body.maintenance-page .maintenance-buttons ul.dropdown-menu {
	padding: 5px;
}

body.maintenance-page .maintenance-buttons ul.dropdown-menu a {
	
}



/**
* User grid
*/
table#userGrid {
	margin: 30px 0;
}

table#userGrid .ui-icon.ui-iggrid-expandbutton {
	cursor: pointer !important;
}

table#userGrid tr {
	cursor: pointer;
}




/*--------------------------------------
*
* Test Display (default)
*
*------------------------------------*/
body.test-display {
	padding: 0;
}

body.test-display .test-header {
	background: #335092;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	margin: 0;
	padding: 16px 0;
}

body.test-display .test-header .row {
	vertical-align: center;
}

body.test-display .test-header .page-title {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

body.test-display .test-header .icon,
body.test-display .test-header .fa,
body.test-display .test-header .far,
body.test-display .test-header .fas {
	color: #a9b8d9;
	margin-right: 0.25em;
}

body.test-display .test-header .col-subject-name {}

body.test-display .test-header .col-test-type {
	text-align: right;
}

body.test-display .test-header .col-test-type .title {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}

/*
body.test-display .test-header .col-test-type .step-number {
	display: inline-block;
	border-left: 1px solid #a9b8d9;
	margin-left: 20px;
	padding-left: 20px;
}
*/


body.test-display .checkboxes-list {
}

body.test-display .form-content .well.description {
	margin-bottom: 30px;
}


/**
* Baseline Test
*/
body.test-display.test-baseline .test-header {
	background: #ffa600;
	color: #fff;
}

body.test-display.test-baseline .test-header .page-title {
	color: #fff;
}

body.test-display.test-baseline .test-header .icon,
body.test-display.test-baseline .test-header .fa,
body.test-display.test-baseline .test-header .far,
body.test-display.test-baseline .test-header .fas {
	color: #fff;
}
/*
END: Baseline Test
*/


/**
* Post-Injury Test
*/
body.test-display.test-post-injury .test-header {
	background: #76a9a9;
	color: #fff;
}

body.test-display.test-post-injury .test-header .page-title {
	color: #fff;
}

body.test-display.test-post-injury .test-header .icon,
body.test-display.test-post-injury .test-header .fa,
body.test-display.test-post-injury .test-header .far,
body.test-display.test-post-injury .test-header .fas {
	color: #fff;
}
/*
END: Post-Injury Test
*/


body.test-display .page-header {}

body.test-display .page-header .page-title {
	font-size: 28px;
	text-align: center;
}

body.test-display .form-content {
	min-height: 200px;
}

body.test-display .footer-buttons {
	border-top: 1px solid #ddd;
	margin: 20px 0;
	padding: 30px 0;
}

body.test-display .footer-buttons .col-left {
	text-align: left;
}

body.test-display .footer-buttons .col-left .btn {
	margin-right: 30px;
}

body.test-display .footer-buttons .col-left .btn:last-child {
	margin-right: 0;
}

body.test-display .footer-buttons .col-right {
	text-align: right;
}

body.test-display .footer-buttons .col-right .btn {
	margin-left: 30px;
}

body.test-display .footer-buttons .col-right .btn:first-child {
	margin-left: 0;
}

/*
Connect status
*/
.test-header #status {
	margin: 3px 0 0 0;
}

.test-header #status .title {
	font-size: 18px;
	margin: 0;
}

.test-header #status .status-icon {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
	border: 2px solid #99a8c9;
	background: transparent;
	
	display: inline-block;
	height: 14px;
	line-height: 20px;
	margin: 0 2px 0 0;
	width: 14px;
}

.test-header #status .status-icon {
	border-color: #ccc;
	background: transparent;
}

.test-header #status .title .off {
	display: inline-block;
}

.test-header #status .title .active {
	display: none;
}

body.connect-active .test-header #status .status-icon {
	border-color: #fff;
	background: #093;
}

body.connect-active .test-header #status .title .off {
	display: none;
}

body.connect-active .test-header #status .title .active {
	display: inline-block;
}
/*
END: Connect status
*/



/*-----------------------------------------
* 
* Remote Test (DEFAULTS)
* 
*----------------------------------------*/
body.remote-test {
	
}

body.remote-test #footer {
	display: none;
}

body.remote-test #deviceConnect {
	margin-bottom: 30px;
}

body.remote-test #deviceConnect img {
	width: 440px;
	height: auto;
}

body.remote-test .footer-buttons {
	border: none !important;
	margin: 0;
	padding: 30px 0;
}

body.remote-test .footer-buttons .btn {
	/*padding: 12px 24px;*/
}




/*-----------------------------------------
* 
* Remote Test (START)
* 
*----------------------------------------*/
#remoteTestConnect {
	
}

#remoteTestConnect #remoteStartForm {
	border: 4px solid #ddd;
	margin: 0 auto;
	padding: 10px 10px 20px 10px;
	width: 500px;
}

#remoteTestConnect #remoteStartForm .form-group {
	margin: 1em 0;
}

#remoteTestConnect #remoteStartForm .form-group input[type=text] {
	font-size: 1.25em;
}

#remoteTestConnect #remoteStartForm .form-group input[type=number],
#remoteTestConnect #remoteStartForm .form-group input#remoteCode {
	font-size: 1.25em;
	letter-spacing: 0.15em;
}

#remoteTestConnect #requestAudio {
	align-items: center;
	justify-content: center;
	text-align: center;
	
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0 0 10px 0;
	padding: 15px 0;
}

#remoteTestConnect #requestAudio .icon-image {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
	border: 1px solid #ddd;
	
	width: 50px;
	height: auto;
}

#remoteTestConnect #requestAudio .col-label {
	padding: 0;
}

#remoteTestConnect #requestAudio .col-label label {
	
}

#remoteTestConnect #requestAudio .switch {
	width: 140px;
}

#remoteTestConnect .footer-buttons {
	margin: 0 auto;
	width: 500px;
}




/*-----------------------------------------
* 
* Remote Test (SELECT TEST)
* 
*----------------------------------------*/
#remoteTestSelect {
	
}

#remoteTestSelect #messageSelectTest {
	background: #fff;
	border: 4px solid #ddd;
	padding: 30px;
}

#remoteTestSelect #messageSelectTest .btn {
	margin: 5px auto;
}




/*-----------------------------------------
* 
* Remote Test (INSTRUCTIONS)
* 
*----------------------------------------*/
#remoteTestInstructions {
	
}

#remoteTestInstructions .footer-buttons {
	margin: 0 auto;
	padding: 0;
}




/*-----------------------------------------
* 
* Remote Test (RUN TEST)
* 
*----------------------------------------*/
#remoteTest {
	margin-top: -10px;
}

/*
Step Circles
*/
#remoteTest #stepCircles {
	margin-bottom: 15px;
	position: relative;
	text-align: center;
}

#remoteTest #stepCircles .hr-line {
	border-top: 1px solid #bbb;
	width: 100%;
	
	position: absolute;
	top: 34px;
	z-index: 1;
}

#remoteTest #stepCircles.test-cards-1 #breakCardTwo,
#remoteTest #stepCircles.test-cards-1 #testCardTwo,
#remoteTest #stepCircles.test-cards-1 #breakCardThree,
#remoteTest #stepCircles.test-cards-1 #testCardThree {
	display: none;
}

#remoteTest #stepCircles.test-cards-1 .row {
	justify-content: center;
}

#remoteTest #stepCircles.test-cards-1 .row .col {
	flex-basis: auto;
	flex-grow: 0;
	width: 18%;
}

#remoteTest #stepCircles.test-cards-2 #breakCardThree,
#remoteTest #stepCircles.test-cards-2 #testCardThree {
	display: none;
}

#remoteTest #stepCircles.test-cards-3 {
}

#remoteTest #stepCircles .row {
	position: relative;
	z-index: 3;
}

#remoteTest #stepCircles .title {
	color: #666;
	font-size: 1.1em;
	text-transform: uppercase;
}

#remoteTest #stepCircles .icon-circle {
	background: #fff;
	border: 2px solid #999;
	display: inline-block;
	font-size: 20px;
	height: 45px;
	line-height: 42px;
	position: relative;
	width: 45px;
}

#remoteTest #stepCircles .icon-circle .icon {
	display: none;
}

#remoteTest #stepCircles .timer span {
	color: #666;
	display: inline-block;
}

#remoteTest #stepCircles .col.active .title {
	color: #335092;
}

#remoteTest #stepCircles .col.active .icon-circle {
	/*background: #5370b3;*/
	background: #fff;
	border: 3px solid #335092;
}

#remoteTest #stepCircles .col.active .icon-circle .icon {
	display: inline-block;
}

#remoteTest #stepCircles .col.completed .icon-circle {
	background: #999;
	border: 3px solid #777;
}

#remoteTest #stepCircles .col.completed .icon-circle .icon {
	display: inline-block;
}

#remoteTest #stepCircles .timer {
	display: block;
	margin: 5px auto;
}
/*
END: Step Circles
*/


/*
#testColumnContent
*/
#remoteTest #testColumnAdmin {
	text-align: center;
}

#remoteTest .alert-message {
	margin-bottom: 20px;
	padding: 15px;
}

#remoteTest .alert-message .row {
	align-items: center;
}

#remoteTest #totalErrors {
	/*
	background: #e9edf5;
	border: 2px solid #a9b8d9;
	*/
	background: #f3f3f3;
	border: 2px solid #ccc;
	margin: 20px auto;
	padding: 20px 30px;
}

#remoteTest #totalErrors .description {
	
}

#remoteTest #totalErrors label {
	font-size: 1.25em;
	font-weight: 500;
	margin: 0 0 10px 0;
}

#remoteTest #totalErrors .numbers-row {
	margin: 0 0 10px 0;
}

#remoteTest #totalErrors .numbers-row input[type="number"] {
	color: #333;
    display: inline-block;
    font-size: 24px;
	font-weight: 500;
    height: 50px;
    line-height: 48px;
    margin: 0;
    padding: 0 8px;
    text-align: center;
    width: 70px;
}

#remoteTest #totalErrors .numbers-row .button {
    background: #335092;
    border: 1px solid #335092;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    height: 50px;
    line-height: 48px;
    width: 50px;
}

#remoteTest #totalErrors .numbers-row .button:hover {
	color: #fff;
	background-color: #5370b2;
	border-color: #335092;
}


/*
#testColumnDisplays
*/
#remoteTest #testColumnSubject {
	text-align: center;
}

#remoteTest #testColumnSubject .panel {
	background: #e9edf5;
	border: 2px solid #a9b8d9;
	margin: 0 auto;
	max-width: 380px;
}

#remoteTest #testColumnSubject .panel .panel-heading {
	border-bottom: 1px solid #a9b8d9;
	margin: 0;
	padding: 0 0 10px 0;
}

#remoteTest #testColumnSubject .panel .panel-heading .panel-title {
	font-size: 1.25em;
	margin: 0;
	text-transform: uppercase;
}

#remoteTest #testColumnSubject .panel .panel-body {
	padding: 10px;
}

#remoteTest #testColumnSubject .panel .panel-body #testCardNumbers {
}

#remoteTest #testColumnSubject .panel .panel-body #testCardNumbers label {
	display: inline-block;
	font-size: 28px;
	line-height: 1em;
	margin: 5px 10px;
}

#remoteTest #testColumnSubject .panel .panel-body img {
	border: 1px solid #a9b8d9;
	margin: 5px auto;
}

#remoteTest #testColumnSubject .panel .panel-body .description {
	line-height: 1.2em;
	margin: 10px 0 0 0;
}

#remoteTest #testColumnSubject .panel .panel-footer {
	border-top: 1px solid #a9b8d9;
	padding: 10px 0 0 0;
}

#remoteTest #testColumnSubject .panel .panel-footer .row {
	align-items: center;
}

#remoteTest #testColumnSubject .panel .panel-footer .col-icon img {
	width: 40px;
	height: auto;
}

#remoteTest #testColumnSubject .panel .panel-footer img.icon.touch {
}

#remoteTest #testColumnSubject .panel .panel-footer img.icon.plus {
}

#remoteTest #testColumnSubject .panel .panel-footer .col-description {
}

#remoteTest #testColumnSubject .panel .panel-footer .description {
	dsiplay: inline-block;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
}

#remoteTest #demoCardPanel  .panel-footer {
	display: none;
}

#remoteTest #testCardPanel {
	cursor: pointer;
	padding: 20px 20px 10px 20px;
}

#remoteTest #breakCardPanel  .panel-footer {
	display: none;
}




/*--------------------------------------
*
* Test Instructions page
*
*------------------------------------*/
#carouselTestInstructions  {
}


/**
* .footer-buttons
*/
#carouselTestInstructions  .footer-buttons {
	border-top: none;
	padding: 10px 0;
}




/**
* Slider carousel
*/
body.test-display.test-instructions .footer-buttons {
	border: none;
	margin: 30px 0;
	padding: 0;
}

#carouselTestInstructions {
	margin-bottom: 30px;
}

#carouselTestInstructions .carousel-inner {
	margin-bottom: 15px;
}

#carouselTestInstructions .carousel-item {
}

#carouselTestInstructions .carousel-indicators {
	position: relative;
}

#carouselTestInstructions .carousel-indicators li {
	opacity: 1;
	transition: all .6s ease;
	background-color: #999;
	background-clip: padding-box;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	box-sizing: content-box;
	cursor: pointer;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 10px;
	height: 10px;
	margin-right: 6px;
	margin-left: 6px;
	text-indent: -999px;
}

#carouselTestInstructions .carousel-indicators li.active {
	opacity: 1;
	background-color: #335092;
}

#carouselTestInstructions .carousel-control-prev,
#carouselTestInstructions .carousel-control-next {
	display: none !important;
}


/**
* Test instruction slides
*/
#carouselTestInstructions  .instructions-slide {
	display: flex;
	flex-direction: row;
	height: 100%;
	min-height: 350px;
}

#carouselTestInstructions  .instructions-slide .slide-col {
	width: 33%;
	margin-left: 30px;
	padding: 10px 30px;
	background: #f0f0f0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ccc;
	text-align: center;
}

#carouselTestInstructions  .instructions-slide .slide-col:first-child {
	margin: 0;
}

#carouselTestInstructions  .instructions-slide .slide-col .col-image {
	margin: 10px 0 20px 0;
}

#carouselTestInstructions  .instructions-slide .slide-col .col-image img {
	max-height: 125px;
}

#carouselTestInstructions  .instructions-slide .slide-col .col-content {}

#carouselTestInstructions  .instructions-slide .slide-col .col-content .title {
	font-size: 1.25em;
}


/* 
Slide (test options) 
*/
#carouselTestInstructions  .instructions-slide.test-options .slide-col:first-child {}

#carouselTestInstructions  .instructions-slide.test-options .slide-col:first-child .col-image {
	margin: 0;
}

#carouselTestInstructions  .instructions-slide.test-options .slide-col:first-child .col-image img {}

#carouselTestInstructions  .instructions-slide.test-options .slide-col:last-child {
	background: #fff;
	border: 1px solid #bbb;
	width: 66%;
}

#carouselTestInstructions  .instructions-slide.test-options .slide-col:last-child .col-image {
	margin: 30px 0;
}

#carouselTestInstructions  .instructions-slide.test-options .slide-col:last-child .col-image img {
	max-height: 120px;
	margin: 0 15px;
}


/*
Test set/cards
*/
#carouselTestInstructions  .instructions-slide .test-well {
	background: #fff;
	border: 3px solid #ccc;
	/*font-size: 1.2em;*/
	margin: 15px 30px;
	padding: 15px;
	
	position: relative;
}

#carouselTestInstructions  .instructions-slide .test-well .title {
	margin: 0 0 0.25em 0;
}

#carouselTestInstructions  .instructions-slide .test-well .tooltipped {
	position: absolute;
	top: -8px;
	right: -8px;
	z-index: 3;
}

#carouselTestInstructions  .instructions-slide .test-well .tooltipped i {
	background: #fff;
	color: #335092;
	font-size: 1.2em;
}

#carouselTestInstructions  .instructions-slide .description {
	margin: 0 0 5px 0;
}

#carouselTestInstructions  .instructions-slide .test-well .alert {}

#carouselTestInstructions  .instructions-slide .test-well .alert.small {
	font-size: 0.8em;
}

#carouselTestInstructions  .instructions-slide .form-row {
	justify-content: center;
}

#carouselTestInstructions  .instructions-slide .form-row .form-group {
	margin: 0 20px;
}





/*-----------------------------------------
* 
* Test Cards
* 
------------------------------------------*/
body.test-cards-page {}

body.test-cards-page #page-wrapper {
	background: transparent;
}

body.test-cards-page #container {
	background: transparent;
}

body.test-cards-page .testDisplayForm .card-wrapper {
	background: #fff;
	/*overflow: hidden;*/
	padding: 0 0 15px 0;
	position: relative;
}

body.test-cards-page .testDisplayForm .card-wrapper img#imageDisplay {
	/*
	position: relative;
	right: -10px;
	*/
}

body.test-cards-page .testDisplayForm .card-footer {
	background: transparent;
	padding: 20px 10px;
}

body.test-cards-page .testDisplayForm .card-footer .btn {
	max-width: 180px;
}

body.test-cards-page .testDisplayForm .card-footer > .row {
	/*align-items: center;*/
}

body.test-cards-page .testDisplayForm .card-footer > .row > .col-left {}

body.test-cards-page .testDisplayForm .card-footer > .row > .col-center {
	padding-right: 0;
	padding-left: 0;
}

body.test-cards-page .testDisplayForm .card-footer > .row > .col-center #readySetGo {
	display: inline-block;
	margin-top: -12px;
}

body.test-cards-page .testDisplayForm .card-footer > .row > .col-center #readySetGo img {
	width: 100%;
	min-width: 300px;
	max-width: 380px;
}

body.test-cards-page .testDisplayForm .card-footer > .row > .col-right {
	text-align: right;
}





/*-----------------------------------------
* 
* Test Results
* 
------------------------------------------*/

body.results-page {
}

body.results-page #formEntry .alert:empty {
	display: none;
}







/*-----------------------------------------
* 
* Confirm Test Results
* 
------------------------------------------*/
body.confirm-results-page {}


/**
* Result Box
*/
#test-result-box {
	background: #fff;
	border-width: 2px;
	position: relative;
}

#test-result-box .icon-circle {
	position: absolute;
	top: -8px;
	left: auto;
	right: -15px;
	background: #888;
	border: 2px solid #666;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	height: 62px;
	text-align: center;
	width: 62px;
}

#test-result-box .icon-circle .icon {
	display: none;
	font-size: 34px;
	line-height: 52px;
}

#test-result-box .title {
	background: #888;
	border: 2px solid #666;
	color: #fff;
	margin: -21px -21px 20px -21px;
	min-height: 50px;
	padding: 10px;
}

#test-result-box .title span {
	text-transform: capitalize;
}


/* Passed */
#test-result-box.passed .title {
	background: #396;
	border-color: #285;
}

#test-result-box.passed .icon-circle {
	background: #396;
	border-color: #285;
	display: block;
}

#test-result-box.passed .icon-circle .icon#passed {
	display: block;
}


/* Failed */
#test-result-box.failed .title {
	background: #d43f3a;
	border-color: #c02020;
	color: #fff;
}

#test-result-box.failed .icon-circle {
	background: #d43f3a;
	border-color: #c02020;
	display: block;
}

#test-result-box.failed .icon-circle .icon#failed {
	color: #fff;
	display: block;
	font-size: 30px;
}

/* Expired */
#test-result-box.expired .title {
	background: #ffa600;
	border-color: #eea600;
	color: #fff;
}

#test-result-box.expired .icon-circle {
	background: #ffa600;
	border-color: #eea600;
	display: block;
}

#test-result-box.expired .icon-circle .icon#expired {
	color: #fff;
	display: block;
	font-size: 30px;
}


/* Not Tested */
#test-result-box.not-tested .title {
	background: #ffa600;
	border-color: #eea600;
	color: #fff;
}

#test-result-box.not-tested .icon-circle {
	background: #ffa600;
	border-color: #eea600;
	display: block;
}

#test-result-box.not-tested .icon-circle .icon#not-tested {
	color: #fff;
	display: block;
	font-size: 30px;
}
/* 
END: Test Result Box 
*/


/**
* Results
*/
.result-section {
	background: #fff;
	border: 1px solid #ddd;
	margin: 0 0 20px 0;
	padding: 0;
}

.result-section .result-header {
	background: #f0f0f0;
	border-bottom: 1px solid #ddd;
	padding: 8px 15px;
}

.result-section .result-header .row {
	align-items: center;
}

.result-section .result-header .col-title .title {
	font-size: 1.4em;
	margin: 0;
	padding: 0;
}

.result-section .result-header .col-button {}

.result-section .result-content {
	padding: 15px;
}

.result-section .result-content>ul {
	margin: 0;
	padding-left: 15px;
}

.result-section .result-content>ul>li {}

.result-section .result-content .result-group {
	display: inline-block;
	margin: 0 20px 0 0;
}

.result-section .result-content .result-group .title {
	display: inline-block;
	font-weight: bold;
	margin-right: 0.25em;
}

.result-section .result-content .result-group .data {
	display: inline-block;
}


/*
K-D Test
*/

.result-section .result-content .result-group.test-comments {
	display: block;
	margin-top: 15px;
}




/*-----------------------------------------
* 
* Red Flags page
* 
------------------------------------------
body.red-flags-page {}

body.red-flags-page .checkboxes-list {}

body.red-flags-page .checkboxes-list .fancy-checkbox [type="checkbox"]+label {}

body.red-flags-page .red-flags-well {
	background: #fff;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border: 4px solid #ddd;
	color: #222;
	font-size: 1.15em;
	text-align: center;
	margin: 60px 0 30px 0;
}

body.red-flags-page .red-flags-well .well-header {
	border-bottom: 1px solid #ddd;
	margin: 20px 0 20px 0;
	padding: 20px 10px 15px 10px;
	position: relative;
}

body.red-flags-page .red-flags-well .well-header .well-title {
	font-size: 1.5em;
}

body.red-flags-page .red-flags-well .well-header .icon-circle {
	position: absolute;
	left: calc(50% - 35px);
	top: -75px;
	background: #666;
	border-color: #666;
	color: #fff;
	display: inline-block;
	font-size: 32px;
	height: 70px;
	width: 70px;
	line-height: 62px;
}

body.red-flags-page .red-flags-well .well-header .icon-circle i {
	line-height: 60px;
}

body.red-flags-page .red-flags-well .well-header .icon-circle {
	background: #d9534f;
	border-color: #d9534f;
}

body.red-flags-page .red-flags-well .well-body {}

body.red-flags-page .red-flags-well .well-body .alert-danger {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-width: 3px;
	margin: 0 60px 20px 60px;
	padding: 15px;
}
*/



/*-----------------------------------------
* 
* Reasons for Running Test
* 
------------------------------------------
body.reasons-page {
}

body.reasons-page .checkboxes-list {
}
*/





/*-----------------------------------------
* 
* Athlete Awareness
* 
------------------------------------------
body.awareness-page form .description {
	margin: 0 0 30px 0;
}

body.awareness-page .table.radio-buttons {}

body.awareness-page .table.radio-buttons tr {
	vertical-align: middle;
}

body.awareness-page .table.radio-buttons td {
	vertical-align: middle;
}

body.awareness-page .table.radio-buttons tr td.col-name {
	width: 40%;
}

body.awareness-page .table.radio-buttons tr td.col-name label {
	font-weight: normal;
}

body.awareness-page .table.radio-buttons tr td.col-radios {
	width: 60%;
}

body.awareness-page .table.radio-buttons tr td .form-group {
	display: inline-block;
	margin: 0 30px 0 0;
}

body.awareness-page .table.radio-buttons tr td .form-group label {
	cursor: pointer;
}
*/



/*-----------------------------------------
* 
* Symptoms Checklist
* 
------------------------------------------
body.symptoms-check-page {}

body.symptoms-check-page .checkboxes-list {
	padding: 0 15px;
}

body.symptoms-check-page .checkboxes-list .symptomRow:nth-of-type(odd) {
	background: #f0f0f0;
}

body.symptoms-check-page .checkboxes-list .symptomRow .col {
	padding: 10px;
}

body.symptoms-check-page .checkboxes-list .form-group {
	display: inline-block;
	margin: 0 30px 0 0;
}
*/



/*-----------------------------------------
* 
* KDT > Add/Edit Team
* 
------------------------------------------*/
body.add-edit-team #footer {
	display: none !important;
}

body.add-edit-team #header {
	display: none;
}

body.add-edit-team #headerPanel {
	display: none;
}

body.add-edit-team .demo-content {
	height: 100%;
	overflow: auto;
}


/**
* #page_header
*/
body.add-edit-team #page_header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: #f0f0f0;
	color: #333;
	height: 60px;
	width: 100%;
	border-bottom: 1px solid #ddd;
}

body.add-edit-team #page_header .row {
	align-items: center;
	height: 100%;
}

body.add-edit-team #page_header .row .col-left {
	text-align: left;
}

body.add-edit-team #page_header .row .col-right {
	text-align: right;
}

body.add-edit-team #page_header .title {
	border: none !important;
	font-size: 24px;
	margin: 0 !important;
	padding: 0 !important;
}

body.add-edit-team #page_header .title .icon {
	color: #868c93;
}

body.add-edit-team #page_header .title span {
	display: inline-block;
	margin: 0 10px;
}

body.add-edit-team #page_header input#teamName {
	font-size: 22px;
	height: 38px;
	line-height: 38px;
}

body.add-edit-team #page_header input#teamName:placeholder-shown {
	border: 1px solid rgba(82, 168, 236, .8);
	-moz-box-shadow: 0 0 8px rgba(82, 168, 236, .6);
	-webkit-box-shadow: 0 0 8px rgba(82, 168, 236, .6);
	box-shadow: 0 0 8px rgba(82, 168, 236, .6);
}


/**
* #page_content
*/
body.add-edit-team #page_content {
	position: fixed;
	top: 72px;
	bottom: 105px;
	left: 0;
	z-index: 999;
	height: calc(100% - 168px);
	/* 75px + 105px  */
	width: 100%;
	overflow: auto;
}

body.add-edit-team #page_content_inner {
	min-height: 440px;
	height: 100%;
	position: relative;
}


body.add-edit-team #active_roster {
	position: fixed;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

body.add-edit-team #available_players {
	position: fixed;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999;
}

body.add-edit-team #page_footer {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	background: #f0f0f0;
	border-top: 1px solid #ddd;
	height: 80px;
	width: 100%;
}

	body.add-edit-team #page_footer .form-buttons {
		padding-top: 18px;
	}

body.add-edit-team .team-roster,
body.add-edit-team .team-roster > .container,
body.add-edit-team .team-roster > .container > .row,
body.add-edit-team .team-roster > .container > .row > .col {
	height: 100%;
}

body.add-edit-team .team-roster {
	background: #fff;
	height: calc(50% - 7px);
	/* 1/2 (#page_header + #page_footer) height + 10px (to add some separation) */
	width: 100%;
}

	body.add-edit-team .team-roster > .container > .row {
		margin-bottom: 0;
	}


/**
* Toasts
*/
body.add-edit-team .bootoast-container.center {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	bottom: auto;
	left: auto;
	right: calc(50% - 600px);
	top: 80px;
	display: block;
	position: fixed;
	z-index: 10000;
	height: auto;
	width: 350px;
}

body.add-edit-team .bootoast {
	padding: 10px;
	margin-bottom: 15px;
	position: relative;
}

body.add-edit-team .bootoast.alert-dismissible .close {
	color: inherit;
	
	position: relative;
	top: -2px;
	right: 0 !important;
	
	padding: 0;
	width: auto;
	min-width: 0;
}

body.add-edit-team .bootoast > .fa,
body.add-edit-team .bootoast > .far,
body.add-edit-team .bootoast > .fas {
	font-size: 24px;
	
	position: absolute;
	top: 10px;
	left: 15px;
}

body.add-edit-team .bootoast > .fa-check {
	font-size: 22px;
	left: 12px;
}

body.add-edit-team .bootoast > .bootoast-alert-container {
	margin-top: 4px;
	padding-left: 30px;
}




/**
* Panels
*/

body.add-edit-team .panel {
	height: 100%;
	border: 1px solid #ddd;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px 1px 8px 1px;
	padding: 0;
}

body.add-edit-team .panel-header {
	height: 50px;
	background: #f0f0f0;
	padding: 7px 10px;
}

body.add-edit-team .panel-header .row {
	margin-bottom: 0;
}

body.add-edit-team .panel-header .panel-title {
	display: inline-block;
	font-size: 1.25em;
	margin: 5px 0 0 5px;
	padding: 0;
}

body.add-edit-team .panel-header .results-number {
	display: inline-block;
	margin: 0 8px;
	text-align: center;
	/*width: 120px;*/
}

body.add-edit-team .panel-header .results-number .number {
	display: inline-block;
	margin: 0;
}

body.add-edit-team .panel-header .btn {}

body.add-edit-team .panel-content {
	height: calc(100% - 50px);
	overflow: auto;
	padding: 15px;
}
/* END: Panels */



/**
* Form elements
*/
body.add-edit-team .panel-header .form-group label {
	display: inline-block;
	font-size: 0.9em;
	margin-right: 5px;
}

body.add-edit-team .panel-header .form-group input {
	display: inline-block;
	height: 34px;
	line-height: 32px;
	margin-bottom: 0 !important;
	/*width: calc(100% - 24px);*/
}

body.add-edit-team .panel-header .form-group .select-wrapper {
	display: inline-block;
	width: 200px;
}

body.add-edit-team .panel-header .form-group .select-wrapper select {
	display: none !important;
}

body.add-edit-team .panel-header .form-group .select-wrapper span.caret {
	margin: 0;
	right: 8px;
	top: 14px;
	z-index: 9;
}

body.add-edit-team .panel-header .form-group .select-wrapper ul.dropdown-content {
	top: 26px !important;
}

body.add-edit-team .panel-header .form-group .search-field {
	display: inline-block;
	width: 170px;
}

body.add-edit-team .panel-header .form-group .search-field input {
}

body.add-edit-team .panel-header .form-group .search-field .icon {
}

/* END: Form elements */


/**
* Subject lists
*/
body.add-edit-team .panel ul.subjectList {
	margin: 0;
	padding: 0;
	list-style: none !important;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

body.add-edit-team .panel ul.subjectList li {
	overflow: hidden;
	height: auto;
	line-height: normal;
}

body.add-edit-team .panel ul.subjectList li[style='display: none;'] {
	list-style: none !important;
}

body.add-edit-team .panel ul.subjectList li span {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
	display: inline-block;
	padding: 5px;
	width: calc(100% - 10px);
}

body.add-edit-team .panel ul.subjectList li:hover span {
	background: #f0f0f0;
}

body.add-edit-team .panel ul.subjectList li span:before {
	background: none;
	/*background: #d33;*/
	background: #d9534f;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	content: "-";
	cursor: pointer;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	margin: 0 5px 0 0;
	width: 26px;
	height: 26px;
	line-height: 24px;
	text-align: center;
	vertical-align: baseline;
}

body.add-edit-team .panel ul.subjectList li.available span:before {
	background: none;
	/*background: #2a2;*/
	background: #60aa60;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	content: "+";
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	margin: 0 5px 0 0;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	vertical-align: baseline;
}

body.add-edit-team .panel ul.subjectList li.fadeOutDown {
	-webkit-animation-duration: 0.2s;
	-moz-animation-duration: 0.2s;
	animation-duration: 0.2s;
}




/* END: Subject lists */


/**
* Active Roster
*/
body.add-edit-team #addPlayersMessage {
	text-align: center;
}

body.add-edit-team #addPlayersMessage .well {
	background: #f0f0f0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 3px solid #bbb;
	color: #333;
	margin: 15px auto;
	width: 80%;
	max-width: 500px;
}

body.add-edit-team #addPlayersMessage .well .title {
	margin: 0 0 5px 0;
	text-align: center;
}

body.add-edit-team #addPlayersMessage .well p {
	margin: 0 0 10px 0;
	text-align: center;
}

body.add-edit-team #addPlayersMessage .well .message-icon {
	/*color: #335092;*/
	color: #888;
	font-size: 48px;
	line-height: 1em;
	margin-bottom: 0;
}

body.add-edit-team #active_roster {}

body.add-edit-team #active_roster .panel {
	border-color: #335092;
}

body.add-edit-team #active_roster .panel-header {
	background: #335092;
	color: #fff;
}

body.add-edit-team #active_roster .panel-header .btn {}

body.add-edit-team #active_roster .panel-header .form-group label {
	color: #fff !important;
}

body.add-edit-team #available_players {}


/**
* Toasts
*/

body.add-edit-team #toast-container {
	display: block;
	position: fixed;
	z-index: 10000;
}

@media only screen and (max-width: 600px) {
	body.add-edit-team #toast-container {
		min-width: 100%;
		bottom: 0%;
	}
}

@media only screen and (min-width: 601px) and (max-width: 992px) {
	body.add-edit-team #toast-container {
		left: auto;
		bottom: aauto;
		top: 10%;
		right: 5%;
		max-width: 90%;
	}
}

@media only screen and (min-width: 993px) {
	body.add-edit-team #toast-container {
		top: 10%;
		right: 5%;
		max-width: 90%;
	}
}

body.add-edit-team .toast {
	background: #f0f0f0;
	border: 1px solid #ddd;
	color: #222;
	display: block;
	font-size: 1rem;
	height: auto;
	justify-content: normal;
	line-height: normal;
	padding: 14px 25px 14px 50px;
	width: 340px;
	min-height: 38px;
	-ms-word-break: break-all;
	word-break: break-all;
	/* Non standard for WebKit */
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

body.add-edit-team .toast b {
	/*display: inline-block;
	margin: 0 0.3em;*/
}

body.add-edit-team .toast.removed {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #b94444;
}

body.add-edit-team .toast.removed:before {
	background: #d33;
	border: 2px solid #c00;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	content: "-";
	cursor: pointer;
	display: inline-block;
	font-size: 26px;
	font-weight: bold;
	margin: 0 5px 0 0;
	width: 34px;
	height: 34px;
	line-height: 28px;
	text-align: center;
	vertical-align: baseline;
	position: absolute;
	left: 6px;
	top: 6px;
}

body.add-edit-team .toast.added {
	background-color: #def2de;
	border-color: #bbe0bb;
	color: #339933;
}

body.add-edit-team .toast.added:before {
	background: #2a2;
	border: 2px solid #090;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	content: "+";
	cursor: pointer;
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	margin: 0 5px 0 0;
	width: 34px;
	height: 34px;
	line-height: 30px;
	text-align: center;
	vertical-align: baseline;
	position: absolute;
	left: 6px;
	top: 6px;
}



/*--------------------------------------
*
* KDT > Edit Subject Teams
*
*------------------------------------*/
.edit-subject-teams #searchTeamsBox {
	padding: 10px 15px;
}

.edit-subject-teams #searchTeamsBox .form-group {
	margin: 0 0 5px 0;
}

.edit-subject-teams #searchTeamsBox .form-group .search-field {
	max-width: 400px;
}

.edit-subject-teams #assignTeamAccessSection {
	/*
	border-color: #ccc;
	border-style: solid;
	border-width: 6px 2px;
	*/
}

.edit-subject-teams #assignTeamAccessSection .team-list {
	min-height: 250px;
	max-height: 350px;
}

.edit-subject-teams #assignTeamAccessSection .team-list ul.teamList {
	-webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4; 
}



/*--------------------------------------
*
* KDT > Add/Edit Subject Test History
*
*------------------------------------*/
body.add-edit-subject-history {
}

body.add-edit-subject-history .page-title {
	font-size: 26px;
}

body.add-edit-subject-history .page-title i {
	display: none;
}

body.add-edit-subject-history .page-title.Add i.fa-user-plus {
	display: inline-block;
}

body.add-edit-subject-history .page-title.Edit i.fa-user-edit {
	display: inline-block;
}





/*--------------------------------------
*
* Bulk Delete Subjects
*
*------------------------------------*/
/**
* Hide page elements
*/

body.admin-bulk-delete #footer {
	display: none !important;
}

/*
body.admin-bulk-delete #header {
	display: none;
}
*/


/** 
* BULK DELETE GRID DRAG CONTROL 
*/
#subjectGrid_container {
	/*text-align: center;*/
	width: 100% !important;
}

#subjectGrid_groupbyarea {
	width: 650px;
	border: 4px dashed #888;
	min-height: 125px;
	margin: 0 auto 15px auto;
	padding: 10px;
}

#subjectGrid_groupbyarea .ui-iggrid-groupbyareatext {
    display: block;
	font-size: 15px;
	line-height: 1.3em;
    margin: 10px 0;
    text-align: center;
}


/**
* #confirmPanel
*/
#confirmPanel .form-buttons {
	margin: 20px 0;
	padding: 0;
}

#confirmPanel .alert {
	text-align: center;
}

#confirmPanel #confirmDeleteGrid_container {
	width: 100% !important;
	/*max-width: 700px !important;*/
	margin: 0 auto !important;
}

#confirmPanel #confirmDeleteGrid_container table#confirmDeleteGrid {
	width: 100% !important;
}




/**
* #page_header
*/

/*
body.admin-bulk-delete #page_header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: #f0f0f0;
	color: #333;
	height: 60px;
	width: 100%;
	border-bottom: 1px solid #ddd;
}

body.admin-bulk-delete #page_header .row {
	align-items: center;
	height: 100%;
}

body.admin-bulk-delete #page_header .row .col-left {
	text-align: left;
}

body.admin-bulk-delete #page_header .row .col-right {
	text-align: right;
}

body.admin-bulk-delete #page_header .title {
	border: none !important;
	font-size: 24px;
	margin: 0 !important;
	padding: 0 !important;
}

body.admin-bulk-delete #page_header .title i {
	color: #868c93;
}

body.admin-bulk-delete #page_header .title span {
	display: inline-block;
	margin: 0 10px;
}
*/

body.admin-bulk-delete .page-header {
	margin: 0 0 15px 0;
}




/**
* #page_content
*/
body.admin-bulk-delete #page_content {
	position: fixed;
	top: 100px;
	bottom: 105px;
	left: 0;
	height: calc(100% - 195px);
	/* 75px + 105px  */
	width: 100%;
	overflow: auto;
}

body.admin-bulk-delete #page_content_inner {
	min-height: 440px;
	height: 100%;
	position: relative;
}


body.admin-bulk-delete #content_top {
	position: fixed;
	position: absolute;
	top: 0;
	left: 0;
}

body.admin-bulk-delete #content_bottom {
	position: fixed;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999;
}

/*
body.admin-bulk-delete .content-wrapper,
body.admin-bulk-delete .content-wrapper > .container,
body.admin-bulk-delete .content-wrapper > .container > .row,
body.admin-bulk-delete .content-wrapper > .container > .row > .col {
	height: 100%;
}
*/

body.admin-bulk-delete #content_bottom > .container,
body.admin-bulk-delete #content_bottom > .container > .row,
body.admin-bulk-delete #content_bottom > .container > .row > .col {
	height: 100%;
}

body.admin-bulk-delete .content-wrapper {
	background: #fff;
	height: calc(50% - 7px);
	/* 1/2 (#page_header + #page_footer) height + 10px (to add some separation) */
	width: 100%;
}

body.admin-bulk-delete .content-wrapper > .container > .row {
	margin-bottom: 0;
}

body.admin-bulk-delete #content_top {
	height: calc(25% - 7px);
}

body.admin-bulk-delete #content_bottom {
	height: calc(75% - 7px);
}

body.admin-bulk-delete #content_top .row {
	 align-items: center;
}

body.admin-bulk-delete #content_top .row > .col {
	 height: auto;
}

body.admin-bulk-delete #content_top .description {
	color: #777;
	font-size: 1.05em;
	font-style: italic;
}

body.admin-bulk-delete #content_top #numberSubjectsSelected {
	
}

body.admin-bulk-delete #content_top #numberSubjectsSelected .alert {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-color: #aed5db;
	border-width: 3px;
	display: inline-block;
	margin: 0 auto;
	max-width: 400px;
	padding: 8px 20px;
}

body.admin-bulk-delete #content_top #numberSubjectsSelected .label {
	display: inline-block;
	vertical-align: middle;
}

body.admin-bulk-delete #content_top #numberSubjectsSelected #selectedCount {
	display: inline-block;
	font-size: 1.4em;
	font-weight: bold;
	margin-left: 0.2em;
	vertical-align: middle;
}

body.admin-bulk-delete .ui-igcheckbox-normal-on::before {
	font-size: 1.2em;
	left: calc(50% - 2px);
	top: calc(50% - 2px);
}




/**
* #page_footer
*/
body.admin-bulk-delete #page_footer {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	background: #f0f0f0;
	border-top: 1px solid #ddd;
	height: 80px;
	width: 100%;
}

body.admin-bulk-delete #page_footer .form-buttons {
	padding-top: 18px;
}



/**
* Panels
*/
body.admin-bulk-delete .panel {
	height: 100%;
	border: 2px solid #ddd;
	/*
	border-color: #ddd;
	border-style: solid;
	border-width: 2px;
	*/
	padding: 0;
}

body.admin-bulk-delete .panel-header {
	height: 50px;
	background: #f0f0f0;
	padding: 7px 10px;
}

body.admin-bulk-delete .panel-header .row {
	margin-bottom: 0;
}

body.admin-bulk-delete .panel-header .panel-title {
	display: inline-block;
	font-size: 1.25em;
	margin: 5px 0 0 5px;
	padding: 0;
}

body.admin-bulk-delete .panel-header .results-number {
	display: inline-block;
	margin: 0 8px;
	text-align: center;
	/*width: 120px;*/
}

body.admin-bulk-delete .panel-header .results-number .number {
	display: inline-block;
	margin: 0;
}

body.admin-bulk-delete .panel-header .btn {}

body.admin-bulk-delete .panel-content {
	/*height: calc(100% - 50px);*/
	height: 100%;
	overflow: auto;
	padding: 15px;
}
/* END: Panels */




/*-----------------------------------------
* 
* Data Import
* 
*----------------------------------------*/
.page-data-import {
}

#data-import-steps {
	margin: 20px 0 60px 0;
	text-align: center;
}

#data-import-steps .nav-tabs {
	border: none;
	display: block;
}

#data-import-steps .nav-tabs li a {
	background: #335092;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	color: #fff;
	display: inline-block;
	font-size: 1.15em;
	padding: 10px 30px;
}

#data-import-steps .nav-tabs li a:hover {
	cursor: text;
	text-decoration: none;
}

#data-import-steps .tab-content {
	background-color: #d9edf7;
	border-top: 4px solid #335092;
}

#data-import-steps .tab-content .col {
	position: relative;
}

#data-import-steps .tab-content .col:before {
	background: #8cb7db;
	content: " ";
	display: inline-block;
	height: calc(100% - 20px);
	width: 1px;
	
	position: absolute;
	top: 10px;
	right: 0;
}

#data-import-steps .tab-content .col:last-child:before {
	display: none;
}

#data-import-steps .tab-content .tab-pane {
	padding: 10px;
}

#data-import-steps .tab-content .tab-pane .icon-circle {
	background: #335092;
	border: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 36px;
	height: 70px;
	line-height: 70px;
	margin: 0 0 8px 0;
	position: relative;
	width: 70px;
}

#data-import-steps .tab-content .tab-pane .title {
	margin: 0;
	text-transform: uppercase;
}

#data-import-steps .tab-content .tab-pane .description {
}

#data-import-steps .tab-content .tab-pane .description-box {
	margin: 0 auto -50px auto;
	position: relative;
	max-width: 280px;
}

#data-import-steps .tab-content .tab-pane .description-box .alert {
	border: none;
	padding: 12px;
	position: relative;
	z-index: 2;
}

#data-import-steps .tab-content .tab-pane .description-box:before {
	background: #4aa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	content: " ";
	display: block;
	width: 40px;
	height: 40px;
	
	position: absolute;
	bottom: -10px;
	left: calc(50% - 20px);
	z-index: 1;
	transform: rotate(45deg);
}

.page-data-import .table-data th.required {
	color: #c00;
}

.page-data-import .instructions-box {
	margin: 25px 0;
	text-align: center;
}

.page-data-import .instructions-box .well {
	background: #fff;
	border: 4px solid #ddd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0 auto;
	padding: 20px;
	text-align: left;
	max-width: 800px;
}

.page-data-import .instructions-box .well .well {
	border: 1px solid #bbb;
	margin: 0 0 15px 0;
	padding: 12px 16px;
}

.page-data-import .instructions-box .title {
	font-size: 1.15em;
	margin: 0 0 0.1em 0;
}




/*-----------------------------------------
* 
* Data Import > Choose File
* 
*----------------------------------------*/
.data-import-choose-file .form-horizontal {
	margin: 20px 0;
	text-align: center;
}

.data-import-choose-file .form-horizontal .text-info {
	color: #444 !important;
}

.data-import-choose-file .input-group-btn {
	cursor: pointer;
}

.data-import-choose-file .file-caption {
	height: 40px;
	line-height: 38px;
}

.data-import-choose-file .file-caption-name {
    height: 30px;
    line-height: 30px;
}

.data-import-choose-file .file-preview {
	background: #fff;
}

.data-import-choose-file .input-group-btn .btn-file .glyphicon {
	font-size: 1em;
}

input[type="file"] {
	background: #fff;
    border: 2px dashed #ccc;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	
    display: inline-block;
	font-weight: normal;
    padding: 12px 24px;
    cursor: pointer;
	
	text-align: center;
	min-width: 200px;
}





/*-----------------------------------------
* 
* Record Test
* 
*----------------------------------------*/
body.record-test {
	
}

body.record-test #header {
	display: none;
}

body.record-test #page > #main {
	padding: 0;
}

body.record-test #page > #main > .container {
	width: 100%;
	min-width: 0;
	max-width: none;
	
	margin: 0;
	padding: 0;
}

body.record-test .test-header {
	margin: 0 0 40px 0;
	min-height: 65px;
}




/*-----------------------------------------
* 
* Record Test > Details
* 
*----------------------------------------*/
body.record-test-details {
	
}

body.record-test-details #header {
	display: none;
}

body.record-test-details #page > #main {
	padding: 0;
}

body.record-test-details #page > #main > .container {
	width: 100%;
	min-width: 0;
	max-width: none;
	
	margin: 0;
	padding: 0;
}


body.record-test-details .test-header {
	margin: 0 0 40px 0;
}


body.record-test-details form #test-date label {
	display: block;
}


body.record-test-details #addPhysicalTestErrorMessage:empty {
	display: none;
}






/*-----------------------------------------
* 
* Record Test > Confirm Test Results
* 
*----------------------------------------*/
body.record-test-results {
	
}

body.record-test-results #header {
	display: none;
}

body.record-test-results #page > #main {
	padding: 0;
}

body.record-test-results #page > #main > .container {
	width: 100%;
	min-width: 0;
	max-width: none;
	
	margin: 0;
	padding: 0;
}

body.record-test-results .test-header {
	margin: 0 0 40px 0;
}





/*-----------------------------------------
* 
* Training Videos
* 
*----------------------------------------*/
body.setup-training {
}

body.setup-training #footer {
	display: none;
}

body.setup-training #page > #main {
	position: absolute;
	top: 70px;
	left: 0;
	
	width: 100%;
	height: calc(100% - 70px);
	min-height: 580px;
	max-height: 820px;
}

body.setup-training #page > #main > .container,
body.setup-training #page > #main > .container > #main-content {
	height: 100%;
	min-height: 0;
}

body.setup-training .page-header {
	height: 50px;
	margin: 0 0 20px 0;
}

body.setup-training #trainingLibrary {
	height: calc(100% - 70px);
}

body.setup-training #trainingLibrary > .row {
	height: 100%;
}

body.setup-training #trainingLibrary .panel {
	/*height: 620px;*/
	height: 100%;
}

body.setup-training #trainingLibrary .panel > .panel-heading {
}

body.setup-training #trainingLibrary .panel > .panel-body {
}

body.setup-training #trainingLibrary .panel > .panel-footer {
}


/* Sidebar */
body.setup-training #trainingSidebar {
	height: 100%;
	overflow: hidden;
}

body.setup-training #trainingSidebar .panel > .panel-heading {
}

body.setup-training #trainingSidebar .panel > .panel-body {
	height: 90%;
	overflow-y: auto;
	
	padding: 0 5px 0 0;
}

body.setup-training #trainingSidebar ul#trainings {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.setup-training #trainingSidebar ul#trainings > li {
	position: relative;
}

/**
* checkbox
*/
body.setup-training #trainingSidebar ul#trainings > li .checkbox {
	position: absolute;
	top: 0;
	left: 0;
	
	content: " ";
	display: inline-block;
	width: 28px;
	height: 28px;
	text-align: center;
	
	background: #fff;
	border: 2px solid #aaa;
}

body.setup-training #trainingSidebar ul#trainings > li .checkbox .fa-check {
	display: none;
}

body.setup-training #trainingSidebar ul#trainings > li.trainingComplete .checkbox {
	background: #fff;
	border: 3px solid #888;
}

body.setup-training #trainingSidebar ul#trainings > li.trainingComplete .checkbox .fa-check {
	color: #777;
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
}

body.setup-training #trainingSidebar ul#trainings > li.trainingComplete .module,
body.setup-training #trainingSidebar ul#trainings > li.trainingComplete .module:hover {
	background: #888;
	border-color: #888;
	color: #fff;
}
/*
END: checkbox
*/


body.setup-training #trainingSidebar ul#trainings > li .module {
	background: #e9e9e9;
	border: 2px solid #aaa;
	display: block;
	margin: 0 0 10px 0;
	padding: 6px;
}

body.setup-training #trainingSidebar ul#trainings > li .module:hover {
	cursor: pointer;
	background: #f3f3f3;
}

body.setup-training #trainingSidebar ul#trainings > li .module img {
	/*border: 1px solid #ddd;*/
	margin: 0 0 5px 0;
}

body.setup-training #trainingSidebar ul#trainings > li .module .title {
	font-size: 1.15em;
	margin: 0;
	padding: 0;
}

body.setup-training #trainingSidebar ul#trainings > li .module .description {
	margin: 0;
	padding: 0;
}


/* Content */
body.setup-training #trainingContent {
	height: 100%;
}

body.setup-training #trainingContent .module-content {
	margin: 0 0 15px 0;
}


/* Video */
#currentSelectedVideoTraining.jwplayer {
	
}

#currentSelectedVideoTraining.jwplayer .jw-reset {
	padding-top: 60% !important;
}

@media(max-height: 700px) {
	#currentSelectedVideoTraining.jwplayer .jw-reset {
		padding-top: 40% !important;
	}
}

@media(min-height: 701px) and (max-height: 750px) {
	#currentSelectedVideoTraining.jwplayer .jw-reset {
		padding-top: 45% !important;
	}
}

@media(min-height: 751px) and (max-height: 800px) {
	#currentSelectedVideoTraining.jwplayer .jw-reset {
		padding-top: 50% !important;
	}
}





/*-----------------------------------------
* 
* Manage Subscription
* 
*----------------------------------------*/
body.manage-subscription {
}

body.manage-subscription #accountInfo {
	margin: 0 0 20px 0;
}

body.manage-subscription #accountInfo p {
	margin: 0 0 0.5em 0;
}

body.manage-subscription #contactSupport {
	margin: 0 auto 20px auto;
	max-width: 540px;
}

body.manage-subscription #accountButtons {
	margin: 0 0 20px 0;
}

body.manage-subscription .accordion {
	margin: 0 0 20px 0;
}

body.manage-subscription .accordion .card {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	margin: 0 0 12px 0;
}

body.manage-subscription .accordion .card .card-header {
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0;
	padding: 0;
}

body.manage-subscription .accordion .card .card-header .btn {
	background: #e9e9e9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 8px 16px 8px 34px;
	position: relative;
	text-align: left;
	width: 100%;
	max-width: none;
}

body.manage-subscription .accordion .card .card-header .btn:hover {
	background: #f3f3f3;
}

body.manage-subscription .accordion .card .card-header .btn > span {
	background: #f0f0f0;
	-moz-border-radius: 36px;
	-webkit-border-radius: 36px;
	border-radius: 36px;
	border: 1px solid #bbb;
	
	
	display: inline-block;
	padding: 8px 16px;
	text-align: center;
	
	width: 100%;
	max-width: 240px;
}

body.manage-subscription .accordion .card .card-header .btn:hover > span {
	background: #fff;
	border-color: #bbb;
}

body.manage-subscription .accordion .card .card-header .btn:focus,
body.manage-subscription .accordion .card .card-header .btn:hover {
	text-decoration: none;
}

body.manage-subscription .accordion .card .card-header .btn .toggle-arrow {
	position: absolute;
	top: 0;
	left: 0;
	
	height: 100%;
	width: 34px;
		
	display: inline-block;
	/*border-right: 1px solid #ccc;*/
	text-align: center;
	vertical-align: middle;
}

body.manage-subscription .accordion .card .card-header .btn:hover .toggle-arrow,
body.manage-subscription .accordion .card .card-header .btn[aria-expanded="true"] .toggle-arrow {
}

body.manage-subscription .accordion .card .card-header .btn .toggle-arrow > i {
	position: absolute;
	top: calc(50% - 12px);
	left: calc(50% - 6px);
	
	font-size: 16px;
}

body.manage-subscription .accordion .card .card-header .btn[aria-expanded="true"] .toggle-arrow > i {
	transform: rotate(90deg);
}

body.manage-subscription .accordion .card .card-body {
	border: 1px solid #ddd;
	margin-top: -2px;
}

body.manage-subscription .panel {
	margin: 0;
}






/*-----------------------------------------
* 
* Manage Subscription
* 
*----------------------------------------*/
body.transfer-subject {
}

body.transfer-subject #transfSubjectForm > .row {
	align-items: center;
}

body.transfer-subject #transfSubjectForm > .row > .left-column {
	flex: 0 0 46%;
	width: 46%;
}

body.transfer-subject #transfSubjectForm > .row > .middle-column {
	flex: 0 0 6%;
	width: 6%;
	
	text-align: center;
}

body.transfer-subject #transfSubjectForm > .row > .middle-column i {
	color: #999;
	font-size: 46px;
}

body.transfer-subject #transfSubjectForm > .row > .right-column {
	flex: 0 0 46%;
	width: 46%;
}