@charset "utf-8";
/* stylesheet_master.css */
/* Merged from example_stylesheet_master.txt, master2.txt, master3.txt */
/* Why: Single master stylesheet for consistency across the site, responsive design for mobile to desktop. */

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}[hidden]{display:none}
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0;font-size:13px;line-height:1.231}
body,button,input,select,textarea{font-family:sans-serif;color:#222}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
blockquote{margin:1em 40px}
dfn{font-style:italic}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
ins{background:#ff9;color:#000;text-decoration:none}
mark{background:#ff0;color:#000;font-style:italic;font-weight:700}
pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:"";content:none}
small{font-size:85%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
ul,ol{margin:1em 0;padding:0 0 0 40px}
dd{margin:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:0;margin:0;padding:0}
label{cursor:pointer}
legend{border:0;*margin-left:-7px;padding:0}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal;*overflow:visible}
table button,table input{*overflow:auto}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top;resize:vertical}
input:invalid,textarea:invalid{background-color:#f0dddd}
table{border-collapse:collapse;border-spacing:0}
td{vertical-align:top}
.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}
.ir br{display:none}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
@media print{*a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

/* TINIEST SCREEN Layout: 480px and below */
img, object, embed, video {max-width: 100%;}
.ie6 img {width:100%;}

a {
	color:#ffff00;/*OM-blue: #0090FF*/
	text-decoration:none;
	font-weight:700;
}
a:hover {
	transition: 1.0s;
	-webkit-transition: 1.0s;
	-moz-transition: 1.0s;
	-o-transition: 1.0s;
	color:#000;
	text-shadow: #ffff00 0px 0px 2px,
				 #ffff00 0px 0px 5px,
				 #ffff00 0px 0px 8px,
				 #ffff00 0px 0px 11px,
				 #ffff00 0px 0px 14px,
				 #ffff00 0px 0px 17px,
				 #ffff00 0px 0px 20px,
				 #ffff00 0px 0px 23px,
				 #ffff00 0px 0px 26px,
				 #ffff00 0px 0px 29px,
				 #ffff00 0px 0px 32px,
				 #ffff00 0px 0px 35px,
				 #ffff00 0px 0px 38px;
}
.gridContainer{
	background-color:#000;
	font-family:Arial;
	font-weight: 500;
	font-size:48%;
	width:100%;
	z-index:-9 !important;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 0%;
}
/*primary_button_color*/
.button1{
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#0090FF));
	background: -webkit-linear-gradient(top, #FFFFFF, #0090FF);
	background: -moz-linear-gradient(top, #FFFFFF, #0090FF);
	background: -ms-linear-gradient(top, #FFFFFF, #0090FF);
	background: -o-linear-gradient(top, #FFFFFF, #0090FF);
	background-color: #0090FF;
	padding: 3px 9px;
	border: 1px solid #8C8C8C;
	box-shadow: 0px 0px 2px -5px #1A1A1A, inset 0px 0px 10px #000000;
	-webkit-box-shadow: 0px 0px 2px -5px #1A1A1A, inset 0px 0px 10px #000000;
	-moz-box-shadow: 0px 0px 2px -5px #1A1A1A, inset 0px 0px 10px #000000;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	text-shadow: none;
	color: #000000;
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	margin-top:9px;
	margin-bottom:9px;
}
.button1:hover {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	box-shadow:         0px 0px 8px 4px #009cff,
	                    inset 0px 0px 10px #000000;
	-webkit-box-shadow: 0px 0px 8px 4px #009cff,
	                    inset 0px 0px 10px #000000;
	-moz-box-shadow:    0px 0px 8px 4px #009cff,
	                    inset 0px 0px 10px #000000;
}
.ApproveButton:hover {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	box-shadow:         0px 0px 15px 0px #00ff00,
	                    inset 0px 0px 10px #000000;
	-webkit-box-shadow: 0px 0px 15px 0px #00ff00,
	                    inset 0px 0px 10px #000000;
	-moz-box-shadow:    0px 0px 15px 0px #00ff00,
	                    inset 0px 0px 10px #000000;
}
.DenyButton:hover {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	box-shadow:         0px 0px 15px 0px #ff0000,
	                    inset 0px 0px 10px #000000;
	-webkit-box-shadow: 0px 0px 15px 0px #ff0000,
	                    inset 0px 0px 10px #000000;
	-moz-box-shadow:    0px 0px 15px 0px #ff0000,
	                    inset 0px 0px 10px #000000;
}
.SaveButton:hover {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	box-shadow:         0px 0px 15px 0px #00c0ff,
	                    inset 0px 0px 10px #000000;
	-webkit-box-shadow: 0px 0px 15px 0px #00c0ff,
	                    inset 0px 0px 10px #000000;
	-moz-box-shadow:    0px 0px 15px 0px #00c0ff,
	                    inset 0px 0px 10px #000000;
}
#topBar {
	background-color:#222;
	background: -webkit-linear-gradient(#999, #222, black);
	background: -o-linear-gradient(#999, #222, black);
	background: -moz-linear-gradient(#999, #222, black);
	background: linear-gradient(#999, #222, black);
	height:25px;
	width:100%;
	clear: both;
	float: left;
	margin: 0px;
	padding:0px;
	display: block;
	border:none;
}
#bottomOfTopBar {
	background-color:#222;
	background: -webkit-linear-gradient(black, black, #999, black);
	background: -o-linear-gradient(black, black, #999, black);
	background: -moz-linear-gradient(black, black, #999, black);
	background: linear-gradient(black, black, #999, black);
	height:25px;
	width:100%;
	clear: both;
	float: left;
	margin: 0px;
	padding:0px;
	display: block;
	border:none;
}
#banner {
	clear: both;
	float: left;
	margin: 0px;
	padding:0px;
	width: 100%;
	height: 50px;
	background-color: #000;
	display: block;
	border:0px;
	border:none;
	outline:none;
	align:center;
	text-align:center;
}
.banner_EDS {
	background-image:url(https://www.maintenancedashboard.com/_styling/website_images/Banner-Equipment_Data_Solutions.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
    margin:0;
	padding:0;
	width:100%;
	height:100%;
}
.banner_EDS_Reqs{
	background-image:url(https://www.maintenancedashboard.com/_styling/website_images/Banner-EDS_Reqs.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
    margin:0;
	padding:0;
	width:100%;
	height:100%;
}
.banner_EDS_Login{
	background-image:url(https://www.maintenancedashboard.com/_styling/website_images/Banner-EDS_Login.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
    margin:0;
	padding:0;
	width:100%;
	height:100%;
}
.banner_EDS_dashboard {
	background-image:url(https://www.maintenancedashboard.com/_styling/website_images/Banner-EDS_Dashboard.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
    margin:0;
	padding:0;
	width:100%;
	height:100%;
}
.banner_EDS_ContactingUs{
	background-image:url(https://www.maintenancedashboard.com/_styling/website_images/Banner-EDS_ContactingUs.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
    margin:0;
	padding:0;
	width:100%;
	height:100%;
}
.banner_EDS_AboutUs{
	background-image:url(https://www.maintenancedashboard.com/_styling/website_images/Banner-EDS_AboutUs.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
    margin:0;
	padding:0;
	width:100%;
	height:100%;
}
.banner_EDS_Maintenance_DashboardX {
	background-image:url(https://www.maintenancedashboard.com/_styling/website_images/MaintenanceDashboard-bannerX.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
    margin:0;
	padding:0;
	width:100%;
	height:100%;
}
a.LogOut:hover{
	color:#FFF;
	text-shadow: #ff0000 0px 0px 2px,
				 #ff0000 0px 0px 5px,
				 #ff0000 0px 0px 8px,
				 #ff0000 0px 0px 11px,
				 #ff0000 0px 0px 14px,
				 #ff0000 0px 0px 17px,
				 #ff0000 0px 0px 20px,
				 #ff0000 0px 0px 23px,
				 #ff0000 0px 0px 26px,
				 #ff0000 0px 0px 29px;
}
a.LogOutBottom:hover{
	color:#FFF;
	text-shadow: #ff0000 0px 0px 2px,
				 #ff0000 0px 0px 5px,
				 #ff0000 0px 0px 8px,
				 #ff0000 0px 0px 11px,
				 #ff0000 0px 0px 14px,
				 #ff0000 0px 0px 17px,
				 #ff0000 0px 0px 20px,
				 #ff0000 0px 0px 23px,
				 #ff0000 0px 0px 26px,
				 #ff0000 0px 0px 29px,
				 #ff0000 0px 0px 32px,
				 #ff0000 0px 0px 35px,
				 #ff0000 0px 0px 38px;
}
#footer {
	clear: both;
	float: left;
	margin: 0;
	margin-top:0px;
	width: 100%;
	display: block;
}
body {
   background: #000;
   color: #fff;
}
strong {
   font-weight: bold;
}
em {
   font-style: italic;
}

/* MDB Table Styling */
table.MDB{
   background: #d8d8d8;
   border-collapse: separate;
   text-align: left;
   width: 100%;
   max-width: 100%;
   position: relative;
   margin-left:auto;
   margin-right:auto;
}
th.MDB {
   background: linear-gradient(#777, #444);
   border-left: 1px solid #555;
   border-right: 1px solid #777;
   border-top: 1px solid #555;
   border-bottom: 1px solid #333;
   box-shadow: inset 0 1px 0 #999;
   color: #fff;
   font-weight: bold;
   padding: 3px 4px;
   position: relative;
   text-align:center;
}
thead.MDB {
   position: sticky;
   top: 0;
   z-index:999;
}
th.MDB:after {
   background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
   content: '';
   display: block;
   height: 25%;
   left: 0;
   margin: 0 0 0 0;
   position: absolute;
   top: 25%;
   width: 100%;
}
th.MDB:first-child {
   border-left: 1px solid #777;
   box-shadow: inset 1px 1px 0 #999;
}
th.MDB:last-child {
   box-shadow: inset -1px 1px 0 #999;
}
td.MDB {
   transition: all 1000ms;
   border-right: 1px solid #fff;
   border-left: 1px solid #e8e8e8;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #e8e8e8;
   padding: 3px 4px;
   position: relative;
   color:#000;
}
td.MDB:first-child {
   box-shadow: inset 1px 0 0 #fff;
}
td.MDB:last-child {
   border-right: 1px solid #e8e8e8;
   box-shadow: inset -1px 0 0 #fff;
}
tr.MDB:nth-child(odd) td {
   background: #f1f1f1;
}
tr.MDB:last-of-type td {
   box-shadow: inset 0 -1px 0 #fff;
}
tr.MDB:last-of-type td.MDB:first-child {
   box-shadow: inset 1px -1px 0 #fff;
}
tr.MDB:last-of-type td.MDB:last-child {
   box-shadow: inset -1px -1px 0 #fff;
}
tbody.MDB:hover td {
   transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
}
tbody.MDB:hover tr.MDB:hover td {
   transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
   color: #000;
   background: linear-gradient(#FFF,#FF0);
}

/* Button Vanish */
.buttonVanish {
   transition: 500ms;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 8px;
   padding-right:8px;
   margin: 3px 0 0 0;
   opacity: 0;
}
tr:hover .buttonVanish {
   transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
   opacity: 1;
}
.lineItemEntry{
	margin:0px;
	padding:0px;
}
td.wField{
	padding-left:1px;
	padding-right:1px;
}
table.footer{
	width:100%;
	align:center;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
	}
td.footer{
	background-color:#000;
	padding-top:25px;
	background: -webkit-linear-gradient(black,#999, black, black, black, black, black, black, black, black, black, black, black, black); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(black,#999, black, black, black, black, black, black, black, black, black, black, black, black); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(black,#999, black, black, black, black, black, black, black, black, black, black, black, black); /* For Firefox 3.6 to 15 */
	background: linear-gradient(black,#999, black, black, black, black, black, black, black, black, black, black, black, black); /* Standard syntax */
	padding-bottom:0;
	margin-bottom:0;
}
p.footer{
	color:#B5B5B5;
	line-height:200%;
	padding:0;
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
}
#page-container {
   position: relative;
   min-height: 100vh;
}
#content-wrap {
  padding-bottom: 1rem;
}
#footer {
   position: absolute;
   bottom: 0;
   height: 1rem;
}
#bottomReqTransition{
	background-color:#FFF;
	background: -webkit-linear-gradient(#FFF,#FFF,#FFF,#CCC,#999); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFF,#FFF,#FFF,#CCC,#999); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFF,#FFF,#FFF,#CCC,#999); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFF,#FFF,#FFF,#CCC,#999); /* Standard syntax */
	height:50px;
	width:100%;
	margin: 0px;
	padding:0px;
	display: block;
	border:none;
}
.mainDashButton{
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ffff00));
	background: -webkit-linear-gradient(top, #FFFFFF, #ffff00);
	background: -moz-linear-gradient(top, #FFFFFF, #ffff00);
	background: -ms-linear-gradient(top, #FFFFFF, #ffff00);
	background: -o-linear-gradient(top, #FFFFFF, #ffff00);
	background-color: #ffff00;
}
.textAreaPreserveNewLines{
	white-space: pre-wrap;
}
.glowpoint{
	font-size:125%;
	color: #ffffff;
	text-shadow: #009cff 0px 0px 1px,
				 #009cff 0px 0px 2px,
				 #009cff 0px 0px 3px,
				 #009cff 0px 0px 4px,
				 #009cff 0px 0px 5px,
				 #009cff 0px 0px 6px,
				 #009cff 0px 0px 7px,
				 #009cff 0px 0px 8px,
				 #009cff 0px 0px 11px,
				 #009cff 0px 0px 14px,
				 #009cff 0px 0px 17px,
				 #009cff 0px 0px 20px,
				 #009cff 0px 0px 23px,
				 #009cff 0px 0px 26px,
				 #009cff 0px 0px 29px;
}
#cf {
   position:relative;
   width:325px;
   height:376px;
   margin:0 auto;
}
.imgCenter{
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}

/* Form Styling from master3 */
form {
    margin: 20px 0;
}
label {
    display: block;
    margin: 10px 0 5px;
}
input[type="text"], input[type="datetime-local"], select, textarea {
    width: 100%;
    max-width: 400px;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
textarea {
    height: 100px;
}
.error {
    color: red;
    margin-bottom: 10px;
}

/* Equipment Hover Popup */
.equipment-number {
    position: relative;
    cursor: pointer;
}
.equipment-popup {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    white-space: nowrap;
}
.equipment-number:hover .equipment-popup {
    display: block;
}

/* Responsive Media Queries */
@media only screen and (min-width: 500px) {
	.gridContainer{
		font-weight: 500;
		font-size:60%;
	}
	th {
	   padding: 3px 4px;
	}
	td {
	   padding: 3px 4px;
	}
	.button1{
		padding: 4px 12px;
		-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
		border-radius: 18px;
		margin-top:13px;
		margin-bottom:13px;
	}
	.buttonVanish {
	   padding-top: 4px;
	   padding-bottom: 4px;
	   padding-left: 10px;
	   padding-right:10px;
	   margin: 4px 0 0 0;
	}
	#cf {
	   width:450px;
	   height:520px;
	}
}

@media only screen and (min-width: 600px) {
	.gridContainer{
		font-weight: 500;
		font-size:72%;
	}
	th {
	   padding: 4px 6px;
	}
	td {
	   padding: 4px 6px;
	}
	.button1{
		padding: 5px 15px;
		-webkit-border-radius: 22px;
		-moz-border-radius: 22px;
		border-radius: 22px;
		margin-top:16px;
		margin-bottom:16px;
	}
	.buttonVanish {
	   padding-top: 5px;
	   padding-bottom: 5px;
	   padding-left: 13px;
	   padding-right:13px;
	   margin: 5px 0 0 0;
	}
	#cf {
		max-width:504px;
		height:583px;
	}
}

@media only screen and (min-width: 700px) {
	.gridContainer{
		font-weight: 500;
		font-size:84%;
	}
	th {
	   padding: 5px 7px;
	}
	td {
	   padding: 5px 7px;
	}
	.button1{
		padding: 6px 18px;
		-webkit-border-radius: 26px;
		-moz-border-radius: 26px;
		border-radius: 26px;
		margin-top:19px;
		margin-bottom:19px;
	}
	.buttonVanish {
	   padding-top: 6px;
	   padding-bottom: 6px;
	   padding-left: 15px;
	   padding-right:15px;
	   margin: 5px 0 0 0;
	}
}

@media only screen and (min-width: 800px) {
	.gridContainer{
		font-weight: 500;
		font-size:96%;
	}
	th {
	   padding: 5px 7px;
	}
	td {
	   padding: 5px 7px;
	}
	.button1{
		padding: 6px 18px;
		-webkit-border-radius: 26px;
		-moz-border-radius: 26px;
		border-radius: 26px;
		margin-top:19px;
		margin-bottom:19px;
	}
	.buttonVanish {
	   padding-top: 6px;
	   padding-bottom: 6px;
	   padding-left: 15px;
	   padding-right:15px;
	   margin: 5px 0 0 0;
	}
}

@media only screen and (min-width: 950px) {
	.gridContainer{
		font-weight: 500;
		font-size:108%;
	}
	th {
	   padding: 6px 8px;
	}
	td {
	   padding: 6px 8px;
	}
	.button1{
		padding: 7px 21px;
		-webkit-border-radius: 31px;
		-moz-border-radius: 31px;
		border-radius: 31px;
		margin-top:22px;
		margin-bottom:22px;
	}
	.buttonVanish {
	   padding-top: 7px;
	   padding-bottom: 7px;
	   padding-left: 18px;
	   padding-right:18px;
	   margin: 6px 0 0 0;
	}
}

@media only screen and (min-width: 1100px) {
	.gridContainer{
		font-weight: 500;
		font-size:120%;
	}
	th {
	   padding: 7px 9px;
	}
	td {
	   padding: 7px 9px;
	}
	.button1{
		padding: 8px 24px;
		-webkit-border-radius: 35px;
		-moz-border-radius: 35px;
		border-radius: 35px;
		margin-top:25px;
		margin-bottom:25px;
	}
	.buttonVanish {
	   padding-top: 8px;
	   padding-bottom: 8px;
	   padding-left: 20px;
	   padding-right:20px;
	   margin: 7px 0 0 0;
	}
}

@media print {
    @page {size: landscape}
    .noPrint {
	  visibility: hidden;
	  height:0px;
	  margin:0px;
	  padding:0px;
	  border:none;
    }
}