/* liveoak.css - stylesheet for LiveOak web calendar - (c)2006 Nuvola Ltd www.nuvola.co.uk*/
@font-face{
	font-family:"Roboto";
	src: url("Roboto-Regular.ttf") format("truetype");
	font-weight: 400;
}



body
{
	background: #ffffff;
}

#mainholder
{
	width: 800px;
	border: none;
	
}

#title
{
	width: 800px;
	height: 38px;
	border: none;
	text-align: left;
	font-family: Times New Roman, Times, Serif;
	font-size: 30px;
	color: black;
}
#emailtitle
{
	width: 600px;
	height: 38px;
	border: none;
	text-align: left;
	font-family: Times New Roman, Times, Serif;
	font-size: 30px;
	color: black;
}

#logo
{
	float: left;
	border: none;
}


#menu
{
	width:100%;
	height:40px;
	text-align:left;
	/*font-family: Verdana, Sans Serif;*/
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	
}

#content
{
	width:800px;
	min-height: 800px; /*400px*/
	text-align:left;
	/*font-family: Verdana, Sans Serif;*/
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	color: #000;
	background: #ebeedc;
	overflow: auto;	
}

#emailcontent
{
	width:600px;
	text-align:left;
	/*font-family: Verdana, Sans Serif;*/
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	color: #000;
	background: #ebeedc;
	overflow: auto;	
}

td
{
	/*font-family: Verdana, Sans Serif;*/
	
	font-size: 11px;
	color: #000;	
}

h3
{
	width:800px;
	text-align: right;
	/*font-family: Verdana, Sans Serif;*/
	font-family: "Roboto", sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #000;
	position:relative; 
	top:30px;
}

a
{
	text-decoration: underline;
	color: #7D9749;
}
a:hover
{
	color: #cb865c;
}



a.blanklink
{
	width: 95px;
	height: 10px;
	text-decoration: none;
}

td.selgrid, .daily td
{
	text-align:left;
	/*font-family: Verdana, Sans Serif;*/
	/*font-family: Lucida Grande, Lucida Sans Unicode, Sans Serif;*/
	font-family: "Roboto", sans-serif;
	font-size: 1rem; /* 12px*/
	color: #000;
	background: #eee;
	padding:2px;
}
th.selgrid, .daily th
{
	text-align:left;
	/*font-family: Verdana, Sans Serif;*/
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight:bold;
	padding:2px;
	color: #000;
	background: #ebeedc;
}

th.report
{
	text-align: center;
	/*font-family: Verdana, Sans Serif;*/
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight:bold;
	padding:2px;
	color: #000;
	background: #ebeedc;
}

td.daily
{
	/*font-family: Verdana, Sans Serif;*/
	font-family: "Roboto", sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #cbcebc;
	text-align: center;
	Text-overflow: ellipsis;
}

td.distr
{
	/*font-family: Verdana, Sans Serif;*/
	font-family: "Roboto", sans-serif;
	font-size: 10px;
	background-color: #000;
	color: #cbcebc;
	text-align: center;
	Text-overflow: ellipsis;
}

a.distr
{
	color: #cbcebc;
}
a.distr:hover
{
	color: #ebeedc;
}


td.canc
{
	/*font-family: Verdana, Sans Serif;*/
	font-family: "Roboto", sans-serif;
	font-size: 10px;
	background-color: white;
	color:#abaeac;
	text-align: center;
	Text-overflow: ellipsis;
}

a.canc
{
	color: #abaeac;
}
a.canc:hover
{
	color: #cbcebc;
}

td.report
{
	/*font-family: Verdana, Sans Serif;*/
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #000;
	text-align: center;
	width:10px;
	Text-overflow: ellipsis;
}

div.gridscroll
{
	width: 800px;
	overflow: auto;
}

.heading
{
	font-family: "Roboto", sans-serif; /*Verdana sans serif */
	color: #7D9749;    /*#544c35 */
	font-size: 14px;
	font-weight: bold;
}
hr
{
	color: #cbcebc;
}

table.childgrid_table
{
	border-spacing: 2px;
	background: #cbcebc;
}

