/*
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');
*/

@font-face {
    font-family: 'MyWebFont';
    src: url('../../font/webfont-regular.woff2') format('woff2'); /* Super Modern Browsers */
}

* {
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'MyWebFont', sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

*:focus {
    outline: none;
}

.mono {
	font-family: 'Roboto Mono', monospace;
}

.hover:hover {
	cursor: pointer;
}

input.login {
	height: 30px;
	width: 200px;
	border: solid 1px #aaa;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #eee;
}

input.login:hover {
	border: solid 1px #444;
}

button.login {
	width: 100px;
	height: 30px;
	color: #000;
}

button.login:hover {
	cursor: pointer;
}

button {
	padding: 5px;
	border-radius: 3px;
	border: solid 1px #aaa;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,e0e0e0+100 */
	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(top, #f4f4f4 0%, #e0e0e0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f4f4f4 0%,#e0e0e0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f4f4f4 0%,#e0e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	color: #444;
}

button:hover {
	cursor: pointer;
	color: #222;	
	border: solid 1px #666;
}

table#login {
	border: solid 1px #222;
	-webkit-box-shadow: -1px 1px 5px 5px rgba(32,32,32,0.45);
 	-moz-box-shadow: -1px 1px 5px 5px rgba(32,32,32,0.45);
 	box-shadow: -1px 1px 5px 5px rgba(32,32,32,0.45);
	border-radius: 4px;
	background-color: #fff;
/*	opacity: 0.8;*/
}

html { 
  /* background: url('../../img/bg/dark.jpg') no-repeat center center fixed; */
  background: url('../../img/bg/newbg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

div#content {
	position: absolute;
	left: 131px;
	top: 0px;
	bottom: 0px;
	right: 0px;
    background: #fff;
    padding: 5px;
    overflow-y: scroll;
    border-left: solid 1px #aaa;
}

div#notification {
	position: absolute;
	bottom: 0px;
	left: 180px;
	right: 0px;
	height: 30px;
	background-color: #eee;
	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
	color: #000;
	padding: 5px;
	line-height: 30px;
}

/*
img.icon {
	opacity: 0.5;
}

img.icon:hover {
	opacity: 1.0;
	cursor: pointer;
}
*/

div#toolbar {
	position: absolute;
	height: 34px;
	background-color: #ccc;
	border: solid 1px #aaa;
	color: #000;
	top: 0px;
	left: 0px;
	right: 0px;
	line-height: 32px;
	margin: 0px;
	padding-left: 5px;
	display: none;
}

div#breadcrumb {
	position: absolute;
	height: 40px;
	background-color: #eee;
	font-size: 12px;
	top: 36px;
	left: 180px;
	right: 0px;
	line-height: 30px;
	padding-left: 5px;
	padding-right: 5px;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

div#menu {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 130px;
/*	width: 60px;*/
    background: #eee;
    float: left;
/*    overflow-y: scroll;*/
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

div#shield {
	display: none;
	position: absolute;
	opacity: 0.75;
	background-color: #000;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1000;
	height: 100%; 
	/*overflow:hidden;*/
}

div#dialogwrapper {
	display:none;
	width: 100%;
	text-align: center;
}

div#dialog {
	display: none;
	position: absolute;
	top: 100px;
	opacity: 1.0;
	background-color: #fff;
	z-index: 1001;
	-moz-box-shadow: 0px 3px 8px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,1);
	box-shadow: 0px 3px 8px rgba(0,0,0,1);
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border: solid 1px #111;	
}

td.menugroup {
	text-align: center;
	width: 8px;
	color: #fff;
}

div#dialogheader {
	/*font-weight: bold;*/
	text-align: center;
	background-color: #444;
	border-bottom: solid 1px #000;
	color: #fff;
	padding: 4px;
	font-size: 16px;
}

div#dialogdata {
	padding: 10px;
	color: #666;
	margin-top: 10px;
	margin-bottom: 10px;
}

div#dialogcontrols {
	display: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	margin-bottom: 10px;	
}

td.menuicon {
	padding-left: 5px;
	width: 40px;
}

td.menutext {
	text-align: left;
	padding-left: 5px;
	padding-bottom: 3px;
}

td.menutext:hover {
/*	border-right: solid 2px #2d5eff;*/
/*	border-right: solid 1px #aaa;*/
	text-decoration: underline;
}

tr.menu {
	color: #666;
}

tr.menu:hover {
	background-color: #ddd;
	cursor: pointer;
/*	color: #2d5eff;*/
	color: #000;
}

tr.bold {
	font-weight: bold;
}

td.menuspacer {
	height: 5px;
}

img.button {
	height: 18px;
}

span.label {
	color: #2d5eff;
}

button.icon {
	margin-top: 4px;
	width: 32px;
	height: 32px;
/*	background-color: #eee;	*/
	border-radius: 3px;
	border: solid 1px #ccc;
}

