/* basic css elements */

table {
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
}





/* images */

.image-align-top {
	vertical-align: top;
	margin: 0 0.5em;
}

.image-align-top-L {
	vertical-align: top;
	margin: 0 0.5em 0 0;
}

.image-align-top-R {
	vertical-align: top;
	margin: 0 0 0 0.5em;
}

.image-align-top-L-pointer {
	vertical-align: top;
	margin: 0 0.5em 0 0;
	cursor: pointer;
}

.image-align-middle {
	vertical-align: middle;
	margin: 0 0.5em;
}

.image-align-middle-L {
	vertical-align: middle;
	margin: 0 0.5em 0 0;
}

.image-align-middle-R {
	vertical-align: middle;
	margin: 0 0 0 0.5em;
}

.image-align-middle-L-pointer {
	vertical-align: middle;
	margin: 0 0.5em 0 0;
	cursor: pointer;
}

.thumbnailPhoto {
	border-radius: 2px;
}

div.sectionHeader .thumbnailPhoto{
	max-height: 100px;
	margin-top: 2em;
}

.search-result-heading .thumbnailPhoto {
	max-height: 60px;
}

.image-form {
	max-height: calc(60px + 1em);
	border-radius: 2px;
}

.image-form-testScores, .image-table-body {
	max-height: calc(12px + 1em);
	border-radius: 2px;
}

.image-table-header {
	max-height: calc(15px + 1em);
	border-radius: 2px;
}

.showHide, .showHideLessonHistory, .showHideTraineeData, .showHideConvocationData, .showHideAllClients, .showHideTestCertificationsStart, .showHideTestCertificationsEnd, .showHideTrainingContracts, .deleteItem {
	cursor: pointer;
}

.headerLogo {
	display: inline-block !important;
}

.clientLogo {
	max-height: 4em;
	width: auto;
	margin-bottom: 1em;
	border-radius: 2px;
}

.qualityFooter {
	float: right;
	max-height: 5em;
	width: auto;
	border: 0 none;
	margin: 0 0 0 1em;
}





/* tables - DataTables Bootstrap 3 */

.table-responsive {
	border: none;
	margin-bottom: 2em;
}

.table-responsive table.dataTable {
	margin-top: 0 !important;
}

p + .table-responsive {
	margin-top: 2em;
}

.table-bordered {
	border: none;
}

.table-bordered-bottom {
	border-bottom: #4abdde 1px solid;
}

.dataTables_length, .dataTables_info, .dataTables_filter, .dataTables_paginate {
	font-size: 0.9em;
	text-transform: lowercase;
	color: #666666;
	padding-top: 1em;
	padding-bottom: 1em;
}

.dataTables_length, .dataTables_info {
	padding-left: 0.5em;
}

.dataTables_length .form-control, .dataTables_filter .form-control {
	color: #00526b;
}

div.dataTables_scrollBody {
	background-color: #f7f7f7;
}

div.dataTables_scrollBody thead, div.dataTables_scrollBody tfoot {
	visibility: collapse;
}

div.DTFC_RightBodyLiner {
	overflow-y: hidden !important;
}

.table-responsive .table th {
	height: 2.5em;
	background-color: #f2f2f2;
}

.summary .table th {
	background-color: #ffffff;
}

thead > tr > th:not(.text-right), tfoot > tr > th:not(.text-right) {
	padding-left: 0.5em !important;
}

thead > tr > th.text-center, tfoot > tr > th.text-center {
	padding-left: 0.5em !important;
	padding-right: 0.5em !important;
}

thead > tr > th.text-right, tfoot > tr > th.text-right {
	padding-right: 0.5em !important;
}

th.sorting::after {
	content: "" !important;
}

table.dataTable thead > tr > th.text-right.sorting_asc, table.dataTable thead > tr > th.text-right.sorting_desc, table.dataTable thead > tr > th.text-right.sorting, table.dataTable thead > tr > td.text-right.sorting_asc, table.dataTable thead > tr > td.text-right.sorting_desc, table.dataTable thead > tr > td.text-right.sorting {
	padding-left: 30px;
	padding-right: 8px;
}

