*{
	box-sizing: border-box;
	-webkit-font-smoothing: subpixel-antialiased;
	font-smooth: always;
	font-family: -apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Segoe WP,Helvetica Neue,Lucida Grande,Verdana,Tahoma,Arial,sans-serif!important;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
:root{
	--background_page: #ffffff;
	--color: #000000;
	--button_accent: #4986cc;
	--button_text: #ffffff;
	--field_background: #f2f3f5;
	--field_border: rgba(0,0,0,.15);
	--field_color: #000000;
	--placeholder_color: #757575;
	--alert_background: #faebeb;
	--alert_color: #857250;
};

html, body{
	height: 100%;
}
body{
	background-color: var(--background_page);
	color: var(--color);
	display: flex;
	flex-direction: column;
	margin: 0;
	font-size: 15px;
}
body[scheme="space_gray"] {
	--background_page: #191919;
	--color: #ffffff;
	--button_accent: #e2e3e5;
	--button_text: #191919;
	--field_background: #232323;
	--field_border: #2f2f2f;
	--field_color: #a6a7ab;
	--placeholder_color: #76787a;
	--alert_background: #522e2e;
	--alert_color: #ffffff;
}
#auth_box{
	max-width: 550px;
	align-self: center;
	position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0 12px 12px;
}
.title{
	font-weight: 700;
}
.text-muted{
	color: #909499;
	font-weight: 400;
}
.text-muted.info{
	padding-top: 4px;
}
#header{
	margin: 0 12px 15px 12px;
}
.verify-mark{
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	top: 3px;
}
.app_logo{
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 8px 0 0;
}
.app_text{
	margin-left: 58px;
}
.text_field, .button{
	-webkit-appearance: none;
	outline: none;
	box-shadow: none;
}
.text_field{
	vertical-align: top;
	width: 100%;
	min-width: 30px;
	background: var(--field_background);
	border: 1px solid rgba(0,0,0,.15);
	color: var(--field_color);
	border-radius: 10px;
	font-size: 16px;
	line-height: 20px;
	padding: 11px 12px;
	margin: 0;
	resize: vertical;
	border-color: var(--field_border);
}
.field_row{
	padding: 10px 0 0 0;
}
.field_row:hover, .text_field{
	transition: border 0.2s;
}
.text_field:focus{
	border-color: #528bcc;
}
.button{
	display: block;
    text-align: center;
	margin: 16px 0 0 0;
	width: 100%;
	text-align: center;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;
    padding: 10px 3px;
    border-radius: 10px;
    color: var(--button_text);
    background-color: var(--button_accent);
    border: none;	
}
.button.button-muted{
	background: none;
	color: var(--button_accent);
    text-decoration: none;
    cursor: pointer;
    margin: 6px 0 0 0;
    font-weight: 400;
}
::placeholder{
	color: var(--placeholder_color);
}
.alert{
	border-radius: 4px;
	font-size: 14px;
    line-height: 1.29;
    padding: 8px 12px 9px;
}
.alert.warning{
	background-color: var(--alert_background);
	border-color: #f2ab99;
	color: var(--alert_color);
}
@media (min-width: 620px){
	#auth_box {
    	padding: 0 20px 20px;
	}
}
@media (min-width: 550px){
	#auth_box {
    	width: 550px;
	}
}
a{
	color: #4986cc;
    text-decoration: none;
    cursor: pointer;
}
#alert_row{
	display: none;
}
#alert_row.show{
	display: block;
}