html,
body {
	margin: 0;
	color: black;
}

.datepickr-wrapper td {
	padding: 1px !important;
}

.training_content img,
.training_content video,
.training_content audio,
.training_content object {
	max-width: 100%;
	height: auto;
}
.training_content iframe {
	max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	display: block;
	font-weight: bold;
	font-style: normal;
	padding: 0px;
	margin: 0.5em 0px;
}

.left {
	float: left;
	text-align: left;
}

.center {
	text-align: center;
	margin: 0px auto;
	padding: 0px 25%;
}

.right {
	float: right;
	text-align: right;
	clear: right;
}

hr {
	clear: both;
	margin-top: 2em;
}

form label {
	clear: left;
	display: block;
}
form input[type="text"],
form input[type="password"],
form input[type="textarea"],
form textarea {
	width: 100%;
}
form div.optionalFields {
	border: 1px solid #444444;
	padding: 3ex 3%;
}
form div.optionalFields:before {
	content: "Optional";
	color: #444444;
	background: white;
	display: block;
	margin: -4.5ex 0em 0em -0.5em;
	padding: 0em 0.5em;
	width: 8ex;
}
form div.variableDefinition {
	border-left: 1px solid;
	width: 40%;
	padding-left: 1ex;
	margin-left: 4ex;
	margin-bottom: 1em;
	float: left;
}
form div.column {
	width: 45%;
	margin-right: 5%;
	float: left;
}
form div.column div.column {
	margin-right: 0px;
	width: 50%;
}
form div.fullwidth {
	clear: left;
	width: 95%;
}
form div.optionalFields.fullwidth {
	width: 89%;
}
form ul {
	margin: 0px;
	padding: 0px;
}
form ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
form ul li input {
	max-width: 50%;
	display: inline-block;
	margin-right: 5px;
}
form ul li input.sort {
	width: 4ex;
	margin-right: 5px;
	float: right;
}
form #groupnames input.sort {
	float: none;
}
form.filterField.collapse {
	clear: right;
	margin-bottom: -1em;
}
form.filterField p {
	margin: 0px;
}
form.filterField p label {
	display: inline;
}
form.filterField p input {
	width: 200px;
}

table.report_results tr:nth-child(even) {
	background: #eaeaea;
}

table.dataList {
	clear: both;
	width: 100%;
	border-collapse: collapse;
}
table.dataList thead th {
	text-align: left;
	background: #444444;
	color: white;
	line-height: 1.2em;
	margin: 0.5em 0px;
	cursor: pointer;
}
table.dataList thead th.up:after {
	content: url("_images/dn.png");
	content: url("_images/up.png");
	margin-right: 5px;
	margin-left: 5px;
	margin-top: -5px;
	float: left;
}
table.dataList thead th.dn:after {
	content: url("_images/down.png");
	margin-right: 5px;
	margin-left: 5px;
	margin-top: -5px;
	float: left;
}
table.dataList thead td {
	text-align: center;
}
table.dataList thead td form,
table.dataList thead td .form {
	float: left;
}
table.dataList thead td form input[type="checkbox"],
table.dataList thead td .form input[type="checkbox"] {
	margin-left: 1em;
}
table.dataList thead td form input[type="checkbox"]:first-child,
table.dataList thead td .form input[type="checkbox"]:first-child {
	margin-left: 0em;
}
table.dataList thead td a.paginator:link,
table.dataList thead td a.paginator:visited,
table.dataList thead td a.paginator:hover,
table.dataList thead td a.paginator:active {
	color: #0066cc;
	font-weight: normal;
	text-decoration: none;
}
table.dataList thead td a.paginator:hover {
	text-decoration: underline;
}
table.dataList thead td a.paginatorCurrent:link,
table.dataList thead td a.paginatorCurrent:visited,
table.dataList thead td a.paginatorCurrent:hover,
table.dataList thead td a.paginatorCurrent:active {
	font-weight: bold;
	text-decoration: none;
	color: black;
	cursor: default;
}
table.dataList tbody:nth-child(even) {
	background: #eaeaea;
}
/* table.dataList tbody tr.compact {
    display: table-row; } */
