.notifx{
	font-size:9px !important;
}
.tblstruk table,th,td{
	border:none !important;
}

.nobordered{
	border:none !important;
}
.error{
	padding: 3px 4px 3px 4px;
	color: #c93605;
	font-weight: bold;
	text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20);
    -moz-text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20);
    -webkit-text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20);
    font-size:8px;
}

.errormail{
	padding: 3px 4px 3px 4px;
	color: #c93605;
	font-weight: bold;
	text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20);
    -moz-text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20);
    -webkit-text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20);
    font-size:8px;
}

#xxx{
	padding: 3px 4px 3px 4px;
	color: #c93605;
	font-weight: bold;
	text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20);
    -moz-text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20);
    -webkit-text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20);
    font-size:14px;
}

.sukses{
	padding: 3px 4px 3px 4px;
	color: #088A08;
	font-weight: bold;
	text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20);
    -moz-text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20);
    -webkit-text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20);
    font-size:8px;
}

.suksesmail{
	padding: 3px 4px 3px 4px;
	color: #088A08;
	font-weight: bold;
	text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20);
    -moz-text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20);
    -webkit-text-shadow: 0px 1px 1px rgba(164, 44, 4, 0.20);
    font-size:8px;
}

label{
	font-size:12px;
}

table{
	font-size:10px;
}
.x{
	padding:0;
	margin:0;
}
.imglogo{
	float:right;
	padding:0;
	margin:0;
}

.userses{
	float:left;
	font-size:12px;
	color: #ffffff;
	font-weight: bold;
	padding:10px;
}

#dvLoading{
	background: url(../images/ajax-loader.gif) no-repeat center center;
	height: 100px;
	width: 100px;
	position: fixed;
	z-index: 1000;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
}
#dvLoadingx,#dvLoadingxkemarin {
	background: url(../images/28-1.gif) no-repeat center center;
	height: 40px;
	width: 40px;
}
#widgetexport{
	float:right;
}
#sample-table-10{
	margin-top:-20px;
}
td.namawilayah{
	font-size:8px;
	width:60px;
}
td.datelogin{
	font-size:8px;
	width:160px;
}
td.terminalpp{
	width:60px;
}
td.switch{
	width:50px;
}
td.namamitraHO{
	width:360px;
}
td.namapp{
	width:200px;
}
td.namamitra{
	width:280px;
}
td.alamatmitra{
	width:260px;
}
td.tools{
	text-align:center;
}
#widgetexportinfo{
	margin-left:-10px;
}
#widgetexportinfocu{
	margin-left:-10px;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
tr.totalx,th.right{
	text-align:right;
}

/* CU TABLE DIPLAY LENGTH NONE */
#cutrx_length{
	/*display:none;*/
}

.ui-datepicker-calendar {
	display: none;
}

#step1 .email_notice,.pass_notice{
	color :#610B0B;
}

.pink{
	font-weight: bold;
	font-size:10px;
}

