/*TRIPLE-C STUDIO*/
/*Halaman PRINT AREA*/
#printall{
	font-family: Times;
	font-size: 11pt;
}
#hide, .hide{
	display: none;
}
#show, .show{
	display: inherit;
}
p{
	margin: 0px;
}
h1, h2, h3, h4, h5, h6 {
	text-align: center;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
ol, ul {
	padding-left: 20px;
	margin: 0px;
}
ol li, ul li{
	text-align: justify;
}
.paragraf{
	text-indent: 50px;
}
.tandatangan {
	padding-left: 50%;
	text-align: center;
}
.small {
	font-size: 10pt;
}
.big {
	font-size: 20pt;
}
.a{ text-transform: uppercase; }
.b{ font-weight: bold; }
.c{ text-align: center; }
.d{ cursor: default; }
.e{ empty-cells: hide; }
.f{ width: 100%; }
.g{ }
.h{ overflow: scroll; }
.i{ font-style: italic; }
.j{ text-align: justify; }
.k{ }
.l{ text-align: left; }
.m{ vertical-align: middle; }
.n{ font-weight: normal; }
.o{ }
.p{ cursor: pointer; }
.q{ }
.r{ text-align: right; }
.s{ overflow: scroll; }
.t{ vertical-align: top; }
.u{ text-decoration: underline; }
.v{ }
.w{ }
.x{ overflow-x: scroll; }
.y{ overflow-y: scroll; }
.z{ }

.fl{ float: left; }
.fr{ float: right; }
.oh{ overflow: hidden; }
.os{ overflow: scroll; }

/* WIDTH on Percent
 * CLASS = fifty, ninety, max70, max50, max40
 */
.fifty{
	width: 50%;
}
.seventy{
	width: 70%;
}
.thirdty{
	width: 30%;
}
.thirdty3{
	width: 33%;
}
.twinty{
	width: 20%;
}
.twinty-five{
	width: 25%;
}
.ninety{
	width: 90%;
}
.max70{
	max-width: 70%;
}
.max50{
	max-width: 50%;
}
.max40{
	max-width: 40%;
}

/* WIDTH on Pixel
 * CLASS = w30, w50, w75, w100
 */
.w30{
	width: 30px;
	text-align: center;
}
.w50{
	width: 50px;
	text-align: center;
}
.w75{
	width: 75px;
	text-align: center;
}
.w100{
	width: 100px;
	text-align: center;
}

/* MARGIN on Pixel
 * CLASS = ml, mr
 * 10, 50, 100
 */
.ml10{
	margin-left: 10px;
}
.ml50{
	margin-left: 50px;
}
.ml100{
	margin-left: 100px;
}
.mr10{
	margin-right: 10px;
}
.mr50{
	margin-right: 50px;
}
.mr100{
	margin-right: 100px;
}

.clear{
	clear: both;
}
/* KOP NOTA PRINT */
#kop-surat{
	margin-bottom: 20px;
}
#kop-surat #kop-kiri{
	width: 120px;
	height: 120px;
	float: left;
}
#kop-surat #kop-kiri img{
	width: 100%;
}
#kop-surat #kop-kanan{
	overflow: hidden;
}
#kop-surat #kop-clear{
	clear: both;
	border: 1px solid #000;
	margin: 10px;
	padding: 0px 10px;
	font-size: 13pt;
}
#isi-surat{
	padding: 10px;
}

/* ======================================================================================================================================= CV.TRIPLE-C ==============
 * TABLE CSS
 * Class = Table
 */
.table, .table_bw {
	width: 100%;
	border-collapse: collapse;
}
.table thead, .table_bw thead {
	background: none;
}
.table thead tr td, .table_bw thead tr td {
	border: 1px solid #000;
	text-align: center;
	font-weight: bold;
	color: #000;
}
.table tbody tr td, .table_bw tbody tr td {
	border: 1px solid #000;
}
.table tbody tr:nth-child(even) {
	background: rgba(0, 0, 0, 0.3);
}
.table tfoot tr td, .table_bw tfoot tr td {
	background: none;
	border: 1px solid #000;
	font-weight: bold;
}
.nomor{
	text-align: center;
}
.money{
	text-align: right;
}
.page-break{ 
	display:block; 
	page-break-before:always; 
}
td #print-footer{
	position: absolute;
	bottom: 0px;
}