@charset "UTF-8";

/*Global styles -------------------------------------------------------------------------*/

/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	font: inherit;
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

/*Get rid of the up and down increment arrows in number fields (the login field)*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input[type=submit] {
	margin-left: -2000px;
}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}

body {
	font: 100% Arial, Helvetica, sans-serif;
	line-height: 1.5;
	position: relative;
	background: #fff;
	color: rgb(76, 67, 65);
	font-weight:normal;
	font-style:normal;
    margin: 0 auto;
}

.dailyComment {
	padding: 1em;
	margin-top: 1em;
	/*blue*/
	/*
	background-color: #cceaf9;
	color: #2c80aa;
	border: solid 1px #2c80aa;
	*/
	background-color: #FFF9F0;
	color: #EC9616;
	border: solid 1px #EC9616;
	border-radius: 10px;
}

tr.current { 
	background-color:rgb(250,243,183) !important;
}


a {
	font: normal 1em Arial;
	text-decoration: none;
	text-align: left;
	color: #04745e;
}
	
a:hover {
	color: #FBB040;
}

	a.subLinks {
		display: inline-block;
		font-weight: normal;
		text-decoration: none;
	  	padding: 2px 0px 0px 22px;
	  	margin-right: 20px;
	  	height: 16px;
	}
	
	a.subLinks:hover {
		background-position: left -26px;
	}
	
	a.directions {
		background: url(directions_icon.png) no-repeat left 0px;
	}
	
	a.jobSchedule {
		background: url(schedule_icon.png) no-repeat left 0px;
	}

.noWrap {
    white-space: nowrap;
}

	#login {
		margin: 150px auto 0 auto;
		width: 280px;
		background: rgba(0,0,0,0.05);
		border: 1px solid rgba(0,0,0,0.15);
		padding: 50px 25px 70px 25px;
		font-size: .9em;
		border-radius: 8px;
		z-index: 10;
	}
	
	#login p {
		margin-top: 25px;
		z-index: 10;
	}
	
	#login input {
		font-size: 1em;
		padding: 5px;
		border: 1px solid rgb(175,175,175);
		border-radius: 5px;
		float: left;
		z-index: 10;
	}
	
	#login a {
		padding: 5px 20px;
  		font-size: 1em;
  		color: #4c4c4c;
  		background: rgb(255,255,255);
  		border: 1px solid rgb(175,175,185);
  		border-radius: 5px;
  		display: block;
  		float: right;
		z-index: 10;
	    color: #298B57;
	    border-color: #298B57;
	}
	
	#login a:hover {
		border-color: #00483a;
		color: #00483a;
	}
	
.button-truck-schedule {
	/*width: 310px;*/
	margin: 2em auto;
	background-color: #298B57;
	border-radius: 4px;
	display: block;
	cursor: pointer;
	color: #ffffff;
	font-size: 15px;
	line-height: 22px;
	padding: 4px 10px;
	text-decoration: none;
	z-index: 10;
	font-weight: 400;
	background-color: #fff;
	border: solid 1px #298B57;
	color:#298B57;
}
	
.button-truck-schedule:hover {
	/*background-color: #039e65;*/
	border-color: #00483a;
	color: #00483a;
}
	
.modal-dialog {
	display:none;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 999;
	opacity:1;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
}

.modal-content {
	width: 400px;
	position: relative;
	margin: 15% auto;
	padding: 0;
	border-radius: 10px;
	background: #fff;
}

.modal-content > div {
	padding: 10px 20px;
}

.modal-header {
	/*background-color: rgba(0,0,0,0.05);
	border-bottom: solid 1px rgba(0,0,0,0.15);
	font-size: 1em;
	font-weight: bold;*/
	background-color: #298B57;
	color: white;
	font-size: 1.2em;
	font-weight: 400;
	border-radius: 8px 8px 0 0;
}

.modal-body {
	min-height: 150px;
	padding: 20px !important;
}

.modal-body a {
	color: #298B57;
}

.modal-body a:hover {
	color: #00483a;
}

.modal-body ul {
	margin-top: 25px;
}

.modal-body li {
	margin: 15px 18px 0 18px;
}

.modal-footer {
	text-align: center;
}

