.tpl-table {
	caption {
		margin-bottom: .5em;

		@media screen and (max-width: 750px) {
			font-size: 12px;
		}
	}

	&.emissions {
		table-layout: fixed;

		@media screen and (max-width: 750px) {
			table-layout: auto;
		}

		col {
			&:first-child {
				@media screen and (min-width: 751px) {
					width: 42%;
				}
			}
		}
			
		th, td {
			@media screen and (min-width: 751px) {
				font-size: 14px;
				padding: 15px;
			}

			@media screen and (max-width: 750px) {
				padding: 9px 9px;
			}
		}

		.empty {
			background-image: linear-gradient(to left bottom, transparent calc(50% - 1px), #DCDCDC calc(50% - .5px), #DCDCDC calc(50% + .5px), transparent calc(50% + 1px), #fff);
	    background-repeat: no-repeat;
		}

		.bg-scope1 {
			background-color: #C2F1C8;
		}

		.bg-scope2 {
			background-color: #83E28E;
		}

		.bg-scope3 {
			background-color: #DAE9F8;
		}
	}

	&.emissions-1-2 {
		@media screen and (max-width: 750px) {
			.tpl-table-scroll & {
				min-width: 440px;
			}
		}
		col {
			&:first-child {
				@media screen and (min-width: 751px) {
					width: 32%;
				}
			}
		}
	}

	&.emissions-all {
		@media screen and (max-width: 750px) {
			.tpl-table-scroll & {
				min-width: 640px;
			}
		}

		th, td {
			@media screen and (min-width: 751px) {
				padding: 12px;
				font-size: 14px;
				line-height: 1.4;
			}
		}
		
		col {
			&:first-child {
				width: 21%;

				@media screen and (max-width: 750px) {
					width: 18%;
				}
			}
			&:nth-child(2) {
				width: 23%;

				@media screen and (max-width: 750px) {
					width: 18%;
				}
			}
		}

		.row1 {
			th, td {
				line-height: 2.8;
			}
		}

		.before-total {
			border-bottom: 5px double #CCC;
		}
	}
}