@CHARSET "UTF-8";

.wk-login-page
{
	position: relative;
	min-height: 600px;
	min-height: calc(100vh - 150px);
	overflow: hidden;
	background:
		radial-gradient(circle at 52% 38%, rgba(199, 222, 156, 0.3), transparent 32%),
		linear-gradient(135deg, #fbfdf9 0%, #f2f8ee 54%, #fff 100%);
}

.wk-login-watermark
{
	position: absolute;
	width: 48vw;
	min-width: 620px;
	max-width: 850px;
	height: auto;
	opacity: 0.09;
	filter: alpha(opacity=9);
	pointer-events: none;
	user-select: none;
}

.wk-login-watermark-top-left
{
	top: -290px;
	left: -270px;
}

.wk-login-watermark-bottom-right
{
	width: 58vw;
	min-width: 760px;
	max-width: 1050px;
	right: -170px;
	bottom: -240px;
}

.wk-login-form
{
	position: relative;
	z-index: 1;
	max-width: 500px;
	padding: 40px;
	margin: 50px auto;
	background-color: rgba(245, 245, 245, 0.94);
	border: 1px solid rgba(255, 255, 255, 0.85);
	border-radius: 18px;
	box-shadow: 0 24px 65px rgba(52, 79, 48, 0.16);
	backdrop-filter: blur(12px);
}

.wk-login-form .form-control
{
	height: 44px;
	border-radius: 8px;
	box-shadow: none;
}

.wk-login-form .form-control:focus
{
	border-color: #8eb647;
	box-shadow: 0 0 0 3px rgba(142, 182, 71, 0.16);
}

.wk-login-form .wk-login-user-input,
.wk-login-form .wk-login-password-input
{
	padding-left: 42px;
	background-repeat: no-repeat;
	background-position: 14px center;
	background-size: 17px 17px;
}

.wk-login-form .wk-login-user-input
{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23778079' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

.wk-login-form .wk-login-password-input
{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23778079' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
}

.wk-login-form .input-group .form-control
{
	border-radius: 8px 0 0 8px;
}

.wk-login-form .input-group-addon
{
	border-radius: 0 8px 8px 0;
}

.wk-login-form .btn
{
	border-radius: 8px;
}

@media (max-width: 767px)
{
	.wk-login-page
	{
		min-height: 520px;
	}

	.wk-login-form
	{
		padding: 25px;
		margin: 25px 15px;
	}

	.wk-login-watermark
	{
		width: 115vw;
		min-width: 0;
		max-width: none;
	}

	.wk-login-watermark-top-left
	{
		top: -45vw;
		left: -70vw;
	}

	.wk-login-watermark-bottom-right
	{
		width: 130vw;
		right: -68vw;
		bottom: -42vw;
	}
}