/* CV.TRIPLE-C
 * (COMPUTER CARE CENTER) Banjarmasin
 * Perusahaan Pengembang Aplikasi Berbasis Web
 * Order Contact: +62 82155717976
 */

/* =======================================  RESPONSIVE  =======================================
 * ======================================= WIDTH 800 px =======================================
 */
@media screen and (max-width: 800px) {
body {
	/*background-color: #affffb;*/
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
.note {
	border-left: 3px solid #00ff00;
	font-size: 9pt;
	padding: 3px;
	margin: 3px 0px
}
.error {
	border-left: 3px solid #ff0000;
	font-size: 9pt;
	padding: 3px;
	margin: 3px 0px
}
.small {
	font-size: 9pt;
}
.very-small {
	font-size: 7pt;
}
.big {
	font-size: 16pt;
}
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"], input[type="search"], input[type="date"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="url"], textarea {
	font-size: 12pt;
	padding: 5px 3px;
	width: 100%;
}
input[type="text"]:hover, input[type="password"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="search"]:hover, input[type="date"]:hover, input[type="time"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="url"]:hover, textarea:hover {
	font-size: 12pt;
	padding: 5px 3px;
	width: 100%;
}
input[type="text"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="tel"]:disabled, input[type="search"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="url"]:disabled {
	padding: 5px 3px;
	font-size: 12pt;
}
textarea{
	padding: 5px 1px 5px 5px;
}
textarea:hover{
	padding: 5px 1px 5px 5px;
}

select {
	font-size: 12pt;
	padding: 3px;
	width: 100%;
}

	#small-show{
		display:inherit;
	}
	.small-show{
		display:inline;
	}
	.small-hide{
		display: none;
	}

.fifty{
	width: 100%;
}
.thirdty3{
	width: 100%;
}
.twinty-five{
	width: 50%;
}
.seventy{
	width: 100%;
}
.thirdty{
	width: 100%;
}
.box643{
	width: 25%;
}


#informasi{
	display: none;
}
#ek-home{
	float: none;
	width: 100%;
}
#sdk_logo{
	width: 70px;
}
#isi{
	margin: 0px 0px 10px 0px;
	border: 1px outset;
	border-radius: 0px 0px 12px 12px;
}
#logo_input{
	width: 150px;
	padding: 10px;
	margin: 0px auto;
	float: left;
	display: none;
}
#sdk_login_box{
	width: 270px;
	margin: 10px auto 50px;
}
#ek_dj{
	width: 270px;
}
#ek_dj_box{
	font-size: 23px;
}
/* ===== SIDEBAR KHUSUS ==
 * Sidebar pada halaman Notifikasi
 * 
 */
#ek_note_sidebox{
	float: none;
	margin-right: 0px;
}
#ek_note_side{
	float: left;
	width: 25%;
	text-align: center;
}
#ek_note_header{
	float: none;
	margin-right: 0px;
	text-align: center;
	text-transform: uppercase;
}
/* CBA LINK CSS */
#cba-produk{
	float: left;
	width: 33.3%;
	height: 300px;
}
#cba-gambar{
	height:200px;
	margin-right: 7px;
	border-radius: 10px; 
}
#home_fifty{
	width: 25%;
	float: left;
}
#home_twinty{
	width: 100%;
	float: left;
}


}

/* =======================================  RESPONSIVE  =======================================
 * ======================================= WIDTH 400 px =======================================
 */
@media screen and (max-width: 400px) {
	.table thead tr td{
		border-style: solid;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-right-width: 1px;
	}
	
	.table tbody tr td{
		border-style:solid;
		padding: 3px 3px;
		border-left-width: 0px;
		border-right-width: 0px;
		background: rgba(255, 255, 255, 0.2);
		border-color: #fff;
	}
	#cba-produk{
		float: left;
		width: 50%;
		height: 300px;
	}
	#cba-gambar{
		height:150px;
		margin-right: 7px;
		border-radius: 10px; 
	}
	#home_fifty{
		width: 25%;
		float: left;
	}
	#home_twinty{
		width: 100%;
		float: left;
	}
	.box643{
		width: 33.3%;
	}

}