html,
body {
	background: url("img/nature.jpg") no-repeat;
	height: 100%;
	border: 1px solid white;
	overflow: hidden;
}

table thead th {
	font-size: 45px;
}

table tbody tr .col-cn {
	/* height: 34px; */
	background-color: rgb(210, 228, 207);
	opacity: 0.7;
	line-height: 70px;
	font-size: 70px;
}

table tbody tr .col-nama {
	/* height: 34px; */
	/* background-color: rgb(216, 243, 211); */
	/* opacity: 0.8; */
	line-height: 35px;
	font-size: 40px;
	/* padding: 5px; */
	margin-left: 7px;
	text-align: left;
	vertical-align: middle;
}

.kop {
	padding: 5px;
}

.logo-header {
	width: 200px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.content {
	padding: 10px 10px;
}

.tbl_monitoring_unit thead th {
	/* background-color: #292425; */
	background-color: #768591;
	color: azure;
}

.tbl_monitoring_unit tbody td.bg-merah {
	background-color: #ffa500;
	color: azure;
}

.tbl_monitoring_unit tbody td.bg-hijau {
	/* background-color: #14c93e; */
	background-color: #06691d;
	color: azure;
}

.tbl_monitoring_unit tbody td.text-merah {
	color: #f72832;
}

.tbl_opr_stb thead th {
	background-color: #292425;
	color: azure;
}

.tbl_opr_stb tbody td.bg-oren {
	background-color: #ffa500;
	color: azure;
}

.tbl-legend {
	position: absolute;
	left: 30px;
	bottom: 40px;
}