/* Hide Show Styles */
.mobile_hide {
	display:  inline;
	visibility: inherit;
}
.mobile_show {
	display: none;
	visibility: hidden;
}
/* BASIC STYLES */
body {
	background-color: #ffffff;
	font-family: 'Open Sans', Arial, sans-serif;
	margin: 0px;
	font-size: 100%;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
}
#content_wrapper {
	width: 100%;
	margin: 0;
	position: relative;
	padding-top: 60px;
}
[data-href] {
	cursor: pointer;
}

/* FOOTER STYLES */
footer {
	display: inline-table;
	width: 100%;
	background-color: #f3f3f3;
	margin-top: 20px;
}
footer p {
	font-size: 0.7em;
	text-align: center;
}
footer .logo {
	width: 100px;
	height: auto;
}
/*UTILITY STYLES*/
.is-hidden {
	display: none;
}

/*TEXT STYLES*/
h1, h2, h3, h4, h5, h6, p, input, textarea, select {
	color: #373737;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	margin-top: 0;
}
h1 {
	font-size: 3.8em;
	line-height: 112%;
	margin-bottom: 0.3em;
	font-weight: 300;
	color: #0083be;
}
h2 {
	font-size: 2.6em;
	line-height: 112%;
	margin-bottom: 0.3em;
	font-weight: 300;
	color: #0083be;
}
h3 {
	font-size: 2.2em;
	line-height: 112%;
	margin-bottom: 0.3em;
	font-weight: 300;
	color: #0083be;
}
h4 {
	font-size: 1.8em;
	line-height: 112%;
	margin-bottom: 0.3em;
	font-weight: 300;
	color: #0083be;
}
h5 {
	font-size: 1.4em;
	line-height: 120%;
	margin-bottom: 0.3em;
	font-weight: 300;
	color: #0083be;
}
h6 {
	font-size: 1.2em;
	line-height: 120%;
	margin-bottom: 0.3em;
	font-weight: 400;
	color: #0083be;
}
p, .text {
	display: block;
	font-size: 0.8em;
	line-height: 140%;
	font-weight: 300;
	margin: 0 0 1.2em 0;
}
#content_wrapper a {
	color:#00314f;
	text-decoration: none;
	font-weight:400;
	outline:none;
}
#content_wrapper a:hover {
	color: #09F;
	outline:none;
}
strong {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 700;
}
.emergency a {
	color: #C00!important;
}
.emergency-row {
	background-color: #FBBAAD!important;
}
.pending a {
	color: #C00!important;
}
.in-progress a {
	color: #396!important;
}
.complete a {
	color: #FC3!important;
}
.closed a {
	color: #09F!important;
}
.dead a {
	color: #666!important;
}
.grey {
	color: #696c71;
}
.ltgrey {
	color: #CCC;
}
.white {
	color: #FFF;
}
/*FORM STYLING*/
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea {
	width:98%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:5px;
	border-radius:5px;
}
input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="url"]:hover, textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
textarea {
	height:100px;
	max-width:98%;
}
/*BUTTON STYLES*/
.button a, .button input[type='submit'], button[type='submit'] {
	display: inline-block;
	min-width: 100px;
	text-align: center;
	padding: 0.3em;
	border: thin;
	border:#09F;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-style: solid;
	background-color: #09F;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: inherit !important;
	color:#FFF !important;
	font-weight: 700 !important;
	cursor: pointer;
}
.button a:hover, .button input[type='submit']:hover, button[type='submit']:hover {
	display: inline-block;
	min-width: 100px;
	text-align: center;
	padding: 0.3em;
	border: thin;
	border:#00314f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-style: solid;
	background-color: #00314f;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: inherit !important;
	color:#FFF !important;
	font-weight: 700 !important;
}

button.destroy, button.destroy:hover {
	display: inline-block;
	border: none;
	padding: 0;
	min-width: auto;
	text-align: center;
	background-color: transparent;
}

