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

/* ======================================================================================================================================= CV.TRIPLE-C ==============
 * INPUT CSS
 * text, number, password, email, rel, search, date, textarea,
 * submit, reset, button
 */
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 {
	border: 2px solid;
	border-radius: 5px;
	font-family: segoe UI;
	font-size: 14pt;
	padding: 5px;
	outline: none;
	transition: all ease-in-out 0.5s;
}
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 {
	padding: 5px;
	transition: all ease-in-out 0.5s;
}
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="time"]:disabled, input[type="datetime-local"]:disabled, input[type="url"]:disabled {
	border-bottom: 2px solid;
	border-top: 2px inset;
	border-left: 2px inset;
	border-right: 2px inset;
	padding: 5px;
	font-family: segoe UI;
	font-size: 14pt;
}
textarea{
	padding: 5px 1px 5px 5px;
}
textarea:hover{
	padding: 5px 1px 5px 5px;
}

input[type="submit"], input[type="button"], input[type="reset"], button{
	border: 1px outset;
	border-radius: 5px;
	padding: 5px;
	margin: 5px 0px;
	font-weight: bold;
	font-size: 12pt;
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover{
	cursor: pointer;
}
select {
	border: 2px inset;
	border-radius: 5px;
	font-family: segoe UI;
	font-size: 14pt;
	padding: 3px;
	margin-top: 4px;
}
select.onhead {
	border: none;
	border-radius: 5px;
	font-size: 14pt;
	font-weight: bold;
	padding: 3px;
	margin-top: 0px;
}
option{
	font-size: 14pt;
}
.duadigit input[type="number"]{
	width: 50px;
}
.duadigit input[type="text"]{
	width: 50px;
	text-align: center;
}
#side_radio input[type="checkbox"]{
	display: none;
}
#side_radio input[type="checkbox"]:checked ~ #side_radioket{
	display: inherit;
	overflow: hidden;
}
#side_radioket{
	display: none;
	overflow: hidden;
}
#radio_pop_up input[type="radio"]:checked ~ #radio_pop_up_box{
	overflow: hidden;
	height: 300px;
	transition: all ease-in-out 0.5s;
}
#radio_pop_up_box{
	overflow: hidden;
	height: 0px;
	transition: all ease-in-out 0.5s;
}
#checkbox_on input[type="checkbox"]{
	
}
#checkbox_on input[type="checkbox"]:checked ~ #checkbox_ket1{
	display: inherit;
	overflow: hidden;
}
#checkbox_on input[type="checkbox"]:checked ~ label #checkbox_ket1{
	display: inherit;
	overflow: hidden;
}
#checkbox_ket1{
	display: none;
	overflow: hidden;
}
#checkbox_on input[type="checkbox"]:checked ~ #checkbox_ket2{
	display: none;
	overflow: hidden;
}
#checkbox_on input[type="checkbox"]:checked ~ label #checkbox_ket2{
	display: none;
	overflow: hidden;
}
#checkbox_ket2{
	display: inherit;
	overflow: hidden;
}
.saklar_onoff{
	background: linear-gradient(rgba(0,0,0,0.3), rgba(255,255,255,0.3));
	border-radius: 7px;
	width: 70px;
	height: 20px;
	font-size: 10pt;
	font-weight: bold;
	margin: 0px auto;
}
.saklar_on{
	padding: 2px;
	width: 36px;
	height: 16px;
	background: #0f0;
	border-radius: 0px 7px 7px 0px;
	color: #000;
	float: right;
}
.saklar_off{
	padding: 2px;
	width: 36px;
	height: 16px;
	background: #f00;
	border-radius: 7px 0px 0px 7px;
	color: #fff;
	float: left;
}