/*////////////  GLOBAL  ///////////*/
/*////////////////////////////////////////*/

body {
	background-color: #eee;
	margin: 0;
	padding: 0;
}

body #content a {
	color: #06c;
	text-decoration: none;
}

body #content h2 {
	font-family: Fjalla One, arial, serif;
}

p.message {
	background-color: #fc0;
	padding: 10px;
	margin: 5px;
}

select {
	font-size: 14px;
}

.info {
	color: #b2b2b2;
}

.status_inactive,
.status_disabled,
.status_archived {
	display: none;
}

table.dataList tbody tr.compact.status_inactive,
table.dataList tr.compact.status_inactive,
table.dataList tr.compact.status_archived,
table.dataList tbody tr.compact.status_archived,
table.dataList tr.compact.status_disabled,
table.dataList tbody tr.compact.status_disabled {
	display: none;
}

/*////////////////////////////////////////*/
/*////////////  LOGIN / LOGOUT //////////*/
/*////////////////////////////////////////*/

form input.logfield {
	width: 200px;
}

#logout,
#logout a:link,
#logout a:visited {
	float: right;
	text-align: right;
	color: #000355;
	text-decoration: none;
	font-family: Fjalla One, arial, serif;
}

#logout a:hover {
	color: #000;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

#loginform label {
	font-family: Lato, arial, serif;
	font-weight: normal;
}

/*////////////////////////////////////////*/
/*////////////  HEADER   ///////////*/
/*////////////////////////////////////////*/

#logo {
	margin-bottom: 20px;
}

#logo img {
	width: auto;
}

/*////////////////////////////////////////*/
/*////////////  NAV  ///////////*/
/*////////////////////////////////////////*/

#nav-inner {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}

ul#nav {
	overflow: hidden;
	margin: 0;
	padding: 0;
	margin-bottom: 0;
	float: left;
	display: block;
	font-family: Fjalla One, arial, serif;
	font-size: 20px;
	width: 90%;
}

#nav li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	list-style-type: none;
}

#nav li a {
	color: #000355;
	text-decoration: none;
}

#nav li a:hover {
	color: #98c25f;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

#nav-wrapper {
	padding: 20px 0 20px 0;
	background: #fff;
	border-bottom: solid 6px #99c164;
}

#new-nav-wrapper {
	width: 100%;
	position: relative;
	background-color: #fff;
	border-bottom: solid 6px #99c164;
}

@media all and (min-width: 1500px) {
	#new-nav-wrapper img {
		width: auto;
		height: auto;
	}
}
@media all and (max-width: 1499px) {
	#new-nav-wrapper img {
		width: 90%;
		height: auto;
	}
}

#llogout {
	margin-right: 15px;
	color: #006eb6;
}
#llogout:hover {
	color: #98c25f !important;
}

/*////////////////////////////////////////*/
/*////////////  DROP DOWN NAV   ///////////*/
/*////////////////////////////////////////*/

ul#nav ul {
	position: absolute;
	z-index: 500;
	text-align: left;
	background-color: #98c25f;
	padding: 0 0 0 0;
	font-size: 20px;
	display: none;
	margin: 0 0 0 -15px;
	border: 1px solid #98c25f;
}

ul#nav ul {
	width: 250px;
}

ul#nav ul li {
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	clear: both;
}

ul#menu-primary li ul.sub-menu li a {
	width: 100%;
	display: block;
}

ul#nav ul li a {
	color: #fff;
	padding: 0;
	margin: 0;
	padding: 12px 8px 12px 14px;
	height: auto;
	line-height: 1.2;
	font-weight: normal;
	display: block;
	width: 228px;
	border-bottom: 1px solid #fff;
}

ul#nav ul li.last a {
	border-bottom: none;
}

body ul#nav li:hover > ul {
	display: block;
}

body ul#nav ul li a:hover,
body ul#nav ul li:hover {
	/* background-color: #f0f0f0;
	color: #000; */
	background-color: #fff;
	color: #000355;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

/*////////////////////////////////////////*/
/*////////////  CONTENT  ///////////*/
/*////////////////////////////////////////*/

#content-wrapper {
	background-color: #fff;
	/* overflow: hidden; */
	padding: 20px 0 20px 0;
}
#content-wrapper:before,
#content-wrapper:after {
	content: " ";
	display: table;
}