button.destroy i {
	color: #00314f;
}

button.destroy:hover i {
	color: #09F;
}

.button-return a, .button input[type='submit'] {
	display: inline-block;
	min-width: 100px;
	text-align: center;
	padding: 0.3em;
	border: thin;
	border:#ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-style: solid;
	background-color: #ccc;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: inherit !important;
	color:#FFF !important;
	font-weight: 700 !important;
}
.button-return a:hover, .button input[type='submit']:hover {
	display: inline-block;
	min-width: 100px;
	text-align: center;
	padding: 0.3em;
	border: thin;
	border:#00314f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-style: solid;
	background-color: #00314f;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: inherit !important;
	color:#FFF !important;
	font-weight: 700 !important;
}
/*TABLE STYLES */
/*JOB LIST*/
#joblist {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 3px solid #ccc;
	font: inherit;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 0.8em;
	line-height: 140%;
	font-weight: 300;
}
#joblist tr:nth-of-type(odd) {
	background: #f3f3f3;
}
#joblist th {
	background: #ccc;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 400;
	color: #FFF;
	vertical-align: middle;
	height: 60px;
}
#joblist td, th {
	padding: 0.6em;
	border-bottom: 1px dotted #ccc;
	text-align: left;
	vertical-align: text-top;
}
#joblist td:nth-of-type(1) {
	width: 2%;
}
#joblist td:nth-of-type(2) {
	width: 5%;
}
#joblist td:nth-of-type(3) {
	width: 10%;
}
#joblist td:nth-of-type(4) {
	width: 8%;
}
#joblist td:nth-of-type(5) {
	width: 10%;
}
#joblist td:nth-of-type(6) {
	width: 25%;
}
#joblist td:nth-of-type(7) {
	width: 5%;
}
#joblist td:nth-of-type(8) {
	width: 5%;
}
#joblist td:nth-of-type(9) {
	width: 5%;
}
#joblist td:nth-of-type(10) {
	width: 10%;
}
#joblist td:nth-of-type(11) {
	width: 15%;
}
/*ESTIMATE LIST*/
#estimate {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 3px solid #ccc;
	font: inherit;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 0.8em;
	line-height: 140%;
	font-weight: 300;
}
#estimate tr:nth-of-type(odd) {
	background: #f3f3f3;
}
#estimate th {
	background: #ccc;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 400;
	color: #FFF;
	vertical-align: middle;
}
#estimate td, th {
	padding: 0.6em;
	border-bottom: 1px dotted #ccc;
	text-align: left;
	vertical-align: text-top;
	width: auto;
}
#estimate td:nth-of-type(1) {
	width: 15%;
}
#estimate td:nth-of-type(2) {
 width: 40&;
}
#estimate td:nth-of-type(3) {
	width: 10%;
}
#estimate td:nth-of-type(4) {
	width: 5%;
}
#estimate td:nth-of-type(5) {
	width: 10%;
}
#estimate td:nth-of-type(6) {
	width: 10%;
}
#estimate td:nth-of-type(7) {
	width: 10%;
}
/*MISC TASK LIST*/
#misc {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 3px solid #ccc;
	font: inherit;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 0.8em;
	line-height: 140%;
	font-weight: 300;
}
#misc tr:nth-of-type(odd) {
	background: #f3f3f3;
}
#misc th {
	background: #ccc;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 400;
	color: #FFF;
	vertical-align: middle;
}
#misc td, th {
	padding: 0.6em;
	border-bottom: 1px dotted #ccc;
	text-align: left;
	vertical-align: text-top;
	width: auto;
}
#misc td:nth-of-type(1) {
	width: 65%;
}
#misc td:nth-of-type(2) {
	width: 5%;
}
#misc td:nth-of-type(3) {
	width: 10%;
}
#misc td:nth-of-type(4) {
	width: 10%;
}
#misc td:nth-of-type(5) {
	width: 10%;
}
/*SUM CHART LIST*/
#sum-chart {
	width: 100%;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 0.8em;
	line-height: 140%;
	font-weight: 700;
}
#sum-chart td {
	padding: 0.6em;
	text-align: left;
	vertical-align: text-top;
}
#sum-chart td:nth-of-type(1) {
	width: 70%;
	text-align: right;
}
#sum-chart td:nth-of-type(2) {
	width: 10%;
	text-align: center;
}
#sum-chart td:nth-of-type(3) {
	width: 10%;
	text-align: center;
}
#sum-chart td:nth-of-type(4) {
	width: 10%;
}
/*NOTES PROJECT UPDATES LIST- ADMIN*/
#notes {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 3px solid #ccc;
	font: inherit;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 0.8em;
	line-height: 140%;
	font-weight: 300;
}
#notes tr:nth-of-type(odd) {
	background: #f3f3f3;
}
#notes th {
	background: #ccc;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 400;
	color: #FFF;
	vertical-align: middle;
}
#notes td, th {
	padding: 0.6em;
	border-bottom: 1px dotted #ccc;
	text-align: left;
	vertical-align: text-top;
}
#notes td:nth-of-type(1) {
	width: 2%;
}
#notes td:nth-of-type(2) {
	width: 8%;
}
#notes td:nth-of-type(3) {
	width: auto;
}
#notes td:nth-of-type(4) {
	width: auto;
}
#notes td:nth-of-type(5) {
	width: auto;
}
#notes td:nth-of-type(6) {
	width: 10%;
}
#notes td:nth-of-type(7) {
	width: auto;
}
#notes td:nth-of-type(8) {
	width: 10%;
}
#notes td:nth-of-type(9) {
	width: 10%;
}
#notes td:nth-of-type(10) {
	width: 10%;
}
/*NOTES PROJECT UPDATES LIST- CLIENT*/
#notes-client {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 3px solid #ccc;
	font: inherit;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 0.8em;
	line-height: 140%;
	font-weight: 300;
}
#notes-client tr:nth-of-type(odd) {
	background: #f3f3f3;
}
#notes-client th {
	background: #ccc;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 400;
	color: #FFF;
	vertical-align: middle;
}
#notes-client td, th {
	padding: 0.6em;
	border-bottom: 1px dotted #ccc;
	text-align: left;
	vertical-align: text-top;
}
#notes-client td:nth-of-type(1) {
	width: 8%;
}
#notes-client td:nth-of-type(2) {
	width: 20%;
}
#notes-client td:nth-of-type(3) {
	width: auto;
}
#notes-client td:nth-of-type(4) {
	width: 10%;
}
/*CLIENTS LIST*/
#clients {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 3px solid #ccc;
	font: inherit;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 0.8em;
	line-height: 140%;
	font-weight: 300;
}
#clients tr:nth-of-type(odd) {
	background: #f3f3f3;
}
#clients th {
	background: #ccc;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 400;
	color: #FFF;
	vertical-align: middle;
}
#clients td, th {
	padding: 0.6em;
	border-bottom: 1px dotted #ccc;
	text-align: left;
	vertical-align: text-top;
}
#clients td:nth-of-type(1) {
	width: 25%;
}
#clients td:nth-of-type(2) {
	width: 25%;
}
#clients td:nth-of-type(3) {
	width: 25%;
}
#clients td:nth-of-type(4) {
	width: 25%;
}
/*CLIENTS TASK RATES LIST*/
#client-task-rates {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 3px solid #ccc;
	font: inherit;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 0.8em;
	line-height: 140%;
	font-weight: 300;
}
#client-task-rates tr:nth-of-type(odd) {
	background: #f3f3f3;
}
#client-task-rates th {
	background: #ccc;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 400;
	color: #FFF;
	vertical-align: middle;
}
#client-task-rates td, th {
	padding: 0.6em;
	border-bottom: 1px dotted #ccc;
	text-align: left;
	vertical-align: text-top;
}
#client-task-rates td:nth-of-type(1) {
	width: 33%;
}
#client-task-rates td:nth-of-type(2) {
	width: 33%;
}
#client-task-rates td:nth-of-type(3) {
	width: 33%;
}
/*COST REPORT LIST*/
#costreportlist {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 3px solid #ccc;
	font: inherit;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 0.8em;
	line-height: 140%;
	font-weight: 300;
}
#costreportlist tr:nth-of-type(odd) {
	background: #f3f3f3;
}
#costreportlist th {
	background: #ccc;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 400;
	color: #FFF;
	vertical-align: middle;
}
#costreportlist td, th {
	padding: 0.6em;
	border-bottom: 1px dotted #ccc;
	text-align: left;
	vertical-align: text-top;
}
#costreportlist td:nth-of-type(1) {
	width: auto;
}
#costreportlist td:nth-of-type(2) {
	width: auto;
}
#costreportlist td:nth-of-type(3) {
	width: auto;
}
#costreportlist td:nth-of-type(4) {
	width: auto;
}
#costreportlist td:nth-of-type(5) {
	width: auto;
}
#costreportlist td:nth-of-type(6) {
	width: auto;
}
#costreportlist td:nth-of-type(7) {
	width: auto;
}
#costreportlist td:nth-of-type(8) {
	width: auto;
}
#costreportlist td:nth-of-type(9) {
	width: auto;
}
#costreportlist td:nth-of-type(10) {
	width: auto;
}
#costreportlist td:nth-of-type(11) {
	width: auto;
}
/*EXPANDER STYLES*/
.content {
	display:none;
}
.container, .expander.expanded {
	padding-right: 18px;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url(../images/expanded.png);
}
.container, .expander.collapsed {
	padding-right: 18px;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url(../images/collapsed.png);
}
/*TABLE FOOTER */
.pagination {
	text-align: center;
}
.records {
	text-align: right;
}
/*ADMIN PANEL STYLES*/
.sidebar {
	border-left: 1px dotted #ccc;
	padding-left: 20px;
}
 @media screen and (max-width: 767px) {
/*TABLE STYLES */
/*JOB LIST*/
#joblist thead, tbody, th, td, tr {
	display: block;
}
#joblist thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#joblist tr {
	border-bottom: 1px dotted #ccc;
}
#joblist td {
	border: none;
	position: relative;
	padding-top: 0;
	padding-left: 40%;
	vertical-align: text-top;
	white-space: nowrap;
}
#joblist td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 5px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
}
/*HIDE SELECT BULK EDIT FEATURES FOR MOBILE*/
#joblist td:nth-of-type(1) {
	visibility: hidden;
}
.bulk-update {
	visibility: hidden;
	display: none;
}
/*TABLE FOOTER */
.pagination {
	text-align: center;
}
.records {
	text-align: center;
}
/*DATA LABELS */
	#joblist td:nth-of-type(1):before {
	content: "Select";
	text-transform: normal;
	font-size: 0.8em;
	font-weight:300;
	font-style: italic;
	color: #666;
}
#joblist td:nth-of-type(2):before {
	content: "Submitted On";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#joblist td:nth-of-type(3):before {
	content: "Client";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#joblist td:nth-of-type(4):before {
	content: "User";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#joblist td:nth-of-type(5):before {
	content: "Building";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#joblist td:nth-of-type(6):before {
	content: "Job Name";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#joblist td:nth-of-type(7):before {
	content: "BM#";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#joblist td:nth-of-type(8):before {
	content: "PO#";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#joblist td:nth-of-type(9):before {
	content: "Sched. Date";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#joblist td:nth-of-type(10):before {
	content: "Total";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#joblist td:nth-of-type(11):before {
	content: "Status";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