table.dataTable thead .text-right.sorting::after, table.dataTable thead .text-right.sorting_asc::after, table.dataTable thead .text-right.sorting_desc::after, table.dataTable thead .text-right.sorting_asc_disabled::after, table.dataTable thead .text-right.sorting_desc_disabled::after {
	position: absolute;
	bottom: 8px;
	left: 8px !important;
	right: auto !important;
	display: block;
	font-family: 'Glyphicons Halflings';
	opacity: 0.5;
	transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
}

.table-responsive .table:not(.table-schedule) td {
	height: 2em;
	padding: 0.5em;
}

.table-responsive .table td.text-center {
	padding-left: 0.5em !important;
	padding-right: 0.5em !important;
}

.table-striped > thead > tr > td, .table-striped > thead > tr > th, .table-stripedExpand > thead > tr > td, .table-stripedExpand > thead > tr > th {
	color: #00546b;
	font-size: 0.85em;
	vertical-align: top;
	border: none;
}

.table-striped > tbody > tr > td, .table-striped > tbody > tr > td.details-control, .table-stripedExpand > tbody > tr > td, .table-stripedExpand > tbody > tr > td.details-control, .table-schedule > tbody > tr > td, .table-striped > tbody > tr:nth-child(odd).subGroup > td, .table-striped > tbody > tr:nth-child(even).subGroup > td {
	font-size: 0.85em;
	background-color: #e5f6ff;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > td.details-control, .table-schedule > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr.group > td {
	background-color: #d3efff;
}

.table-stripedExpand > tbody > tr.child-row > td, .table-stripedExpand > tbody > tr.child-row:hover > td, .table-stripedExpand > tbody > tr.child-row:focus > td {
	background-color: #f8f8f8;
}

.table-stripedExpand > tbody > tr.child-row > td div.child-row-content {
	padding-left: 10%;
	padding-right: 10%;
}

.table-striped > tbody > tr > td, .table-stripedExpand > tbody > tr > td, .table-schedule > tbody > tr > td {
	border: none;
}
 
.table-stripedExpand > tbody > tr.odd > td {
	background-color: #d3efff;
}
 
.table-stripedExpand > tbody > tr.even > td {
	background-color: #e5f6ff;
}

.table-striped > tfoot > tr > td, .table-striped > tfoot > tr > th, .table-stripedExpand > tfoot > tr > td, .table-stripedExpand > tfoot > tr > th {
	color: #00546b;
	font-size: 0.85em;
	white-space: nowrap;
	vertical-align: top;
	border: none;
}

.table-striped > tfoot > tr > td.preview-text-template, .table-striped > tfoot > tr > th.preview-text-template, .table-stripedExpand > tfoot > tr > td.preview-text-template, .table-stripedExpand > tfoot > tr > th.preview-text-template {
	color: #666666;
}

form .table-responsive .table-controls td {
	vertical-align: middle;
}

.table-striped > tbody > tr > td input.form-control, .table-striped > tbody > tr > td select.form-control, .table-striped > tfoot > tr > th input.form-control, .table-striped > tfoot > tr > th select.form-control {
	color: #202020;
	font-weight: normal;
	width: 100% !important;
	min-width: 10em;
	padding-left: 0.5em !important;
}

.table-striped > tbody > tr > td input.form-control.numericControl, .table-striped > tfoot > tr > th input.form-control.numericControl {
	color: #202020;
	font-weight: normal;
	width: 7em !important;
	min-width: 7em;
	padding-left: 0.5em !important;
}

.table-striped > tbody > tr.group > td input.form-control.numericControl, .table-striped > tfoot > tr.group > th input.form-control.numericControl, .table-striped > tbody > tr.subGroup > td input.form-control.numericControl, .table-striped > tfoot > tr.subGroup > th input.form-control.numericControl {
	width: 5em !important;
	min-width: 5em;
}