th.childgrid_th
{
	background: #ebeedc;
	/*font-family: Verdana, Sans Serif;*/
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #534c35;
	text-align: left;
}

td.childgrid_td
{
	background: #ebeedc;
	/*font-family: Verdana, Sans Serif;*/
	font-family: "Roboto", sans-serif;
	font-size: 10px;
	color: #000;
}

td.childgrid_tdsel
{
	background: #cbcebc;
	/*font-family: Verdana, Sans Serif;*/
	font-family: "Roboto", sans-serif;
	font-size: 10px;
	color: #000;
}

/**
responsive
*/
@media screen and (max-width: 869px) { /* max*/

	/*selgrid*/
	table.selgrid {
		width: 95vw; /* 90 */
	}
	table.selgrid tr {
		display: block;
		border-bottom: 1px solid #7D9749;
	}
	table.selgrid tr:nth-child(2n) {
		background: #ccc;
	}
	table.selgrid tr:first-child {
		display: none;
	}
	table.selgrid th, table.selgrid td {
		display: block;
		width: 100% !important;
		background: transparent;
	}
	table.selgrid td label {
		font-weight: bold;
	}
	table.selgrid td.detail-link {
		text-align: right;
	}
	table.selgrid td.detail-link a {
		display: inline-block;
		/*color: grey;*/
		text-decoration: none;
		border: 2px solid #7D9749;
		color: #7D9749;
		padding: 2px;	
		/*color: #7D9749;*/
		/*font-size: 130%;*/
		/*padding: 2px 5px;*/
		/*font-weight: bold;*/
		/*border: 2px solid #7D9749;*/
		/*text-decoration: none;*/
		font-family: "Roboto", sans-serif;
	}
	table.selgrid td.detail-link a:hover {
		color: #9E9E9E;
	}
	
	/*menu hider*/
	#mainholder {
		position: relative;
		/*left: -170px; */
		
	}
	.selgrid tr {
		/*margin-right: 50px;*/
	}
	#menuholder {
		width: 300px;
	}
	
	
	div.menu {
		position: relative;
		left: -170px;
		transition: ease-in-out left .5s;
		z-index: 99;
	}
	.responsive-menu-open {
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 100%;
		background: black;
		z-index: 100;
	}
	.responsive-menu-open a {
		text-decoration: none;
		color: white;
		font-size: 28px;
	}
	div.menu.responsive-open {
		left: 0;
	}
	div.menu.responsive-open .responsive-menu-open {
		height: 30px;
	}
	
	/*title bar*/
	a.logo-link {
		display: block;
	}
	img.title {
		width: 100px;
		float: none;
	}
	div.title {
		padding: 0;
		text-align: center;
		height: auto;
	}
	#titlestatus {
		float: none;
		display: block;
		text-align: center;
	}
	
	span.titletitle {
		text-align: center;
	}
	
	/*search form*/
	.searchform table {
		width: 90vw !important;
	}
	.searchform table tr {
		display: block;
	}
	.searchform table tr td {
		display: block;
		width: 100%;
	}
	.searchform input, .searchform select {
		width: 100%;
	}
	.searchform input.date-between, .searchform input[type=submit] {
		width: 30% !important;
	}
	
	/**
	 * viewgen form
	 */
	form.viewgen-form table, .timesheet-entry table {
		width: 90vw !important;
	}
	form.viewgen-form table tr, .timesheet-entry table tr {
		display: block;
	}
	form.viewgen-form table tr td, .timesheet-entry table tr td {
		display: block;
		width: 100% !important;
	}
	form.viewgen-form input, form.viewgen-form select, .timesheet-entry input, .timesheet-entry select {
		width: 100%;
	}
	form.viewgen-form input.date-between, form.viewgen-form input[type=submit],
	 .timesheet-entry input.date-between, .timesheet-entry input[type=submit] {
		width: 30% !important;
	}
	
	
}
@media screen and (min-width: 870px) {
	table.selgrid td label {
		display: none;
	}
	
	.responsive-menu-open {
		display: none;
	}

}

@media screen and (max-width: 480px){
	
}