.modal-footer > button {
		background-color: #fff;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		//display: block;
		cursor: pointer;
		color: #298B57;
		font-size: 15px;
		padding: 4px 10px;
		text-decoration: none;
		border: solid 1px #298B57;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}
	
/*
.searchButton {
	display: block;
	width: 100px;
	margin: 0 auto;
	padding-top: 8px;
}
*/		
	.backButton {
		float: left;
		margin: 8px 0 15px 0;
		padding-left: 15px;
		background: url("iconBack.png") 0px 0px no-repeat;
	}
	
	.backButton:hover {
		background-position: 0px -100px;
	}
	
	.printButton {
		float: right;
		margin: 8px 0 15px 0;
		padding-left: 20px;
		background: url("iconPrint.png") 0px 0px no-repeat;
	}
	
	.printButton:hover {
		background-position: 0px -100px;
	}
	
	tr.current td.pnm-employee {
		background: url("star-green.png") 2px 7px no-repeat;
		/*background: url("check-green.png") 4px 9px no-repeat;*/
		padding-left: 22px;
	}
	
	.empComments {
		font-weight: normal;
		color: rgb(128,128,128);
	}
	
	.pnm-employee {
		font-weight: bold;
		width: 16%;
	}
	
	.pnm-tag {
		width: 8%;
	}
	
	.pnm-truck-type {
		width: 10%;
	}
	
	.pnm-job {
		width: 29%;
	}
	
	.pnm-driver-start {
		width: 10%;
	}
	
	.pnm-job-start {
		width: 10%;
	}
	
	.pnm-location {
		width: 16%;
	}
	
	.pnm-foreman {
		width: 18%;
	}


/*Desktop styles -------------------------------------------------------------------------*/

/*@media only screen and (min-width:569px) {*/
@media only screen and (min-width:668px) {
	
	/*
thead
{
	display: block;
	width: 100%;
	overflow: auto;
}

tbody
{
	display: block;
	width: 100%;
	height: 600px;
	overflow: auto;
}

th,td
{
	padding: .5em 1em;
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #fff;
}	
	*/
	
	

	body {
		font: 100% Arial, Helvetica, sans-serif;
	    max-width: 960px;
	    padding: 0 3% 3% 3%;
	}
	
	#banner {
	    background: white url("logoScheduleLindy.jpg") 0px 10px no-repeat;
	    height: 105px;
	    border-bottom: 2px solid rgb(32,32,32);
	    /*
	    position: fixed;
	    width: 100%;
	    max-width: 960px;
	    top:0;
	    left:50%;
	    margin-left: -480px;
	    */
	}
			
	#bannerWilson {
	    background: white url("logoScheduleWilson.png") 0px 10px no-repeat;
	    height: 105px;
	    border-bottom: 2px solid rgb(32,32,32);
	    /*
	    position: fixed;
	    width: 100%;
	    max-width: 960px;
	    top:0;
	    left:50%;
	    margin-left: -480px;
	    */
	}
	
		#bannerPNM {
	    background: white url("logoSchedulePNM.jpg") 0px 10px no-repeat;
	    height: 105px;
	    border-bottom: 2px solid rgb(32,32,32);
	    /*
	    position: fixed;
	    width: 100%;
	    max-width: 960px;
	    top:0;
	    left:50%;
	    margin-left: -480px;
	    */
	}
	
	#banner img {
		display: none;
	}
	
	#bannerWilson img {
		display: none;
	}
	
	#bannerPNM img {
		display: none;
	}
	
	h3 {
		font-size: 1.5em;
		color: #4c4c4c;
		margin: 20px 0;
		clear: both;
	}
	
	h3 + h4 {
		font-size: 1.1em;
		color: #7e7e7e;
		margin: -10px 0 20px 0;
	}
	
	table {
		width: 100%;
		border-collapse: collapse;
		border: 1px solid rgb(191,196,195);
	}
	
	tr:nth-child(even)	{ background-color:#ffffff; }
	tr:nth-child(odd)	{ background-color:#ebebeb; }
	
	tr.current { 
		background-color:rgb(250,243,183) !important;
	}
	
	tr.empRow-primary	{
		background-color:#ffffff; 
	}
	
	tr.empRow-alt	{
		background-color:#ebebeb;
	}
	
	td {
		font-size: 0.8em;
		text-align: left;
		padding: 1%;
		border-top: 1px solid rgb(191,196,195);
	}
	
	th {
		font-size: 0.9em;
		font-weight: 300;
		color: rgb(255,255,255);
		background-color: #4c4c4c;
		border: 1px solid #4c4c4c;
		text-align: left;
		padding: 1%;
	}
	
	.employee {
		font-weight: bold;
		width: 17%;
	}
	
	.shift {
		width: 13%;
	}
	
	.job {
		width: 30%;
	}
	
	.foreman {
		width: 14%;
	}
	
	.crew {
		width: 16%;
	}
	
	.other {
		width: 0;
		display: none;
	}
	
	.pnm-other {
		width: 0;
		display: none;
	}
	
	td.pnm-foreman {
		border-right: 1px solid rgb(191,196,195);
	}
	
	th.pnm-foreman {
		border-right: 1px solid #4c4c4c;
	}
	
	.instructions {
		margin: 10px 0 0 0;
		font-style: italic;
	}
	
	.otherLinks {
		margin: 10px 0 0 0;
	}
	
	td.pnm-comments {
		border-top: 0px;
		font-style: italic;
	}
			
}


/*Mobile styles -------------------------------------------------------------------------*/


@media only screen and (max-width:667px) { 
			
	body {
		font: 100% Arial, Helvetica, sans-serif;
	   /* width: 100%;*/
	   width: auto;
	    padding: 100px 0 0 0;
	    margin: 0;
	    font-size: 16px;
	}
	
	#banner {
	    background: #fff url("logoScheduleLindy-sm.png") 10px 10px no-repeat;
	    height: 50px;
	    padding: 10px 0 0 0;
	    text-align: right;
	    position: fixed;
	    width: 100%;
	    top:0;
	    left:0;
	}
	
	#bannerWilson {
	    background: #fff url("logoScheduleWilson-sm.png") 10px 10px no-repeat;
	    height: 50px;
	    padding: 10px 0 0 0;
	    text-align: right;
	    position: fixed;
	    width: 100%;
	    top:0;
	    left:0;
	}
	
	#bannerPNM {
	    background: #fff url("logoSchedulePNM-sm.png") 10px 10px no-repeat;
	    height: 50px;
	    padding: 10px 0 0 0;
	    text-align: right;
	    position: fixed;
	    width: 100%;
	    top:0;
	    left:0;
	}
	
	#banner img {
		margin-right: 10px;
	}
	
	#bannerWilson img {
		margin-right: 10px;
	}
	
	#bannerPNM img {
		margin-right: 10px;
	}
	
	.dailyComment {
		margin-top: 0;
		border-radius: 0;
		border-width: 0px;
		border-bottom-width: 1px;
	}
	
	h3 {
		font-size: 1.1em;
		color: #fff;
		text-align: center;
		padding: 10px 0;
		background-color: #4c4c4c;
	    position: fixed;
	    width: 100%;
	    top: 60px;
	    left: 0;
	    clear: both;
	}
		
	h3 + h4 {
		font-size: 0.9em;
		color: #7e7e7e;
		text-align: center;
		padding: 8px 5px;
		background-color: #ebebeb;
		border-bottom: 1px solid #4c4c4c;
	    position: fixed;
	    width: 100%;
	    top: 100px;
	    left: 0;
	    white-space: nowrap;
		overflow: hidden;  /*trims any text that doesn't fit*/
		text-overflow: ellipsis;  /*appends a ... to the end if it is trimmed*/
	}
	
	h4 {
		padding: 5px;
	}
	
	#login a {
		margin-top: 1px;	
	}
	
	a.subLinks:hover {
		background-position: left top;
		color: #04745e;
	}

	.printButton {
		margin: 40px 5px 3px 0;
	}
	
	.backButton {
		margin: 40px 0 3px 5px;
	}
	
	span.dailySchedule {
		display: none;
	}
	
	table {
		width: 100%;
		border-collapse: collapse;
	}
	
	tr {
	/*	border-bottom: 1px solid rgb(191,196,195);*/
	}
	/*
	tr:nth-child(even)	{ background-color:#ffffff; }
	tr:nth-child(odd)	{ background-color:#ebebeb; }
	*/
	
	tr.current td.employee {
		background-position: 2px 14px;
	}	
	
	th {
		display: none;
	}
	
	td {
		display: block;
		padding: 0 0 8px 0;
	}
	
	td.shift, td.job, td.foreman, td.crew {
        background: url("mobileTableBG.png") 0px 0px repeat-y;
		padding-left: 80px;
		text-indent: -80px;
    }
	
   td.shift::before, td.job::before, td.foreman::before, td.crew::before {
        color: rgb(0,117,94);
        font-weight: normal;
        font-size: 0.8em;
        margin-right: 10px;
        padding-right: 10px;
        width:60px;
        display: inline-block;
        text-align: right;
    }
	td.employee {
		border-top: 1px solid rgb(191,196,195);
		font-size: 1em;
		padding: 15px 0 10px 5px;
		font-weight: bold;
	}
	td.shift::before {
        content: "Shift ";
	}
	
	td.job::before {
        content: "Job ";
	}	
	td.job .otherLinks, td.job .instructions {
		display: none;
	}
	
	td.pnm-job::before {
        content: "Job ";
	}	
	
	td.pnm-job .otherLinks, td.pnm-job .instructions {
		display: none;
	}
	td.foreman::before {
        content: "Foreman ";
	}	
	td.crew::before {
        content: "Crew ";
	}  
	td.other {
		margin-bottom: 15px;
	}
	
