/** MOBILE CSS **/
/*********************************************************/
@font-face {
    font-family: 'bahasenormal';
    src: url('fonts/bahase-webfont.eot');
    src: url('fonts/bahase-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bahase-webfont.woff2') format('woff2'),
         url('fonts/bahase-webfont.woff') format('woff'),
         url('fonts/bahase-webfont.ttf') format('truetype'),
         url('fonts/bahase-webfont.svg#bahasenormal') format('svg');
}
/*********************************************************/

body { margin: 0; }
.row, .col { position: absolute; }
.row { left: 0; height:auto; right: 0; }
.scroll-x { overflow-x: auto; }
.scroll-y { overflow-y: auto; }

/*.header.row { height: 97px; top: 0; }
<div class="header row"></div>*/
.body.row { top: 0px; bottom: 0px; }
/*.footer.row { height: 112px; bottom: 0; }
<div class="footer row"></div>*/

.scroll-x, .scroll-y { -webkit-overflow-scrolling: touch; }

@media only screen and (min-width : 1025px) 						{
	html{ font-size: 76%; }
	#REG_INFO 		{ padding-left:350px; 				}
	#REGISTRY_INFO	{ display: block; padding-left:5px; }
	#date_time 		{ display: block; padding-left:5px; }
	
	.report_title_content_text { font-size: 12pt; }
	.tbl_scroll {
		width:990px;
		overflow-x: auto;
		display: block;
		scrollbar-face-color: #003D69;
	}
	.tableheader_text_small {
		font-family: Arial;
		font-size: 9pt;
		color:#ffffff;
		font-weight: 700;
	}
	.header_text_big1{
		font-family: bahasenormal;
		font-size: 31px;
		color:#ffffff;
	}	
	.header_text_big2{
		font-family: bahasenormal;
		font-size: 11px;
		color:#ffffff;
	}	
	.header_text_big3{
		font-family: bahasenormal;
		font-size: 17px;
		color:#ffffff;
	}
	.footer_text{
		font-size: 10px;
		font-family: Arial;
		color:#ffffff;
	}
}

@media only screen and (min-width : 800px) and (max-width : 1024px) {
	html{ font-size: 71%; }
	#REG_INFO 		{ padding-left:110px; }
	#REGISTRY_INFO	{ display: block; padding-left:5px; }
	#date_time 		{ display: block; padding-left:5px; }
	
	.tbl_scroll {
		width:680px;
		overflow-x: auto;
		display: block;
		scrollbar-face-color: #003D69;
	}
	.tableheader_text_small {
		font-family: Arial;
		font-size: 9pt;
		color:#ffffff;
		font-weight: 700;
	}	
	.header_text_big1{
		font-family: bahasenormal;
		font-size: 31px;
		color:#ffffff;
	}	
	.header_text_big2{
		font-family: bahasenormal;
		font-size: 11px;
		color:#ffffff;
	}	
	.header_text_big3{
		font-family: bahasenormal;
		font-size: 18px;
		color:#ffffff;
	}
	.footer_text{
		font-size: 11px;
		font-family: Arial;
		color:#ffffff;
	}
}	

@media only screen and (min-width : 769px) and (max-width : 799px) and (orientation : portrait) {
	html{ font-size: 71%; }
	#REG_INFO 		{ padding-left:210px; }
	#REGISTRY_INFO	{ display: block; padding-left:5px; }
	#date_time 		{ display: block; padding-left:5px; }
	
	.tbl_scroll {
		width:680px;
		overflow-x: auto;
		display: block;
		scrollbar-face-color: #003D69;
	}
	.tableheader_text_small {
		font-family: Arial;
		font-size: 9pt;
		color:#ffffff;
		font-weight: 700;
	}	
	.header_text_big1{
		font-family: bahasenormal;
		font-size: 31px;
		color:#ffffff;
	}	
	.header_text_big2{
		font-family: bahasenormal;
		font-size: 11px;
		color:#ffffff;
	}	
	.header_text_big3{
		font-family: bahasenormal;
		font-size: 18px;
		color:#ffffff;
	}
	.footer_text{
		font-size: 11px;
		font-family: Arial;
		color:#ffffff;
	}
}

@media only screen and (min-width : 769px) and (max-width : 1024px) and (orientation : landscape) {
	html{ font-size: 71%; }
	#REG_INFO 		{ padding-left:180px; }
	#REGISTRY_INFO	{ display: block; padding-left:5px; }
	#date_time 		{ display: block; padding-left:5px; }

	.tbl_scroll {
		width:680px;
		overflow-x: auto;
		display: block;
		scrollbar-face-color: #003D69;
	}
	.tableheader_text_small {
		font-family: Arial;
		font-size: 9pt;
		color:#ffffff;
		font-weight: 700;
	}	
	.header_text_big1{
		font-family: bahasenormal;
		font-size: 31px;
		color:#ffffff;
	}	
	.header_text_big2{
		font-family: bahasenormal;
		font-size: 11px;
		color:#ffffff;
	}	
	.header_text_big3{
		font-family: bahasenormal;
		font-size: 18px;
		color:#ffffff;
	}
	.footer_text{
		font-size: 11px;
		font-family: Arial;
		color:#ffffff;
	}
}