#content-wrapper:after {
	clear: both;
}

#content,
#mcp_footer {
	width: 90%;
	margin: 0 auto;
	font-family: Lato, arial, serif;
}

/*////////////////////////////////////////*/
/*////////////  LANDING  ///////////*/
/*////////////////////////////////////////*/

#landing-buttons {
	list-style-type: none;
	padding: 0;
	margin: 30px 0 0 0;
}

#landing-buttons li a {
	display: block;
	width: 300px;
	float: left;
	padding: 50px 0 50px 0;
	margin: 0 30px 30px 0;
	text-align: center;
	font-family: Fjalla One, arial, serif;
	text-decoration: none;
	color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 26px;
}

/* #landing-buttons li a img {
	float: left;
	margin-left: 20px;
}


#landing-buttons li a span {
	float: left;
	margin: 25px 0 0 10px;
}

*/

body #content-wrapper ul#landing-buttons li a:hover {
	color: #000;
}

#landing-buttons li#companies a {
	background-color: #40b340;
	border: 5px solid #40b340;
}

#landing-buttons li#docu-button a {
	background-color: #ff8000;
	border: 5px solid #ff8000;
}

#landing-buttons li#facilities a {
	background-color: #06c;
	border: 5px solid #06c;
}

#landing-buttons li#plr a {
	background-color: #c30;
	border: 5px solid #c30;
}

#landing-buttons li#report-button a {
	background-color: #c69;
	border: 5px solid #c69;
}

#landing-buttons li#sds-button a {
	background-color: #6e379e;
	border: 5px solid #6e379e;
}

#landing-buttons li#vehicle-button a {
	background-color: #c9c604;
	border: 5px solid #c9c604;
}

#landing-buttons li#sds-database a {
	background-color: #fe6417;
	border: 5px solid #fe6417;
}

#landing-buttons li#sds-company a {
	background-color: #8c2300;
	border: 5px solid #8c2300;
}

#landing-buttons li#sds-uploader a {
	background-color: #008c00;
	border: 5px solid #008c00;
}

/*////////////////////////////////////////*/
/*////////////  QUESTIONS LANDING PAGE //////////*/
/*////////////////////////////////////////*/

#questions-landing-buttons {
	list-style-type: none;
	padding: 0;
	margin: 30px 0 0 0;
}

#questions-landing-buttons li a {
	display: block;
	width: 300px;
	float: left;
	padding: 50px 0 50px 0;
	margin: 0 30px 30px 0;
	text-align: center;
	font-family: Fjalla One, arial, serif;
	text-decoration: none;
	color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 26px;
}

body #content-wrapper ul#questions-landing-buttons li a:hover {
	color: #000;
}

#questions-landing-buttons li#page1 a {
	background-color: #40b340;
	border: 5px solid #40b340;
}

#questions-landing-buttons li#page2 a {
	background-color: #7d5126;
	border: 5px solid #7d5126;
}

#content-wrapper form input[type="submit"] {
	background-color: #2db200;
	border: 3px solid #fff;
	color: #fff;
	margin: 20px 20px 0 0;
	padding: 5px;
}

#content-wrapper form input[type="submit"]:hover {
	background-color: #000;
	border: 3px solid #000;
	color: #fff;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

#company-list-page #content-wrapper form input[type="submit"] {
	border: 3px solid #22b400 !important;
	margin-right: 0;
}

#email-scheduler form input[type="submit"] {
	border: 3px solid #22b400 !important;
	margin-right: 0;
}

/*////////////////////////////////////////*/
/*////////////  DATA LIST  ///////////*/
/*////////////////////////////////////////*/

#content table.dataList tbody tr.compact td {
	padding: 10px;
}

#questions_p1 li,
#questions_p2_1 li,
#questions_p2_2 li,
#questions_p2_3 li {
	padding: 5px;
}

#content table.dataList thead th {
	padding: 5px;
}

#content table.dataList thead th.dn,
#content table.dataList thead th.up {
	color: #fc0;
}

/*
#allCompanies td.Active,
#allFacilities td.Active,
#allFieldreps td.Active {
*/
span.Active,
.dataList td.Active {
	color: #093;
	font-weight: bold;
}

