/*.btn-login {
	background: rgb(39,109,187) !important;
	background: linear-gradient(11deg, rgba(39,109,187,1) 34%, rgba(0,143,255,1) 100%) !important;
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.20) !important;
	-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.20) !important; 
}*/


/*LOGIN START*/
.login-container {
	position: fixed;
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	background-color: #ffffff;
}
.sipur {
	position: relative;
}
.login-title .symbol {
	position: absolute;
	font-size: 0.45em;
	top: 5px;
}
.go-down {
	display: flex;
}
.go-down i {
	font-size: 35pt;
	margin: auto;
}
/* hide scrollbar for Chrome, Safari and Opera */
.login-title::-webkit-scrollbar {
	display: none;
}

/* hide scrollbar for IE, Edge and Firefox */
.login-title {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
.login-title p {
	font-size: 1.1em;
}
.striped {
	background-color: white;
	opacity: 100%;
}
.login-box {
	width: 350px;
	height: 387px;
	padding: 13px 13px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	background-color: #ffffff;
/*	background: transparent !important;*/
/*	border-radius: 15px;
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.36);
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.36);*/
}
#ikl {
	display: none;
}
.btn-login {
	width: 100%;
}
.btn-daftar {
	width: 100%;
}
.split {
	display: flex;
	align-items: center;
	text-align: center;
}

.split::before,
.split::after {
	content: '';
	flex: 1;
	border-bottom: 1px solid lightgrey;
}

.split:not(:empty)::before {
	margin-right: .25em;
}

.split:not(:empty)::after {
	margin-left: .25em;
}

@media (max-width: 1024px) {

	.login-title {
		margin: auto;
	}
	.login-box {
		margin: auto;
	}

	.mw {
		width: 120px;
	}

	.wrap h5 {
		font-size: 0.80em;
	}

}
@media (max-width: 912px) {
	.login-container {
		padding-left: 25px;
		padding-right: 25px;
	}

}

@media (max-width: 749px) {

	.login-container {
		flex-wrap: wrap;
		width: 100%;
		height: 100%;
		padding-left: 100px;
		padding-right: 100px;
	}

	.login-title {
		margin-top: auto;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
		height: 100px;
		width: 288px;
	}
	.login-title img {
		width: 40px;
	}
	.login-title h2 {
		font-size: 1.1em;
	}
	.login-title .symbol {
		top: 2px;
	}
	.login-title p {
		font-size: 0.60em;
	}
	.login-box {
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: auto;
	}

	.split1 {
		font-size: 0.65em;
	}

	.mw {
		width: 100px;
	}

	.wrap img {
		width: 80px;
	}
	.wrap i {
		font-size: 0.95em;
	}
	.wrap h5 {
		font-size: 0.60em;
	}

}

@media (max-width: 552px){

	.login-container {
		padding-left: 0px;
		padding-right: 0px;
	}

}

@media (max-width: 353px) {

	img {
		width: 180px;
	}
	.login-container {
		padding-left: 23px;
		padding-right: 23px;
	}

	.login-title p {
		font-size: 0.55em;
	}

}

@media (max-width: 319px) {

	.login-title p {
		font-size: 0.50em;
	}

}

@media (max-width: 306px) {
	img {
		width: 180px;
	}

	.login-title p {
		font-size: 0.50em;
	}

	.login-box  button {
		font-size: 0.80em;
	}

}

@media (max-width: 303px) {

	img {
		width: 180px;
	}
	.login-title h2 {
		font-size: 1.1em;
	}
	.login-title .symbol {
		top: 2px;
	}
	.login-title p {
		font-size: 0.50em;
	}

	.wrap img {
		width: 40px;
	}
	.wrap i {
		font-size: 0.95em;
	}
	.wrap h5 {
		font-size: 0.60em;
	}

}

/*LOGIN END*/

/*DAFTAR START*/
#dd {
	display: none;
}
/*DAFTAR END*/