@media (min-resolution: 1.25dppx) {
	:root {
		zoom: 0.875;
	}
}

@media (min-resolution: 1.50dppx)
{
	:root {
		zoom: 0.75;
	}
}

@media (min-resolution: 1.75dppx) {
	:root {
		zoom: 0.625;
	}
}

@media (min-resolution: 2.0dppx) {
	:root {
		zoom: 0.50;
	}
}

html {
	 height: 100%;
	 width: 100%;
     padding: 0px;
     margin: 0px;
}

body {
	background: white;
 	height: 100%;
 	width: 100%;
    padding: 0px;
    margin: 0px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.searchfields {
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: auto auto auto;
	grid-column-gap: 3px;
	justify-content: flex-start;
	align-items: baseline;
}

.field-2column-grid {
	display: grid;
	border-top: solid 1px black;
	grid-template-columns: 15% auto;
	grid-row-gap: 5px;
	align-items: baseline;
}

.field-3column-grid {
	display: grid;
	border-top: solid 1px black;
	grid-template-columns: 15% auto 10%;
	grid-row-gap: 5px;
	justify-content: flex-start;
	align-items: baseline;
}

.field-grid-col1 {
	grid-column: 1;
	font-weight: bold;
}

.field-grid-col2 {
	grid-column: 2;
}

.field-grid-col3 {
	grid-column: 3;
}

.data-grid-group {
	grid-row-gap: 3px;
	margin-top: 15px;
}

.data-grid-header {
	font-weight: bold;
	font-size: 12pt;
	border-bottom: solid 1px black;
}

.data-grid-footer {
	border-top: solid 1px black;
	margin-bottom: 15px;
}

.data-grid-item {
	font-weight: normal;
	font-size: 11pt;
}

.data-grid-item-odd {
	background-color: cornsilk;
}

.data-grid-item-even {
	background-color: white;
}

.button-grid-container {
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: auto auto auto auto auto;
	grid-column-gap: 3px;
	justify-content: flex-start;
}


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/*.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

	.btn-default:focus {
		color: #333;
		background-color: #e6e6e6;
		border-color: #8c8c8c;
	}

	.btn-default:hover {
		color: #333;
		background-color: #e6e6e6;
		border-color: #adadad;
	}

	.btn-default:active {
		color: #333;
		background-color: #e6e6e6;
		border-color: #adadad;
	}
*/

div.form-group {
	margin-top: 10px;
}

#referencediv {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;

}

/*-- Layout Page grid structure --*/
.logo-area {
	grid-area: logo;
	background-color: black;
}

.header-area {
	grid-area: header;
	display: inline-flex;
	border: 0px none;
	/*width: 100%;*/
	/*height: 16.5%;*/
	background: #222222;
	margin: 0px;
	padding: 0px;
}

.menu-area {
	grid-area: menu;
}

.content-area {
	grid-area: content;
}

.footer-area {
	grid-area: footer;
}

.grid-container {
	display: grid;
	grid-template-columns: 15% 85%;
	grid-template-areas:
		'logo header'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu content'
		'menu footer'
}

#logo_section {
	border: 0px none;
	background: #000000;
	margin: auto;
	padding: 0px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

#logo {
	width: 200px;
	background: #000000;
	object-fit: contain;
}

#title_section {
	background: #222222;
	/*width: 99%;*/
	/*height: 16.6%;*/
	border: 0px none;
	padding: 0px;
	margin: 0px;
	left: 0px;
}

/*
#titlesectioninner {
	height: 100%;
	width: 100%;
	background: #222222;
	border: 0px none;
	padding: 0px;
	margin: 0px;
	left: 0px;
}
*/

#titleref {
	width: 1px;
	/*height: 100%;*/
	vertical-align: middle;
	text-align: left;
	display: inline-block;
	border: none 0px;
	margin: 0px;
	padding: 0px;
}

#titletext {
	color: #AAAAAA;
	display: inline-block;
	font-size: 400%;
	vertical-align: middle;
	text-indent: 0.2em;	
}

body footer {
    background-color: black;
    color: #AAAAAA;
}

#leftsidebar {
	/*float: left;*/
	/*left: 0px;*/
	/*top: 0px;*/
	border: 0px none;
	/*width: 15%;*/
	/*height: 85%;*/
	background: #222222;
	margin: 0px;
	padding: 0px;
}	

#contentsection {
	padding-left: 20px;
	padding-top: 20px;
	/*float: left;*/
    /*width: 870px;*/
}

span.prompt {
	float: left;
	width: 8em;
	font-weight: bolder;
}

span.field {
}

div.listtitlesection {
	padding-top: 1em;
	display: block;
}

div.listtitle {
	float: left;
	width: 200px;
	font-size: 1.5em;
	font-weight: bolder;
}

div.listheaderbuttons {
	float: right;	
}

button.listheaderbuttons {
	
}

.tablerowbutton {
	width: 70px;
}
	
#pagecontent {
	clear: both;
}

tr.tableheaderrow {
	background: silver;
}	

th.tableheaderrow {
	text-align:	left;
	text-indent: 0.2em;
}

#timesheetlist td,th {
    font-size: 12px;
}

#timesheetlist .column-company {
    width: 170px;
}

#timesheetlist .column-jobcode {
    width: 140px;
}

#timesheetlist .column-totalhrs {
}

#timesheetlist .column-normalhrs {
}

#timesheetlist .column-ot1hrs {
}

#timesheetlist .column-ot2hrs {
}

#timesheetlist .column-ot3hrs {
}

#timesheetlist .column-ot4hrs {
}

#timesheetlist .column-ot5hrs {
}

#timesheetlist .column-ot6hrs {
}

#timesheetlist .column-status {
}

#timesheetlist .column-command {
    width: 270px;
}


#timesheethourslist .timesheetweekday {
	width: 80px;
}

#timesheethourslist .timesheetjob {
	width: 180px;
}

#timesheethourslist .timesheetshift {
	width: 100px;
}

#timesheethourslist .timesheethours {
	width: 50px;
}

#emailsend input#EmailRecipient
{
    max-width: 700px;
}

#emailsend input#EmailSubject
{
    max-width: 700px;
}

#emailsend textarea#EmailBody
{
    height: 200px;
    max-width: 700px;
    width: 700px;
}



#pagehead {
	font-size: 1.5em;
	font-weight: bolder;
	margin-bottom: 15px;
}

footer {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 20px;
}

footer p {
    text-align: center;
}