/*
#allCompanies td.Disabled,
#allFacilities td.Disabled,
#allFieldreps td.Disabled {
*/
span.Disabled,
.dataList td.Disabled {
	color: #f90;
	font-weight: bold;
}

/*
#allCompanies td.Archived,
#allFacilities td.Archived,
#allFieldreps td.Archived,
*/
.dataList td.Archived,
span.Archived,
td.overdue {
	color: #c00;
	font-weight: bold;
}

/*////////////////////////////////////////*/
/*////////////  EDIT GROUPS ///////////*/
/*////////////////////////////////////////*/

#groupnames li {
	padding: 5px;
}

/*////////////////////////////////////////*/
/*////////////  PAGINATION  ///////////*/
/*////////////////////////////////////////*/

body #content a.currentPage {
	font-weight: bold;
	color: #000;
	background-color: #fff;
}

/*////////////////////////////////////////*/
/*////////////  FORMS  ///////////*/
/*////////////////////////////////////////*/

form input[type="text"],
form input[type="password"],
body #content form input[type="textarea"],
form textarea {
	border: 1px solid #bbb;
}

form input[type="submit"] {
	border: 1px solid #06c;
	background-color: #06c;
	padding: 5px;
	color: #fff;
	margin-bottom: 10px;
}

button:hover {
	border: 1px solid #000;
	background-color: #000;
	padding: 5px;
	color: #fff;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

button {
	border: 1px solid #06c;
	background-color: #06c;
	padding: 5px;
	color: #fff;
	margin-bottom: 10px;
}

ul.th {
	clear: both;
}

form input[type="submit"]:hover {
	border: 1px solid #000;
	background-color: #000;
	padding: 5px;
	color: #fff;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

form input[type="text"],
form input[type="password"] {
	height: 20px;
	font-family: Lato, arial, serif;
	font-size: 16px;
}

/*////////////////////////////////////////*/
/*////////////  REPORTS  ///////////*/
/*////////////////////////////////////////*/

.report_results {
	margin: 20px 0 40px 0;
}

.report_results td,
.report_results th {
	padding: 5px 10px 5px 10px;
}

.report_results th {
	background-color: #000;
	color: #fff;
}

.report_results tr:hover,
table.report_results tr:nth-child(2n):hover {
	background-color: #fc0;
}

/*////////////////////////////////////////*/
/*////////////  PLR  ///////////*/
/*////////////////////////////////////////*/

body #content a.plr-download {
	display: inline-block;
	padding: 5px;
	background-color: #093;
	border: 3px solid #093;
	color: #fff;
}

body #content a.plr-download:hover {
	border: 3px solid #fff;
}

#plr_regions {
	list-style-type: none;
	padding: 0;
	margin: 30px 0 0 0;
	overflow: hidden;
}

#plr_regions li a {
	display: block;
	width: 130px;
	float: left;
	padding: 25px 0 25px 0;
	margin: 0 30px 30px 0;
	text-align: center;
	font-family: Fjalla One, arial, serif;
	text-decoration: none;
	color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 26px;
	background-color: #f60;
}

#plr_regions li a:hover {
	color: #000;
}

#plr_regions li.selected a {
	background-color: #750000;
}

#plr_regions li.selected a:hover {
	color: #fff;
}

/*////////////////////////////////////////*/
/*////////////  PLR  LANDING ///////////*/
/*////////////////////////////////////////*/

#plr_management {
	list-style-type: none;
	padding: 0;
	margin: 30px 0 0 0;
	overflow: hidden;
}

#plr_management li a {
	display: block;
	width: 300px;
	float: left;
	padding: 50px 0 50px 0;
	margin: 0 30px 30px 0;
	text-align: center;
	font-family: Fjalla One, arial, serif;
	text-decoration: none;
	color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 26px;
}

#plr_management li a:hover {
	color: #000;
}

#plr_management li#plr-landing-assoc a {
	background-color: #40b340;
	border: 5px solid #40b340;
}

#plr_management li#plr-landing-by-region a {
	background-color: #7d5126;
	border: 5px solid #7d5126;
}

#plr_management li#plr-landing-qs a {
	background-color: #f90;
	border: 5px solid #f90;
}

