body{
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* Menjaga ukuran elemen tetap konsisten */
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

.PageKiri{
	display: none;
}

.PageKanan{
	width: 100%;
	height: 780px;
	background: rgb(224, 242, 242);
	padding-top: 60px;
}

.KontenKanan{
	width: 400px;
	max-width: 90%;
	height: 450px;
	margin-top:50px;
}

.Text1{
	font-size: 26px;
	font-weight: bold;
	color:#065B62;
	text-align: left;
	padding: 5px;
}

.Text2{
	font-size: 16px;
	font-weight: bold;
	color:black;
	text-align: left;
	padding: 5px;
}

.Text2Red{
	font-size: 16px;
	font-weight: bold;
	color:red;
	text-align: left;
	padding: 5px;
}

.PD5{
	padding: 5px;
}

.KOLCAPCA{
	width: 35%;
	float: left;
	display: block;
	padding: 5px;
}

.KOLCAPCAGBR{
	width: 50%;
	float: right;
	padding: 5px;
	text-align: left;
}

.FormText1{
	width: 100%;
	height: 40px;
	border-radius: 8px;
	border-color: #adaaaa;
	background: white;
	padding: 5px;
}

.Select1{
	width: 155px;
	height: 40px;
	border-radius: 8px;
	border-color: #adaaaa;
	background: white;
	padding: 10px;
}

.FormText2{
	width: 155px;
	height: 48px;
	border-radius: 8px;
	border-color: #adaaaa;
	background: white;
	padding: 5px;
	text-transform: uppercase;
}

.GambarCaptcha{
	width: 150px;
	border-radius: 5px;
}

.SPGambarRefresh{
	margin-top: -38px;
	margin-left: 165px;
	cursor: pointer;
}

.MG15{
	margin-top: 15px;
}


.MG60{
	margin-top: 60px;
}

.GambarRefresh{
	width: 30px;
}

.btn-login{
	width: 100%;
	background: #065B62;
	color: white;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	height: 35px;
	border-radius:8px;
	border-color: #065B62;
	cursor: pointer;
}

.btn-login:hover{
	background:  white;
	color:#065B62;
}

.MataGBR{
	margin-top: -32px;
	text-align: right;
	cursor: pointer;
	margin-right: 15px;
}

@media screen and (min-width: 768px) {
	.PageKiri{
		display:block;
		width: 47%;
		height: 750px;
		float: left;
		background: url('image_csslogin/pattern_biru.jpg');
		padding-top: 90px;
	}
	
	.PageKanan{
		width: 53%;
		float: right;
	}

	.KontenKiri{
		width: 400px;
		height: 450px;
		margin-top:120px;
	}

	.KontenKiriTableGambarKiri{
		border: 4px solid;
		border-color: #C9AD7B;
		width: 200px;
		text-align: center;	
		border-radius: 3px;
	}

	.KontenKiriTableGambarKanan{
		border: 4px solid;
		border-color: white;
		width: 200px;
		text-align: center;		
		border-radius: 3px;
	}

	.KontenKiriTable{
		width: 100%;
	}

	.KontenKiriTulisanKanan{
		text-align: center;
		height: 150px;
		border: 4px solid;
		border-color: #C9AD7B;
		color: #C9AD7B;
		font-weight: bold;
		border-radius: 3px;
	}

	.KontenKiriTulisanKiri{
		text-align: center;
		height: 150px;
		border: 4px solid;
		border-color: white;
		color: white;
		font-weight: bold;
		border-radius: 3px;
	}
}