.dtDebitur {
	width: 100%;
	background-color: #f3f3f3;
	tbody {
		height: 420px;
		overflow-y: auto;
		width: 100%;
	}
	thead,
	tbody,
	tr,
	td,
	th {
		display: block;
	}
	tbody {
		td {
			float: left;
		}
	}
	thead {
		tr {
			th {
				float: left;
				background-color: #f39c12;
				border-color: #e67e22;
			}
		}
	}
}

.divScroll {
	height: 340px;
	overflow-y: scroll;
}

.ht {
	background-color: #63666b;
	color: white;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

.angkaTebal {
	text-align: right;
	font-weight: bold;
}

th,
td {
	font-size: 12px;
	margin: 5;
}

/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
	height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html,
body {
	height: 90%;
	margin: 0;
	padding: 0;
}
#floating-panel {
	position: absolute;
	top: 10px;
	left: 25%;
	z-index: 5;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #999;
	text-align: center;
	font-family: "Roboto", "sans-serif";
	line-height: 30px;
	padding-left: 10px;
}
#floating-panel {
	margin-left: -52px;
}