td.pnm-tag, td.pnm-truck-type, td.pnm-job, td.pnm-driver-start, td.pnm-job-start, td.pnm-location, td.pnm-foreman {
        background: url("mobileTableBG-PNM.png") 0px 0px repeat-y;
		padding-left: 80px;
		text-indent: -80px;
		width: 100%;
    }
	
td.pnm-tag::before, td.pnm-truck-type::before, td.pnm-job::before, td.pnm-driver-start::before, td.pnm-job-start::before, td.pnm-location::before, td.pnm-foreman::before {
        color: rgb(0,117,94);
        font-weight: normal;
        font-size: 0.8em;
        margin-right: 10px;
        padding-right: 10px;
        width:90px;
        display: inline-block;
        text-align: right;
    }
    
	td.pnm-employee {
		border-top: 1px solid rgb(191,196,195);
		font-size: 1em;
		padding: 15px 0 10px 5px;
		font-weight: bold;
		width: 100%;
	}
	
	td.pnm-tag::before {
        content: "Truck Tag ";
	}
	
	td.pnm-truck-type::before {
        content: "Truck Type ";
	}
	
	td.pnm-job::before {
        content: "Job ";
	}
	
	td.pnm-driver-start::before {
        content: "Driver Start ";
	}
	
	td.pnm-job-start::before {
        content: "Job Start ";
	}
	
	td.pnm-location::before {
        content: "Location ";
	}
	
	td.pnm-foreman::before {
        content: "Foreman ";
	}
	
	td.pnm-comments {
	    font-style: italic;
	    font-size: 0.9em;
	    padding: 10px;
	}
	
	.instructions {
		margin: 10px 0 0 15px;
		font-style: italic;
	}
	
	.otherLinks {
		margin: 10px 0 0 15px;
	}
	
	#login {
		margin: 50px auto 0 auto;
	}     
}