button.icon:hover {
	color: #f00;
/*	background-color: #fff;*/
	border-radius: 3px;
	border: solid 1px #aaa;
}

button.texticon {
	margin-top: 4px;
	height: 32px;
/*	background-color: #eee;	*/
	border-radius: 3px;
	border: solid 1px #ccc;
}

button.texticon:hover {
	color: #000;
/*	background-color: #fff;	*/
	border-radius: 3px;
	border: solid 1px #aaa;
}

button.add:hover {
	color: #f00;
	background-color: #a1bf98;	
	border-radius: 3px;
	border: solid 1px #aaa;
}

input[type="text"] {
   height: 26px;
   padding-left: 3px;
   border: solid 1px #ccc;
}

input[type="text"]:hover {
	border: solid 1px #444;
}

select {
   height: 28px;
}

select:hover {
	cursor: pointer;
}

input#tablesearch,
input#menusearch {
	height: 28px;
	padding-left: 3px;
}

a.menu {
	color: #2d5eff;
	text-decoration: none;
}

a.menu:hover {
	text-decoration: none;
}

a.row {
	color: #666666;
	text-decoration: none;
}

a.row:hover {
	color: #0046aa;
	text-decoration: underline;
}

a.visited {
	text-decoration: none;
}



div.debug_token {
	display: inline;
/* background-color: #eee; */
	margin: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 3px;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #666;
	font-size: 12px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	color: #666;
}

div.debug_sql {
 	background-color: #eee;
	margin: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 3px;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	font-size: 12px;
	color: #4872f9;
}

table {
	height: 30px;
}

table.toolbar {
	height: 30px;	
}

tr.toolbar {
	height: 30px;		
}

td.toolbar {
	height: 30px;		
}

td.toolbarlogo {
	height: 30px;	
	width: 30px;
}

td.toolbarlabel {
	height: 30px;	
	text-align: left;
	padding-bottom: 8px;
}

td.toolbarmessages {
	height: 30px;	
	vertical-align: middle;
	line-height: 30px;
	text-align: left;
	padding-bottom: 8px;
	width: 100px;
}

td.toolbaricon {
	padding-top: 3px;
	line-height: 30px;
	width: 32px;
	text-align: center;
	vertical-align: middle;
}

td.toolbaricon:hover {
	cursor: pointer;
}

td.table-title {
	padding: 5px;
	font-size: 18px;
	padding-top: 7px;
}

td.pageinfo {
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	width: 150px;
}

th.tablecolumn {
	background-color: #ddd;
}

table.table {
	width: 100%;
	border: solid 1px #aaa;
}

table.data {
	width: 100%;
	border: solid 1px #ccc;
	padding: 3px;
	background-color: #f0f0f0;
}

tr.tablerow:hover {
	background-color: #ddd;
}

td.tablecell {
	padding: 5px;
}

th.table_header {
	text-align: center;
	background-color: #ddd
}

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

th.table.colhead {
	background-color: #eee;
}

img.colhead {
	margin-top: 8px;
	opacity: 0.60;
}

div.sql {
	font-size: 12px;
	background-color: #eee;
	border: solid 1px #ccc;
	border-radius: 4px;
	color: #888;
	padding: 5px;
}

button.colhead {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 50px;
	padding-right: 5px;
}

button.colhead-selected {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 50px;
	padding-right: 5px;
}

td.iconcell {
	width: 40px;
	text-align: center;
	border: solid 3px #eee;
	padding: 5px;
}

td.iconcell:hover {
	border: solid 3px #4872f9;
	background-color: #eee;
	cursor: pointer;
}

div.notification-text {
	border-radius: 4px;
	padding: 5px;
	background-color: green;
	color: white;
}

div#bushfirecontrolpanel {
	margin-bottom: 10px;
}

div.fireinfo {
	margin-bottom: 10px;
	padding: 10px;
	border: solid 1px #aaa;
	border-radius: 10px;
	background-color: #fff;
}

th.fireicon {
	width: 30px;
}

th.fireheader {
	font-size: 24px;
	font-weight: bold;
	text-align: left;
}

td.firedistance {
	font-weight: bold;
	font-size: 16px;
}

span.highlight {
	color: #4872f9;
	/* text-decoration: underline; */
}


table.tabrow {
	width: 100%;
	border: solid 1px #bbb;
	padding: 4px;
	background-color: #eee;	
	border-radius: 8px;
}

tr.tabback {
	border-top: solid 1px #444;
	border-left: solid 1px #bbb;
	border-right: solid 1px #bbb;
/*	padding-top: 3px;*/
}

td.tabcontent {
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 5px;
	background-color: #fff;
}

td.activetab {
	border-bottom: solid 1px #fff;
	background-color: #fff;
	padding: 5px;
	padding-top: 10px;
}

td.tab {
	padding-right: 5px;
}

