/*\ 
	%6C%6F%73%74%62%6C%6C%6C%64%31%35
	CSS STARTER 
\*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	background-color:#fbfbf9;
	margin:0px;
	padding:0px !important;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#36383a;
	line-height:20px;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}
:focus {
	outline:0 !important;
}
table {
	border-collapse:collapse;
	border-spacing:0pt;
}
caption, th, td {
	font-weight:normal;
	text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
* {
	margin:0px;
	padding:0px;
}
.left {
	float:left;
}
.right {
	float:right !important;
}
.clearB {
	clear:both;
}
.marginA {
	margin:auto;
}
.txtR {
	text-align:right;
}
.txtL {
	text-align:left;
}
.txtC {
	text-align:center;
}
form, table {
	padding:0px;
	margin:0px;
}
p, h1, h2, h3, h4, h5 {
	padding:0px 0px 13px 0px;
	margin:0px !important;
}
h1 {
}
h2 {
}
h3 {
	font-size:18px;
	color:#CAC9C7;
}
/*=== Header ===*/
.container {
	position:relative;
}
#header {
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
}
#header .container {
	background-color:#fbfbf9;
}
#menu ul {
	padding:0;
	margin:0;
}
#menu li {
	list-style:none;
	float:left;
	margin-right:33px;
}
#menu li a {
	display:block;
	padding:25px 0 0;
	font-size:12px;
	color:#36383a;
}
#menu li.selected a {
	background:url(../images/img_menu-a.gif) no-repeat center top;
}
#header_title {
	margin-top:25px;
}
#titlebar {
	background-color:#6bc3c7;
	height:70px;
	color:#fff;
	width:auto;
}
#titlebar label {
	font-size:34px;
	line-height:normal;
	margin:15px 0 0;
	padding:0 40px 0 0;
	float:left;
	cursor:auto;
}
.addjob {
	border-left:1px solid #fff;
}
.skybluebar {
	position:absolute;
	background-color:#6ac1c5;
	height:70px;
	width:50%;
	z-index:0;
	left:-20%;
	bottom:0;
}
.customertopheader {
	padding:0 0 20px;
}
.customertopheader a {
	color:#313130;
	text-decoration:none;
}
.customertopheader a.selected {
	color: #36383a;
}
.headingcustbox {
	text-align:right;
}
.btn.custom {
	background-color:#6cc5c9;
	background-image:none;
	color:#fff;
	text-shadow:none;
	font-size:12px;
	line-height:30px;
	height:30px;
	padding:0 30px;
	margin-bottom:20px;
}
.btn.custom.submitlogin{
	padding:0 30px;
}
a.link-normal {
	color:#313130;
	display:inline-block;
	/*line-height:30px;*/
	padding:5px 0;
}
a.link-normal:hover {
	text-decoration:none;
}
.blockboard a.link-normal {
	color:#696b5f;
}
.blockboard a.link-normal:hover {
	color:#6CC5C9;
}
.customerbox {
	padding-bottom:20px;
}
.invoiced-hightlight {
	background-color:#8bd532 !important;
	text-align:center;
	color:#72885f !important;
}
.blockboard {
	background-color:#333333;
	padding:45px 0;
}
.blockboard label {
	color:#CAC9C7;
}
.logbox {
	background-color:#fafaf8;
	margin:0 auto;
	padding:30px;
	width:330px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.time-range {
	overflow:hidden;
	/*width: 82%;*/ width:94%;
}
.time-range ul {
	margin:0;
	padding:0;
}
.time-range ul li {
	float:left;
	list-style:none;
	/*width:13.8%;*/ width:11.8%;
}
.time-range ul li a {
	background-color:#f1f1f1;
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#36383a;
	width:100%;
	text-decoration:none;
}
.time-range ul li.selected a {
	background-color:#e0e0e0;
}
.time-range ul li.tap2hr {
	margin-left:3%;
}
.time-range ul li.tap2hr a {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.time-range ul li:first-child a {
	border-radius:3px 0 0 3px;
}
.time-range ul li:nth-child(6) a {
 border-radius:0 3px 3px 0;
}
.small-callendar {
	margin:6px 20px 0 0;
}
#dashboard-refertime, .dashboardbox {
	padding-bottom:20px;
}
#job-allocation {
	position:relative;
}
.punyung {
	/*overflow:hidden;*/
	border-bottom:1px solid #e8e8e8;
}
.row-1st {
	border-top:1px solid #e8e8e8;
}
.hightlights {
	background-color:#e2f4f4;
}
.allocation-detail {
	width:15%;
	padding:12px 0 0 12px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.allocation-detail label {
	color:#d2d1cf;
	cursor:auto;
}
.allocation-detail .name {
	color:#36383a;
	font-size:14px;
	padding-bottom:5px;
}
.allocation-area {
	position:relative;
	overflow:hidden;
	width:85%;
	border:1px solid #eaeaea;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-bottom:0;
	border-top:0;
}
.wrap-snapbox {
	/*overflow: hidden;*/
	width: 101.4%;
}
.wrap-snapbox ul {
	padding:0;
	margin:0;
	overflow:hidden;
}
.wrap-snapbox li {
	list-style:none;
	line-height:normal;
	margin:0;
	padding:0;
	height:120px;
	text-indent:-9999px;
	border-right:1px solid #e2e2e1;
	/*width:31px;*/width:57px;
	float:left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.time-intervar {
	position:relative;
	overflow:hidden;
	width:85%;
	font-size:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.time-intervar ul {
	margin:0;
	padding:0;
}
.time-intervar ul li {
	list-style:none;
	float:left;
	/*width:3.8%;*/ width:1.41%;
	/*margin-left:3.9%;*/ margin-left:0.01%;
}
.allocation-content {
	color:#fff;
	position:absolute;
	top:4px;
	background-color:#6cc5c9;
	height:110px;
	padding:6px 8px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	z-index:2;
	line-height:18px;
	font-size:11px;
	border-left:2px solid #CCC;
}
.bg-green {
	background-color:#8bd532;
}
.plot1 {
	left:153px;
	width:490px;
}
.plot2 {
	width:276px;
	left:30px;
}
.plot3 {
	width:276px;
	left:460px;
}
.plot4 {
	width:306px;
	left:215px;
}
.plot5 {
	width:280px;
	left:517px;
}
.btn-interval-left, .btn-interval-right {
	position:absolute;
	top:3px;
	z-index:1;
	left:0;
}
.btn-interval-right {
	right:0;
	left:auto;
}
.marker {
	position:absolute;
	left:294px;
	top:14px;
	z-index:1;
	bottom:0;
	border-left:1px solid #67bcc0;
}
.marker img {
	vertical-align:top;
	margin-left:-7px;
}
.set-3 .wrap-snapbox {
	width: 2606.8px;
}
.set-3 .time-intervar ul {
	width: 2660px;
}
.set-3 .time-intervar ul li {
	width:106.4px; /*width: 53.2px;*/
	/*margin-left: 53.4px;*/
}
.set-3 .time-intervar ul li:first-child {
	margin-left:53.2px;
}
.set-3 .wrap-snapbox ul li {
	width: 106.4px;/*width:53.2px;*/
}
.set-3 .wrap-snapbox ul li:first-child {
	width: 53.2px;
}
.set-3 .plot1 {
	left: 160px;
	width: 477px;
}
#mob-job-allocation, #mob-job-allocation ul li, .mob-allocation-area, .mob-time-intervar, .mob-allocation-area .allocation-content {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#mob-job-allocation {
	overflow:hidden;
	border: 1px solid #E8E8E8;
	border-bottom:0;
}
#mob-job-allocation ul {
	margin:0;
	padding:0;
}
#mob-job-allocation ul li {
	list-style:none;
	border-bottom: 1px solid #E8E8E8;
	height:40px;
	line-height:40px;
	text-align:center;
	display:block;
	overflow:hidden;
	position:relative;
}
.mob-time-intervar {
	width:15%;
}
.mob-allocation-area {
	position:relative;
	width:85%;
}
.mob-allocation-area .allocation-content {
	left:10px;
	right:10px;
	top:0;
	width:auto;
}
.mob-allocation-area .plot1 {
	height:119px;
}
.mob-allocation-area ul li {
	border-left: 1px solid #E8E8E8;
	text-indent:-9999px;
}
.mob-dashboard-header {
	overflow:hidden;
}
.mob-dashboard-header a {
	color:#313130;
}
.mob-dashboard-header .selected, .mob-dashboard-header a:hover {
	color:#36383a;
}
.job-status {
	background-color:#fff;
	height:30px;
	line-height:30px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow:hidden;
	position:relative;
	margin-bottom:20px;
}
.job-status ul {
	margin:0;
	padding:0;
}
.job-status ul li {
	line-height:30px;
	list-style:none;
	width:33.3%;
	float:left;
	text-align:center;
}
.job-status ul li.jobstat-competed {
	/*background-color:#8bd532;*/
	float:right;
}
.joblist-header-top a, .mob-joblistboxtop-header a {
	color: #313130;
}
.mob-joblistboxtop-header {
	overflow:hidden;
}
.tbl-list table td {
	vertical-align:middle;
	padding:6px;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e5e5e5;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.tbl-list table th {
	font-weight:bold;
	vertical-align:middle;
	padding:0 6px;
	overflow:hidden;
	border-bottom:1px solid #e8e8e8;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.tbl-list table tr td:first-child {
	border-left:0;
}
.word-edit {
	text-indent:-9999px;
	width:36px;
}
.joblist-header-top {
	padding-bottom:20px;
}
.editpen, .custicon, .iconwhat, .trashdel {
	background:url(../images/img_edit-pen.gif) no-repeat center center;
	display:block;
	height:15px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}
.custicon {
	background:url(../images/img_cust-icon.gif) no-repeat center center;
}
.iconwhat {
	background:url(../images/img_icon-what.gif) no-repeat center center;
}
.trashdel {
	background:url(../images/img_trash-icon.gif) no-repeat center center;
}
.tbl-list tr.hightlights .editpen {
	background:url(../images/img_edit-pen2.gif) no-repeat center center;
}
.tbl-list tr.hightlights .custicon {
	background:url(../images/img_cust-icon2.gif) no-repeat center center;
}
.tbl-list tr.hightlights .trashdel {
	background:url(../images/img_trash-icon2.gif) no-repeat center center;
}
.pagination {
	overflow:hidden;
	text-align:center;
}
.pagination ul {
	margin:0;
	padding:0;
}
.pagination ul li {
	margin:0;
	padding:0;
	list-style:none;
}
.mob-joblist-wrapper ul {
	overflow:hidden;
	margin:0;
	padding:0;
}
.mob-joblist-wrapper ul li {
	margin:0 0 25px;
	padding:0 10px;
	list-style:none;
	line-height:28px;
	overflow:hidden;
}
.mob-joblistwrapper-header {
	background:url(../images/bg_mob-header-gradiant.gif) repeat-x left top;
	height:54px;
	line-height:54px;
	margin-bottom:20px;
	padding:0 10px;
}
.mob-joblist-wrapper {
	font-size:16px;
}
.mob-joblist-wrapper .time {
	width:60px;
}
.mob-joblist-wrapper .address {
	color:#313130;
}
.relative-box {
	position:relative;
}
.popup-meter {
	background:url(../images/bg_popup-meter.png) no-repeat center top #fbfbf9;
	position:absolute;
	z-index:1;
	width:486px;
	padding:12px 0 0;
	top:-20px;
	border:1px solid #eeeeee;
	border-top:0;
}
.popup-meter table td {
	vertical-align:middle;
	padding:3px 0;
}
.popup-meter table th {
	vertical-align:middle;
	padding:3px 0px;
	color:#313130;
}
.popup-meter input[type="text"] {
	margin:0;
	padding-top:0;
	padding-bottom:0;
}
.slabbox {
	width:140px;
	padding-left:10px;
	border-right:1px solid #eeeeee;
	padding-bottom:8px;
}
.holesbox {
	width:320px;
}
.popup-quotedprice {
	background:url(../images/bg_popup-quotedprice2.png) no-repeat 4px bottom;
	padding-bottom:19px;
	position:absolute;
	right: -264px;
	top: -92px;
	z-index:2;
}
.popup-quotedpriceInner {
	background:url(../images/bg_popup-quotedprice1.png) no-repeat center top;
	width:278px;
	line-height:23px;
}
.popup-quotedprice .padd {
	padding: 26px 35px 14px 50px;
}
.block-addcustomer {
	margin-bottom:30px;
	padding:30px 0;
}
.reports-top-header {
	overflow:hidden;
	margin-bottom:30px;
}
.reports-top-header ul {
	margin:0;
	padding:0;
}
.reports-top-header ul li {
	margin:0 60px 0 0;
	padding:0;
	line-height:normal;
	list-style:none;
	float:left;
}
.reports-top-header ul li a {
	color: #313130;
	text-decoration:none;
	font-size:18px;
}
.reports-top-header ul li.selected a {
	color:#36383a;
}
.incident-classification-col, .incident-type-col {
	line-height:23px;
	margin-bottom:20px;
}
.safety-reports-box .pagination {
	margin-top:0;
}
.views-job-distribution {
	background-color:#f1f1f1;
	overflow:hidden;
	margin-bottom:25px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.views-job-distribution ul {
	margin:0;
	padding:0;
}
.views-job-distribution ul li {
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	line-height:normal;
}
.views-job-distribution ul li a {
	text-decoration:none;
	color:#6c6c70;
	display:block;
	height:36px;
	line-height:36px;
	width:140px;
	text-align:center;
}
.views-job-distribution ul li.selected a {
	background-color:#e0e0e0;
}
.listing-half-year ul {
	padding:0;
	margin:0;
}
.listing-half-year ul li {
	padding:0;
	/*line-height:normal;*/
	list-style:none;
	margin-bottom:30px;
}
.listing-half-year ul li header {
	text-align:center;
	padding:5px 0;
}
.listing-half-year ul li header a {
	font-weight:bold;
	color:#36383a;
	text-decoration:none;
}
.listing-half-year table td, .listing-half-year table th {
	width:14%;
	padding:10px 0;
	vertical-align:middle;
	text-align:center;
	border-top:1px solid #e5e5e5;
	/*border-bottom:1px solid #e5e5e5;*/
}
.listing-half-year table td {
	border:1px solid #e5e5e5;
}
.listing-half-year table th {
	border-right:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
}
.day-count {
	width:15%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.day-count table td {
	padding:10px 0;
	width:50%;
	border-right:1px solid #ededec;
	text-align:center;
	border-bottom:1px solid #ededec;
}
.records-plot {
	width:85%;
	position:relative;
}
.records-plot table td, .records-plot table th {
	border-right:1px solid #ededec;
	border-bottom:1px solid #ededec;
	/*width:6%;*/ width:100px;
	padding:10px 0;
	vertical-align:middle;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.records-plot table th {
	border-right:0;
}
.null-area {
	text-indent:-9999px;
	border-right:0 !important;
}
.records-plot-pagin {
	position:absolute;
	z-index:1;
	top:10px;
}
.records-plot-pagin.prev {
	left:-3px;
}
.records-plot-pagin.next {
	right:-3px;
}
.blue-plot {
	background-color:#1da7bb !important;
}
.green-plot {
	background-color:#7bdfa6 !important;
}
.black-plot {
	background-color:#4e6055 !important;
	color:#fff !important;
}
.total-view-months {
	border-top:1px solid #ededec;
	margin-bottom:30px;
}
.total-view-months table td, .total-view-months table th {
	width:6%;
	padding:10px 0;
	vertical-align:middle;
	text-align:center;
	border-right:1px solid #ededec;
	border-bottom:1px solid #ededec;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.total-view-months table th {
	width:12.8%;
	text-align:right;
	padding:0 10px;
}
.marbot {
	margin-bottom:30px;
}
.pad-adj {
	padding:20px 0 0;
}
.nobor {
	border:0 !important;
}
.week-month-quarter {
	background-color:#f1f1f1;
	position:relative;
	width:300px;
	overflow:hidden;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.week-month-quarter ul {
	margin:0;
	padding:0;
}
.week-month-quarter ul li {
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}
.week-month-quarter ul li a {
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	width:100px;
	color:#36383a;
	text-decoration:none;
}
.week-month-quarter ul li.selected a {
	background-color:#e0e0e0;
}
.panel-wmq {
	margin-bottom:30px;
}
.nomar {
	margin:0 !important;
}
.mob-expenses-menu {
	margin-bottom:15px;
	overflow:hidden;
}
.mob-expenses-menu ul {
	margin:0;
	padding:0;
}
.mob-expenses-menu ul li {
	margin:0 50px 10px 0;
	padding:0;
	float:left;
	list-style:none;
	line-height:normal;
}
.mob-expenses-menu ul li:last-child {
	margin:0;
}
.mob-expenses-menu ul li a {
	color: #313130;
	font-size: 18px;
	text-decoration: none;
}
.mob-expenses-menu ul li.selected a {
	color: #36383a;
}
#dashboard-connect .dashboardbox {
	background-color:#fff;
	padding:15px;
}
#dashboard-connect .row-1st {
	border:0;
}
#dashboard-connect .allocation-area {
	border-top:1px solid #E2E2E1;
}
#dashboard-connect .allocation-area.row-2 {
	border-top:0;
	border-bottom:1px solid #E2E2E1
}
#dashboard-connect .allocation-area, #dashboard-connect .time-intervar {
	width:99.5%;
}
.img-warning {
	left: -28px;
	position: absolute;
	top: -44px;
}
.dropbox-midyear {
	float:left;
	margin-left:10px;
	font-size:18px;
	position:relative;
}
.dropbox-midyear ul {
	background-color:#FBFBF9;
	margin:0;
	padding:0;
	width:250px;
	list-style:none;
	position:absolute;
	z-index:9999;
	display:block;
}
.dropbox-midyear ul li {
	line-height:normal;
	margin-bottom:13px;
}
.dropbox-midyear a {
	color:#313130;
	text-decoration:none;
}
.dropbox-midyear a:hover {
	color:#8bd532;
}
.distrib-dropdown {
	background:url(../images/bg_dropdown-distribution1.png) no-repeat left top;
	width:227px;
	position:absolute;
	padding-top:24px;
	right:-108px;
	top:15px;
	display:block;
	z-index:9999;
}
.distrib-dropdown-inner {
	background:url(../images/bg_dropdown-distribution2.png) no-repeat left bottom;
	overflow:hidden;
	padding: 10px 40px 25px;
}
.distrib-dropdown ul {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.distrib-dropdown ul a {
	color:#36383a;
	text-decoration:none;
}
.distrib-dropdown ul a:hover {
	color:#8bd532;
}
.distrib-dropdown ul.month {
	width:68px;
	margin-right:25px;
}
.distrib-dropdown ul.year {
	width:45px;
}
.popup-rasta {
	background:url(../images/bg_popup-rasta.png) no-repeat left top;
	width:185px;
	position:absolute;
	padding-top:24px;
	left:-60px;
	top:10px;
	display:block;
	z-index:9999;
	text-align:left;
}
.popup-rasta-inner {
	background:url(../images/bg_popup-rasta2.png) no-repeat left bottom;
	padding: 5px 35px 20px;
}
.popup-rasta ul {
	margin:0;
	padding:0;
	list-style:none;
}
.popup-rasta ul a {
	color:#36383a;
	text-decoration:none;
	display:block;
}
.popup-rasta ul a:hover {
	color:#8bd532;
}
.popup-rasta a span {
	height:10px;
	width:10px;
	display:inline-block;
	margin-right:15px;
	overflow:hidden;
	text-indent:-9999px;
}
.popup-rasta #green-plot span {
	background-color:#7bdfa6;
}
.popup-rasta #blue-plot span {
	background-color:#1da7bb;
}
.popup-rasta #yellow-plot span {
	background-color:#c9dd2e;
}
.popup-rasta #black-plot span {
	background-color:#4e6055;
}
.midyear-plot-report table th {
	width:8%
}
.midyear-plot-report table td {
	text-align:right;
}
.midyear-plot-report table td.txtC {
	text-align:center;
}
.midyear-plot-report .tbl-list {
	padding-bottom:60px;
}
.red {
	color:#c0544f;
}
.borbot {
	border:0 !important;
	border-bottom: 1px solid #E8E8E8 !important;
}
.midyear-reports-box {
	margin-bottom:20px;
}
.kg-box {
	width:280px;
}
.blue-txt {
	color:#546aa8;
}
.orange-txt {
	color:#ff810c;
}
.yellow-txt {
	color:#ffeb00;
}
.kg-tooltip {
	background-color:#99a2a5;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	padding:10px;
	height:80px;
	width:130px;
	position:absolute;
	top:9px;
	display:none;
	z-index:1002;
}
.kg-tooltip .kg-arrow {
	left: -13px;
	position: absolute;
	top: 35px;
}
.jdBox {
	width:800px;
	overflow:hidden;
}
.fileupload_alert{
	margin:0 0 10px 0;
	display:none;
}
.fileupload_alert p{
	padding: 5px !important; font-size: 12px; border: 1px solid #fe3434;
}
.file_alert{
	display:block!important;
}


     
    /* Portrait tablet to landscape and desktop */
    @media (max-width: 979px) {
 #header .container {
 background:none;
}
.container {
padding:0 10px;
}
#titlebar label {
font-size:26px;
margin-top:20px;
}
.customertopheader .span3 {
width:220px;
}
 #menu ul {