table.dataList tbody tr.compact:hover {
	cursor: pointer;
	background: #ffcc00;
}
table.dataList tbody tr.compact input[type="text"] {
	max-width: 14ex;
}
table.dataList tbody tr.detail {
	display: none;
}
table.dataList tbody tr.detail > td > div {
	overflow: hidden;
}
table.dataList tbody div.column {
	float: left;
	padding-right: 50px;
}
table.dataList tbody.open > tr.compact {
	display: none;
}
table.dataList tbody.open > tr.detail {
	display: table-row;
}
table.dataList tbody.open > tr.detail > td {
	padding: 10px;
	background: #cccccc;
}
table.dataList tbody.open > tr.detail > td tr.detail > td {
	background: white;
}
table.dataList tbody.open > tr.detail > td tr.detail > td tr.detail > td {
	background: #cccccc;
}
table.dataList tfoot tr td {
	padding: 0.5em 0em;
	text-align: center;
}
table.dataList tfoot tr td a {
	padding: 3px 6px;
	text-align: center;
}
table.dataList tfoot tr td a:link,
table.dataList tfoot tr td a:visited,
table.dataList tfoot tr td a:hover,
table.dataList tfoot tr td a:active {
	color: #0066cc;
	font-weight: normal;
	text-decoration: none;
}
table.dataList tfoot tr td a:link:hover,
table.dataList tfoot tr td a:visited:hover,
table.dataList tfoot tr td a:hover:hover,
table.dataList tfoot tr td a:active:hover {
	text-decoration: underline;
}
table.dataList tfoot tr td a.currentPage:link,
table.dataList tfoot tr td a.currentPage:visited,
table.dataList tfoot tr td a.currentPage:hover,
table.dataList tfoot tr td a.currentPage:active {
	font-weight: bold;
	color: white;
	background: #0066cc;
	border-radius: 12px;
	cursor: default;
	text-decoration: none;
}

table.grid {
	clear: both;
	width: 100%;
	border-collapse: collapse;
}
table.grid th,
table.grid td {
	text-align: center;
	padding: 5px;
}
table.grid th p,
table.grid td p {
	margin: 0px;
}
table.grid th {
	font-size: bolder;
	padding: 0.5em 5px;
}
table.grid tr:nth-child(even) {
	background: #eaeaea;
}

ul.sortable {
	margin: 0px;
	padding: 0.5em 0px;
}
ul.sortable li {
	cursor: move;
	margin: 0px;
	padding: 5px;
	list-style-type: none;
	position: relative;
	line-height: 1.75em;
	clear: both;
	overflow: hidden;
}
ul.sortable li img.supp {
	float: right;
	margin-right: 10px;
	margin-top: 6px;
}
ul.sortable li.filter-1,
ul.sortable li.filter0 {
	display: none;
}
ul.sortable li div.supplemental {
	font-size: 85%;
	margin-left: 2em;
	display: none;
	overflow: auto;
}
ul.sortable li .training_content {
	position: relative;
	float: right;
	width: 200px;
	margin-right: 10px;
}
ul.sortable li:nth-child(even) {
	background: #eaeaea;
}
ul.sortable li:hover {
	background: #ffcc00;
}
ul.sortable li:hover div.supplemental {
	display: block;
}
ul.sortable li p {
	margin: 0px;
	padding: 0px;
}
ul.sortable li label {
	display: inline;
	margin-right: 2ex;
}
ul.sortable li label:after {
	content: ":";
}
ul.sortable li input[type="radio"] {
	float: left;
	margin-right: 2ex;
}

ul.th {
	margin: 0px;
	padding: 0px;
}
ul.th li {
	margin: 0px;
	padding: 0px;
	background: #444444;
	color: white;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
}

div.filters input[type="checkbox"] {
	margin-left: 1em;
}
div.filters input[type="checkbox"]:first-child {
	margin-left: 0em;
}

div#variables {
	overflow: hidden;
}

ol.page1,
ol.page2 {
	/* answer sheet */
}
ol.page1 span.answer,
ol.page2 span.answer {
	background: #444444;
	color: white;
	padding: 0.25em;
	display: inline-block;
	border-radius: 1ex;
	width: 4ex;
	margin: 0.5ex 1ex;
	text-align: center;
}
ol.page1 ul,
ol.page2 ul {
	border-left: 1px solid;
	margin: 0.5em 0px 0.5em 5ex;
	padding-left: 1ex;
}
ol.page1 ul,
ol.page1 ul li,
ol.page2 ul,
ol.page2 ul li {
	list-style-type: none;
}

#questionlist .sortable .right {
	clear: none;
	margin-right: 1em;
}

#grouplist .sort {
	clear: none;
	float: left;
}