@media only screen and (min-width : 481px) and (max-width : 768px) and (orientation : portrait)	{ 
	html{ font-size: 70%; }
	#REG_INFO 		{ padding-left:50px;}
	#REGISTRY_INFO	{ display: block; padding-left:5px; }
	#date_time 		{ display: block; padding-left:5px; }
	
	.tbl_scroll {
		width:680px;
		overflow-x: auto;
		display: block;
		scrollbar-face-color: #003D69;
	}
	.tableheader_text_small {
		font-family: Arial;
		font-size: 8pt;
		color:#ffffff;
		font-weight: 700;
	}	
	.header_text_big1{
		font-family: bahasenormal;
		font-size: 31px;
		color:#ffffff;
	}	
	.header_text_big2{
		font-family: bahasenormal;
		font-size: 11px;
		color:#ffffff;
	}	
	.header_text_big3{
		font-family: bahasenormal;
		font-size: 16px;
		color:#ffffff;
	}
	.footer_text{
		font-size: 10px;
		font-family: Arial;
		color:#ffffff;
	}
}

@media only screen and (min-width : 481px) and (max-width : 768px) and (orientation : landscape) { 
	html{ font-size: 70%; } 
	#REG_INFO 		{ padding-left:85px;}
	#REGISTRY_INFO	{ display: block; padding-left:5px; }
	#date_time 		{ display: block; padding-left:5px; }
		
	.tbl_scroll {
		width:680px;
		overflow-x: auto;
		display: block;
		scrollbar-face-color: #003D69;
	}
	.tableheader_text_small {
		font-family: Arial;
		font-size: 8pt;
		color:#ffffff;
		font-weight: 700;
	}	
	.header_text_big1{
		font-family: bahasenormal;
		font-size: 31px;
		color:#ffffff;
	}	
	.header_text_big2{
		font-family: bahasenormal;
		font-size: 11px;
		color:#ffffff;
	}	
	.header_text_big3{
		font-family: bahasenormal;
		font-size: 16px;
		color:#ffffff;
	}
	.footer_text{
		font-size: 10px;
		font-family: Arial;
		color:#ffffff;
	}
}

@media only screen and (min-width : 321px) and (max-width : 568px) and (orientation : landscape) { 
	#REG_INFO 		{ padding-left:27px;}
	#REGISTRY_INFO	{ display: block; padding-left:5px; }
	#date_time 		{ display: block; padding-left:5px; }

	html{ font-size: 65%; }
	.tbl_scroll {
		width:400px;
		overflow-x: auto;
		display: block;
		scrollbar-face-color: #003D69;
	}	
	.tableheader_text_small {
		font-family: Arial;
		font-size: 7pt;
		color:#ffffff;
		font-weight: 700;
	}
	.header_text_big1{
		font-family: bahasenormal;
		font-size: 24px;
		color:#ffffff;
	}	
	.header_text_big2{
		font-family: bahasenormal;
		font-size: 10px;
		color:#ffffff;
	}	
	.header_text_big3{
		font-family: bahasenormal;
		font-size: 14px;
		color:#ffffff;
	}
	.footer_text{
		font-size: 9px;
		font-family: Arial;
		color:#ffffff;
	}
}

@media only screen and (min-width : 401px) and (max-width : 480px) and (orientation : portrait) { 
	#REG_INFO 		{ padding-left:40px;}
	#REGISTRY_INFO	{ display: block; padding-left:5px; }
	#date_time 		{ display: block; padding-left:5px; }
	
	html{ font-size: 65%; }
	.tbl_scroll {
		width:360px;
		overflow-x: auto;
		display: block;
		scrollbar-face-color: #003D69;
	}	
	.tableheader_text_small {
		font-family: Arial;
		font-size: 7pt;
		color:#ffffff;
		font-weight: 700;
	}
	.header_text_big1{
		font-family: bahasenormal;
		font-size: 24px;
		color:#ffffff;
	}
	.header_text_big2{
		font-family: bahasenormal;
		font-size: 10px;
		color:#ffffff;
	}
	.header_text_big3{
		font-family: bahasenormal;
		font-size: 10px;
		color:#ffffff;
	}
	.footer_text{
		font-size: 9px;
		font-family: Arial;
		color:#ffffff;
	}
}

