/*
input[type='text'], input[type='password']{
	box-shadow: 5px 5px aliceblue;
	box-shadow: 0px 0px 20px #5F5F5FCC inset;
	border-width: 2px;
	border-color: #DDDDDD80;
}
body: :before{display: none;}
.title: :before{display: none;}
.smolicon{
	background: url("/static/bglogo.svg") left bottom no-repeat;
	background-size: cover;
	height: 30px;
	width: 30px;
	pointer-events: none;
	display: inline-block;
	margin-left: -30px;
	margin-top: 35px;
}
body{
	margin: initial;
	width: 100%!important;
}
*/

/*
html{
*/
/*
	background-color: #000;
	margin: 0px;
	padding: 0px;
	color: #DDD;
	background-attachment: fixed;
*/
	/*background-size: cover;*/
/*
	background-image: url("/static/440489536107def5b1b18e7d69b744d2_resize.jpg");
*/
/*
	background-image: url("/static/bg_login.jpg");
}
*/
/* the blured background does weird things when we use cover so we need to use
 * a separate div that sits at the bottom of an element with overflow hidden */
.bgcont{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
/*
	z-index: -1000;
*/
/*
	background-image: url("/static/440489536107def5b1b18e7d69b744d2_b2.jpg");
*/
/*
	background-image: url("/static/bg_login_blur.jpg");
*/
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
.logincontaligner{
	display: flex;
	width: 100vw;
	height: 100vh;
	align-content: center;
	align-items: center;}
.logincont{
	width: 300px;
	width: 900px;
	height: 450px;
	margin: auto;
	text-align: center;
	color: #DDD;
	/*background-image: url("/static/440489536107def5b1b18e7d69b744d2_b2.jpg");*/
	background-attachment: fixed;
	background-size: cover;
	box-shadow: 1px 3px 18px black;
	position: relative;
	overflow: hidden;
}
/*
@media screen and (max-aspect-ratio: 13/9), (max-width: 1000px){
*/
@media screen and (max-aspect-ratio: 4/3), (max-width: 1000px){
	.logincont{
		width: 300px;}}
.logincontbg{
	width: 300px;
	height: 450px;
	position: absolute;
	left: 0px;
	top: 0px;
/*
	background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0), rgba(0,0,0,0.5));
	background: rgba(255,255,255,0.3);
	background: radial-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0));
	background: radial-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
*/
/*
	background: rgba(15,15,0,0.5);
*/
/*
	box-shadow: 0px 0px 55px 0px rgba(255,255,205,0.2) inset;
*/
}
/*
.logincontRightPanel{
	width: 700px;
	height: 450px;
	margin: auto;
	background: black;
	text-align: center;
	
	background-color: #000;
	color: #DDD;
	background: url("/static/440489536107def5b1b18e7d69b744d2_b2.jpg");
	background-attachment: fixed;
	background-size: cover;
	display: inline-block;
}
*/
/*
.logincontRightPanelgrad{
	width: 600px;
	height: 450px;
	position: absolute;
	left: 300px;
	top: 0px;
}
*/
	/*background: rgba(15,15,0,0.7);*/
/*
	background: linear-gradient(to right, rgba(15,15,0,0.8), rgba(5,5,0,0.6));
*/
	/*box-shadow: 15px 0px 20px -10px rgba(0,0,0,0.5) inset;*/
	/*box-shadow: 0px 0px 15px #1e1b0b inset;*/
/*
	box-shadow: 0px 0px 55px #1e1b0b66 inset;
*/

.iconcont{
	width: 30px;
	padding-top: 80px;
	padding-bottom: 50px;
	display: inline-block;
}

.siteicon{
	width: 30px;
	pointer-events: none;
	display: inline-block;
	transition: fill 0.5s ease, transform 0.5s ease;
/*
	fill: #a81908;
	fill: #bbbb00;
*/
/*
	fill: #ffdb00c7;
*/
}

input{
	text-align: center;}
/*
svg {
    pointer-events: none;
}
*/

.rightbox{
	width: 600px;
	height: 450px;
	position: absolute;
	top: 0px;
	/*left: 300px;*/
	right: 0px;
	line-height: 450px;
	background-image: url("/static/logo_big_transparent.svg");
	background-size: 650px;
	background-position-y: center;
	background-repeat: no-repeat;}

.borderbox{
	width: 10px;
	height: 390px;
	position: absolute;
	top: 30px;
	left: 300px;
	border-left-color: #DDD;
	border-left-width: 3px;
	border-left-style: dotted;}

.plugincont>.bgblurdark,.plugincont>.bgtransferred{
	display: none;}

.plugincont>h4{
	display: none;}
.plugincont{
	padding: 10px;}

.rightalign{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.1em;
	vertical-align: middle;}


@media screen and (max-aspect-ratio: 4/3){
	.logincont{
		box-shadow: none!important;}}
.logincont{
	box-shadow: 0px 0px 33px #000;
	border: 2px solid #000;}

/*
.plugincont{
	display: block;}
*/

.loginnotificationcont{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100vw;}
.loginnotification{
	width: 100%;
	max-width: 700px;
	/*width: calc( 100% - 20px);*/
	margin: 10px auto;
	/*background-color: #3071aa;*/
	padding: 10px;
	box-sizing: border-box;
	opacity: 1;
	transition: opacity 0.35s ease;}