#vehicle_assessment_accordion, #assessment_accordion {
	width: 100%;
	border-collapse: collapse;
}
#vehicle_assessment_accordion tbody tr, #assessment_accordion tbody tr {
	position: absolute;
	visibility: hidden;
}
#vehicle_assessment_accordion tbody tr:nth-child(even) td, #assessment_accordion tbody tr:nth-child(even) td {
	background: #eaeaea;
}
#vehicle_assessment_accordion tbody tr:nth-child(odd) td, #assessment_accordion tbody tr:nth-child(odd) td {
	background: #fff;
}
#vehicle_assessment_accordion tbody tr:first-child, #assessment_accordion tbody tr:first-child {
	cursor: pointer;
}
#vehicle_assessment_accordion tbody tr td, #assessment_accordion tbody tr td {
	text-align: center;
}
#vehicle_assessment_accordion tbody tr td:first-child, #assessment_accordion tbody tr td:first-child {
	width: 33%;
}
#vehicle_assessment_accordion tbody tr td:last-child, #assessment_accordion tbody tr td:last-child {
	padding-right: 1em;
}
#vehicle_assessment_accordion tbody tr td:first-child, #assessment_accordion tbody tr td:first-child,
#vehicle_assessment_accordion tbody tr td:last-child, #assessment_accordion tbody tr td:last-child {
	text-align: left;
}
#vehicle_assessment_accordion tbody tr td textarea, #assessment_accordion tbody tr td textarea {
	min-height: 5em;
}
#vehicle_assessment_accordion tbody.open tr, #assessment_accordion tbody.open tr,
#vehicle_assessment_accordion tbody tr:first-child, #assessment_accordion tbody tr:first-child {
	position: static;
	visibility: visible;
}
#vehicle_assessment_accordion th, #assessment_accordion th {
	background: #444444;
	color: white;
	border-top: 5px solid #fff;
	text-align: left;
	padding: 5px;
}
#vehicle_assessment_accordion th:first-child:before, #assessment_accordion th:first-child:before {
	content: "+ ";
}
#vehicle_assessment_accordion tbody.open th:first-child:before, #assessment_accordion tbody.open th:first-child:before {
	content: "- ";
}
#vehicle_assessment_accordion td.passfail, #assessment_accordion td.passfail {
	color: white;
	width: 4em;
	cursor: pointer;
}
#vehicle_assessment_accordion td.passfail.pass, #assessment_accordion td.passfail.pass {
	background: #40b340;
}
#vehicle_assessment_accordion td.passfail.pass:before, #assessment_accordion td.passfail.pass:before {
	content: "Pass";
}
#vehicle_assessment_accordion td.passfail.pass ~ td *, #assessment_accordion td.passfail.pass ~ td * {
	visibility: hidden;
}
#vehicle_assessment_accordion td.passfail.fail, #assessment_accordion td.passfail.fail {
	background: #f00;
}
#vehicle_assessment_accordion td.passfail.fail:before, #assessment_accordion td.passfail.fail:before {
	content: "Fail";
}
#vehicle_assessment_accordion input.address_item, #assessment_accordion input.address_item {
	float: right;
}
#vehicle_assessment_accordion tr.addressed, #assessment_accordion tr.addressed {
	text-decoration: line-through;
}

.bread > div {
	display: inline-block;
	margin-right: 3em;
}

#assessment_confirm li {
	margin-bottom: 1em;
}
#assessment_confirm li.focusarea {
	background: #cccccc;
	border: 1px solid #f00;
	padding: 1ex;
}
#assessment_confirm li strong {
	display: inline-block;
	color: white;
	line-height: 2em;
	padding: 0px 1ex;
	margin-right: 1ex;
	border-radius: 1ex;
	text-transform: uppercase;
}
#assessment_confirm li strong.pass {
	background: #0f0;
}
#assessment_confirm li strong.fail {
	background: #f00;
}

