/* CSS Document */

html, body { display: block; margin: 0px; padding: 0px; background: #FFF; color: #111;
			 font-family: "Cairo", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5em; }
body { padding: 20px 0px; }

div { display: block; margin: 0px; padding: 0px; }

#container { width: 930px; max-width: 100%; margin: auto; }
#sainsbury_trolley_request #container { width: 100%; }

h2 { margin: 0px 0px 20px; padding: 0px; }

select,
input[type=text],
textarea { display: block; font-size: 16px; line-height: 1.5em; border: 1px solid rgba(48, 152, 229, 1);
		   font-family: Arial, Helvetica, monospace, sans-serif; }
select { width: 100%; height: 30px; }
input[type=text] { width: calc(100% - 12px); padding: 2px 5px; }
textarea { font-size: 14px; line-height: 20px; width: calc(100% - 12px); padding: 2px 5px; }

button { background: rgba(48, 152, 229, 1); color: #FFF; font-size: 14px; line-height: 24px; padding: 2px 8px;
		 border: 1px solid rgba(48, 152, 229, 1); border-radius: 4px; cursor: pointer; }

#report_filters { border: 1px solid rgba(48, 152, 229, 1); padding: 18px; border-radius: 10px; margin: 20px 0px; }
#report_filters form { display: block; margin: 0px -8px; padding: 0px; border: none; }
#report_filters form:after { display: block; content: ''; clear: both; }
#report_filters .filter { display: block; float: left; width: calc(20% - 16px); padding: 0px 8px; }
#report_filters .filter .filter_row { display: block; }
#report_filters .filter .filter_row + .filter_row { margin-top: 4px; }
#report_filters .filter label { display: block; }
#report_filters .filter select {  }
#report_filters .filter input[type=text] {  }
#report_filters .filter_control { clear: both; padding: 10px 8px 0px; text-align: right; }
#report_filters .filter.filter_control { clear: none; padding: 0px 8px; text-align: left; }
#report_filters .filter_control button + button { margin-left: 8px; }
#report_filters .filter_control button i { font-size: 0.8em; }

#report_data { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; }
#report_data td { border: 1px solid #DDD; padding: 2px 5px; }
#report_data thead td { vertical-align: bottom; }
#report_data tbody td { vertical-align: middle; }
#report_data td.norows { text-align: center; font-style: italic; }
#report_data td.jobno { width: 130px; }
#report_data td.siteno { width: 90px; }
#report_data td.org {  }
#report_data td.activity {  }
#report_data td.region {  }
#report_data td.trolleys { text-align: center; }
#report_data td.land { text-align: center; }
#report_data td.water { text-align: center; }
#report_data td.total { text-align: center; }
#report_data td.status { width: 125px; }
#report_data td.processed { width: 180px; }
#report_data td.downloads { width: 40px; text-align: center; }
#report_data td.downloads a { display: block; float: left; width: auto; height: 20px; }
#report_data td.downloads a img { display: block; width: auto !important; height: 20px; }
#report_data td.signee {  }
#report_data td.signature { position: relative; }
#report_data td.signature .hover { position: absolute; display: none; bottom: 0px; right: 100%; border: 2px solid #DDD; background: #FFF;
								   padding: 0px; z-index: 9999; }
#report_data td.signature:hover .hover { display: block; }
#report_data thead td { font-weight: bold; }
#report_data tbody tr:nth-child(even) td { background: rgba(48, 152, 229, 0.15); }

#paging { margin: 20px 0px 0px; }
#paging:after { display: block; content: ''; clear: both; }

#paging_summary { display: block; float: left; font-size: 14px; line-height: 20px; padding: 6px 0px; }

#report_paging { display: block; float: right; width: auto; margin: 0px; padding: 0px; list-style: none; font-size: 14px; }
#report_paging li { display: inline-block; vertical-align: top; margin: 0px; padding: 0px; }
#report_paging li.pagenav {  }
#report_paging li.pagenav i { display: none; }
#report_paging li.pagenum {  }
#report_paging li a,
#report_paging li span { display: block; margin: 0px; padding: 0px; width: 30px; height: 30px; line-height: 30px;
						 text-align: center; border: 1px solid rgba(48, 152, 229, 1);
						 border-radius: 5px; text-decoration: none; background: rgba(48, 152, 229, 1); color: #FFF; }
#report_paging li.pagenav a,
#report_paging li.pagenav span { background: rgba(48, 152, 229, 1); color: #FFF; }
#report_paging li.pagenum a {  }
#report_paging li.pagenum span { background: #FFF; color: inherit; }
#report_paging li.pagenum.hellip span { border: none; }
#report_paging li.pagenav.first a,
#report_paging li.pagenav.first span,
#report_paging li.pagenav.prev a,
#report_paging li.pagenav.prev span,
#report_paging li.pagenav.next a,
#report_paging li.pagenav.next span,
#report_paging li.pagenav.last a,
#report_paging li.pagenav.last span { background: center no-repeat; border: none; }
#report_paging li.pagenav.first a,
#report_paging li.pagenav.first span { background-image: url('../image/paging-first.png'); }
#report_paging li.pagenav.prev a,
#report_paging li.pagenav.prev span { background-image: url('../image/paging-prev.png'); }
#report_paging li.pagenav.next a,
#report_paging li.pagenav.next span { background-image: url('../image/paging-next.png'); }
#report_paging li.pagenav.last a,
#report_paging li.pagenav.last span { background-image: url('../image/paging-last.png'); }


