.irf_no_bg
{	border:none !important;
	background:#DEDEDE !important;
	box-shadow:none !important;
}
.irf_bold
{	font-weight:bold;
}
.irf_table td
{	border:none;
	text-align:left;
	vertical-align:top;
	margin:0;

}
.irf_table 
{	margin:0 auto;
}
.irf_table_admin
{	width:60%;
}
.irf_luas
{	width:150px;
}
.tabel_admin input:hover, .back_button
{	cursor:pointer;
}

.tabel_hitung , .tabel_admin
{	border-collapse:collapse;
}
.tabel_hitung td
{	text-align:center;
	vertical-align:top;
	background:#ECECEC !important;
	border:1px solid #DEDEDE;
	padding:3px !important;
	font-size:12px;
	line-height:1.2em;
}
.tabel_hitung  input[type=text]
{	width:60px !important;
	text-align:center;
}
.tabel_hitung  input[type=options]
{	width:auto !important;
}
.tabel_hitung  input[type=text], .tabel_hitung  input[type=options]
{	padding:2px !important;
	box-shadow:none !important;
	background:#FFF !important;
	font-size:14px;

}
.tr_atas td
{	
}
.inputan input, .inputan select
{	border:1px solid #FAC300 !important;
}


/* Pewarnaan */
.a_5, .a_6, .b_3, .b_4, .b_5, .b_6, .b_7, .c_3, .c_4 {
	background-color: #F00;
}







/* Panjang masing2 */
.a_1, .a_2, .a_3, .a_4, .a_5, .a_6, .b_1, .b_2, .b_3, .b_4, .b_5, .b_6, .b_7, .c_1, .c_2, .c_3, .c_4
{	float:left;
}
.a_1, .a_2, .a_5, .a_6
{	width:85px;
}
.a_3{	
	width:180px;
}
.a_4{
	width:120px;
}

.b_1, .b_3, .b_4, .b_5, .b_6, .b_7
{	width:92px;
}
.b_2
{	width:120px;
}
.c_1, .c_2, .c_3, .c_4
{	width:100px;
}

/* Untuk Border */

.a_1, .a_2, .a_3, .a_4, .a_5, .a_6, .b_1, .b_2, .b_3, .b_4, .b_5, .b_6, .b_7, .c_1, .c_2, .c_3, .c_4
{	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.a_6, .b_7, .c_4
{	border-right:1px solid #CCC;
}
.atas, .tengah, .bata, .bawah
{	text-align:center;
	font-size:12px;
	line-height:14px;
	background:#DEDEDE;
}
.div_a .atas
{	height:30px;
}
.div_b .atas
{	height:45px;
}
.div_c .atas
{	height:20px;
}
.atas
{	padding:4px 0;
}
.tengah
{	height:30px;
	vertical-align:middle;
}
.bata
{	height:30px;
	vertical-align:middle;
}

.bawah
{	height:30px;
}


.tengah input[type="text"]
{	width:50px !important;
	text-align:center;
	padding:2px !important;
	box-shadow:none !important;
	margin: 0 auto !important;
}
.tengah select
{	width:110px !important;
	margin: 0 auto !important;
}

.bata select
{	width:170px !important;
	margin: 0 auto !important;
}


.pilihan input, .pilihan select
{	border:1px solid #FAC300 !important;
}

.hasil input, .hasil select
{	background:#FFF !important;
	border:1px solid #FF6666 !important;
}















/* #Tablet (Landscape)
================================================== Skeleton */
/* Note: Design for a width of 768px - 959px */

@media only screen and (min-width: 768px) and (max-width: 959px) {


/* Panjang masing2 */
.a_1, .a_2, .a_3, .a_4, .a_5, .a_6, .b_1, .b_2, .b_3, .b_4, .b_5, .b_6, .c_1, .c_2, .c_3, .c_4
{	float:left;
}
.a_1, .a_2, .a_5, .a_6
{	width:85px;
}
.a_3, .a_4
{	width:175px;
}
.a_4{
	width:100px;
}


.b_1, .b_3, .b_4, .b_5, .b_6
{	width:92px;
}
.b_2
{	width:100px;
}
.c_1, .c_2, .c_3, .c_4
{	width:100px;
}

}
.z_kiri
{	width:100px;
}
.z_titik
{	width:8px;
	text-align:center;
}
.z_kanan
{	width:220px;
}
.z_kiri, .z_titik, .z_kanan
{	float:left;
	vertical-align:top;
	margin-top:5px;
}
.z_kiri
{	clear:both;
}
.z_kanan input, .z_kanan textarea
{	width:100%;
}
.b_pendek
{	width:50px !important;
}

/* #Tablet (Portrait)
================================================== Skeleton */
/* Note: Design for a width of 768px */

@media only screen and (max-width: 767px) {

.a_4, .b4, .b7
{	clear:both:
}
.a_3, .b3, .b6
{	border-right:1px solid #CCC;
}


}


/* #Mobile (Landscape)
================================================== Skeleton */
/* Note: Design for a width of 480px - 767px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.a_3, .a_5, .b_3, .b_5, .b_7, .c_3
{	clear:both;
}
.a_2, .a_4, .b_2, .b_4, .b_6, .c_2
{	border-right:1px solid #CCC;
}

.a_6, .c_4
{	border-right:none;
}
}
	
/* #Media Queries
================================================== Custom */


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.a_1, .a_2, .a_5{	
 	width:170px;
	}

.a_3{	
 	width:210px;
	}

.a_4{	
 	width:129px;
	}
.a_6{	
 	width:171px;
	}


.b_1, .b_2, .b_3, .b_4, .b_5, .b_6, .b_7{	
	width:170px;
	}

.c_1, .c_2, .c_3, .c_4{	
	width:170px;
	}		
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.a_1, .a_2,.a_3, .a_4, .a_5{	
 	width:110px;
	}

.a_3{	
 	width:220px;
	clear:both;
	}

.a_4{	
 	width:221px;
	}
.a_6{	
 	width:109px;
	}


.b_1, .b_2, .b_3, .b_4, .b_5, .b_6, .b_7{	
	width:110px;
	}

.c_1, .c_2, .c_3{	
	width:110px;
	}
.c_4{	
 	width:109px;
	}

}