/*ESTIMATE LIST*/
#estimate thead, tbody, th, td, tr {
	display: block;
}
#estimate thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#estimate tr {
	border-bottom: 1px dotted #ccc;
}
#estimate td {
	border: none;
	position: relative;
	padding-top: 0;
	padding-left: 40%;
	vertical-align: text-top;
	white-space: nowrap;
}
#estimate td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 5px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
}
/*DATA LABELS */
#estimate td:nth-of-type(1):before {
	content: "Task";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#estimate td:nth-of-type(2):before {
	content: "Description";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#estimate td:nth-of-type(3):before {
	content: "Scheduled Date";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#estimate td:nth-of-type(4):before {
	content: "Quantity";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#estimate td:nth-of-type(5):before {
	content: "Costs";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#estimate td:nth-of-type(6):before {
	content: "Billable";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#estimate td:nth-of-type(7):before {
	content: "Actions";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
/*MISC LIST*/
#misc thead, tbody, th, td, tr {
	display: block;
}
#misc thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#misc tr {
	border-bottom: 1px dotted #ccc;
}
#misc td {
	border: none;
	position: relative;
	padding-top: 0;
	padding-left: 40%;
	vertical-align: text-top;
	white-space: nowrap;
}
#misc td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 5px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
}
/*DATA LABELS */
#misc td:nth-of-type(1):before {
	content: "Item / Task";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#misc td:nth-of-type(2):before {
	content: "Quantity";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#misc td:nth-of-type(3):before {
	content: "Costs";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#misc td:nth-of-type(4):before {
	content: "Billable";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#misc td:nth-of-type(5):before {
	content: "Actions";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