padding-top:20px;
}
#menu li {
float:none;
}
#menu li a {
background:none !important;
padding:5px 0;
font-size:13px;
display:inline-block;
}
.mobile-total {
	width:200px;
}
.desktop-only {
	display:none;
}
.mobile-only {
	display:block !important;
}
.jdBox {
	width:620px;
	overflow:hidden;
}    	
}
     
 .box1 {
	border-bottom:1px solid #d2d2d2;
	margin-bottom:20px;
}
.tab-box1 ul {
	margin:0;
	padding:0;
	list-style:none;
}
.tab-box1 ul li {
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
	float:left;
	width:115px;
	border-top:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
}
.tab-box1 ul li:first-child {
	border-left:1px solid #d2d2d2;
	border-radius: 4px 0 0 0;
	-moz-border-radius: 4px 0 0 0;
	-webkit-border-top-left-radius:4px;
}
.tab-box1 ul li:last-child {
	border-radius: 0 4px 0 0;
	-moz-border-radius: 0 4px 0 0;
	-webkit-border-top-right-radius:4px;
}
.tab-box1 ul li a {
	background-color:#f1f1f1;
	color:#36383a;
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	text-decoration:none;
}
.tab-box1 ul li a:hover, .tab-box1 ul li.selected a {
	background-color:#e0e0e0;
}
.btn-zoom {
	text-decoration:none !important;
	color:#36383a;
	margin-top:5px;
}
#header.ver2 {
	background-color:#fbfbf9;
	margin:0;
	padding-bottom:5px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
}
.wrap-header-title {
	position:relative;
	margin-bottom:35px;
}
.container.ver2 {
	margin-top:307px;
}
#job-allocation.zoomin-view .wrap-snapbox li {
	height:50px;
}
#job-allocation.zoomin-view .allocation-detail label {
	display:none;
}
#job-allocation.zoomin-view .allocation-content {
	height:35px;
	line-height:25px;
	top:8px;
}
#job-allocation.zoomin-view .allocation-detail {
	padding-top:5px;
}
.zoomin-plot1 {
	left: 62px;
	width: 389px;
}
/* updated dec 13 2013 end */
  /* updated dec 16 2013 start */