td.tabicon {
	width: 32px;
	height: 32px;
	text-align: center;
}

td.tabtext {
	height: 32px;
	padding-bottom: 5px;	
}

table.tab {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: #eee;	
	margin-right: 4px;
	border-left: solid 1px #bbb;
	border-right: solid 1px #bbb;
	border-top: solid 1px #bbb;
	border-bottom: solid 1px #ddd;
	width: 100%;
}

table.tabactive {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: #fff;
	margin-right: 4px;
	border-left: solid 1px #bbb;
	border-right: solid 1px #bbb;
	border-top: solid 1px #bbb;
	border-bottom: solid 1px #fff;
	width: 100%;
}

img.tabactive {
	width: 24px;
}

img.tab {
	width: 24px;
	opacity: 0.50;
}

table.add {
	border: solid 1px #aaa;
}

th.add_header {
	padding: 5px;
	border-bottom: solid 1px #aaa;
	font-weight: normal;
	background-color: #eee;
}

tr.add {
	height: 32px;
}

td.add {
	padding: 3px;
}

textarea.message {
	border: solid 1px #ccc;
	width: 98%;
	height: 200px;
	resize: none;
	padding: 3px;
}

textarea.message:hover {
	border: solid 1px #444;
}

.btn {
	background-color: #eee;
	color: #444;
/*	height: 32px;*/
	padding: 4px;
	border: solid 1px #ccc;
	opacity: 0.75;
	border-radius: 3px;
}

.btn:hover {
	border: solid 1px #999;
	cursor: pointer;
	opacity: 1.0;
	color: #000;
}

.btn span.btntext {
	height: 32px;
	line-height: 32px;
	padding: 4px;
}

.btn span.icon {
    float: left;
    width: 32px;
    height: 32px;
}

td.rotext {
	height: 24px;
	padding: 5px;
	border: solid 1px #ccc;
	background-color: #eee;
	color: #666;
}

td.rotext:hover {
	cursor: not-allowed;
}

/*
th.editheader {
	background-color: #eee;
	border: solid 1px #ddd;
	font-size: 24px;
	text-align: left;
}
*/

td.editabletext {
	height: 24px;
	padding: 5px;
	border: solid 1px #ccc;
	background-color: #eee;
	color: #444;
	text-align: left;
}

td.editabletext:hover {
	cursor: pointer;
	border: solid 1px #888;
	color: #000;
}

table.viewdata {
	border: solid 1px #ddd;
	background-color: #f8f8f8;
	width: 100%;
	padding: 5px;
}

table.viewdata td { 
	padding:10px; 
}

table.viewdata th { 
	background-color: #f0f0f0;
	font-weight: normal;
	width: 20%;
	user-select: none;
	text-align: right;
	padding-right: 5px;
}

table.viewdata th.editheader {
	background-color: #eee;
	border: solid 1px #ddd;
	font-size: 18px;
	text-align: left;
	padding: 4px;
}

table.viewdata th.viewtabs {
/*	background-color: #eee;*/
	padding: 0px;
	border-left: solid 1px #ddd;
	border-top: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #eee;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

table.viewtab {
	padding-top: 4px;
	border-spacing: 3px 0px;
}

table.viewtab td.selected {
	background-color: #f8f8f8;
	padding-right: 15px;
	color: red;
	border-top: solid 2px #666;
	border-left: solid 1px #888;
	border-right: solid 1px #888;
	border-bottom: solid 1px #f8f8f8;
	user-select: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

table.viewtab td {
	background-color: #eee;
	padding-right: 15px;	
	color: green;
	border-top: solid 2px #aaa;
	border-left: solid 1px #aaa;
	border-right: solid 1px #aaa;
	border-bottom: solid 1px #ccc;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

a.tab {
	color: #666;
	text-decoration: none;
	font-size: 14px;
}

a.tab:hover {
	color: #0046aa;
}

span.selectedtab,
a.selectedtab {
	color: #222;
	font-size: 14px;
	text-decoration: none;
}

.click:hover {
	cursor: pointer;
}

td.dayinfo-blank {
	background-color: #eee;
	border: solid 2px #eee;	
}

td.dayinfo-conflict {
	background-color: #d00;
	border: solid 2px #d00;	
}

td.dayinfo-hire {
	background-color: #409b68;
	border: solid 2px #409b68;	
}

td.dayinfo-hire:hover,
td.dayinfo-conflict:hover,
td.dayinfo-blank:hover {
	cursor: pointer;
}

div#dayinfo {
	border: solid 1px #aaa;
}

div#datelabel {
	font-size: 20px;
}

div.hire-comment {
	width: 100%;
	height: 100%;
	border: solid 1px #ddd;
	border-radius: 8px;
	padding: 5px;
}

div.hire-comment:hover {
	border: solid 1px #aaa;
	cursor: pointer;
}