#no-more-tables{
	width: 100%;
	margin: 0 auto;
	overflow-x:auto;
}
#no-more-tables table {
    margin: 0 auto;
    width: 96%;
    padding:0;
    border-spacing: 1;
	border-collapse:collapse;
}
#no-more-tables tr:nth-child(even) {
	background-color: #f2f2f2;
}
#no-more-tables tr:nth-child(odd) {
	background-color: #ffffff;
}
#no-more-tables table th{
    text-align: left;
	background-color:#c9c9c9;
	font-size:17px;
	color:#4a4a4a;
	line-height:22px;
	border:0px solid #fff;
	font-weight:normal;
	padding: 7px 0px 7px 40px;
  }
#no-more-tables table td {
    text-align: left;
	color:#4a4a4a;
	line-height:22px;
  	font-size:16px;
	border:0px solid #fff;
	padding: 6px 0px 6px 40px;
}

#no-more-tables-new{
	width: 100%;
	margin: 0 auto;
	overflow-x:auto;
}
#no-more-tables-new table {
    margin: 0 auto;
    width: 96%;
    padding:0;
    border-spacing: 1;
	border-collapse:collapse;
}
#no-more-tables-new tr:nth-child(even) {
	background-color: #f2f2f2;
}
#no-more-tables-new tr:nth-child(odd) {
	background-color: #ffffff;
}
#no-more-tables-new table th{
    text-align: left;
	background-color:#c9c9c9;
	font-size:17px;
	color:#4a4a4a;
	line-height:22px;
	border:0px solid #fff;
	font-weight:normal;
	padding: 7px 0px 7px 40px;
  }
#no-more-tables-new table td {
    text-align: left;
	color:#4a4a4a;
	line-height:22px;
  	font-size:16px;
	border:0px solid #fff;
	padding: 6px 0px 6px 40px;
}

#loc_tablemain{
	width: 100%;
	margin: 0 auto;
	overflow-x:auto;
}
table.loc_table {
 
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 96%;
}
table.loc_table tr {
  background: #f2f2f2;
  border: 1px solid #ddd;
font-weight: normal;
}
table.loc_table tr:nth-child(even) td{ background: #f2f2f2;}
 table.loc_table tr:nth-child(odd) td{ background: #e8e8e8;}
table.loc_table th,
table.loc_table td {
  padding: 3px;
  text-align: center;
  font-size: 17px;
color: #4a4a4a;
line-height: 22px;
  font-weight: normal;
border: 1px solid #cfcfcf;
}
table.loc_table th{
    text-align: left;
	background-color:#c9c9c9;
	font-size:17px;
	color:#4a4a4a;
	line-height:22px;
	border:0px solid #fff;
	font-weight:bold;
	padding: 7px 4px 7px 4px;
  }
table.loc_table td {
    text-align: left;
	color:#4a4a4a;
	line-height:22px;
  	font-size:16px;
	/*border:0px solid #fff;*/
	padding: 6px 4px 6px 4px;
}
/*table.loc_table {
 
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  
}
table.loc_table caption {
  margin: .5em 0 .75em;
}
table.loc_table tr {
  background: #f2f2f2;
  border: 1px solid #ddd;

	font-weight: 300;
}
table.loc_table tr:nth-child(even) td{ background: #f2f2f2;}
 table.loc_table tr:nth-child(odd) td{ background: #e8e8e8;}
table.loc_table th,
table.loc_table td {
  padding: 3px;
  text-align: center;
  font-size: 17px;
color: #4a4a4a;
line-height: 22px;
  font-weight: 300;

   border: 1px solid #cfcfcf!important;
}
table.loc_table th{
    text-align: left;
	background-color:#c9c9c9;
	font-size:17px;
	color:#4a4a4a;
	line-height:22px;
	border:0px solid #fff;
	font-weight:normal;
	padding: 7px 4px 7px 4px;
  }
table.loc_table td {
    text-align: left;
	color:#4a4a4a;
	line-height:22px;
  	font-size:16px;
	border:0px solid #fff;
	padding: 6px 4px 6px 4px;
}*/
.loc_graph_width{
    width: 30%;
}



#no-more-tables table.bcol tr td, #no-more-tables table.bcol tr th{
    border: 1px solid #cfcfcf;
    padding:  6px 8px 6px 8px; 
}
#no-more-tables table.bcol tr:nth-child(odd) {
	background-color: #e8e8e8;
}
#no-more-tables-new table.bcol tr td, #no-more-tables-new table.bcol tr th{
    border: 1px solid #cfcfcf;
    padding:  6px 8px 6px 8px; 
}
#no-more-tables-new table.bcol tr:nth-child(odd) {
	background-color: #e8e8e8;
}
.text-align1 {
	text-align: center !important;
}
.text-align-left {
	text-align: left !important;
}
.text-align-right {
	text-align: right !important;
}