/*SUM CHART LIST*/
#sum-chart {
	width: 100%;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 0.8em;
	line-height: 140%;
	font-weight: 700;
}
#sum-chart td {
	padding: 0.6em;
	text-align: left;
	vertical-align: text-top;
}
#sum-chart td:nth-of-type(1) {
	display: none;
	visibility: hidden;
}
#sum-chart td:nth-of-type(2) {
	width: 50%;
	text-align: center;
}
#sum-chart td:nth-of-type(3) {
	width: 50%;
	text-align: center;
}
#sum-chart td:nth-of-type(4) {
	display: none;
	visibility: hidden;
}
/*NOTES PROJECT UPDATES LIST- ADMIN*/
#notes thead, tbody, th, td, tr {
	display: block;
}
#notes thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#notes tr {
	border-bottom: 1px dotted #ccc;
}
#notes td {
	border: none;
	position: relative;
	padding-top: 0;
	padding-left: 40%;
	vertical-align: text-top;
	white-space: nowrap;
}
#notes td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 5px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
}
/*DATA LABELS */
#notes td:nth-of-type(1):before {
	content: "Email Client";
	text-transform: normal;
	font-size: 0.8em;
	font-weight:300;
	font-style: italic;
	color: #666;
}
#notes td:nth-of-type(2):before {
	content: "Date";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#notes td:nth-of-type(3):before {
	content: "User";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#notes td:nth-of-type(4):before {
	content: "Notes";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#notes td:nth-of-type(5):before {
	content: "Technician";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#notes td:nth-of-type(6):before {
	content: "Time/Hrs.";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#notes td:nth-of-type(7):before {
	content: "Vendor";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#notes td:nth-of-type(8):before {
	content: "Cost";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#notes td:nth-of-type(9):before {
	content: "Change Order";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#notes td:nth-of-type(10):before {
	content: "Actions";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