#plr_management li#plr-landing-regions a {
	background-color: #c30;
	border: 5px solid #c30;
}

/*////////////////////////////////////////*/
/*////////////  MSO ///////////*/
/*////////////////////////////////////////*/

.breadcrumb {
	font-family: Fjalla One, arial, serif;
	font-size: 25px;
	color: #ff5c26;
}
.breadcrumb span {
	color: #000;
}

body #content .breadcrumb a {
	color: #ff5c26;
}

/*////////////////////////////////////////*/
/*////////////  DASHBOARDS ///////////*/
/*////////////////////////////////////////*/

h1.dash-location {
	font-family: Fjalla One, arial, serif;
	font-size: 25px;
	color: #ff5c26;
	font-weight: 100;
}
h1.dash-location span {
	color: #000;
}

#dash-current-assessment h2,
#dash-vehicle-assessment-scores h2,
#dash-vehicle-focus-areas h2,
#dash-vehicle-score-trend h2,
#dash-current-driver-safety-score h2,
#dash-current-score h2,
#dash-driver-safety-comparison h2,
#dash-safety-focus-areas h2,
#dash-employee-completion h2,
#dash-score-trend h2,
#dash-safety-score-trend h2,
#dash-focus-areas h2,
#dash-vehicle-current-assessment h2,
#dash-safety-driver-focus-areas h2,
#dash-score-comparison h2,
#dash-completion-comparison h2 {
	font-weight: 300;
	font-size: 25px;
	line-height: 48px;
}

#dash-action-plan #assessment_accordion th {
	/* added by Ben on 2/14/2015 */
	background: #528fc0;
}
#dash-vehicle-action-plan #vehicle_assessment_accordion th {
	/* added by Ben on 2/14/2015 */
	background: #528fc0;
}
#dash-fileshare div.column p:first-child {
	margin-top: 0px;
}

#vehicle_assessment_accordion tbody.open td, #assessment_accordion tbody.open td {
	padding: 5px;
}

#dash-current-assessment h2,
#dash-vehicle-assessment-scores h2,
#dash-vehicle-focus-areas h2,
#dash-vehicle-score-trend h2,
#dash-current-driver-safety-score h2,
#dash-employee-completion h2,
#dash-safety-score-trend h2,
#dash-score-trend h2,
#dash-focus-areas h2,
#dash-vehicle-current-assessment h2,
#dash-driver-safety-comparison h2,
#dash-safety-focus-areas h2,
#dash-safety-driver-focus-areas h2,
#dash-action-plan h2,
#dash-vehicle-action-plan h2, 
#dash-vehicle-actionplan h2, 
#dash-employee-grid h2,
#dash-fileshare h2,
#dash-plr h2,
#dash-score-comparison h2,
#dash-completion-comparison h2,
#dash-current-score h2,
#dash-all-companies h2,
#dash-all-facilities h2,
#dash-assessment-fails h2,
#dash-sds h2,
#dash-field-reps h2 {
	background-color: #ddd;
	border: 3px solid #000;
	margin: 0 2px 0 2px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #000;
}

#dash-all-companies ul,
#dash-all-facilities ul {
	font-size: 17px;
	list-style-type: none;
	padding-left: 0;
}

#dash-all-companies ul li,
#dash-all-facilities ul li {
	padding-top: 15px;
}

#dash-all-companies ul li.green,
#dash-all-facilities ul li.green {
	color: #6da83e;
	font-weight: bold;
}

#dash-all-companies ul li.amber,
#dash-all-facilities ul li.amber {
	color: #e8c60e;
	font-weight: bold;
}

#dash-all-companies ul li.red,
#dash-all-facilities ul li.red {
	color: #ff0000;
	font-weight: bold;
}

#dash-sds table#sds_list thead form {
	display: none;
}

/*////////////////////////////////////////*/
/*////////////  DASH IFRAME ///////////*/
/*////////////////////////////////////////*/

#log-wrapper #logout a {
	color: #06c;
	padding: 10px;
}

#log-wrapper {
	background-color: #fff;
}

/*////////////////////////////////////////*/
/*////////////  TRAINING ///////////*/
/*////////////////////////////////////////*/

form#training_type_select,
form#assessment_type_select {
	text-align: center;
}