ul.panes {
	padding-left: 0px;
}
ul.panes > li {
	list-style-type: none;
	width: 50%;
	text-align: center;
	float: left;
	padding-bottom: 2em;
}
ul.panes > li:nth-child(odd) {
	clear: left;
}
ul.panes > li h2 {
	background: #444444;
	color: white;
	font-family: Lato, arial, serif !important;
	line-height: 2em;
	margin-top: 0px;
}
ul.panes > li.fullwidth {
	width: 100%;
	float: none;
}
/*
      ul.panes > li.fullwidth:nth-child(odd) {
        background: #eaeaea; }
      ul.panes > li.fullwidth:nth-child(even) {
        background: transparent; }
*/
ul.panes > li.fullwidth h2 {
	cursor: pointer;
}
ul.panes > li .accordion {
	display: none;
}
ul.panes > li .accordion.open {
	display: block;
}
@media (max-width: 800px) {
	ul.panes > li {
		width: 100%;
		float: none;
	}
}
ul.panes > li .speedometer {
	display: inline-block;
	position: relative;
	background: url("/_image/speedometer.jpg") top center no-repeat;
	background-size: contain;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_image/speedometer.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/_image/speedometer.jpg', sizingMethod='scale')";
	/*
      	.needle {
      		position: absolute;
      		content: "";
      		top: $speedometer_size * 3 / 16;
      		left: $speedometer_size * 27 / 64; //  = (32-5)/64
      		width: $speedometer_size * 5 / 32;
      		height: $speedometer_size * 63 / 160;
      		transform-origin: 50% 82%;
      		background: url('/_image/needle.png') bottom center no-repeat;
      		background-size: contain;
      			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled='true', src='/_images/needle.png', sizingMethod='scale');
      			-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled='true', src='/_images/needle.png', sizingMethod='scale')";
      	}
      */
}
ul.panes > li .speedometer img {
	max-width: 100%;
}
ul.panes > li .speedometer_label {
	display: block;
	text-align: center;
	line-height: 1em;
	font-family: "Fjalla One", arial, serif;
	font-size: 30px;
}
ul.panes > li #pieLegend, 
ul.panes > li #safetyPieLegend, 
ul.panes > li #driverSafetyPieLegend {
	text-align: left;
	margin-left: 1em;
	display: inline-block;
}
ul.panes > li #pieLegend .title, 
ul.panes > li #safetyPieLegend .title, 
ul.panes > li #driverSafetyPieLegend .title {
	display: block;
	text-indent: -2.5ex;
	padding-left: 2.5ex;
}
ul.panes > li #pieLegend .title .color-sample, 
ul.panes > li #safetyPieLegend .title .color-sample, 
ul.panes > li #driverSafetyPieLegend .title .color-sample {
	display: inline-block;
	margin-right: 1ex;
	height: 1.5ex;
	width: 1.5ex;
}
ul.panes > li #pieLegends {
	text-align: left;
	margin-left: 1em;
	display: inline-block;
}
ul.panes > li #pieLegends .title {
	display: block;
	text-indent: -2.5ex;
	padding-left: 2.5ex;
}
ul.panes > li #pieLegends .title .color-sample {
	display: inline-block;
	margin-right: 1ex;
	height: 1.5ex;
	width: 1.5ex;
}
ul.panes > li table,
ul.panes > li form {
	text-align: left;
}
ul.panes > li table:after,
ul.panes > li form:after {
	content: "";
	display: table;
	clear: both;
}

#dash-employee-grid {
	list-style-type: none;
}

#action_pdf_link {
	display: inline-block;
	float: left;
	margin: 10px;
}
#action_pdf_button {
	display: inline-block;
}

#apl_wrapper {
	margin: 5px 0 0 0;
	padding: 0;
	text-align: right;
}
#logout {
	font-size: 18px;
}

.survey_status {
	margin: 10px;
	display: inline-block;
}

#download_action_plan {
	display: inline-block;
}

.survey_status_complete,
.survey_status_complete:hover {
	background-color: green;
	border-color: green;
}

.survey_status_incomplete,
.survey_status_incomplete:hover {
	background-color: red;
	border-color: red;
}

#companyTypeCheckboxes {
	border: 2px solid #06c;
	text-align: center;
}
#companyTypeCheckboxes span,
#companyTypeCheckboxes label {
	display: inline-block;
	padding-left: 1ex;
}
#companyTypeCheckboxes span {
	margin: 1ex 2em;
}
#companyTypeCheckboxes input:checked + label {
	color: #06c;
}
@media (max-width: 800px) {
	#companyTypeCheckboxes {
		max-width: 400px;
	}
}

#mcp_footer {
	text-align: center;
}

#mcp_footer a {
	display: inline-block;
	text-decoration: none;
	margin: 0 25px;
	font-size: 0.9em;
	font-weight: bold;
	padding: 5px 30px;
	color: white !important;
	background-color: rgb(3, 91, 206);
	border-radius: 15px;
}