.main-sidebar .sidebar-brand a .logo-name{font-size: 14px;letter-spacing: 0px;}
#idCard .image-preview{width: 393px;}
.article .article-header.idcard{border-radius: 3px 3px 0px 0px;}
.article .article-details{border-radius: 0px 0px 3px 3px;}
.article .article-header.idcard .article-image{background-size: contain;}
.article .article-header.idcard .article-title{
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.8) 99%, rgba(0,0,0,0.8) 100%);
}
.cetak-card{
	background-size: 100%; 
	background-repeat: no-repeat; 
	padding-top: 20px;
	padding-bottom: 20px; 
	width: 488px; 
	height: 307px; 
	overflow: hidden;
	font-family: 'Arial', sans-serif;
}

@media print{
	@page {
	    size: landscape; /* auto is default portrait; landscape*/
	    margin: 0.0mm;
	}

	body{
		overflow-x: unset;
		size: landscape;
		padding: 0;
		margin: 0;
	}

	.loader, .navbar-bg, .navbar, .main-sidebar, .main-footer, .removeElement{
		display: none;
	}

	.section>*:first-child {
	    margin-top: 0px !important;
	}

	.main-content {
		padding-left: 0px !important;
		padding-right: 0px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		min-height: 100px;
		max-height: 100%;
	}
	.wrap-cetak-card{
		display: block;
		width: 488px;
		height: 307px;
		margin: 0px !important;
	}
	.wrap-cetak-card .col-12.col-md-12.col-lg-4{
		display: block;
		max-width: 100%;
		height: 100%;
		padding: 0px !important;
	}

	.card.author-box{
		display: block;
		width: 100%;
		height: 100%;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.card.author-box.card-belakang .cetak-card{rotate: 180deg}
}
.card.author-box{width: fit-content;}

/*KTM*/
.photo{
	background: #ffffff;
	height: 112px;
	width: 83px;
	display: block;
	position: absolute;
	top: 140.5px;
	left: 34px;
	overflow: hidden;
}

.data_pengguna{
	display: block;
	position: absolute;
	top: 140px;
	left: 130px;
	font-size: 11pt;
	line-height: normal;
	font-weight: 600;
	color: #333;
}

.data_pengguna div{
	padding-left: 48pt;
	margin-bottom: 2.75pt;
}

.data_pengguna .nama_pengguna{
	font-family: 'Arial';
	font-size: 14pt;
	color: #066935;
	padding-left: 0pt;
	margin-top: 4pt;
    margin-bottom: 3pt;
    font-weight: bold;
}

.nama_ayah{
	font-size: 10pt;
    font-weight: 600;
    color: #fff;
    background: rgb(5, 104, 53);
    padding: 0pt 10pt 0px 35px;
    margin-bottom: 0;
    line-height: 35px;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 35px;
    width: 370px;
    border-radius: 0px 0px 50px 0px;
    text-align: left;
}

.berlaku{
	width: fit-content;
    position: absolute;
    top: 119px;
    left: 155px;
    right: 0;
    background: #f2c602;
    color: #066935;
    border: 1.25pt solid #066935;
    padding: 3px 10px;
    border-radius: 0px 0px 10px 10px;
    font-size: 8pt;
    font-weight: bold;
    line-height: 8pt;
}

/*KTS*/
.kts .photo{
	height: 129px;
    width: 96px;
    top: 144px;
    left: 26px;
}
.kts .data_pengguna{
	display: block;
	position: absolute;
	top: 140px;
	left: 140px;
	font-size: 9pt;
	line-height: normal;
	font-weight: 600;
	color: #000;
	width: 321px;
}
.kts .data_pengguna th, .kts .data_pengguna td{
    font-size: 14px;
    line-height: 1.25;
    width: auto;
    min-width: 70px;
    vertical-align: baseline;
}
.kts .data_pengguna .nama_pengguna th{
	color: #02452e;
    padding-left: 0px;
    margin-bottom: 0pt;
    margin-top: 0px;
    font-size: 15pt;
    width: 100%;
    height: auto;
    text-transform: uppercase;
    font-family: 'Arial Black';
}


/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLmNzcyIsInNvdXJjZXMiOlsiY3VzdG9tLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9 */
/*# sourceMappingURL=custom.css.map */