/*NOTES PROJECT UPDATES LIST- CLIENT*/
#notes-client thead, tbody, th, td, tr {
	display: block;
}
#notes-client thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#notes-client tr {
	border-bottom: 1px dotted #ccc;
}
#notes-client td {
	border: none;
	position: relative;
	padding-top: 0;
	padding-left: 40%;
	vertical-align: text-top;
	white-space: nowrap;
}
#notes-client td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 5px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
}
/*DATA LABELS */
#notes-client td:nth-of-type(1):before {
	content: "Date";
	text-transform: normal;
	font-size: 0.8em;
	font-weight:300;
	font-style: italic;
	color: #666;
}
#notes-client td:nth-of-type(2):before {
	content: "User";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#notes-client td:nth-of-type(3):before {
	content: "Notes";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#notes-client td:nth-of-type(4):before {
	content: "Actions";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
/*CLIENTS LIST*/
#clients thead, tbody, th, td, tr {
	display: block;
}
#clients thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#clients tr {
	border-bottom: 1px dotted #ccc;
}
#clients td {
	border: none;
	position: relative;
	padding-top: 0;
	padding-left: 40%;
	vertical-align: text-top;
	white-space: nowrap;
}
#clients td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 5px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
}
/*DATA LABELS */
#clients td:nth-of-type(1):before {
	content: "# Users";
	text-transform: normal;
	font-size: 0.8em;
	font-weight:300;
	font-style: italic;
	color: #666;
}
#clients td:nth-of-type(2):before {
	content: "# Buildings";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#clients td:nth-of-type(3):before {
	content: "Custom Task Rates";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#clients td:nth-of-type(4):before {
	content: "Actions";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
