/*--------------------------------------Codingan mengambil font dari Google--------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900");
/*-------------------------------------------------------End-----------------------------------------------------*/


/*---------------------------------Mengatur luas html, warna background dan font---------------------------------*/
body,
html
{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-image: url("../img/portalsiskaa.jpeg");
	background-size: 100% 720px;
	font-family: 'Maven Pro', sans-serif;
}
/*-------------------------------------------------------End-----------------------------------------------------*/

/*------------------------Mengatur daerah untuk form login di bagian tengah halaman html-------------------------*/
.home
{
	width: 99%;
	height: 108%;
	display: flex;
	align-items: center;
	justify-content: right;
}
/*-------------------------------------------------------End-----------------------------------------------------*/

/*-----------------------Mengatur luas daerah input username dan password serat backgroundnya--------------------*/
.item
{
	width: 400px;
	height: 400px;
	background: #c8dbd0;
}
/*-------------------------------------------------------End-----------------------------------------------------*/

/*-----------------------------Mengatur tempat inputan agar berada di tengah halaman html------------------------*/
.content
{
	height: 100%;
	padding: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*-------------------------------------------------------End-----------------------------------------------------*/

/*--------------------------------------Jarak antara tombol dengan tempat input----------------------------------*/
.in
{
	padding: 15px;
}
/*-------------------------------------------------------End-----------------------------------------------------*/

/*-------------------------Mengatur ukuran logo, posisi logo dan jarak logo dengan inputan-----------------------*/
.logo img
{
	width: 160px;
	height: 120px;
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 2px;
	line-height: 90px;
}
/*-------------------------------------------------------End-----------------------------------------------------*/

/*--------------------------------------Mengatur box input username dan password---------------------------------*/
input[type=text], input[type=password] 
{
	background: 0 0; 
	border: 0;
	box-shadow: none;
	border-radius: 0;
	border-bottom: 2px solid #045c1d;
	box-shadow: none;
}
/*-------------------------------------------------------End-----------------------------------------------------*/

/*---------------------------------Jarak antara input username dengan input password-----------------------------*/
.lg
{
	margin-bottom: 20px;
}
/*-------------------------------------------------------End-----------------------------------------------------*/

/*---------------------------------------Mengatur icon username dan password-------------------------------------*/
.input-group-addon 
{
	background: 0 0;
	border: 0;
	border-radius: 0;
	color: #045c1d;
}
/*-------------------------------------------------------End-----------------------------------------------------*/

/*----------------------------------------------Mengatur tomblo login--------------------------------------------*/
.btn-info
{
	border: 0;
	background: #045c1d;
	border-radius: 30px;
}
/*-------------------------------------------------------End-----------------------------------------------------*/

/*------------------------------Mengatur focus ketika pengisian username dan password----------------------------*/
input[type=text], input[type=password]:focus
{
	box-shadow: none !important;
}
/*-------------------------------------------------------End-----------------------------------------------------*/