.table-striped > tbody > tr > td input.form-control.numberControl, .table-striped > tfoot > tr > th input.form-control.numberControl {
	color: #202020;
	font-weight: normal;
	width: 5em !important;
	min-width: 5em;
	padding-left: 0.5em !important;
}

.table-striped > tbody > tr > td input[readonly].form-control.numberControl, .table-striped > tbody > tr > td input[readonly].form-control.numericControl, .table-striped > tfoot > tr > th input[readonly].form-control.numberControl, .table-striped > tfoot > tr > th input[readonly].form-control.numericControl {
	background-color: #ffffff;
}

.table-striped > tbody > tr > td input[readonly].form-control.numberControl.quantity, .table-striped > tbody > tr > td input[readonly].form-control.numericControl.amount, .table-striped > tfoot > tr > th input[readonly].form-control.numberControl.quantity, .table-striped > tfoot > tr > th input[readonly].form-control.numericControl.amount {
	background-color: #eeeeee;
	cursor: not-allowed;
}

.table-striped > tbody > tr > td > div.form-inline > select.form-control {
	color: #202020;
	font-weight: normal;
	width: auto !important;
	min-width: 10em;
	padding-left: 0.5em !important;
}

.table-striped > tbody > tr > td input.form-control.dateControl, .table-striped > tfoot > tr > th input.form-control.dateControl {
	width: 10em !important;
}

.table-striped > tbody > tr > td select.form-control.numberControl, .table-striped > tfoot > tr > th select.form-control.numberControl {
	width: 5em !important;
	min-width: 5em;
}

.table-striped > tbody > tr > td textarea.form-control {
	resize: vertical;
	min-width: 10em;
	color: #202020;
	font-size: 1em;
	padding: 5px 10px;
	padding-left: 0.5em !important;
}

.table-striped > tbody > tr > td textarea.form-control.lessonContent {
	min-width: 30em;
}

.table-striped > tbody > tr > td input[type=text], .table-striped > tbody > tr > td input[type=file], .table-striped > tbody > tr > td input[type=password], .table-striped > tbody > tr > td input[type=email], .table-striped > tbody > tr > td input[type=search], .table-striped > tbody > tr > td input[type=url] {
	min-width: 10em;
}

.table-hover tr:hover td, .table-hover tbody tr:hover td, .table-hover tr:focus td, .table-hover tbody tr:focus td, .table-hover tr:hover td.details-control, .table-hover tbody tr:hover td.details-control, .table-hover tr:focus td.details-control, .table-hover tbody tr:focus td.details-control {
	background-color: #b2e3f7;
}

.table-striped > tbody > tr > td.tdIcon, .table-stripedExpand > tbody > tr > td.tdIcon, .table-schedule > tbody > tr > td.tdIcon {
	text-indent: -1.86em;
	padding-left: 2.5em !important;
}

.tdSpanIcon {
	display: inline-block;
	width:16px;
	height:16px;
	vertical-align: middle;
	margin: 0 0.5em 0 0;
	border-radius: 2px;
}

td.text-right {
	white-space: nowrap;
}

td.reportingMinWidth {
	min-width: 180px !important;
	max-width: 180px !important;
	white-space: normal;
}

td.questionnairesMinWidth {
	min-width: 220px !important;
	max-width: 220px !important;
	white-space: normal;
}

td.details-control {
	background: url("../icons16px/down.png") no-repeat center 0.75em;
	cursor: pointer;
}

tr.shown td.details-control {
	background: url("../icons16px/up.png") no-repeat center 0.75em;
}

@media (max-width: 767px) {
	.dataTables_length {
		float: left !important;
	}
	.dataTables_filter {
		float: right !important;
	}
	.dataTables_filter input {
		max-width: 5em;
	}
	.table-stripedExpand > tbody > tr.child-row > td, .table-stripedExpand > tbody > tr.child-row:hover > td, .table-stripedExpand > tbody > tr.child-row:focus > td {
		padding-left: 5em;
		padding-right: 5em;
	}
	.table-stripedExpand > tbody > tr.child-row > td div.child-row-content {
		max-width: 20em;
	}
}