/*CLIENT TASK RATES LIST*/
#client-task-rates thead, tbody, th, td, tr {
	display: block;
}
#client-task-rates thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#client-task-rates tr {
	border-bottom: 1px dotted #ccc;
}
#client-task-rates td {
	border: none;
	position: relative;
	padding-top: 0;
	padding-left: 40%;
	vertical-align: text-top;
	white-space: nowrap;
}
#client-task-rates td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 5px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
}
/*DATA LABELS */
#client-task-rates td:nth-of-type(1):before {
	content: "Task";
	text-transform: normal;
	font-size: 0.8em;
	font-weight:300;
	font-style: italic;
	color: #666;
}
#client-task-rates td:nth-of-type(2):before {
	content: "Base Rate";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#client-task-rates td:nth-of-type(3):before {
	content: "Client Rate";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
/*COST REPORT LIST*/
#costreportlist thead, tbody, th, td, tr {
	display: block;
}
#costreportlist thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#costreportlist tr {
	border-bottom: 1px dotted #ccc;
}
#costreportlist td {
	border: none;
	position: relative;
	padding-top: 0;
	padding-left: 40%;
	vertical-align: text-top;
	white-space: nowrap;
}
#costreportlist td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 5px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
}
/*DATA LABELS */
	#costreportlist td:nth-of-type(1):before {
	content: "Date";
	text-transform: normal;
	font-size: 0.8em;
	font-weight:300;
	font-style: italic;
	color: #666;
}
#costreportlist td:nth-of-type(2):before {
	content: "Client";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#costreportlist td:nth-of-type(3):before {
	content: "User";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#costreportlist td:nth-of-type(4):before {
	content: "Building";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#costreportlist td:nth-of-type(5):before {
	content: "Job Name";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#costreportlist td:nth-of-type(6):before {
	content: "BM#";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#costreportlist td:nth-of-type(7):before {
	content: "PO#";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#costreportlist td:nth-of-type(8):before {
	content: "Tech / Vendor";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#costreportlist td:nth-of-type(9):before {
	content: "Hours";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#costreportlist td:nth-of-type(10):before {
	content: "Costs";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
#costreportlist td:nth-of-type(11):before {
	content: "Status";
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight:400;
	color: #666;
}
/*ADMIN PANEL STYLES*/
.sidebar {
	border: 0;
}
}


/*Styles for screen 479px and lower*/
@media only screen and (max-width : 480px) {
/* Hide Show Styles */
.mobile_hide {
	display: none;
	visibility: hidden;
}
.mobile_show {
	display: inherit;
	visibility: inherit;
}
/*Basic Styles*/
body {
	font-size: 80%;
}
}


/*Styles for screen 319px and lower*/
@media only screen and (max-width : 320px) {
#content_wrapper {
	width: 100%;
	margin: 0;
	position: relative;
	padding-top: 50px;
}
}