.paginatorCurrent {
	font-weight: bold;
	color: black !important;
}

#paginator_container {
	text-align: right;
}

#sds_list input {
	width: 125px;
	margin-bottom: 4px;
}
#sds_list textarea#product {
	width: 250px;
	height: 130px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////  RESPONSIVE :: FACILITY LIST  /////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

body#facility-list #facility_list .facility-list-view a {
	background-color: #0063cf;
	color: #fff;
	padding: 5px 10px;
}

.vehicle-table .vehicles-list-view a {
	background-color: #0063cf;
	color: #fff;
	padding: 5px 10px;
}

@media (max-width: 900px) {
	body#facility-list .facility-list-status-header,
	body#facility-list #facility_list td.Active,
	body#facility-list #facility_list td.Disabled,
	body#facility-list #facility_list td.Archived,
	body#facility-list .facility-list-companytype,
	body#facility-list .facility-list-companytype-header {
		display: none;
	}

	body#facility-list .facility-view-permits-list-header-fee,
	body#facility-list .facility-view-permits-list-fee {
		display: none;
	}

	body#facility-list #pagination_container a {
		width: 10%;
		display: inline-block;
		font-size: 20px;
	}

	body#facility-list .facility-view-permits-list-header-region,
	body#facility-list .facility-view-permits-list-region {
		display: none;
	}
}

@media (max-width: 850px) {
	body#facility-list .facility-list-fieldrep-header,
	body#facility-list .facility-list-fieldrep {
		display: none;
	}

	body#facility-list #facility_list #expand_left {
		float: left;
		clear: both;
		width: 97%;
		text-align: left;
	}

	body#facility-list #facility_list #expand_middle {
		float: left;
		clear: both;
		width: 97%;
		text-align: left;
	}

	body#facility-list #facility_list #expand_right {
		float: left;
		clear: both;

		text-align: left;
	}

	body#facility-list .facility-view-permits-list-header-category,
	body#facility-list .facility-view-permits-list-category {
		display: none;
	}
}

@media (max-width: 800px) {
	body#facility-list .facility-list-coordinator-header,
	body#facility-list .facility-list-coordinator,
	body#facility-list .facility-list-manager-header,
	body#facility-list .facility-list-manager {
		display: none;
	}

	#pagination_links,
	#pagination_container {
		font-size: 16px;
		width: 100%;
	}

	body#facility-list #facility_list td {
		font-family: arial;
	}
}

@media (max-width: 700px) {
	body#facility-list .facility-list-state-header,
	body#facility-list .facility-list-state,
	body#facility-list .facility-list-zip-header,
	body#facility-list .facility-list-zip {
		display: none;
	}

	body#facility-list #facility_list #paginator_container,
	body#facility-list #facility_list #record_count {
		display: block;
		float: left;
		clear: both;
		margin-top: 10px;
	}

	body#facility-list #facility_list #record_count {
		margin-bottom: 10px;
	}

	body#facility-list form.edit_button_wrapper {
		display: block;
		clear: both;
		float: left;
		width: 100%;
		text-align: right;
		-webkit-appearance: none;
		border-radius: 0;
	}

	body#facility-list form.edit_button_wrapper input {
		-webkit-appearance: none;
		border-radius: 0;
	}

	body#facility-list #facility_list #search_container button {
		float: left;
		clear: both;
	}

	body#facility-list #facility_list #search_container input {
		-webkit-appearance: none;
		border-radius: 0;
		box-shadow: none;
		border: 1px solid #ddd;
		height: 30px;
		width: 99%;
		margin: 10px 0;
	}

	body#facility-list #facility_list #search_container {
		float: left;
		text-align: left;
		width: 100%;
	}
}

@media (max-width: 600px) {
	.body#facility-list facility-list-city-header,
	.body#facility-list facility-list-city {
		display: none;
	}

	body#facility-list .facility-view-permits-list-header-frequency,
	body#facility-list .facility-view-permits-list-frequency,
	body#facility-list .facility-view-permits-list-header-note,
	body#facility-list .facility-view-permits-list-note {
		display: none;
	}
}

/*////////////////////////////////////////*/
/*////////////  RESPONSIVE :: LANDING PAGE  ///////////*/
/*////////////////////////////////////////*/