body[id*=lidl-] #report_filters .filter { width: calc(25% - 16px); }
body[id*=lidl] #report_data td.jobno { width: 90px; }
body[id*=lidl] #report_data td.siteno { width: 90px; }
body[id*=lidl] #report_data td.status { width: auto; }
body[id*=lidl] #report_data td.processed { width: auto; white-space: nowrap; }
body[id*=lidl] #report_data td.downloads { width: 40px; }


body#asda #report_filters .filter { width: auto; }
body#asda #report_filters .filter label { display: inline-block; }
body#asda #report_filters .filter select { display: inline-block; width: auto; max-width: 200px; }
body#asda #report_filters .filter input[type=text] { display: inline-block; }
body#asda #report_filters .filter input.datepicker { width: 100px; }
body#asda #report_filters .filter .date_field {  }
body#asda #report_filters .filter .date_field + .date_field { margin-top: 4px; }
body#asda #report_filters .filter.from_filter label { width: 116px; }
body#asda #report_filters .filter.to_filter label { width: 96px; }
body#asda #report_filters .filter.date_filter input.datepicker {  }
body#asda #report_filters .filter_control { clear: none; float: right; padding-top: 0px; }


#overview_data { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; }
#overview_data td { border: 1px solid #DDD; padding: 2px 5px; }
#overview_data thead td { vertical-align: bottom; font-weight: bold; }
#overview_data tbody td { vertical-align: middle; }
#overview_data tbody tr:nth-child(even) td { background: rgba(48, 152, 229, 0.15); }
#overview_data td.norows { text-align: center; font-style: italic; }
#overview_data tr.curr_month td { background: rgba(255, 0, 0, 0.1); color: #F00; font-weight: bold; }


.dividerbar { display: block; text-align: center; color: #FFF; background: rgba(48, 152, 229, 1); font-size: 18px;
			  line-height: 1.33em; font-weight: bold; padding: 5px 10px; margin: 30px 0px; }


.googlechart { margin: 30px 0px 0px; outline: 1px solid rgba(48, 152, 229, 1); }
body.single-overview #annualChart { margin-top: 0px; }
body.single-overview #trolleyChart { margin-top: 0px; }

.missing-chart { display: block; text-align: center; border: 1px solid rgba(48, 152, 229, 1); margin: 0px -1px;
				 padding: 8px 12px; font-style: italic; }
.missing-annual-chart {  }
.missing-trolley-chart {  }
.missing-monthly-chart { margin-top: 30px; }


form {  }
form .formitem { display: block; margin-bottom: 24px; }
form .formitem:after { display: block; content: ''; clear: both; }
form .formitem .halfitem { display: block; float: left; width: 49%; }
form .formitem .halfitem:nth-child(2n) { float: right; }
form .formitem label { display: block; margin: 0px 0px 4px; }
form .formitem > label { font-size: 16px; line-height: 1.5em; font-weight: bold; }
form .formitem .typeqtys { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse;
						   border: 2px solid rgba(48, 152, 229, 0.2); }
form .formitem .typeqtys td { text-align: left; vertical-align: top; padding: 5px 16px; }
form .formitem .typeqtys td:first-child { padding-left: 8px; }
form .formitem .typeqtys td:last-child { padding-right: 8px; }
form .formitem .typeqtys tbody tr:nth-child(even) td { background: rgba(48, 152, 229, 0.1); }
form .formitem .typeqtys thead td { font-weight: bold; background: rgba(48, 152, 229, 0.1); }
form .formitem .typeqtys tbody td {  }
form .formitem .typeqtys td.type { width: 160px; line-height: 30px; }
form .formitem .typeqtys td.qty { width: 120px; }
form .formitem .typeqtys td.cost { width: 150px; }
form .formitem .typeqtys td.cost span { display: block; float: left; line-height: 28px; background: #E3E5E7;
										border: 1px solid rgba(48, 152, 229, 1); border-right: none;
										border-radius: 4px 0px 0px 4px; padding: 0px 6px; font-weight: bold; }
form .formitem .typeqtys td.comment {  }
form .formitem .typeqtys td input[type=text] {  }
form .formitem .typeqtys td.cost input[type=text] { width: calc(100% - 34px); }
form .formitem .typeqtys td.comment input[type=text] {  }