.franchisees-schedbox table th, .franchisees-schedbox table td {
	padding:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	vertical-align:middle;
}
.franchisees-schedbox table th {
	background-color:#333433;
	color:#fff;
	width:25%;
	font-size:12px;
}
.franchisees-schedbox td.last {
	padding-right:0;
}
.franchisees-schedbox .btn-franchisee {
	background-color:#8fc73e;
	border:0 !important;
	width:100%;
	height:auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin:0;
	padding:0 10px;
}
.franchisees-schedbox .btn-franchisee:hover {
	background-color:#8fc73e;
}
.franchisees-schedbox .btn-franchisee.undo-com {
	background-color:#e1e2e2;
	color:#36383a;
}
.franchisees-schedlist {
	margin-bottom:40px;
}
.franchisees-schedlist article {
	padding:0 10px;
}
.franchisees-schedbox h3 {
	float:left;
	margin-right:30px !important;
}
.manual-box .btn {
	margin:0 0 10px;
}
.manual-box h2 {
	color:#36383a;
	font-size:20px;
	padding-bottom:15px;
	font-weight:normal;
}
.admin-manual h2{
font-size:14px;
}
.manual-box article {
	color:#36383a;
	padding:5px 0 35px;
	line-height:18px;
	border-bottom:1px solid #eeeeee;
}
.manual-box article p {
	padding:0;
}
.manual-box .span2 {
	margin-bottom:20px;
	color:#cac9c7;
}
.manual-box {
	margin-bottom:35px;
}
.btn-delete-manual {
	color:#36383a;
}
  /* updated dec 16 2013 end */
  
  /* updated dec 26 2013 start */ 