@media (max-width: 770px) {
	#landing-buttons li a {
		margin: 0 auto;
		margin-bottom: 30px;
		border: 1px solid green;
		width: 100% !important;
		display: block;
		float: none;
	}
}

/*////////////////////////////////////////*/
/*////////////  RESPONSIVE :: LOGIN PAGE  ///////////*/
/*////////////////////////////////////////*/

@media (max-width: 950px) {
	#loginpage #logdis {
		width: 91%;
	}

	#loginpage #menu {
		display: none;
	}

	#loginpage #block-toolbar {
		display: none;
	}

	#loginpage #block-header .wrapper {
		width: 100%;
	}

	#loginpage #content-wrapper {
		width: 100%;
		min-width: auto;
	}

	#loginpage #header img {
		width: 90%;
	}
}

@media (max-width: 600px) {
	#loginpage form#loginform input {
		width: 95%;
		height: 40px;
	}

	#loginpage form#loginform button {
		width: 95%;
		height: 40px;
	}

	#loginpage form#loginform #sublogform {
		width: 96%;
		height: 60px;
		border: none;
		font-size: 20px;
	}

	#loginpage form#loginform label {
		font-size: 20px;
		margin-bottom: 10px;
	}

	#loginpage form#loginform input {
		-webkit-appearance: none;
		border-radius: 0;
		font-size: 20px;
		font-family: arial;
	}
	#loginpage form#loginform button {
		-webkit-appearance: none;
		border-radius: 0;
		font-size: 20px;
		font-family: arial;
	}
}

/*////////////////////////////////////////*/
/*////////////  RESPONSIVE :: SDS MASTER PAGE  ///////////*/
/*////////////////////////////////////////*/

body#sds-master-list #sds_list td {
	padding: 10px 0;
}

@media (max-width: 950px) {
	body#sds-master-list .sds-list-lastupdate,
	body#sds-master-list .sds-list-header-lastupdate {
		display: none;
	}

	body#sds-master-list #sds_list td.sds-list-view a {
		background-color: #0063cf;
		color: #fff;
		padding: 5px;
		margin-right: 10px;
	}
}

@media (max-width: 900px) {
	body#sds-master-list .sds-list-header-pubdate,
	body#sds-master-list .sds-list-pubdate {
		display: none;
	}

	body#sds-master-list #pagination_container a {
		width: 10%;
		display: inline-block;
		font-size: 20px;
	}
}

@media (max-width: 850px) {
	body#sds-master-list .sds-list-header-language,
	body#sds-master-list .sds-list-language {
		display: none;
	}

	body#sds-master-list #sds_list span.count {
	}

	body#sds-master-list #sds_list #paginator_container,
	body#sds-master-list #sds_list #search_container,
	body#sds-master-list #sds-master-count {
		float: left;
		clear: both;
	}

	body#sds-master-list #sds-master-count {
		margin-top: 10px;
	}
}

@media (max-width: 800px) {
	body#sds-master-list #sds_list {
		font-family: arial;
		font-weight: 300;
	}
}

@media (max-width: 700px) {
	body#sds-master-list #sds_list #search_container {
		width: 98%;
		text-align: left;
	}

	body#sds-master-list #sds_list #search_container #searchterm {
		width: 98%;
		height: 30px;
		margin: 10px 0;
		-webkit-appearance: none;
		border-radius: 0;
		border: 1px solid #ddd;
	}
}

@media (max-width: 500px) {
	body#sds-master-list .sds-list-header-id,
	body#sds-master-list .sds-list-id {
		display: none;
	}
}

/*////////////////////////////////////////*/
/*////////////  RESPONSIVE :: FACILITY DASHBOARD  ///////////*/
/*////////////////////////////////////////*/

body#facility-dashboard .facility-employee-grid-certification p,
body#facility-dashboard .facility-employee-grid-eid p {
	width: 100px;
	margin-right: 10px;
}

body#facility-dashboard #dash-plr table.dataList td {
	padding: 15px;
}

body#facility-dashboard #dash-vehicle-actionplan table.dataList td {
	padding: 15px;
}

