.top-alert{position: fixed;top: 0;width: 100%;padding: 120px 0 0px 0px;text-align: center;-webkit-transform: translate3d(0px, -100%, 0px);-ms-transform: translate3d(0px, -100%, 0px);transform: translate3d(0px,-100%, 0px);-webkit-transition: -webkit-transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;cursor: pointer;z-index: 1130;background-color: initial !important;}
.top-alert.show{-webkit-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);}
.top-alert .alert-wrapper{max-width: 600px;display: inline-block;vertical-align: top;margin: 0 auto;color: #FFFFFF;font-size: 13px;text-align: left;overflow: hidden;}
.top-alert .alert{display: table;padding: 15px 0px 0px 0px;}
.top-alert .alert-line{display: table-row;}
.top-alert .alert-line > div{display: table-cell;vertical-align: middle;background-color: #242424;padding: 20px 30px;}
.top-alert .alert-line > div.alert-icon{width: 22px;padding-right: 0px;border-radius: 2px 0px 0px 2px;}
.top-alert .alert-line > div.alert-text {border-radius: 0px 2px 2px 0px;}
.top-alert .icon{display: block;width: 22px;height: 22px;content: '';background-position: center;background-repeat: no-repeat;background-size: 22px;}
.top-alert.success .icon{background-image: url("../images/alert_ok.png");}
.top-alert.danger .icon{background-image: url("../images/alert_error.png");}
.top-alert .alert-text p {font-size: 14px;}
.tab-pane label {white-space: nowrap;}
.restore-access-new-pass {margin: 10px auto;width: 90%;}
.btn-with-top-margin {margin-top: 20px;}
.wizard-error-card {padding: 15px;}
.main-page-image {/*background-image: url('../images/pik_4black.jpg');*/position: fixed;height: 100%;width: 100%;background-position: 50% 50%;background-size: cover;filter: blur(2px);top: 0px;background-color: gray;}
.captcha-item {margin:10px;}
.main-button-write-to-us {margin: 2em 0em 1em 0em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.signup-action-button {margin-bottom: 1.5em;margin-top:1em !important;}
.card.wizard-card.wizard-restore-card {padding: 20px 30px;}
#signinButtonConfirmID {padding: 0 1.5rem;}
.yandex-button {background-image: url('../images/yandex_auth.png');background-repeat: no-repeat;background-size: cover;width: 122px;height: 21px;display: block;}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	
	.top-alert.success .icon{background-image: url("../images/alert_ok@2x.png");}
	.top-alert.danger .icon{background-image: url("../images/alert_error@2x.png");}
	
}

.logo-restore-container {position: relative;height: 80px;vertical-align: middle;margin-top: 20px;}
h5, .h5 {font-size: 1.25em;font-weight: 400;line-height: 1.4em;margin-bottom: 0.5em;color: #9A9A9A;}
.col-common-container {width: 100%;height: 100%;position: absolute;top: 0px;}
.col-logo-container {position: fixed;height: 100%;width: calc(100% - 405px);text-align: center;color:white;}
.col-login-container {width: 405px;position: absolute;right: 0px;height: 100%;}
.col-logo-table-wrapper {display: table;width: 100%;height: 100%;}
.col-logo-table-cell-wrapper {display: table-cell;vertical-align: middle;}
.col-logo-wrapper {height: 100%;width: 80%;margin: auto;}
.col-form-wrapper {height: 100%;width: 370px;margin: auto;}
.error {margin-bottom: 10px;}
.wizard-card {padding: 30px;background-color: rgba(255,255,255,0.88);}
.wizard-title {font-weight: 300;font-size: 2em;}
.input-field .prefix {color: gray;top:7px;}
input:not([type]), input[type="text"]:not(.browser-default), input[type="password"]:not(.browser-default), input[type="email"]:not(.browser-default), input[type="url"]:not(.browser-default), input[type="time"]:not(.browser-default), input[type="date"]:not(.browser-default), input[type="datetime"]:not(.browser-default), input[type="datetime-local"]:not(.browser-default), input[type="tel"]:not(.browser-default), input[type="number"]:not(.browser-default), input[type="search"]:not(.browser-default), textarea.materialize-textarea {margin-bottom: 10px;}
.input-field {margin-top: 0.75rem;}
.row {margin-bottom: 10px;}
.main-auth-link {color: #929eb0;}
.main-auth-link:hover {color: #7293b6;}
.signup-confirm-button {width:100%;margin-top: 5px;}
#feedbackmodal .material-icons {line-height: 1.5;vertical-align: middle;margin-right: 0.4em;}
#feedbackmodal hr {color: #d1d1d1;}
#feedbackmodal .input-field > label.error {color:red;}
.language-selector {position: fixed;z-index: 100;padding: 10px;top: 10px;left: 10px;}
.language-selector a {margin-right: 10px;color: white;}
.language-selector a:hover {color: #039be5;}
.soc-button {padding: 0;min-width: 50px;}
.very-main-card {padding: 15px !important;margin:0px;}
.form-helper {color: gray;font-size: 0.75em;}
.form-helper .material-icons {vertical-align: middle;}
.form-helper.notifier {padding-left: 5px;}
.link-button {text-transform: uppercase;font-size: 14px;font-weight: bold;cursor: pointer;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.main-auth-divider {margin: 18px -26px;border-top: 1px solid #d3d2d2;}
.esia-img {background-image: url("../images/gosuslugi.png");display: inline-block;width: 26px;height: 26px;background-position: 50% 50%;background-size: cover;line-height: 36px;vertical-align: top;margin-right: 4px;margin-top: 4px;}
.ts100-img {background-image: url("../images/army_logo.png");display: inline-block;width: 26px;height: 26px;background-position: 50% 50%;background-size: cover;line-height: 36px;vertical-align: top;margin-right: 4px;margin-top: 4px;}

#faceidmodal-overlay {background: url(../images/overlay.png) repeat 0 0;position: fixed;width: 100%;height: 100%;opacity: 0.7;visibility: visible;display: block;top: 0;left: 0;z-index: 2;overflow: hidden;}

#faceidmodal.modal {
	max-height: 100%;
	top: 100px;
	height: 60%;
	position: fixed;
	overflow-x: hidden;
	z-index: 3;
}

.faceidmodal__wrapper {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.faceidmodal__header {
	height: 100px;
	border-bottom: 1px solid #e4e4e4;
	padding: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.faceidmodal__body {
	/* padding: 20px; */
	background-color: #e7e7e7;
	height: 100%;
	position: relative;
}

.faceidmodal__video-container {
	background-color: #c8c8c8;
	display: flex;
	justify-content: center;
	align-items: center;
	max-height: 70%;
}

.faceidmodal__video-container video{
	transform: rotateY(180deg);
}

#faceIdcanvas {
	display: none;
}

.faceidmodal__video-wrapper {

	position: relative;

}

.border-face {
	border: 3px dotted #1E90FF;
	background-color: #00000000;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.faceidmodal__body .loader {

	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #3f3f3f99;
	z-index: 2;
}

.faceidmodal__body .loader-camera {

	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;

	z-index: 1;
}

#faceidmodal .modal-footer {

	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

#faceidmodal .rotate{
	animation: rotate 1.5s linear infinite;
}

#faceidmodal .faceidmodal__body .info-panel{
	position: absolute;
    bottom: 0px;
    width: 100%;
    font-size: 0.85em;
    /* height: 1.3em; */
    line-height: 1.3em;
    overflow: hidden;
    /* white-space: nowrap; */
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
    left: 0px;
    border-radius: 0px 0px 4px 4px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-style: normal;
	font-weight: normal;
	word-break: break-word;
}

#faceidmodal .load-attempt {
	color:#FFFFFF; 
	margin:3px;
	display: inline-block;
	transition: all 0.1s linear;
	position: absolute;
	right: 0;
	top: 0;
}

#faceidmodal .load-attempt.hidden{
	display: none;
}

#faceidmodal .load-attempt.visuallyhidden {
	opacity: 0;
}

#faceidmodal .faceidmodal__body .info-panel .info{
	text-align: center;
}

@keyframes rotate{
	to{ transform: rotate(360deg); }
}

#faceidmodal .loader .fa-spinner {
	margin-right: 10px;
	font-size: xx-large;
}

@media (max-width: 1300px) {
	#faceidmodal.modal {
		width: 70%;
	}
}

@media (max-height: 900px) {
	#faceidmodal.modal {
		top: 0;
		height: 100%;
	}
}

@media (max-width: 991px) {
	#faceidmodal.modal {
		top: 0;
		width: 100%;
		height: 100%;
	}

	.faceidmodal__body {
		height: 70%;
	}
}

@media (max-width: 768px) {
	
	.col-logo-container {width: 100%;height: initial;position: relative;margin-top: 4em;}
	.col-login-container {width: 100%;}
	.col-logo-table-wrapper {height: initial;margin-top: 3em;}
	
}


@media (min-width: 1200px) {
	
	.col-logo-container {width: calc(100% - 35%);}
	.col-login-container {width: 35%;}
	
}


@media (min-width: 1600px) {
	
	.col-logo-container {width: calc(100% - 35%);}
	.col-login-container {width: 35%;}
	
}

.col-login-title, .col-login-image, .col-login-sign-in-big {display: none;}