html {
	height: 100%;
	background: rgba(85, 102, 153, 0.15);
}
a {
	color: #1E8EDF;
    text-decoration: none;
}
a:hover {color:#136aa9;}
.window-container {
	height: 100vh;
}
p {margin: 0;}
p.recovery {font-size: 14px;}
.form-box {
	box-shadow: 0 15px 30px 0 rgb(0 0 0 / 10%);
	background: #FFF;
	width: 360px;
	padding: 20px 40px;
	box-sizing: border-box;
	border-radius: 8px;
}
.form-box .form-header {
	margin-bottom: 0.67em;
	margin-top: 0;
}
.form {position: relative;}
.form .form-group {
	margin-bottom: 10px;
	position: relative;
}
.form .input-group {
	border: 1px solid #eceef2;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    background: #eceef2;
    padding: 20px 10px 5px 10px;
    position: relative;
}
.form .input-group:hover {border-color: #dbdde0;}
.form .form-group input {
	width: 100%;
	font-size: 16px;
	color: #000;
	border: none;
    background: transparent;
	padding: 0;
}
.form .input-group span {
    position: absolute;
    top: 12px;
	color: #8c8f95;
    font-size: 15px;
    transition: all 0.2s ease-in-out;
}
.form .input-group.filled span {
	top: 4px;
	font-size: 12px;
}
.btn-forms {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 47px;
	margin-top: 20px;
	font-size: 16px;
	font-weight: bold;
	background: #1B8CDD;
	color: #FFF;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	border-radius: 8px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-forms:hover {
	background-color: #1980c9;
}
.btn-forms:disabled {
	background: #ccc;
	cursor: not-allowed;
}
.form-desclaimer {
	font-size: 14px;
	color: #777;
	text-align: center;
}
.form .tip-error {
	background: #ffd9d9;
	padding: 8px;
	color: #D30000;
	font-size: 14px;
    text-align: center;
	margin-bottom: 5px;
	border-radius: 6px;
	position: absolute;
	left: 0;
	top: -60px;
	width: 100%;
	transition: all 0.3s ease-in-out;
}

.or {
	border-top: 1px solid #ccc;
    position: relative;
    text-align: center;
    margin-top: 22px;
    height: 22px;
}
.or span {
	display: inline-block;
    position: relative;
    top: -12px;
    background: #fff;
    padding: 0 10px;
    color: #ccc;
}
#providers {margin-bottom: 20px;}
.provider-btn {
	width: 100%;
	height: 44px;
	border-radius: 8px;
	background-color: #fff;
	color: #fff;
	margin-bottom: 10px;
	display: flex;
    align-items: center;
	justify-content: start;
    padding: 0px 14px;
}
.provider-btn:last-child {margin-bottom: 0;}
.provider-btn:hover {color: #fff;}
.provider-btn .icon {margin-right:25px;}
#yandex {
	background-color: #000;
}
#yandex span {
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='44' height='44' fill='%23FC3F1D'/%3E%3Cpath d='M24.7407 33.9778H29.0889V9.04443H22.7592C16.3929 9.04443 13.0538 12.303 13.0538 17.1176C13.0538 21.2731 15.2187 23.6163 19.0532 26.1609L21.3832 27.6987L18.3927 25.1907L12.4667 33.9778H17.1818L23.5115 24.5317L21.3098 23.0671C18.6496 21.2731 17.3469 19.8818 17.3469 16.8613C17.3469 14.2068 19.2183 12.4128 22.7776 12.4128H24.7223V33.9778H24.7407Z' fill='white'/%3E%3C/svg%3E%0A");
	border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#mailru {
	background-color: #0077ff;
}
#mailru .icon {
    position: relative;
    left: -5px;
    margin-right: 13px;
}
#google {
	border: 1px solid #ccc;
	color: #888;
	font-family: 'Roboto', sans-serif;
}
#google img {
	width: 19px;
}
.notification-header {
	font-size: 20px;
    font-weight: 800;
    margin-top: 30px;
    margin-bottom: 20px;
    color: #51c05a;
}
.notification-subheader {
    margin-top: 0;
    margin-bottom: 20px;
	font-weight: normal;
    font-size: 14px;
    color: #456;
}
.notification-text {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 14px;
    background: #e7ebed;
    padding: 7px 10px;
    border-radius: 8px;
    color: #626b6f;
}
.restore-form .form-message {
	padding: 5px;
	margin-top: 10px;
	border-radius: 6px;
	font-size: 14px;
}
.restore-form .form-message.form-error {background: #ffd9d9;color: #D30000;}
.restore-form .form-message.form-success {background: #d9ffda;color: #00761a;margin-bottom: 20px;}