/*table1*/

#no-more-tables1{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
#no-more-tables1 table {
    margin: 0 auto;
    width: 96%;
    padding:0;
    border-spacing: 1;
	border-collapse:collapse;
}
#no-more-tables1 table th{
    text-align: left;
	background-color:#f5f5f5;
	font-size:17px;
	color:#4a4a4a;
	line-height:22px;
	border:0px solid #fff;
	font-weight:normal;
	padding: 7px 0px 7px 40px;
  }
#no-more-tables1 table td {
    text-align: left;
	color:#4a4a4a;
	line-height:22px;
  	font-size:16px;
	border:0px solid #fff;
	padding: 6px 0px 6px 40px;
}

/*table2*/
#no-more-tables2{
	width: 100%;
	margin: 0 auto;
	overflow-x:auto;
}
#no-more-tables2 table {
    margin: 0 auto;
    width: 96%;
    padding:0;
    border-spacing: 1;
	border-collapse:collapse;
}
#no-more-tables2 table th{
    text-align: left;
	background-color:#c9c9c9;
	font-size:17px;
	color:#4a4a4a;
	line-height:22px;
	border:0px solid #fff;
	font-weight:normal;
	padding: 7px 0px 7px 40px;
  }
#no-more-tables2 table td {
    text-align: left;
	color:#4a4a4a;
	line-height:22px;
  	font-size:16px;
	border:0px solid #fff;
	padding: 6px 0px 6px 40px;
}
#no-more-tables2 tr:nth-child(even) {
	background-color: #f2f2f2;
}
#no-more-tables2 tr:nth-child(odd) {
	background-color: #f2f2f2;
}
@media screen and (max-width: 1280px) 
{
   
}

@media screen and (max-width: 880px)  {

		/* Force table to not be like tables anymore */
		table.loc_table, table.loc_table thead, table.loc_table tbody, table.loc_table th, table.loc_table td, table.loc_table tr {
			display: block;
		}
    table.loc_table{
        empty-cells: hide;
    }
		/* Hide table headers (but not display: none;, for accessibility) */
		table.loc_table thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
table.loc_table tr:nth-child(2n+1) td {

    background: none;

}
    table.loc_table th, table.loc_table td {
        border: none;
    }
    table.loc_table tr {
      margin: 0 0 1rem 0;
    }
      
    table.loc_table tr:nth-child(odd) {
      background: #e8e8e8;
    }
    
		table.loc_table td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #cfcfcf;
			position: relative;
			padding-left: 50%;
            padding-top: 10px;
            padding-bottom: 10px;
		}
    table.loc_table td:nth-of-type(1){
        border-top: 1px solid #cfcfcf;
    }
    table.loc_table td:nth-of-type(1), table.loc_table td:nth-of-type(2), table.loc_table td:nth-of-type(6){
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #cfcfcf;
			position: relative;
			padding-left: 0%;
        text-align: center;
        width: 100%;
		}

		table.loc_table td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
            padding-top: 10px;
            padding-bottom: 10px;
		}
    table.loc_table td:nth-of-type(1):before, table.loc_table td:nth-of-type(2):before, table.loc_table td:nth-of-type(6):before{
            position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 100%!important;
			padding-right: 10px;
			white-space: nowrap;
            padding-left: 0%;
            text-align: center!important;
    }


		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
	/*	table.loc_table td:nth-of-type(1):before { content: ""; }
		table.loc_table td:nth-of-type(2):before { content: ""; }*/
		table.loc_table td:nth-of-type(3):before { content: "Net Financial Impact (YTD)"; }
		table.loc_table td:nth-of-type(4):before { content: "Landfill Diversion (YTD)"; }
		table.loc_table td:nth-of-type(5):before { content: "Past Due Reports"; }
	}

@media screen and (max-width: 768px) 
{
#no-more-tables table th{
	padding: 7px 20px 7px 20px;
	font-size: 16px;
  }
#no-more-tables table td {
	padding: 7px 20px 7px 20px;
	font-size: 15px;
}
#no-more-tables-new table th{
	padding: 7px 20px 7px 20px;
	font-size: 16px;
  }
#no-more-tables-new table td {
	padding: 7px 20px 7px 20px;
	font-size: 15px;
}
#no-more-tables1 table th{
	padding: 7px 20px 7px 20px;
	font-size: 16px;
  }
#no-more-tables1 table td {
	padding: 7px 20px 7px 20px;
	font-size: 15px;
}
#no-more-tables2 table th{
	padding: 7px 20px 7px 20px;
	font-size: 16px;
  }
#no-more-tables2 table td {
	padding: 7px 20px 7px 20px;
	font-size: 15px;
}	
}