#infosaldodeposit{
	font-weight: bold;
	font-size:10px;
}

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
td.namawilayah{
	font-size:8px;
	width:auto;
}
td.datelogin{
	font-size:8px;
	width:auto;
}
td.terminalpp{
	font-size:10px;
	width:auto;
}
td.switch{
	font-size:10px;
	width:auto;
}
td.namamitraHO{
	font-size:10px;
	width:auto;
}
td.namapp{
	font-size:10px;
	width:auto;
}
td.namamitra{
	font-size:10px;
	width:auto;
}
td.alamatmitra{
	font-size:10px;
	width:auto;
}
/*
	.table-header{
		font-size:8px;
	}
*/
	#widgetexportinfo{
		float:right;
	}

	#small{
		font-size:10px;
	}

	#big{
		font-size:10px;
	}

	td.namapp{
		width:auto;
	}
	td.namamitra{
		width:auto;
	}
	td.alamatmitra{
		width:auto;
	}
	td.tools{
		text-align:left;
	}

	td.center{
		text-align:left;
	}

	.right{
		text-align:left;
	}

	#listdepositpp table,
	#listdepositpp thead,
	#listdepositpp tbody,
	#listdepositpp th,
	#listdepositpp td,
	#listdepositpp tr {
		display: block;
	}

	#listdepositpp thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#listdepositpp tr { border: 1px solid #ccc; }

	#listdepositpp td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#listdepositpp td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/**/

	#lapdepositpp table,
	#lapdepositpp thead,
	#lapdepositpp tbody,
	#lapdepositpp th,
	#lapdepositpp td,
	#lapdepositpp tr {
		display: block;
	}

	#lapdepositpp thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#lapdepositpp tr { border: 1px solid #ccc; }

	#lapdepositpp td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#lapdepositpp td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/**/

	#listdepositmitra table,
	#listdepositmitra thead,
	#listdepositmitra tbody,
	#listdepositmitra th,
	#listdepositmitra td,
	#listdepositmitra tr {
		display: block;
	}

	#listdepositmitra thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#listdepositmitra tr { border: 1px solid #ccc; }

	#listdepositmitra td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#listdepositmitra td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*
	Label the data
	*/

	#listdepositpp td:nth-of-type(1):before { content: "Terminalid"; font-weight:bold;color:#013066;}
	#listdepositpp td:nth-of-type(2):before { content: "Wilayah"; font-weight:bold;color:#013066;}
	#listdepositpp td:nth-of-type(3):before { content: "Nama PP"; font-weight:bold;color:#013066;}
	#listdepositpp td:nth-of-type(4):before { content: "Saldo Deposit"; font-weight:bold;color:#013066;}
	#listdepositpp td:nth-of-type(5):before { content: "Last Update"; font-weight:bold;color:#013066;}

    #lapdepositpp td:nth-of-type(1):before { content: "TANGGAL"; font-weight:bold;color:#013066;}
	#lapdepositpp td:nth-of-type(2):before { content: "TID"; font-weight:bold;color:#013066;}
	#lapdepositpp td:nth-of-type(3):before { content: "RPDEPOSIT LAMA"; text-align:left;font-weight:bold;color:#013066;}
	#lapdepositpp td:nth-of-type(4):before { content: "RPDEPOSIT BARU"; text-align:left;font-weight:bold;color:#013066;}
	#lapdepositpp td:nth-of-type(5):before { content: "TOTAL DEPOSIT"; text-align:left;font-weight:bold;color:#013066;}
	#lapdepositpp td:nth-of-type(6):before { content: "REFERENSI"; font-weight:bold;color:#013066;}
	#lapdepositpp td:nth-of-type(7):before { content: "USER"; font-weight:bold;color:#013066;}
	#lapdepositpp td:nth-of-type(8):before { content: "HOST"; font-weight:bold;color:#013066;}
	#lapdepositpp td:nth-of-type(9):before { content: "INFO"; font-weight:bold;color:#013066;}

	#listdepositmitra td:nth-of-type(1):before { content: "Wilayah"; font-weight:bold;color:#013066;}
	#listdepositmitra td:nth-of-type(2):before { content: "Mitra"; font-weight:bold;color:#013066;}
	#listdepositmitra td:nth-of-type(3):before { content: "Saldo Deposit"; font-weight:bold;color:#013066;}
	#listdepositmitra td:nth-of-type(4):before { content: "Kredit Deposit"; font-weight:bold;color:#013066;}
	#listdepositmitra td:nth-of-type(5):before { content: "Last Update"; font-weight:bold;color:#013066;}



	#trxdeppp table,
	#trxdeppp thead,
	#trxdeppp tbody,
	#trxdeppp th,
	#trxdeppp td,
	#trxdeppp tr {
		display: block;
	}

	#trxdeppp thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#trxdeppp tr { border: 1px solid #ccc; }

	#trxdeppp td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#trxdeppp td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/**/

	#lapdepositmitrax table,
	#lapdepositmitrax thead,
	#lapdepositmitrax tbody,
	#lapdepositmitrax th,
	#lapdepositmitrax td,
	#lapdepositmitrax tr {
		display: block;
	}

	#lapdepositmitrax thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#lapdepositmitrax tr { border: 1px solid #ccc; }

	#lapdepositmitrax td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#lapdepositmitrax td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/**/

	#trxdepmitra table,
	#trxdepmitra thead,
	#trxdepmitra tbody,
	#trxdepmitra th,
	#trxdepmitra td,
	#trxdepmitra tr {
		display: block;
	}

	#trxdepmitra thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#trxdepmitra tr { border: 1px solid #ccc; }

	#trxdepmitra td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#trxdepmitra td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/**/

	#listappdeposit table,
	#listappdeposit thead,
	#listappdeposit tbody,
	#listappdeposit th,
	#listappdeposit td,
	#listappdeposit tr {
		display: block;
	}

	#listappdeposit thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#listappdeposit tr { border: 1px solid #ccc; }

	#listappdeposit td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#listappdeposit td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	#trxdeppp td:nth-of-type(1):before { content: "RPDEPOSIT LAMA"; text-align:left;font-weight:bold;color:#013066;}
	#trxdeppp td:nth-of-type(2):before { content: "RPTRANSAKSI"; text-align:left;font-weight:bold;color:#013066;}
	#trxdeppp td:nth-of-type(3):before { content: "SISA DEPOSIT"; text-align:left;font-weight:bold;color:#013066;}
	#trxdeppp td:nth-of-type(4):before { content: "REFERENSI"; font-weight:bold;color:#013066;}
	#trxdeppp td:nth-of-type(5):before { content: "USER"; font-weight:bold;color:#013066;}
	#trxdeppp td:nth-of-type(6):before { content: "HOST"; font-weight:bold;color:#013066;}
	#trxdeppp td:nth-of-type(7):before { content: "TANGGAL"; font-weight:bold;color:#013066;}
	#trxdeppp td:nth-of-type(8):before { content: "INFO"; font-weight:bold;color:#013066;}


	#lapdepositmitrax td:nth-of-type(1):before { content: "RPDEPOSIT LAMA"; text-align:left;font-weight:bold;color:#013066;}
	#lapdepositmitrax td:nth-of-type(2):before { content: "RPTRANSAKSI"; text-align:left;font-weight:bold;color:#013066;}
	#lapdepositmitrax td:nth-of-type(3):before { content: "SISA DEPOSIT"; text-align:left;font-weight:bold;color:#013066;}
	#lapdepositmitrax td:nth-of-type(4):before { content: "REFERENSI"; font-weight:bold;color:#013066;}
	#lapdepositmitrax td:nth-of-type(5):before { content: "USER"; font-weight:bold;color:#013066;}
	#lapdepositmitrax td:nth-of-type(6):before { content: "HOST"; font-weight:bold;color:#013066;}
	#lapdepositmitrax td:nth-of-type(7):before { content: "TANGGAL"; font-weight:bold;color:#013066;}
	#lapdepositmitrax td:nth-of-type(8):before { content: "INFO"; font-weight:bold;color:#013066;}


	#trxdepmitra td:nth-of-type(1):before { content: "KREDIT DEPOSIT"; text-align:left;font-weight:bold;color:#013066;}
	#trxdepmitra td:nth-of-type(2):before { content: "RPTRANSAKSI"; text-align:left;font-weight:bold;color:#013066;}
	#trxdepmitra td:nth-of-type(3):before { content: "SISA DEPOSIT"; text-align:left;font-weight:bold;color:#013066;}
	#trxdepmitra td:nth-of-type(4):before { content: "REFERENSI"; font-weight:bold;color:#013066;}
	#trxdepmitra td:nth-of-type(5):before { content: "TANGGAL"; font-weight:bold;color:#013066;}
	#trxdepmitra td:nth-of-type(6):before { content: "INFO"; font-weight:bold;color:#013066;}


	#listappdeposit td:nth-of-type(1):before { content: "Checklist"; text-align:left;font-weight:bold;color:#013066;}
	#listappdeposit td:nth-of-type(2):before { content: "Kode Mitra"; text-align:left;font-weight:bold;color:#013066;}
	#listappdeposit td:nth-of-type(3):before { content: "Nama Mitra"; text-align:left;font-weight:bold;color:#013066;}
	#listappdeposit td:nth-of-type(4):before { content: "Saldo Deposit Awal"; text-align:left;font-weight:bold;color:#013066;}
	#listappdeposit td:nth-of-type(5):before { content: "Saldo Deposit Baru"; text-align:left;font-weight:bold;color:#013066;}
	#listappdeposit td:nth-of-type(6):before { content: "No Ref"; font-weight:bold;color:#013066;}
	#listappdeposit td:nth-of-type(7):before { content: "Status"; font-weight:bold;color:#013066;}
	#listappdeposit td:nth-of-type(8):before { content: "Info"; font-weight:bold;color:#013066;}
	#listappdeposit td:nth-of-type(9):before { content: "Tanggal Inject"; font-weight:bold;color:#013066;}




	#lapapproveldeposit table,
	#lapapproveldeposit thead,
	#lapapproveldeposit tbody,
	#lapapproveldeposit th,
	#lapapproveldeposit td,
	#lapapproveldeposit tr {
		display: block;
	}

	#lapapproveldeposit thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#lapapproveldeposit tr { border: 1px solid #ccc; }

	#lapapproveldeposit td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#lapapproveldeposit td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	#lapapproveldeposit td:nth-of-type(1):before { content: "RPDEPOSIT LAMA"; text-align:left;font-weight:bold;color:#013066;}
	#lapapproveldeposit td:nth-of-type(2):before { content: "RPDEPOSIT BARU"; text-align:left;font-weight:bold;color:#013066;}
	#lapapproveldeposit td:nth-of-type(3):before { content: "TOTAL DEPOSIT"; text-align:left;font-weight:bold;color:#013066;}
	#lapapproveldeposit td:nth-of-type(4):before { content: "REFERENSI"; font-weight:bold;color:#013066;}
	#lapapproveldeposit td:nth-of-type(5):before { content: "USER"; font-weight:bold;color:#013066;}
	#lapapproveldeposit td:nth-of-type(6):before { content: "HOST"; font-weight:bold;color:#013066;}
	#lapapproveldeposit td:nth-of-type(7):before { content: "TANGGAL INJECT"; font-weight:bold;color:#013066;}
	#lapapproveldeposit td:nth-of-type(8):before { content: "TANGGAL APPROVE"; font-weight:bold;color:#013066;}
	#lapapproveldeposit td:nth-of-type(9):before { content: "INFO"; font-weight:bold;color:#013066;}

	/**/


	#infolog table,
	#infolog thead,
	#infolog tbody,
	#infolog th,
	#infolog td,
	#infolog tr {
		display: block;
	}

	#infolog thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#infolog tr { border: 1px solid #ccc; }

	#infolog td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#infolog td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	#infolog .notprepaid:nth-of-type(1):before { content: "TANGGAL"; text-align:left;font-weight:bold;color:#013066;}
	#infolog .notprepaid:nth-of-type(2):before { content: "ACTION"; text-align:left;font-weight:bold;color:#013066;}
	#infolog .notprepaid:nth-of-type(3):before { content: "RC"; text-align:left;font-weight:bold;color:#013066;}
	#infolog .notprepaid:nth-of-type(4):before { content: "STAN"; font-weight:bold;color:#013066;}
	#infolog .notprepaid:nth-of-type(5):before { content: "MERCHANT"; font-weight:bold;color:#013066;}
	#infolog .notprepaid:nth-of-type(6):before { content: "REFNUM"; font-weight:bold;color:#013066;}
	#infolog .notprepaid:nth-of-type(7):before { content: "AMOUNT"; font-weight:bold;color:#013066;}

	#infolog .prepaid:nth-of-type(1):before { content: "TANGGAL"; text-align:left;font-weight:bold;color:#013066;}
	#infolog .prepaid:nth-of-type(2):before { content: "ACTION"; text-align:left;font-weight:bold;color:#013066;}
	#infolog .prepaid:nth-of-type(3):before { content: "RC"; text-align:left;font-weight:bold;color:#013066;}
	#infolog .prepaid:nth-of-type(4):before { content: "STAN"; font-weight:bold;color:#013066;}
	#infolog .prepaid:nth-of-type(5):before { content: "MERCHANT"; font-weight:bold;color:#013066;}
	#infolog .prepaid:nth-of-type(6):before { content: "REFNUM"; font-weight:bold;color:#013066;}
	#infolog .prepaid:nth-of-type(7):before { content: "AMOUNT"; font-weight:bold;color:#013066;}
	#infolog .prepaid:nth-of-type(8):before { content: "TOKEN"; font-weight:bold;color:#013066;}

	/**/


	#infopelunasan table,
	#infopelunasan thead,
	#infopelunasan tbody,
	#infopelunasan th,
	#infopelunasan td,
	#infopelunasan tr {
		display: block;
	}

	#infopelunasan thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#infopelunasan tr { border: 1px solid #ccc; }

	#infopelunasan td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#infopelunasan td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}


	#infopelunasan .postpaid:nth-of-type(1):before { content: "IDPEL";font-weight:bold;color:#013066;}
	#infopelunasan .postpaid:nth-of-type(2):before { content: "BLTH"; font-weight:bold;color:#013066;}
	#infopelunasan .postpaid:nth-of-type(3):before { content: "REFJPA"; font-weight:bold;color:#013066;}
	#infopelunasan .postpaid:nth-of-type(4):before { content: "BANK"; font-weight:bold;color:#013066;}
	#infopelunasan .postpaid:nth-of-type(5):before { content: "TGLLUNAS"; font-weight:bold;color:#013066;}
	#infopelunasan .postpaid:nth-of-type(6):before { content: "RPBAYAR"; font-weight:bold;color:#013066;}
	#infopelunasan .postpaid:nth-of-type(7):before { content: "RPADMIN"; font-weight:bold;color:#013066;}

	#infopelunasan .prepaid:nth-of-type(1):before { content: "NO PELANGGAN";font-weight:bold;color:#013066;}
	#infopelunasan .prepaid:nth-of-type(2):before { content: "NAMA"; font-weight:bold;color:#013066;}
	#infopelunasan .prepaid:nth-of-type(3):before { content: "TOKEN"; font-weight:bold;color:#013066;}
	#infopelunasan .prepaid:nth-of-type(4):before { content: "TARIP / DAYA"; font-weight:bold;color:#013066;}
	#infopelunasan .prepaid:nth-of-type(5):before { content: "REFJPA"; font-weight:bold;color:#013066;}
	#infopelunasan .prepaid:nth-of-type(6):before { content: "BANK"; font-weight:bold;color:#013066;}
	#infopelunasan .prepaid:nth-of-type(7):before { content: "TGLLUNAS"; font-weight:bold;color:#013066;}
	#infopelunasan .prepaid:nth-of-type(8):before { content: "RPBAYAR"; font-weight:bold;color:#013066;}
	#infopelunasan .prepaid:nth-of-type(9):before { content: "RPADMIN"; font-weight:bold;color:#013066;}

	#infopelunasan .nonrek:nth-of-type(1):before { content: "NO PELANGGAN";font-weight:bold;color:#013066;}
	#infopelunasan .nonrek:nth-of-type(2):before { content: "NAMA BANK"; font-weight:bold;color:#013066;}
	#infopelunasan .nonrek:nth-of-type(3):before { content: "TGLLUNAS"; font-weight:bold;color:#013066;}
	#infopelunasan .nonrek:nth-of-type(4):before { content: "RPBAYAR"; font-weight:bold;color:#013066;}
	#infopelunasan .nonrek:nth-of-type(5):before { content: "RPADMIN"; font-weight:bold;color:#013066;}


	/**/

	#pp table,
	#pp thead,
	#pp tbody,
	#pp th,
	#pp td,
	#pp tr {
		display: block;
	}

	#pp thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#pp tr { border: 1px solid #ccc; }

	#pp td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#pp td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	.namapp{
		display:none;
	}

	#pp td:nth-of-type(1):before { content: "Wilayah"; text-align:left; font-size:10px;font-weight:bold;color:#013066;}
	#pp td:nth-of-type(2):before { content: "Terminalid"; text-align:left; font-weight:bold;color:#013066;}
	#pp td:nth-of-type(3):before { content: "Nama PP"; text-align:left; font-weight:bold;color:#013066;}
	#pp td:nth-of-type(4):before { content: "Nama Mitra"; text-align:left; font-weight:bold;color:#013066;}
	#pp td:nth-of-type(5):before { content: "Alamat"; text-align:left; font-weight:bold;color:#013066;}
	#pp td:nth-of-type(6):before { content: "Switching"; text-align:left; font-weight:bold;color:#013066;}
	#pp td:nth-of-type(7):before { content: "Status"; text-align:left; font-weight:bold;color:#013066;}
	#pp td:nth-of-type(8):before { content: "Tools"; text-align:left; font-weight:bold;color:#013066;}

	/**/

	#pp2 table,
	#pp2 thead,
	#pp2 tbody,
	#pp2 th,
	#pp2 td,
	#pp2 tr {
		display: block;
	}

	#pp2 thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#pp2 tr { border: 1px solid #ccc; }

	#pp2 td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#pp2 td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	#pp2 td:nth-of-type(1):before { content: "Wilayah"; text-align:left; font-size:10px;font-weight:bold;color:#013066;}
	#pp2 td:nth-of-type(2):before { content: "Terminalid"; text-align:left; font-weight:bold;color:#013066;}
	#pp2 .namapp:nth-of-type(3):before { content: "Nama PP"; text-align:left; font-weight:bold;color:#013066;}
	#pp2 .namamitra:nth-of-type(4):before { content: "Nama Mitra"; text-align:left; font-weight:bold;color:#013066;}
	#pp2 .alamatmitra:nth-of-type(5):before { content: "Alamat"; text-align:left; font-weight:bold;color:#013066;}
	#pp2 td:nth-of-type(6):before { content: "Switching"; text-align:left; font-weight:bold;color:#013066;}
	#pp2 td:nth-of-type(7):before { content: "Login"; text-align:left; font-size:10px;font-weight:bold;color:#013066;}

	/**/

	#tableuser table,
	#tableuser thead,
	#tableuser tbody,
	#tableuser th,
	#tableuser td,
	#tableuser tr {
		display: block;
	}

	#tableuser thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#tableuser tr { border: 1px solid #ccc; }

	#tableuser td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#tableuser td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
	}

	#tableuser td:nth-of-type(1):before { content: "User"; text-align:left; font-weight:bold;color:#013066;}
	#tableuser td:nth-of-type(2):before { content: "Privilages"; text-align:left; font-weight:bold;color:#013066;}
	#tableuser td:nth-of-type(3):before { content: "Wilayah"; text-align:left; font-weight:bold;color:#013066;}
	#tableuser td:nth-of-type(4):before { content: "Keterangan"; text-align:left; font-weight:bold;color:#013066;}
	#tableuser td:nth-of-type(5):before { content: "Email"; text-align:left; font-weight:bold;color:#013066;}
	#tableuser td:nth-of-type(6):before { content: "Kode Deposit"; text-align:left; font-weight:bold;color:#013066;}
	#tableuser td:nth-of-type(7):before { content: ""; text-align:left; font-weight:bold;color:#013066;}

	/**/

	#tablemitra table,
	#tablemitra thead,
	#tablemitra tbody,
	#tablemitra th,
	#tablemitra td,
	#tablemitra tr {
		display: block;
	}

	#tablemitra thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#tablemitra tr { border: 1px solid #ccc; }

	#tablemitra td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#tablemitra td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
	}

	#tablemitra td:nth-of-type(1):before { content: "Wilayah"; text-align:left; font-weight:bold;color:#013066;}
	#tablemitra td:nth-of-type(2):before { content: "Nama Bank"; text-align:left; font-weight:bold;color:#013066;}
	#tablemitra td:nth-of-type(3):before { content: "Kd mitra"; text-align:left; font-weight:bold;color:#013066;}
	#tablemitra td:nth-of-type(4):before { content: "Nama Mitra"; text-align:left; font-weight:bold;color:#013066;}
	#tablemitra td:nth-of-type(5):before { content: "Alamat"; text-align:left; font-weight:bold;color:#013066;}
	#tablemitra td:nth-of-type(6):before { content: ""; text-align:left; font-weight:bold;color:#013066;}

	/**/

	#inf0mitra table,
	#inf0mitra thead,
	#inf0mitra tbody,
	#inf0mitra th,
	#inf0mitra td,
	#inf0mitra tr {
		display: block;
	}

	#inf0mitra thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#inf0mitra tr { border: 1px solid #ccc; }

	#inf0mitra td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#inf0mitra td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
	}



	#inf0mitra td:nth-of-type(1):before { content: "Wilayah"; text-align:left; font-weight:bold;color:#013066;}
	#inf0mitra td:nth-of-type(2):before { content: "Nama Bank"; text-align:left; font-weight:bold;color:#013066;}
	#inf0mitra td:nth-of-type(3):before { content: "Kd mitra"; text-align:left; font-weight:bold;color:#013066;}
	#inf0mitra td:nth-of-type(4):before { content: "Nama Mitra"; text-align:left; font-weight:bold;color:#013066;}
	#inf0mitra td:nth-of-type(5):before { content: "Alamat"; text-align:left; font-weight:bold;color:#013066;}
	#inf0mitra td:nth-of-type(6):before { content: "Status"; text-align:left; font-weight:bold;color:#013066;}


	/**/

	#sample-table-9 table,
	#sample-table-9 thead,
	#sample-table-9 tbody,
	#sample-table-9 th,
	#sample-table-9 td,
	#sample-table-9 tr {
		display: block;
	}

	#sample-table-9 thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#sample-table-9 tr { border: 1px solid #ccc; }

	#sample-table-9 td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#sample-table-9 td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
	}

	#sample-table-9 td:nth-of-type(1):before { content: "TANGGAL"; text-align:left; font-weight:bold;color:#013066;}
	#sample-table-9 td:nth-of-type(2):before { content: "LEMBAR"; text-align:left; font-weight:bold;color:#013066;}
	#sample-table-9 td:nth-of-type(3):before { content: "TAGIHAN"; text-align:left; font-weight:bold;color:#013066;}
	#sample-table-9 td:nth-of-type(4):before { content: "ADMIN"; text-align:left; font-weight:bold;color:#013066;}
	#sample-table-9 td:nth-of-type(5):before { content: "TOTAL"; text-align:left; font-weight:bold;color:#013066;}

	.total th:nth-of-type(1):before { content: "GRAND "; text-align:left; font-weight:bold;color:#013066;}
	.total th:nth-of-type(2):before { content: "TOTAL LEMBAR : "; text-align:left; font-weight:bold;color:#013066;}
	.total th:nth-of-type(3):before { content: "TOTAL TAGIHAN : "; text-align:left; font-weight:bold;color:#013066;}
	.total th:nth-of-type(4):before { content: "TOTAL ADMIN : "; text-align:left; font-weight:bold;color:#013066;}
	.total th:nth-of-type(5):before { content: "GRAND TOTAL : "; text-align:left; font-weight:bold;color:#013066;}

	/**/

	#detailwilayah table,
	#detailwilayah thead,
	#detailwilayah tbody,
	#detailwilayah th,
	#detailwilayah td,
	#detailwilayah tr {
		display: block;
	}

	#detailwilayah thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#detailwilayah tr { border: 1px solid #ccc; }

	#detailwilayah td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#detailwilayah td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
	}

	#detailwilayah td:nth-of-type(1):before { content: "KETERANGAN"; text-align:left; font-weight:bold;color:#013066;}
	#detailwilayah td:nth-of-type(2):before { content: "LEMBAR"; text-align:left; font-weight:bold;color:#013066;}
	#detailwilayah td:nth-of-type(3):before { content: "TAGIHAN"; text-align:left; font-weight:bold;color:#013066;}
	#detailwilayah td:nth-of-type(4):before { content: "ADMIN"; text-align:left; font-weight:bold;color:#013066;}
	#detailwilayah td:nth-of-type(5):before { content: "TOTAL"; text-align:left; font-weight:bold;color:#013066;}


	/**/

	#detailmitraa table,
	#detailmitraa thead,
	#detailmitraa tbody,
	#detailmitraa th,
	#detailmitraa td,
	#detailmitraa tr {
		display: block;
	}

	#detailmitraa thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#detailmitraa tr { border: 1px solid #ccc; }

	#detailmitraa td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#detailmitraa td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
	}

	#detailmitraa td:nth-of-type(1):before { content: "KETERANGAN"; text-align:left; font-weight:bold;color:#013066;}
	#detailmitraa td:nth-of-type(2):before { content: "LEMBAR"; text-align:left; font-weight:bold;color:#013066;}
	#detailmitraa td:nth-of-type(3):before { content: "TAGIHAN"; text-align:left; font-weight:bold;color:#013066;}
	#detailmitraa td:nth-of-type(4):before { content: "ADMIN"; text-align:left; font-weight:bold;color:#013066;}
	#detailmitraa td:nth-of-type(5):before { content: "TOTAL"; text-align:left; font-weight:bold;color:#013066;}


	/**/



	#pplapdetail table,
	#pplapdetail thead,
	#pplapdetail tbody,
	#pplapdetail th,
	#pplapdetail td,
	#pplapdetail tr {
		display: block;
	}

	#pplapdetail thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#pplapdetail tr { border: 1px solid #ccc; }

	#pplapdetail td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#pplapdetail td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
	}

	#pplapdetail td:nth-of-type(1):before { content: "KETERANGAN"; text-align:left; font-weight:bold;color:#013066;}
	#pplapdetail td:nth-of-type(2):before { content: "LEMBAR"; text-align:left; font-weight:bold;color:#013066;}
	#pplapdetail td:nth-of-type(3):before { content: "TAGIHAN"; text-align:left; font-weight:bold;color:#013066;}
	#pplapdetail td:nth-of-type(4):before { content: "ADMIN"; text-align:left; font-weight:bold;color:#013066;}
	#pplapdetail td:nth-of-type(5):before { content: "TOTAL"; text-align:left; font-weight:bold;color:#013066;}


	/* FRONT */
	#homehriini,#detailhomehriini,#homehrikemarin,#detailhomehrikemarin{
		font-size:8px;
	}
	#homehriini .btn{
		font-size:8px;
	}
	#homehrikemarin .btn{
		font-size:8px;
	}

	#homekemarin{
		width:auto;
	}

	#settle table,
	#settle thead,
	#settle tbody,
	#settle th,
	#settle td,
	#settle tr {
		display: block;
	}

	#settle thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#settle tr { border: 1px solid #ccc; }

	#settle td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#settle td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
	}

	#settle td:nth-of-type(1):before { content: "TERMINALID"; text-align:left; font-weight:bold;color:#013066;}
	#settle td:nth-of-type(2):before { content: "PRODUK"; text-align:left; font-weight:bold;color:#013066;}
	#settle td:nth-of-type(3):before { content: "LBR PP"; text-align:left; font-weight:bold;color:#013066;}
	#settle td:nth-of-type(4):before { content: "RPTAG PP"; text-align:left; font-weight:bold;color:#013066;}
	#settle td:nth-of-type(5):before { content: "LBR SRV"; text-align:left; font-weight:bold;color:#013066;}
	#settle td:nth-of-type(6):before { content: "RPTAG SRV"; text-align:left; font-weight:bold;color:#013066;}
	#settle td:nth-of-type(7):before { content: "TANGGAL"; text-align:left; font-weight:bold;color:#013066;}
	#settle td:nth-of-type(8):before { content: "STATUS"; text-align:left; font-weight:bold;color:#013066;}

	/**/
	#tablemitraho table,
	#tablemitraho thead,
	#tablemitraho tbody,
	#tablemitraho th,
	#tablemitraho td,
	#tablemitraho tr {
		display: block;
	}

	#tablemitraho thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#tablemitraho tr { border: 1px solid #ccc; }

	#tablemitraho td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#tablemitraho td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
	}

	#tablemitraho td:nth-of-type(1):before { content: "Kode Mitra"; text-align:left; font-weight:bold;color:#013066;}
	#tablemitraho td:nth-of-type(2):before { content: "Nama MItra"; text-align:left; font-weight:bold;color:#013066;}
	#tablemitraho td:nth-of-type(3):before { content: "Alamat"; text-align:left; font-weight:bold;color:#013066;}
	#tablemitraho td:nth-of-type(4):before { content: "NoTelp"; text-align:left; font-weight:bold;color:#013066;}

	/**/

	/**/
	#inf0mitraHO table,
	#inf0mitraHO thead,
	#inf0mitraHO tbody,
	#inf0mitraHO th,
	#inf0mitraHO td,
	#inf0mitraHO tr {
		display: block;
	}

	#inf0mitraHO thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#inf0mitraHO tr { border: 1px solid #ccc; }

	#inf0mitraHO td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#inf0mitraHO td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
	}

	#inf0mitraHO td:nth-of-type(1):before { content: "Kode Mitra"; text-align:left; font-weight:bold;color:#013066;}
	#inf0mitraHO td:nth-of-type(2):before { content: "Nama MItra"; text-align:left; font-weight:bold;color:#013066;}
	#inf0mitraHO td:nth-of-type(3):before { content: "Alamat"; text-align:left; font-weight:bold;color:#013066;}
	#inf0mitraHO td:nth-of-type(4):before { content: "NoTelp"; text-align:left; font-weight:bold;color:#013066;}

	/**/


	#ppmb table,
	#ppmb thead,
	#ppmb tbody,
	#ppmb th,
	#ppmb td,
	#ppmb tr {
		display: block;
	}

	#ppmb thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#ppmb tr { border: 1px solid #ccc; }

	#ppmb td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#ppmb td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	.namapp{
		display:none;
	}

	#ppmb td:nth-of-type(1):before { content: "Wilayah"; text-align:left; font-size:10px;font-weight:bold;color:#013066;}
	#ppmb td:nth-of-type(2):before { content: "Terminalid"; text-align:left; font-weight:bold;color:#013066;}
	#ppmb td:nth-of-type(3):before { content: "Nama PP"; text-align:left; font-weight:bold;color:#013066;}
	#ppmb td:nth-of-type(4):before { content: "Nama Mitra"; text-align:left; font-weight:bold;color:#013066;}
	#ppmb td:nth-of-type(5):before { content: "Alamat"; text-align:left; font-weight:bold;color:#013066;}
	#ppmb td:nth-of-type(6):before { content: "Switching"; text-align:left; font-weight:bold;color:#013066;}
	#ppmb td:nth-of-type(7):before { content: "Status"; text-align:left; font-weight:bold;color:#013066;}
	#ppmb td:nth-of-type(8):before { content: "Tools"; text-align:left; font-weight:bold;color:#013066;}
	
	
	/**/
	
	
	#infocetakulang table,
	#infocetakulang thead,
	#infocetakulang tbody,
	#infocetakulang th,
	#infocetakulang td,
	#infocetakulang tr {
		display: block;
	}

	#infocetakulang thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#infocetakulang tr { border: 1px solid #ccc; }

	#infocetakulang td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#infocetakulang td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}


	#infocetakulang .postpaid:nth-of-type(1):before { content: "IDPEL";font-weight:bold;color:#013066;}
	#infocetakulang .postpaid:nth-of-type(2):before { content: "TID"; font-weight:bold;color:#013066;}
	#infocetakulang .postpaid:nth-of-type(3):before { content: "BLTH"; font-weight:bold;color:#013066;}
	#infocetakulang .postpaid:nth-of-type(4):before { content: "REFJPA"; font-weight:bold;color:#013066;}
	#infocetakulang .postpaid:nth-of-type(5):before { content: "TGLLUNAS"; font-weight:bold;color:#013066;}
	#infocetakulang .postpaid:nth-of-type(6):before { content: "RPBAYAR"; font-weight:bold;color:#013066;}
	#infocetakulang .postpaid:nth-of-type(7):before { content: "RPADMIN"; font-weight:bold;color:#013066;}

	#infocetakulang .prepaid:nth-of-type(1):before { content: "NO PELANGGAN";font-weight:bold;color:#013066;}
	#infocetakulang .prepaid:nth-of-type(2):before { content: "TID"; font-weight:bold;color:#013066;}
	#infocetakulang .prepaid:nth-of-type(3):before { content: "TOKEN"; font-weight:bold;color:#013066;}
	#infocetakulang .prepaid:nth-of-type(4):before { content: "REFJPA"; font-weight:bold;color:#013066;}
	#infocetakulang .prepaid:nth-of-type(5):before { content: "TGLLUNAS"; font-weight:bold;color:#013066;}
	#infocetakulang .prepaid:nth-of-type(6):before { content: "RPBAYAR"; font-weight:bold;color:#013066;}
	#infocetakulang .prepaid:nth-of-type(7):before { content: "RPADMIN"; font-weight:bold;color:#013066;}

	#infocetakulang .nonrek:nth-of-type(1):before { content: "NO PELANGGAN";font-weight:bold;color:#013066;}
	#infocetakulang .nonrek:nth-of-type(2):before { content: "NAMA BANK"; font-weight:bold;color:#013066;}
	#infocetakulang .nonrek:nth-of-type(3):before { content: "TGLLUNAS"; font-weight:bold;color:#013066;}
	#infocetakulang .nonrek:nth-of-type(4):before { content: "RPBAYAR"; font-weight:bold;color:#013066;}
	#infocetakulang .nonrek:nth-of-type(5):before { content: "RPADMIN"; font-weight:bold;color:#013066;}

}​