#print-box{
	padding-top:50px;
	padding-bottom:50px;
}
.box1-print{
	margin-bottom:20px;
}
.top-kg {
	margin-bottom:25px;
}
.top-kg h4 {
	color:#000;
	font-weight:bold;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}
.sched-allocation .sa-header {
	background-color:#333433 !important;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	margin-bottom:12px;
}
.sched-allocation .sa-section {
	padding:0 10px;
}
.sched-allocation table td {
	border-bottom: 1px solid #EDEDEC;
	border-right: 1px solid #EDEDEC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:8px;
	vertical-align:top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.sched-allocation table {
	border-top: 1px solid #EDEDEC;
	border-left: 1px solid #EDEDEC;
}
.sched-allocation table td.kg-job-no {
	width:80px;
}
.sched-allocation table td.kg-start-time {
	width:70px;
}
.sched-allocation table td.kg-volume {
	width:25px;
}
.sched-allocation table td.kg-customer-name {
	width:140px;
}
.sched-allocation table td.kg-company {
	width:150px;
}
.sched-allocation table td.kg-site-address {
	width:190px;
}
.sched-allocation table td.kg-site-suburb {
	width:115px;
}
   /* updated dec 26 2013 end */
   
    
    /* Portrait tablet to landscape and desktop */
    @media (max-width: 979px) {
 #header .container {
 background:none;
}
.container {
padding:0 10px;
}
#titlebar label {
font-size:26px;
margin-top:20px;
}
.customertopheader .span3 {
width:220px;
}
 #menu ul {
padding-top:20px;
}
#menu li {
float:none;
}
#menu li a {
background:none !important;
padding:5px 0;
font-size:13px;
display:inline-block;
}
}
     
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {
#titlebar {
float:none;
}
#titlebar label {
padding:0;
}
#logo {
padding:10px 0;
float:none;
}
.skybluebar {
left:0;
}
.headingcustbox {
text-align:left;
}
.mob-dashboard-header h3 {
font-size:16px;
}
.reports-top-header {
margin-bottom:15px;
}
.reports-top-header ul li {
margin:0 0 5px;
float:none;
}
}
     
    /* Landscape phones and down */
    @media (max-width: 480px) {
.logbox {
width:auto;
}
.mob-joblist-wrapper {
font-size:12px;
}
}