body, html {
	overflow: hidden;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: rgba(44,44,44,1);
	background: -moz-linear-gradient(-45deg, rgba(44,44,44,1) 0%, rgba(22,22,22,1) 47%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(44,44,44,1)), color-stop(47%, rgba(22,22,22,1)), color-stop(100%, rgba(0,0,0,1)));
	background: -webkit-linear-gradient(-45deg, rgba(44,44,44,1) 0%, rgba(22,22,22,1) 47%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(44,44,44,1) 0%, rgba(22,22,22,1) 47%, rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(44,44,44,1) 0%, rgba(22,22,22,1) 47%, rgba(0,0,0,1) 100%);
	background: linear-gradient(135deg, rgba(44,44,44,1) 0%, rgba(22,22,22,1) 47%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2C2C2C', endColorstr='#000', GradientType=1 );
	color: white;
}

.vertical-middle-out {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.vertical-middle-out > .vertical-middle-in {
	width: 100%;
	max-width: 360px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	vertical-align: middle;
	-ms-flex-item-align: center!important;
	align-self: center!important;
	text-align: center;
}

.site-deco {
	font-size:1.5rem;
	font-weight: 500;
}
.site-title {
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 2rem;
}


.input-box {
	position:relative;
	width:100%;
	width: -webkit-fill-available;
	width: -moz-available;
	width: fill-available;
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	margin:5px 0;
}
input[type="text"], input[type="password"]{
	width:calc(100% - 100px);
	width:-moz-calc(100% - 100px);
	width:-webkit-calc(100% - 100px);
	width:-o-calc(100% - 100px);
	padding-left:30px;
	padding:5px 10px 5px 50px !important;
	font-weight:400;
	font-size:2rem;
	letter-spacing:0.1rem;
	border: 0px;
	border-bottom: 1px solid #DEDEDF;
	box-shadow: none;
	overflow: hidden;
	vertical-align: middle;
	margin: .2rem 0;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	outline: 0;
	background-color: transparent;
	color: white;
}
input::placeholder {
	color: grey;
	font-size: 0.5rem;
}
.input-box i[class*="icon-"]{
	position:absolute;
	opacity:0.5;
	transition:opacity 0.3s ease;
	font-size:2rem;
	color: white;
	left:5px;-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	vertical-align:middle;
	-ms-flex-item-align:center !important;
	align-self:center !important;
}
.checkbox-box{position:relative;display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:none;vertical-align:baseline;font-style:normal;min-height:2.1rem;font-size:1rem;width:unset;min-width:4rem;line-height:2.1rem;padding:4px 12px 4px 0;vertical-align:middle;}
.checkbox-box input{width:3.5rem;height:1.5rem;}
.checkbox-box input[type="checkbox"],.checkbox-box input[type="radio"]{left:0;cursor:pointer;position:absolute;opacity:0;outline:none;z-index:3;margin:0;}
.checkbox-box input[type="radio"]:focus:checked~label:before{background-color:#0D71BB;}
.checkbox-box input[type="checkbox"]:focus:checked~label:before{background-color:#CDD021;}
.checkbox-box input:checked ~ label.radio:before{background-color:#2185D0;}
.checkbox-box input:checked ~ label.checkbox:before{background-color:#CDD021;}
.checkbox-box input:checked ~ label:before{background:#FFFFFF;border-color:rgba(34,36,38,0.35);}
.checkbox-box input[disabled]~label{cursor:default;opacity:0.5;color:#fff;}
.checkbox-box input~label:after{left:-0.05rem;-webkit-box-shadow:0px 1px 2px 0 rgba(34,36,38,0.15),0px 0px 0px 1px rgba(34,36,38,0.15) inset;box-shadow:0px 1px 2px 0 rgba(34,36,38,0.15),0px 0px 0px 1px rgba(34,36,38,0.15) inset;}
.checkbox-box input:checked~label{color:orange;}
.checkbox-box input:checked~label:before{background-color:#2185D0;}
.checkbox-box input:checked~label:after{left:2.15rem;-webkit-box-shadow:0px 1px 2px 0 rgba(34,36,38,0.15),0px 0px 0px 1px rgba(34,36,38,0.15) inset;box-shadow:0px 1px 2px 0 rgba(34,36,38,0.15),0px 0px 0px 1px rgba(34,36,38,0.15) inset;}
.checkbox-box label{line-height:1.5rem;white-space:nowrap;cursor:auto;position:relative;display:block;outline:none;font-size:1rem;min-height:1.5rem;padding-left:3.7rem;color:rgba(255,255,255,0.87);padding-top:0.3em;border:none;}
.checkbox-box label.checkbox:before{border-radius:0.5rem;}
.checkbox-box label.checkbox:after{border-radius:0.5rem;}
.checkbox-box label:before{position:absolute;display:block;top:4px;left:0;z-index:1;width:3.5rem;height:1.5rem;content:'';background:rgba(255,255,255,0.05);border-radius:500rem;-webkit-transition:border 0.1s ease,opacity 0.1s ease,-webkit-transform 0.1s ease,-webkit-box-shadow 0.1s ease;transition:border 0.1s ease,opacity 0.1s ease,-webkit-transform 0.1s ease,-webkit-box-shadow 0.1s ease;transition:border 0.1s ease,opacity 0.1s ease,transform 0.1s ease,box-shadow 0.1s ease;transition:border 0.1s ease,opacity 0.1s ease,transform 0.1s ease,box-shadow 0.1s ease,-webkit-transform 0.1s ease,-webkit-box-shadow 0.1s ease;}
.checkbox-box label:after{position:absolute;font-size:14px;width:1.5rem;height:1.5rem;top:4px;left:0;text-align:center;color:rgba(255,255,255,0.87);content:'';opacity:1;z-index:2;background:#FFFFFF linear-gradient(transparent,rgba(255,255,255,0.05));-webkit-box-shadow:0px 1px 2px 0 rgba(34,36,38,0.15),0px 0px 0px 1px rgba(34,36,38,0.15) inset;box-shadow:0px 1px 2px 0 rgba(34,36,38,0.15),0px 0px 0px 1px rgba(34,36,38,0.15) inset;border-radius:500rem;-webkit-transition:background 0.3s ease,left 0.3s ease;transition:background 0.3s ease,left 0.3s ease;}
.checkbox-box label:hover::before{background-color:rgba(255,255,255,0.15);}
.checkbox-box label:active::before{border-color:rgba(34,36,38,0.35);}
.checkbox-box label,.checkbox-box+label{color:rgba(255,255,255,0.87);-webkit-transition:color 0.1s ease;transition:color 0.1s ease;vertical-align:middle;}
.checkbox-box label:hover,.checkbox-box+label:hover{color:rgba(255,255,255,0.8);}

button.signin-button {
	display: block;
	outline: none;
	width:100%;
	width: -webkit-fill-available;
	width: -moz-available;
	width: fill-available;
	line-height: 3rem;
	background: #FFF;
	color: #9E9E9E;
	padding: 0.1rem 0;
	font-size: 2rem;
	flex: 1 0 auto;
	cursor: pointer;
	overflow: visible;
	vertical-align: middle;
	letter-spacing: normal;
	border: 1px solid #9E9E9E;
	color: #616161;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border: 1px solid #333;
	border-radius: 1.5rem;

}

button.signin-button:hover {
	background-color: #F1F1F1;
	color: #131313;
}

#echo_message {
	margin-top: 0.5rem;
	font-size: 1rem;
	color: #aaa;

}