form .formitem .formerr { display: block; clear: both; color: #C00; padding-top: 5px; }
form .formitem .typeqtys td.tderr span,
form .formitem .typeqtys td.tderr input[type=text] { border-color: #C33; }
form .formitem .typeqtys td .formerr { font-size: 12px; line-height: 1em; }

.success { display: block; margin: 24px 0px; padding: 8px 16px; border: 1px solid #060; background: #DFD; color: #030;
		   border-radius: 5px; }
.success i { display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 3px; }


.bordered-table { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; }
.bordered-table td { border: 1px solid #DDD; padding: 2px 5px; }
.bordered-table thead td { vertical-align: bottom; font-weight: bold; }
.bordered-table tbody td { vertical-align: middle; }

#trolley_approvals_form {  }
#trolley_approvals_form .submitbtn { text-align: right; }
#trolley_approvals_form .submitbtn.upper { margin-bottom: 12px; }
#trolley_approvals_form .submitbtn.lower { margin-top: 12px; }
#trolley_approvals_form .submitbtn button {  }
#approvals {  }
#approvals thead td {  }
#approvals tbody td { font-size: 14px; line-height: 20px; }
#approvals td.reqdate {  }
#approvals td.siteno {  }
#approvals td.sitename { white-space: nowrap; }
#approvals td.trolleys {  }
#approvals td.trolleys .commentpop { position: relative; display: inline-block; margin-left: 6px; }
#approvals td.trolleys .commentpop img { display: block; width: auto !important; height: 12px; }
#approvals td.trolleys .commentpop span { position: absolute; display: none; top: -5px; left: -5px; width: 180px;
										  border: 1px solid rgba(48, 152, 229, 1); padding: 18px 12px 12px 16px; z-index: 9999;
										  background: url('../image/speech-bubble.png') 4px 4px no-repeat #D0DAE2;
										  background-size: auto 12px; }
#approvals td.trolleys .commentpop:hover span { display: block; }
#approvals td.curr_qty {  }
#approvals td.cost { text-align: right; }
#approvals td.cost .delivery {  }
#approvals td.cost .delivery .deltext { float: left; }
#approvals td.cost .total { font-weight: bold; border-top: 1px solid #111; }
#approvals td.comment { width: 250px; }
#approvals td.reqcomment {  }
#approvals td.appcomment {  }
#approvals td.appcomment textarea { border: 1px solid rgba(48, 152, 229, 0.7); }
#approvals td.decision { width: 85px; }
#approvals td.decision label { display: block; font-size: 14px; line-height: 24px; padding: 2px 8px; border: none;
							   border-radius: 4px; cursor: pointer; }
#approvals td.decision label.accept { background: #191; color: #FFF; }
#approvals td.decision label.reject { background: #E22; color: #FFF; }
#approvals td.decision label + label { margin-top: 6px; }
#approvals td.decision label input[type=radio] { display: inline-block; vertical-align: middle; margin: 0px 2px 2px 0px; }

#accepted_requests_form {  }
#accepted_requests_form tbody td { font-size: 14px; line-height: 20px; }
#accepted_requests_form td.sitename { white-space: nowrap; }
#accepted_requests_form td.trolleys .commentpop { position: relative; display: inline-block; margin-left: 6px; }
#accepted_requests_form td.trolleys .commentpop img { display: block; width: auto !important; height: 12px; }
#accepted_requests_form td.trolleys .commentpop span { position: absolute; display: none; top: -5px; left: -5px; width: 180px;
										  border: 1px solid rgba(48, 152, 229, 1); padding: 18px 12px 12px 16px; z-index: 9999;
										  background: url('../image/speech-bubble.png') 4px 4px no-repeat #D0DAE2;
										  background-size: auto 12px; }
#accepted_requests_form td.trolleys .commentpop:hover span { display: block; }
#accepted_requests_form td.comment { width: 230px; }
#accepted_requests_form td.decision { width: 85px; }

#rejected_requests_form {  }
#rejected_requests_form tbody td { font-size: 14px; line-height: 20px; }
#rejected_requests_form td.sitename { white-space: nowrap; }
#rejected_requests_form td.trolleys .commentpop { position: relative; display: inline-block; margin-left: 6px; }
#rejected_requests_form td.trolleys .commentpop img { display: block; width: auto !important; height: 12px; }
#rejected_requests_form td.trolleys .commentpop span { position: absolute; display: none; top: -5px; left: -5px; width: 180px;
										  border: 1px solid rgba(48, 152, 229, 1); padding: 18px 12px 12px 16px; z-index: 9999;
										  background: url('../image/speech-bubble.png') 4px 4px no-repeat #D0DAE2;
										  background-size: auto 12px; }
#rejected_requests_form td.trolleys .commentpop:hover span { display: block; }
#rejected_requests_form td.comment { width: 230px; }
#rejected_requests_form td.decision { width: 85px; }

td.norequests { text-align: center; font-style: italic; padding: 8px 8px; font-size: 16px; line-height: 1.5em; }