@media only screen and (min-width : 401px) and (max-width : 480px) and (orientation : landscape) { 
	html{ font-size: 65%; }
	#REG_INFO 		{ padding-left:40px;}
	#REGISTRY_INFO	{ display: block; padding-left:5px; }
	#date_time 		{ display: block; padding-left:5px; }
		
	.tbl_scroll {
		width:400px;
		overflow-x: auto;
		display: block;
		scrollbar-face-color: #003D69;
	}	
	.tableheader_text_small {
		font-family: Arial;
		font-size: 7pt;
		color:#ffffff;
		font-weight: 700;
	}	
	.header_text_big1{
		font-family: bahasenormal;
		font-size: 25px;
		color:#ffffff;
	}	
	.header_text_big2{
		font-family: bahasenormal;
		font-size: 10px;
		color:#ffffff;
	}	
	.header_text_big3{
		font-family: bahasenormal;
		font-size: 10px;
		color:#ffffff;
	}
	.footer_text{
		font-size: 9px;
		font-family: Arial;
		color:#ffffff;
	}
}

@media only screen and (min-width : 321px) and (max-width : 400px) and (orientation : portrait) { 
	#REG_INFO 		{ padding-left:40px;}
	#REGISTRY_INFO	{ display: block; padding-left:5px; }
	#date_time 		{ display: block; padding-left:5px; }
	
	html{ font-size: 65%; }
	.tbl_scroll {
		width:280px;
		overflow-x: auto;
		display: block;
		scrollbar-face-color: #003D69;
	}	
	.tableheader_text_small {
		font-family: Arial;
		font-size: 7pt;
		color:#ffffff;
		font-weight: 700;
	}
	.header_text_big1{
		font-family: bahasenormal;
		font-size: 24px;
		color:#ffffff;
	}
	.header_text_big2{
		font-family: bahasenormal;
		font-size: 10px;
		color:#ffffff;
	}
	.header_text_big3{
		font-family: bahasenormal;
		font-size: 10px;
		color:#ffffff;
	}
	.footer_text{
		font-size: 9px;
		font-family: Arial;
		color:#ffffff;
	}
}

@media only screen and (max-width : 320px) and (orientation:portrait) {
	html{ font-size: 61%; }
	#REG_INFO  		{ display: block; padding-left:2px; }
	#REGISTRY_INFO	{ display: block; padding-left:2px; }
	#date_time 		{ display: none; padding-left:2px;  }
	
	.tbl_scroll {
		width:240px;
		overflow-x: auto;
		display: block;
		scrollbar-face-color: #003D69;
	}
	.tableheader_text_small {
		font-family: Arial;
		font-size: 6pt;
		color:#ffffff;
	}
	.header_text_big1{
		font-family: bahasenormal;
		font-size: 18px;
		color:#ffffff;
	}
	.header_text_big2{
		font-family: bahasenormal;
		font-size: 9px;
		color:#ffffff;
	}
	.header_text_big3{
		font-family: bahasenormal;
		font-size: 9px;
		color:#ffffff;
	}
	.footer_text{
		font-size: 8px;
		font-family: Arial;
		color:#ffffff;
	}
}

@media only screen and (max-width : 320px) and (orientation:landscape) { 
	html{ font-size: 61%; } 
	#REG_INFO  		{ display: block; padding-left:35px; 	}
	#REGISTRY_INFO	{ display: block; padding-left:5px; 	}
	#date_time 		{ display: none; padding-left:5px; 		}
		
	.tbl_scroll {
		width:240px;
		overflow-x: auto;
		display: block;
		scrollbar-face-color: #003D69;
	}
	.tableheader_text_small {
		font-family: Arial;
		font-size: 6pt;
		color:#ffffff;
		font-weight: 700;
	}
	.header_text_big1{
		font-family: bahasenormal;
		font-size: 18px;
		color:#ffffff;
	}
	.header_text_big2{
		font-family: bahasenormal;
		font-size: 9px;
		color:#ffffff;
	}
	.header_text_big3{
		font-family: bahasenormal;
		font-size: 9px;
		color:#ffffff;
	}
	.footer_text{
		font-size: 8px;
		font-family: Arial;
		color:#ffffff;
	}
}

@media only screen and (max-width : 176px) and (orientation:portrait) { 
	html{ font-size: 61%; } 
	#REG_INFO  		{ display: none; padding-left:5px; }
	#REGISTRY_INFO	{ display: none; padding-left:5px; }
	#date_time 		{ display: none; padding-left:5px; }
		
	.tbl_scroll {
		width:240px;
		overflow-x: auto;
		display: block;
		scrollbar-face-color: #003D69;
	}
	.tableheader_text_small {
		font-family: Arial;
		font-size: 6pt;
		color:#ffffff;
		font-weight: 700;
	}
	.header_text_big1{
		font-family: bahasenormal;
		font-size: 18px;
		color:#ffffff;
	}
	.header_text_big2{
		font-family: bahasenormal;
		font-size: 9px;
		color:#ffffff;
	}
	.header_text_big3{
		font-family: bahasenormal;
		font-size: 9px;
		color:#ffffff;
	}
	.footer_text{
		font-size: 8px;
		font-family: Arial;
		color:#ffffff;
	}
}