@media (max-width: 1000px) {
	body#facility-dashboard #dash-employee-grid .facility-employee-grid-eid,
	body#facility-dashboard
		#dash-employee-grid
		.facility-employee-grid-header-eid,
	body#facility-dashboard
		#dash-employee-grid
		.facility-employee-grid-header-facility,
	body#facility-dashboard #dash-employee-grid .facility-employee-grid-facility {
		display: none;
	}
}

@media (max-width: 950px) {
	#dashboard_sds #sds_list tbody td a {
		background-color: #0063cf;
		color: #fff;
		padding: 5px 10px;
	}
}

@media (max-width: 900px) {
	body#facility-dashboard .facility-dashboard-permits-list-fee,
	body#facility-dashboard .facility-dashboard-permits-list-header-fee {
		display: none;
	}

	body#facility-dashboard .facility-dashboard-permits-list-region,
	body#facility-dashboard .facility-dashboard-permits-list-header-region {
		display: none;
	}
}

@media (max-width: 850px) {
	body#facility-dashboard .facility-dashboard-permits-list-category,
	body#facility-dashboard .facility-dashboard-permits-list-header-category {
		display: none;
	}

	body#facility-dashboard .facility-employee-grid-type select {
		width: 150px;
	}

	body#facility-dashboard .facility-dash-emp-count span {
		display: inline;
	}

	body#facility-dashboard #dash-employee-grid thead .right,
	body#facility-dashboard #dash-employee-grid thead .form,
	body#facility-dashboard #docusys_list_filter,
	body#facility-dashboard .facility-dash-emp-count {
		float: left;
		clear: all;
		width: 100%;
		text-align: left;
		margin-bottom: 10px;
	}

	body#facility-dashboard #document_form_options div:first-child,
	body#facility-dashboard #document_form_options div:nth-child(2),
	body#facility-dashboard #document_form_options div:nth-child(3) {
		width: 100%;
		text-align: left;
		padding-left: 0 !important;
		margin: 10px 0;
	}

	table#docusys_list {
		clear: both;
	}

	body#facility-dashboard #docusys_list_wrapper .top {
		width: 100%;
		height: 120px;
	}

	body#facility-dashboard #docusys_list_wrapper .top #docusys_list_filter,
	body#facility-dashboard #docusys_list_wrapper .top #docusys_list_info,
	body#facility-dashboard #docusys_list_wrapper .top #docusys_list_length {
		width: 500px;
		text-align: left;
		padding-left: 0 !important;
		margin: 10px 0;
		clear: both;
		display: block;
		float: none;
		position: relative;
		overflow: visible;
		left: 0;
	}

	body#facility-dashboard #docusys_file_list td.align_right a {
		background-color: #0063cf;
		color: #fff;
		padding: 5px 10px;
	}

	body#facility-dashboard #dashboard_plr .right,
	body#facility-dashboard #dashboard_plr .facility-dash-doc-count,
	body#facility-dashboard #dashboard_plr form {
		width: 100%;
		text-align: left;
		padding-left: 0 !important;
		margin-bottom: 10px;
	}

	body#facility-dashboard #dashboard_sds .right,
	body#facility-dashboard #dashboard_sds .sds-dash-doc-count,
	body#facility-dashboard #dashboard_sds .left {
		width: 100%;
		text-align: left;
		padding-left: 0 !important;
		margin-bottom: 10px;
	}
}

@media (max-width: 800px) {
	body#facility-dashboard #content {
		font-family: arial;
		font-weight: 300;
	}

	body#facility-dashboard #dash-employee-grid input {
		font-size: 14px;
		font-weight: 300;
		font-family: arial;
	}

	body#facility-dashboard .facility-employee-grid-certification p,
	body#facility-dashboard .facility-employee-grid-eid p {
		width: 70px;
		margin-right: 10px;
	}
}

