*{
	margin:auto;
}

@font-face{
	font-family:Cabin;
	src: url(../font/Cabin-Regular.ttf);
}

body{
	font-family:Cabin;
	font-size:13px;
	color:#464646;
	background:#000;
}

#background{
	width:100%;
	height:100vh;
	background:url(../images/background.jpg) center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* LOGIN */
#loginbox{
	position:absolute;
	top:50px;
	right:50px;
	padding:20px 60px;
	background:#000;
	background:rgba(255,255,255,.5);
	border-radius:6px;
	box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  #loginbox{
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
  }
}
.title{
	margin:auto;
	padding-bottom:40px;
	font-size:16px;
	font-weight:bold;
	color:#474747;
	text-align:center;
}
#boxform{
	margin:auto;
	padding:10px 0;
}
.boxicon{
	float:left;
	width:22px;
	height:22px;
	padding:7px 6px 7px 9px;
	background:#4e73df;
	border-radius:4px 0 0 4px;
}

#result{
	margin:auto;
	width:220px;
	padding:6px 6px 8px;
	font-size:14px;
	text-align:center;
	color:#fff;
	background:#CF3333;
	border-radius:4px;
}

.imglog{
	width:22px;
	height:22px;
}


/*FORM LOGIN*/
.formlog input{
	width:180px;
	padding:9px 10px;
	font-family:Cabin;
	font-size: 14px;
	color:#404040;
	border:none;
	border-radius: 0 4px 4px 0;
	outline:none;
}
.formlog input:required{
	background:#fff;
}
.formlog input:required:valid{
	background:#fff;
}
.formlog input:focus:invalid{
	background:#fff;
}

#tombol{
	margin-bottom	: 30px;
	display			: inline-block;
	width			: 239px;
	height			: 36px;
	padding-top		: 8px;
	letter-spacing	: 1px;
	font-family		: Cabin;
	font-weight 	: bold;
	font-size		: 14px;
	text-align		: center;
	text-decoration	: none;
	color			: #fff;
	background		: #4e73df;
	border-radius:20px/60px;
	cursor:pointer;
	-moz-transition:ease 0.3s;
	-webkit-transition:ease 0.3s;
	-o-transition:ease 0.3s;
	-moz-transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	-o-transition: ease 0.3s;
}
#tombol:hover{
	background		:#7b96e7;
}

@media only screen and (max-width:1000px){
	#loginbox{
		position:relative;
		right:0;
		margin:0 30px;
		padding:10px 30px;
	}
}