body {
  width: 230mm;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  background: rgb(204,204,204); 
}

.tombol{
	cursor:pointer;
}

.menu-page {
	padding:10px;
}
.table-laporan {
	width:100%;
	border-collapse:collapse;
	margin: auto;
}
.table-laporan td {
	border:solid 1px #666666;
	vertical-align:top;
	padding:3px;
	font-size:13px;
}
.table-laporan tr:hover {
    background-color:aqua;
}

.numbering {
	text-align:right;
}
.btn-dpdn:hover {
	cursor:pointer;
}
.drop_down {
	position:absolute;
	display:none;
  	width: 70mm;
	height:auto;
	margin: auto;
	padding:10px;
	background-color:#FFFFFF;
	border:solid 1px #666666;
	border-radius:5px;
	box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
.menu-laporan {
	width:100%;
	border-collapse:collapse;
}

.menu-laporan td{
	padding:8px;
	border-bottom:solid 1px #999999;
}
.menu-laporan tr:hover {
	background-color:#CCFFFF;
	cursor:pointer;
}
.font-kecil {
	font-size:12px;
}
.samar {
	color: #A29F9F;
}
.main-page {
  width: 210mm;
  min-height: 297mm;
  height:auto;
  margin: auto;
  background: white;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
.sub-page {
  padding: 10px;
  height: auto;
}
@page {
  size: A4;
  margin: 0;
}
@media print {
  html, body {
    width: 210mm;
    height: 297mm;        
  }
  .main-page {
    margin: 0;
    border: initial;
    border-radius: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    background: initial;
    page-break-after: always;
  }
}
.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip:hover {
	background-color:#FFFFFF;
}
.tooltip .tooltiptext {
	display:none;
  width: 120px;
  background-color:#F6F6F6;
  position: absolute;
  z-index: 1;
  top:-20%;
  right: 100%;
  margin-left: -60px;
  text-align:left;
  border:solid 1px #CCCCCC;
  padding:5px;
  border-radius:5px;
  font-size:12px;
}

.tooltip .tooltiptext ul {
	margin:0;
	padding:2px;
}

.tooltip .tooltiptext li {
	padding:5px;
	list-style:none;
	border-top:solid 1px #CCCCCC;
}

.tooltip .tooltiptext li:hover {
	background-color:#FFFFFF;
	color:#999999;
	cursor:pointer;
}