/* Print styles -----------------------------------*/
@media print {
	
	a.subLinks, a.backButton, a.printButton {
		display:none;
	}

	body {
		font: 100% Arial, Helvetica, sans-serif;
	    max-width: 960px;
	    padding: 0 3% 3% 3%;
	}
	
	#banner {
	    display:none;
	}
	
	#banner img {
		display: none;
	}
	
	h3 {
		font-size: 1em;
		color: #4c4c4c;
		margin: 20px 0;
		clear: both;
	}
	
	h3 + h4 {
		font-size: 0.9em;
		color: #7e7e7e;
		margin: -10px 0 20px 0;
	}
	
	table {
		width: 100%;
		border-collapse: collapse;
		border: 1px solid rgb(191,196,195);
		font-size: 0.8em;
	}
	
	thead {
    	display: table-header-group;
	}	
	tfoot {
    	display: table-footer-group;
	}
	
	tr, tr.current	{
		background-color:#ffffff;
	}
		
	td {
		font-size: 0.8em;
		text-align: left;
		padding: 1%;
		border-bottom: 1px solid rgb(191,196,195);
	}
	
	th {
		font-size: 0.9em;
		font-weight: 300;
		color: rgb(255,255,255);
		background-color: #4c4c4c;
		border: 1px solid #4c4c4c;
		text-align: left;
		padding: 1%;
	}
	
	td.employee {
		font-weight: bold;
		width: 17%;
	}
	
	td.shift {
		width: 13%;
	}
	
	td.job {
		width: 30%;
	}
	
	td.foreman {
		width: 14%;
	}
	
	td.crew {
		width: 16%;
	}
	
	td.other {
		display: none;
	}
	
	.instructions {
		margin: 10px 0 0 0;
		font-style: italic;
	}
	
	.otherLinks {
		margin: 10px 0 0 0;
	}	

	tr.current td.employee {
		background: #ffffff;
		/*background: url("check-green.png") 4px 9px no-repeat;*/
		padding-left: 1%;
	}	
	
}

h4 {
    color: #2a7865;
}

/*gets rid of an unwanted line break that Domino is inserting after the <h3> header tag*/
h3+br {
    display: none;
}