/*print css*/
    
/*@page { margin:1.2cm; }
html, body {width: 210mm; height: 297mm; color:#000 }
*/

body.printpreview{background:#999;}
body.printpreview #wrapper{ margin: 10px auto!important; padding:20px; clear:both; background:#fff; border: 1px solid #ccc; width:940px;}
body.printpreview .flow-2 {margin:0 auto; float: none; width: 870px;}

/*layout fixes after removing trade class from body on public reports*/
body.printpreview #main{margin:0; padding:0 0 10px 0; background:none;}
body.printpreview #content{margin:0;}

#print_button{margin: 10px auto!important; width:940px; clear: both; overflow: hidden; text-align: center}
#print_button a {background: none repeat scroll 0 0 #297ca3; border: 2px outset #297ca3; border-radius: 8px; color: #fff; display: inline-block; font-weight: bold; margin: 8px auto; padding: 5px; text-align: center; text-decoration: none; width: 130px; float: none}
#print_button p {color: #fff;}

/* print only css */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fffada', endColorstr='#fffada')"; /* IE8 */
* {-webkit-print-color-adjust: exact; print-color-adjust: exact;}
body{ -webkit-print-color-adjust:exact;}

.page-break { display: block; page-break-before: always; }
#wrapper .chapter.print{display:block; page-break-inside: avoid;}
.report-logo{width:100%; clear: both; overflow: hidden}

.no-print{display: none}
.chapter a.button.no-print{display: none}

img {max-width: 500px; border: 0;}
.back-to-top{display: none!important}
.chapter table .fa-question-circle{display: none}
.chapter table .fa.fa-info-circle {display: none}
.chapter .fa.fa-info-circle {display: none}

.nav-toggle{display: none!important}

/*body.report .col-full, body.report #wrapper {max-width: none; border: 0; margin: 0 3%; padding: 0; float: none !important; }*/
#container{float: none}
/* LHS navigation */
.flow-1{display: none; width:0%!important}

/*main content*/

.panel{width:47%; float:left; margin-left:20px; margin-right:0; padding: 20px 0 0;}
.panel.c1{width:95%; float:none;}
.panel.c2{width:47%; float:left}
.panel.c3{width:30%; float:left}

.only-print {display: block;}
.report-logo{margin-top:10px; display: block; clear: both;}
img.cartell-logo {display: block; float: left; /*max-width: 214px!important;*/ border-width: 0px}
img.customer-logo {border: 0; max-width: 340px!important; display: block; float:right}

#header{display: none}
/* OLD code - reinstalled due to bugs*/
#ReportId_Summary ol {border: 2px solid #999; border-radius: 10px;}
#ReportId_Summary ol li{margin:0; float: left; display: block; width:20%; border-width: 0px}
#ReportId_Summary ol li span.title{border-bottom: 1px solid #999; border-right: 1px solid #999;}
#ReportId_Summary ol li span.result{border-color: #999}
#ReportId_Summary ol li:last-child span.title{border-bottom: 1px solid #999; }
body #ReportId_Summary ol li{width:25%;}
body.trade #ReportId_Summary ol li{width:20%;}
#ReportId_Summary ol.cust_details{margin-top:1em;}
#ReportId_Summary ol.cust_details li.address{width:75%;}

/* NEW code to fix long customer names on 2 lines*//*
#ReportId_Summary{overflow:hidden;}
#ReportId_Summary ol {border: 2px solid #999; border-radius: 10px; max-height:85px !important}
#ReportId_Summary ol li{margin:0; float:left; display:table-cell; border-right:1px solid #999; margin-bottom: -99999px; padding-bottom: 99999px; min-height:58px !important; }
#ReportId_Summary ol li span.title{border-bottom:1px solid #999; border-right: 0px solid #999;}
#ReportId_Summary ol li span.result{border-color: #999; border-width:0}
#ReportId_Summary ol li:last-child span.title{border-bottom: 1px solid #999; }
body #ReportId_Summary ol li{width:25%;}
body.trade #ReportId_Summary ol li{width:20%;}
body.trade #ReportId_Summary ol li{width:19.8%;}
#ReportId_Summary ol.cust_details{margin-top:1em;}
#ReportId_Summary ol.cust_details li.address{width:75%;}
#ReportId_Summary ol li:last-child{border-width:0;}*/

#alert_summary{border:2px solid #999; border-radius: 10px;}
#alert_summary .header h2{color: #000;}
#alert_summary .header p{display: none}
#alert_summary ul li{padding:6px; float:left; width:21%; box-shadow: none; border-color: #999; background: #fff;}
#alert_summary ul li:nth-of-type(3n+1){clear: none}
#alert_summary ul li:nth-of-type(4n+1){clear: left}
#alert_summary ul li h3:before{width:30px}
#alert_summary ul li.alert a:hover h3:after{content:none}
#alert_summary ul li h3{color:#222; font-size: 100%}
#alert_summary ul li.alert h3, #alert_summary ul li.alert h3:before {color:#ff0000}
#alert_summary ul li.alert {background:#FFE5E5; border: 2px solid #ff0000;}
#alert_summary ul li.warning h3,  #alert_summary ul li.warning h3:before {color:#ff6600}
#alert_summary ul li.warning {border: 2px solid #ff0000;}
#alert_summary ul li.addon {border-color: #999;}
#alert_summary ul li.addon h3{color:#999}
#alert_summary ul.notincluded{display:none !important; margin-top:0px; padding-top:0; border-width:0px}


#chapterWrapper {margin-top:30px;}

#wrapper .chapter {border: 2px solid #999; margin:0 0 30px 0; padding: 1px; border-radius: 10px; }
.chapter .header {background: #eff6f9; color:#222}

#wrapper .chapter .header h2{color:#222}
#wrapper .chapter .header h2 span:before {/*color:#000*/}
.chapter .header h2 span.notes {color:#222}

.entry table.scrollh{overflow: hidden; width:99%}
.co2chart{display: block; overflow-x: hidden; width:auto}
.entry table.ieco2-graph{border-collapse: collapse; border-width: 0px; border-color: #fff!important}
.entry table.ieco2-graph td{border-width: 0px; border-color: #fff!important}

/*tables*/
.entry table{box-shadow: none; border-radius: 0px; border:1px solid #ccc; border-collapse: collapse; color:#000}
.entry table thead th {border-bottom:2px solid #aaa}
.entry table tbody tr:nth-child(2n+1) th, .entry table tbody tr:nth-child(2n+1) td {}
.entry table tbody th{border:1px solid #ccc; border-color: #aaa; border-width: 0px 0px 1px 0px }
.entry table tbody td{border:1px solid #ccc; border-color: #aaa; border-width: 0px 0px 1px 1px!important}
.entry table tbody tr:last-child th {border:1px solid #ccc; border-color: #aaa; border-width: 0px 0px 1px 0px }
.entry table tbody tr:last-child td {border:1px solid #ccc; border-color: #aaa; border-width: 0px 0px 1px 1px!important }

/* cpg table*/
/*
.entry table.cpg-value-table { padding:10px 20px 5px 20px; border:1px solid #aaa; border-radius:0; background: #fff}
.entry table.cpg-value-table thead th{padding:5px 10px; border-radius:0; border-bottom:2px solid #aaa; border-width: 0px 0px 2px 0;  color: #0084c8; font-size: 1.4em; text-transform: none;}
.entry table.cpg-value-table tbody th{padding:2px 5px; border-width: 0;}
.entry table.cpg-value-table tbody td{padding:2px 5px; border-width: 0;}
.entry table.cpg-value-table thead tr:nth-child(2n+1) th {background-color:#fff!important; }
.entry table.cpg-value-table thead tr:nth-child(2n+1) td {background-color:#eee!important}
.entry table.cpg-value-table tbody tr:nth-child(2n+1) th {background-color:#eee; width: 50%; border-bottom:1px solid #aaa}
.entry table.cpg-value-table tbody tr:nth-child(2n+1) td {background-color:#eee; border-bottom:1px solid #aaa}*/
/* cpg table*/
.entry table.cpg-value-table { border-collapse: separate; padding:10px 15px 5px 15px; border-width:0px; background:#eee; border-radius:8px; }
.entry table.cpg-value-table thead th{padding:5px 0; border-radius: 20px 20px 0 0; border-width: 0px; background: #eee; color: #0084c8; font-size: 1.4em; text-transform: none;}
.entry table.cpg-value-table tbody th{padding: 5px 0; border-width: 0;}
.entry table.cpg-value-table tbody td{padding: 5px 0; border-width: 0;}
.entry table.cpg-value-table thead tr:nth-child(2n+1) th {background-color:#eee!important; }
.entry table.cpg-value-table thead tr:nth-child(2n+1) td {background-color:#eee!important}
.entry table.cpg-value-table tbody tr:nth-child(2n+1) th {background-color:#eee; width: 60%; border-bottom:1px solid #aaa}
.entry table.cpg-value-table tbody tr:nth-child(2n+1) td {background-color:#eee; border-bottom:1px solid #aaa; border-left:0;}
.entry table.cpg-value-table tbody tr:last-child th, .entry table.cpg-value-table tbody tr:last-child td{border-bottom:0; border-left:0;}
.entry table.cpg-value-table tr:hover td, .entry table.cpg-value-table tr:hover td{background-color:#eee}

/* only print .... */
#wrapper .chapter{display: none}
#wrapper .chapter.print{display:block}
.chapter .header{border-radius: 10px 10px 0 0; border-bottom:2px dashed #ccc}
.chapter .header h2{float:left;}
.chapter .header .verify{float: right}
.chapter .header .cartell-logo-small img{padding-left:15px; width: 86px; float:right; border-width: 0px; background: none}


/* alert - red */
#wrapper .chapter.alert .header {background: #FFE5E5;}
#wrapper .chapter.alert {border: 2px solid #ff0000;}
#wrapper .chapter.alert .header h2{color: #ff0000;}
#wrapper .chapter.alert .header h2 span {color:#ff0000}
#wrapper .chapter.alert .header h2 span:before {color:#ff0000}
/* warning - orange */
#wrapper .chapter.warning .header {background: #FFF6E0;}
#wrapper .chapter.warning {border: 2px solid #FF6600;}
#wrapper .chapter.warning .header h2{color: #ff6600;}
#wrapper .chapter.warning .header h2 span{color:#FF6600}
#wrapper .chapter.warning .header h2 span:before {color:#FF6600}
/* buyable */
#wrapper .chapter.buyable{}
#wrapper .chapter.buyable .header{background: #eee;}
#wrapper .chapter.buyable .header h2{color: #222;}
/* buyable */
#wrapper .chapter.notavailable .header{background: #eee;}
#wrapper .chapter.notavailable .header h2{color: #222;}


/* footer area */
#siteinfo ul#fns {display: none}
#siteinfo p{float:none; text-align: center}
#cookie_credit {display: none}

@media print {
    
    #print_button{display: none}
    
    body.printpreview{background:#fff;}
    body.printpreview #wrapper{ margin:0; border-width:0;}
    
}