.pagination{
	display:inline-block;
	border:1px solid #ccc;
	background:navy;
	color:#fff;
	padding:6px 10px;
	line-height:12px;
	font-size:0.8em;
	margin-right:1px;
}
.pagination:hover{
	display:inline-block;
	background:#fff;
	color:#000;
	border:1px solid #ccc;
	padding:6px 10px;
	line-height:12px;
	font-size:0.8em;
	margin-right:2px;
}

.inactive{display:none;}
.active{
	display:inline-block;
	border:1px solid #000;
	border-radius:5px;
	background:#fff;
	color:#000;
	padding:6px 10px;
	line-height:12px;
	font-size:0.8em;
	margin-right:1px;
	}

.hide{display:none;}
#btnmenu{position:fixed;top:150px;left:-7px;width:50px;z-index:100001;cursor:pointer;}
.sidebarshow{position:fixed;top:0px;left:0px;padding:100px 30px 30px 30px;width:300px;box-shadow:1px 1px 15px #ccc;height:100vh;background:#21397D;color:#fff;z-index:910;}
.contentshow{
	padding:10px 30px 30px 330px;
	width:98%;
}
.contenthide{
	padding:10px 30px 30px 30px;
	width:90%;
	margin:0 auto;
	
}

@media screen and (max-width:768px){
	.sidebarshow{position:fixed;z-index:910;height:100vh;padding-top:20px;background:#21397D;color:#fff;}
	.contentshow{
	padding:10px 30px 30px 10px;
	}
}
.container{max-width:100% !important;}
#mainlogo{width:50%;max-width:420px;}
#wrow tr:hover{color:#000; background:#D8E0F9 !important;}
#wrow tr{color:#000;border-bottom:1px solid #000;}
table{width:100%;}
#wrow .trhead {background:navy;color:#fff;border-top:2px solid #000;border-bottom:1px solid #ccc;}
#nrow tr {border:none !important;}
#kwt{
	position:fixed;
	width:100%;
	height:100vh;
	background:rgba(255,255, 255,1);
	padding:50px 30px 10px 30px;
}
.ckwt{
	width:100%;
	height:110mm;
	min-height:500px;
	background:linear-gradient(rgba(255,255, 255, 0.82), rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.82)), url(../img/bgkwt.png);
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
	padding:10px 30px 30px 30px;
}
.kwt-on{
	z-index:8000;
	top:0;left:0;
}
.kwt-off{
	top:0;left:-100%;
	z-index:8000;
}
@media print{
	.noprint, #footer, #main{display:none;}
	#kwt{
		padding:20px 10px 10px 10px;
	}
	td{padding:3px 3px 3px 3px;}
	#ckwt{height:110mm;}
	#nrow, #nb{font-size:11px;	}
	#angsx{font-size:12px;	}
}
@media only screen{
	#kwthidden{	
		display:none;
	}
}
#pembayaran{
		position:fixed;
		width:100%;
		height:100vh;
		overflow-y:auto;
		padding:100px 30px 30px 30px;
		z-index:890;
		background:linear-gradient(rgba(12, 6, 114, 0.92), rgba(12, 6, 114, 0.72), rgba(12, 6, 114, 0.92));
		background-size:cover;
		background-position:center center
}
@media screen and (max-width:768px){
	#pembayaran{
			padding:100px 10px 10px 10px !important;
	}
	form{
			padding:20px 10px 10px 10px !important;
	}
	
	
}
#midkop{
		border-right:1px solid #999;;
		text-align:left;
	}
#midkop span{
		font-size:2em;text-align:left;font-family:Arial;
	}
@media screen and (max-width:720px){
	#leftkop, #midkop{
		border-right:none !important;
		width:100% !important;
		text-align:center;
	}
	#midkop span{
		font-size:1em;text-align:center;font-family:Arial;
	}
	td{font-size:0.9em !important;}
}

.pemb-on{left:0px;top:0px;}
.pemb-off{left:-6000px;top:0px;}
.dbiayal{width:50%;display:inline-block;text-align:left;}
.dbiayar{width:40%;display:inline-block;text-align:right;}
@page {
  size: auto !important;
}
::-ms-input-placeholder { /* Edge 12-18 */
  color: #ccc;
}

::placeholder {
  color: #ccc;
}
.table{display:table;text-align:center;width:100%;padding-top:10px;height:100vh;}
.table-cell{display:table-cell;vertical-align:middle;text-align:center;}