@media (max-width: 600px) {
	body#facility-dashboard .facility-employee-grid-annual-training {
		width: 250px;
	}

	body#facility-dashboard .facility-employee-grid-annual-training p {
		margin: 0 30px;
	}

	body#facility-dashboard .facility-dashboard-permits-list-header-frequency,
	body#facility-dashboard .facility-dashboard-permits-list-frequency,
	body#facility-dashboard .facility-dashboard-permits-list-header-note,
	body#facility-dashboard .facility-dashboard-permits-list-note {
		display: none;
	}

	body#facility-dashboard #dash-focus-areas, body#facility-dashboard #dash-safety-driver-focus-areas {
		overflow: hidden;
	}

	body#facility-dashboard #dash-focus-areas #assessment_error_areas, 
	body#facility-dashboard #dash-safety-focus-areas #safety_focus_areas,
	body#facility-dashboard #dash-safety-driver-focus-areas #driver_safety_error_areas {
		width: 60% !important;
		float: left;
	}

	body#facility-dashboard #dash-focus-areas #pieLegend, 
	body#facility-dashboard #dash-safety-focus-areas #safetyPieLegend,
	body#facility-dashboard #dash-safety-driver-focus-areas #driverSafetyPieLegend {
		width: 30% !important;
		float: right;
	}

	body#facility-dashboard #dash-focus-areas #assessment_error_areas canvas, 
	body#facility-dashboard #dash-safety-focus-areas #safety_focus_areas canvas,
	body#facility-dashboard #dash-safety-driver-focus-areas #driver_safety_error_areas canvas  {
		width: 100% !important;
		height: auto !important;
	}
}

@media (max-width: 500px) {
	body#facility-dashboard
		#dash-employee-grid
		.facility-employee-grid-header-certification,
	body#facility-dashboard
		#dash-employee-grid
		.facility-employee-grid-certification {
		display: none;
		width: 50px;
	}

	#dashboard_sds #sds_list tr td:nth-child(3),
	#dashboard_sds #sds_list tr th:nth-child(3) {
		display: none;
	}
}

/*////////////////////////////////////////*/
/*////////////  RESPONSIVE :: BUTTONS   ///////////*/
/*////////////////////////////////////////*/

body#facility-dashboard #dash-employee-grid form.right input,
body#facility-dashboard input.right,
body#facility-dashboard #docusys_form input {
	-webkit-appearance: none;
	border-radius: 0;
}

body#facility-dashboard #docusys_list_filter input[type="search"] {
	border: 1px solid #ddd;
	-webkit-appearance: none;
	border-radius: 0;
}

/*////////////////////////////////////////*/
/*////////////  RESPONSIVE :: ACTION PLAN  ///////////*/
/*////////////////////////////////////////*/

#dash-action-plan #apl_wrapper {
	padding-bottom: 10px !important;
}

#dash-vehicle-action-plan #apl_wrapper {
	padding-bottom: 10px !important;
}
/*////////////////////////////////////////*/
/*////////////  RESPONSIVE :: DASHBOARD GRAPHICS  ///////////*/
/*////////////////////////////////////////*/

@media (max-width: 500px) {
	.panes .speedometer img,
	.panes .speedometer,
	#assessment_score_trend {
		width: 100% !important;
	}
}

#facility-dashboard #nav-inner ul#nav li a {
	display: none !important;
}

/*////////////////////////////////////////*/
/*////////////  2020  ///////////*/
/*////////////////////////////////////////*/

.ldBar {
	width: 300px !important;
	border: 1px solid red;
}

#progress-bar {
	width: 300px !important;
	border: 1px solid #98c25f;
}

.ldBar path.mainline {
	stroke-width: 10;
}

.change-password #logo {
	width: 300px;
	padding-left: 30px;
	margin: 30px 0;
}

.forced-azure-sync {
	width: 450px;
	margin: 0 auto;
}

ldBar-label {
	color: #98c25f !important;
}

.forced-azure-sync .wrapper {
	margin: 0;
	width: 350px;
}

.forced-azure-sync .disclaimer {
	width: 100%;
	margin: 0;
	padding: 20px 0 20px 5px;
	text-align: center;
}

#email-scheduler form input[type="submit"] {
	margin-right: 0;
}

#company-list-page #allCompanies #content-wrapper input[type="submit"] {
	margin-right: 0 !important;
}

.bottom_links {
	margin-top: 30px;
}

#mcp_footer {
	margin-top: 30px;
}

:root {
	--edit-button-blue: #0057d1;
	--save-button-green: #22b400;
}

.edit-button-blue {
	background-color: var(--edit-button-blue) !important;
	border-color: var(--edit-button-blue) !important;
}

.save-button-green {
	background-color: var(--save-button-green) !important;
	border-color: var(--save-button-green) !important;
}