.modal.auth .modal-dialog {
	width: 460px;
	max-width: calc(100% - 20px);
}
.verification.mobile {
	padding: 20px;
	min-height: 100vh;
	background: #F2F1F6;
	font-family: 'Open Sans';
}

.verification.mobile input{
	background: #FFFFFF;
	border: 1px solid #E1EAF5;
	border-radius: 12px;
	height: 42px;
}
.verification.mobile a{
	color: #007AFF;
}

.verification.mobile .retry-confirmation.retry-confirmation {
	margin-top: 16px;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #007AFF;
	text-decoration: none;
}

.verification.mobile .footer  {
	margin-bottom: 0;
}

.verification.mobile .mobile-id-confirm,
.verification.mobile .footer .btn.btn-dikidi {
	background: #007AFF;
	border-radius: 12px;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	padding: 10px;
	border: none;
	color: white;
}
.verification.mobile .mobile_id .subtext {
	color: #878e97;
}
.verification.mobile .mobile_id .phone {
	font-weight: 700;
}

.verification.mobile .verification-container  {
	background: #FFFFFF;
	border-radius: 12px;
	padding: 16px;
	width: 100%;
}

.modal.auth .modal-body {
	padding: 50px 40px 30px;
}

.modal.auth .modal-content {
	border: none;
	border-radius: 10px;
}

.modal.auth h3,
.verification.mobile h3 {
	font-style: normal;
	text-align: center;
	color: #181C21;
	margin-bottom: 25px;
	margin-top: 0;
	font-weight: 600;
	font-size: 20px;
	line-height: 27px;

}
.modal.auth .close {
	background-image: url("/assets/images/close-24.png");
	background-repeat: no-repeat;
	background-size: contain;
	top: 20px;
	right: 20px;
	font-weight: unset;
	font-size: 0;
	width: 12px;
	height: 12px;
	opacity: 1;
}

.modal.auth .close:hover {
	opacity: 0.5;
}

.modal.auth .btn.btn-dikidi,
.verification.mobile .btn.btn-dikidi {
	border-radius: 5px;
	text-transform: unset;
	width: 100%;
	line-height: 44px;
	height: 46px;
	font-weight: unset;
	border-width: 1px;
	margin: 0;
	padding: 0 15px;
}
.modal.auth .arrow-back {
	background-image: url("/assets/images/arrow-back.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 17px;
	height: 16px;
	opacity: 1;
	left: 20px;
	position: absolute;
	top: 20px;
	display: none;
	z-index: 1;
}
.modal.auth .arrow-back:hover {
	opacity: 0.5;
}
.modal.auth.mode-number .arrow-back {
	display: block;
}
.modal.auth .container {
	width: 100%;
	padding: 0 20px;
	display: none;
}

.modal.auth .container.auth {
	padding: 0 50px;
}

.modal.auth .form-inputs {
	padding: 0 30px;
}

.phone-example {
	font-size: 28px;
	line-height: 38px;
}

@media screen and (max-width: 500px) {
	.modal.auth .container {
		padding: 0;
	}

	.modal.auth .container.auth {
		padding: 0;
	}

	.modal.auth .form-inputs {
		padding: 0;
	}
}

.modal.auth .form-inputs #key {
	margin-bottom: 0;
}

.modal.auth .form-inputs #key input {
	text-align: center;
	border-color: #E1EAF5;
	height: 46px;
}

.modal.auth .form-group > label {
	font-weight: normal;
}
.modal.auth .line {
	position: relative;
	line-height: 20px;
}
.modal.auth .line > span {
	background-color: #ffffff;
	position: relative;
	padding: 0 10px;
	z-index: 1;
}
.modal.auth .line:before {
	background-color: #e2e2e2;
	height: 1px;
	position: absolute;
	width: 100%;
	top: 10px;
	display: block;
	content: "";
	z-index: 0;
}
.modal.auth .container.base .btn {
	border-radius: 6px;
	text-transform: unset;
	width: 100%;
	line-height: 44px;
	height: 44px;
	font-weight: unset;
	border-width: 1px;
	margin: 0;
	padding: 0 15px;
	font-size: 13px;
}
.modal.auth .container.base .social .btn {
	position: relative;
	margin-bottom: 15px;
	color: #ffffff;
}
.modal.auth .container.base .social .btn:last-child {
	margin-bottom: 0;
}
.modal.auth .container.base .btn:before {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -10px;
}
.modal.auth .btn.facebook {
	background-color: #375ca7;
	border-color: #375ca7;
}
.modal.auth .btn.facebook:hover {
	background-color: #2e4f92;
	border-color: #2e4f92;
}
.modal.auth .btn.facebook:before {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4yIiBiYXNlUHJvZmlsZT0idGlueSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MzAuMTEzcHgiIGhlaWdodD0iNDMwLjExNHB4IiB2aWV3Qm94PSIwIDAgNDMwLjExMyA0MzAuMTE0IiBvdmVyZmxvdz0ic2Nyb2xsIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGlkPSJGYWNlYm9vayIgZmlsbD0iI0ZGRkZGRiIgZD0iTTE1OC4wODEsODMuM2MwLDEwLjgzOSwwLDU5LjIxOCwwLDU5LjIxOGgtNDMuMzg1djcyLjQxMmg0My4zODV2MjE1LjE4M2g4OS4xMjJWMjE0LjkzNg0KCQloNTkuODA1YzAsMCw1LjYwMS0zNC43MjEsOC4zMTYtNzIuNjg1Yy03Ljc4NCwwLTY3Ljc4NCwwLTY3Ljc4NCwwczAtNDIuMTI3LDAtNDkuNTExYzAtNy40LDkuNzE3LTE3LjM1NCwxOS4zMjEtMTcuMzU0DQoJCWM5LjU4NiwwLDI5LjgxOCwwLDQ4LjU1NywwYzAtOS44NTksMC00My45MjQsMC03NS4zODVjLTI1LjAxNiwwLTUzLjQ3NiwwLTY2LjAyMSwwQzE1NS44NzgtMC4wMDQsMTU4LjA4MSw3Mi40OCwxNTguMDgxLDgzLjN6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==');
}
.modal.auth .btn.google {
	background-color: #f44e3c;
	border-color: #f44e3c;
}
.modal.auth .btn.google:hover {
	background-color: #ca3828;
	border-color: #ca3828;
}
.modal.auth .btn.google:before {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4yIiBiYXNlUHJvZmlsZT0idGlueSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzcwcHgiIGhlaWdodD0iMzcwcHgiIHZpZXdCb3g9IjE5NSA5NyAzNzAgMzcwIiBvdmVyZmxvdz0ic2Nyb2xsIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zOTYuNDc4LDMxNi45NjFoODcuNDkyYy0xNS4zNTgsNDMuNDE5LTU2Ljk1MSw3NC41NS0xMDUuNjQ2LDc0LjE5MQ0KCQljLTU5LjA4NS0wLjQzNi0xMDcuOTQtNDcuNzAzLTExMC4yMzQtMTA2Ljc0NWMtMi40NTktNjMuMjg5LDQ4LjMxNi0xMTUuNTYxLDExMS4wNjktMTE1LjU2MWMyOC42OTMsMCw1NC44NzYsMTAuOTMyLDc0LjYxNiwyOC44NDcNCgkJYzQuNjc2LDQuMjQ0LDExLjc5Myw0LjI3MSwxNi4zOTEtMC4wNTdMNTAyLjMsMTY3LjM5YzUuMDI1LTQuNzMxLDUuMDQzLTEyLjcxOSwwLjAzMy0xNy40NjYNCgkJYy0zMS4zMDUtMjkuNjU4LTczLjMtNDguMTQ0LTExOS42MDktNDkuMDQ4Yy05OC43NzMtMS45MjgtMTgyLjAzMSw3OS4wNTYtMTgyLjcxOSwxNzcuODQ2DQoJCWMtMC42OTQsOTkuNTMyLDc5Ljc4MiwxODAuNDM1LDE3OS4xNTMsMTgwLjQzNWM5NS41NjMsMCwxNzMuNjMtNzQuODI1LDE3OC44NTktMTY5LjA4MWMwLjEzOS0xLjE4MiwwLjIzMS00MS4xMiwwLjIzMS00MS4xMg0KCQloLTE2MS43N2MtNi42MzEsMC0xMi4wMDUsNS4zNzUtMTIuMDA1LDEyLjAwNXY0My45OTNDMzg0LjQ3MiwzMTEuNTg2LDM4OS44NDgsMzE2Ljk2MSwzOTYuNDc4LDMxNi45NjF6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==');
}
.modal.auth .btn.huawei {
	background-color: #ce0e2d;
	border-color: #ce0e2d;
}
.modal.auth .btn.huawei:hover {
	background-color: #a2031f;
	border-color: #a2031f;
}
.modal.auth .btn.huawei:before {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02NC44NjEyIDEwNS44MTlDNjUuMDE5NyAxMDUuNzAxIDY1LjA1OTMgMTA1LjQ2MyA2NC45ODAxIDEwNS4yNjVDNTQuMDUxMyA4MS44MDQ3IDQwLjQxNzQgNTkuNjk4OCAyNC4zNTUzIDM5LjM5NjVDMjQuMzU1MyAzOS4zOTY1IDExLjU5MzEgNTEuNTA5NCAxMi41MDQ3IDYzLjY2MThDMTIuNzE4MiA2Ni40NjM2IDEzLjQ4MjcgNjkuMTk1OCAxNC43NTQ1IDcxLjcwMjFDMTYuMDI2MiA3NC4yMDg1IDE3Ljc4MDMgNzYuNDM5OCAxOS45MTYyIDc4LjI2ODVDMzEuMDUzNCA4OS4xMTQ3IDU4LjAwNDUgMTAyLjgxMSA2NC4yNjY2IDEwNS45MzhDNjQuNDY0OCAxMDYuMDE3IDY0LjcwMjYgMTA1Ljk3OCA2NC44NjEyIDEwNS44MTlNNjAuNjk5NiAxMTUuMDgyQzYwLjYyMDMgMTE0Ljg0NSA2MC4zODI1IDExNC42ODYgNjAuMTA1MSAxMTQuNjg2TDE1LjIzOTQgMTE2LjIzQzIwLjExNDQgMTI0Ljg5OSAyOC4zMTg2IDEzMS42MjkgMzYuODM5OSAxMjkuNTdDNDIuNzQ1NCAxMjguMTA2IDU2LjA2MjQgMTE4LjgwMyA2MC40NjE4IDExNS42MzZDNjAuODE4NSAxMTUuMzU5IDYwLjY5OTYgMTE1LjEyMiA2MC42OTk2IDExNS4wODJNNjEuMzczNCAxMTEuMDg0QzYxLjYxMTIgMTEwLjcyOCA2MS4yMTQ4IDExMC40MTEgNjEuMjE0OCAxMTAuNDExQzQxLjUxNjggOTcuMTEwOCAzLjMwOTYyIDc2LjY4NTIgMy4zMDk2MiA3Ni42ODUyQzIuMDQzMjMgODAuNTYxOSAxLjY4ODk2IDg0LjY3ODEgMi4yNzQzNiA4OC43MTM4QzIuODU5NzUgOTIuNzQ5NiA0LjM2OTAzIDk2LjU5NjEgNi42ODQ5IDk5Ljk1NDVDOS4wMDA3NyAxMDMuMzEzIDEyLjA2MDkgMTA2LjA5MyAxNS42MjczIDEwOC4wNzhDMTkuMTkzOCAxMTAuMDYzIDIzLjE3MDUgMTExLjIgMjcuMjQ4NSAxMTEuNDAxQzI3LjkyMjMgMTExLjUyIDUzLjkyMjIgMTExLjQwMSA2MC44OTc4IDExMS4zNjFDNjEuMDk1OSAxMTEuMzIyIDYxLjI1NDUgMTExLjI0MyA2MS4zNzM0IDExMS4wODRNNjQuMzQ1OSAyMC4wMzk2QzYyLjQwMzggMjAuMTk3OSA1Ny4xMzI1IDIxLjQyNSA1Ny4xMzI1IDIxLjQyNUM0NS4yNDIzIDI0LjQ3MzEgNDIuNDI4MyAzNS4yNzk3IDQyLjQyODMgMzUuMjc5N0M0MC4yNDg1IDQyLjA0ODYgNDIuNDY4IDQ5LjUzMDEgNDIuNDY4IDQ5LjUzMDFDNDYuNDMxNCA2Ny4xMDU3IDY1LjkzMTMgOTYuMDQyIDcwLjEzMjUgMTAyLjA5OEM3MC40MDk5IDEwMi40MTUgNzAuNjQ3NyAxMDIuMjk2IDcwLjY0NzcgMTAyLjI5NkM3MC44ODU1IDEwMi4yMTcgNzEuMDgzNyAxMDIuMDE5IDcxLjA4MzcgMTAxLjc0MkM3Ny41ODM3IDM3LjE0MDEgNjQuMzQ1OSAyMC4wMzk2IDY0LjM0NTkgMjAuMDM5Nk03OS4yMDg2IDEwMi4yMTdDNzkuNDQ2NSAxMDIuMjk2IDc5LjcyMzkgMTAyLjIxNyA3OS44NDI4IDEwMS45OEM4NC4xNjI5IDk1Ljc2NDkgMTAzLjU0NCA2Ni45ODY5IDEwNy41MDcgNDkuNDkwNUMxMDcuNTA3IDQ5LjQ5MDUgMTA5LjY0OCA0MS4wMTk0IDEwNy41ODcgMzUuMjQwMUMxMDcuNTg3IDM1LjI0MDEgMTA0LjY1NCAyNC4yNzUxIDkyLjc2MzUgMjEuMzg1NUM5Mi43NjM1IDIxLjM4NTUgODkuMzU0OSAyMC41MTQ2IDg1LjcwODYgMjBDODUuNzA4NiAyMCA3Mi4zOTE2IDM3LjEwMDYgNzguODkxNiAxMDEuNzAzQzc4Ljg1MTkgMTAxLjk0IDc5LjAxMDUgMTAyLjEzOCA3OS4yMDg2IDEwMi4yMTdNODkuODMwNiAxMTQuNzI2Qzg5LjcyNDkgMTE0Ljc0NyA4OS42MjQ4IDExNC43OSA4OS41MzYyIDExNC44NTFDODkuNDQ3NiAxMTQuOTEyIDg5LjM3MjQgMTE0Ljk5MSA4OS4zMTUzIDExNS4wODJDODkuMjc1NyAxMTUuMzIgODkuMzE1MyAxMTUuNTE4IDg5LjQ3MzggMTE1LjY3NkM5My43NTQzIDExOC43NjQgMTA2Ljc5NCAxMjcuODY4IDExMy4wNTYgMTI5LjYxQzExMy4wNTYgMTI5LjYxIDEyNC42NjkgMTMzLjU2OCAxMzQuNzM2IDExNi4yN0w4OS44MzA2IDExNC43MjZWMTE0LjcyNlpNMTQ2LjcwNSA3Ni42MDZDMTQ2LjcwNSA3Ni42MDYgMTA4LjU3NyA5Ny4wNzEyIDg4LjgzOTcgMTEwLjM3MkM4OC42NDE1IDExMC41MyA4OC41MjI2IDExMC43NjggODguNjAxOSAxMTEuMDA1Qzg4LjYwMTkgMTExLjAwNSA4OC44MDAxIDExMS4zNjEgODkuMDc3NSAxMTEuMzYxQzk2LjEzMjQgMTExLjM2MSAxMjIuODQ2IDExMS40MDEgMTIzLjU1OSAxMTEuMjgyQzEyNi4yMTUgMTExLjA4NCAxMjguODMgMTEwLjQ5IDEzMS4yODggMTA5LjUwMUMxMzEuMjg4IDEwOS41MDEgMTQwLjggMTA2LjQ5MiAxNDUuNzE0IDk1LjY4NThDMTQ1LjcxNCA5NS42ODU4IDE1MC4xMTQgODYuODk4IDE0Ni43MDUgNzYuNjA2Wk04NS4yMzMgMTA1LjgxOUM4NS4zOTE1IDEwNS45MzggODUuNjI5MyAxMDUuOTc4IDg1LjgyNzUgMTA1Ljg1OUM5Mi4yNDgyIDEwMi42NTMgMTE5LjAwMSA4OS4wNzUxIDEzMC4wNTkgNzguMjY4NUMxMzAuMDU5IDc4LjI2ODUgMTM3LjA3NCA3Mi42NDc1IDEzNy40MzEgNjMuNTgyN0MxMzguMjI0IDUxLjAzNDMgMTI1LjU4IDM5LjM5NjUgMTI1LjU4IDM5LjM5NjVDMTI1LjU4IDM5LjM5NjUgMTAyLjE5NiA2Ny42OTk1IDg1LjAzNDggMTA1LjEwN0M4NS4wMDczIDEwNS4yMzMgODUuMDExIDEwNS4zNjQgODUuMDQ1NSAxMDUuNDg4Qzg1LjA4IDEwNS42MTIgODUuMTQ0NCAxMDUuNzI2IDg1LjIzMyAxMDUuODE5IiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
}
.modal.auth .btn.apple {
	background-color: #000;
	border-color: #000;
}
.modal.auth .btn.apple:before {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiBjbGFzcz0iIj48Zz48ZyBpZD0iWE1MSURfMjI4XyI+Cgk8cGF0aCBpZD0iWE1MSURfMjI5XyIgZD0iTTQwLjczOCwxMTIuMTE5Yy0yNS43ODUsNDQuNzQ1LTkuMzkzLDExMi42NDgsMTkuMTIxLDE1My44MkM3NC4wOTIsMjg2LjUyMyw4OC41MDIsMzA1LDEwOC4yMzksMzA1ICAgYzAuMzcyLDAsMC43NDUtMC4wMDcsMS4xMjctMC4wMjJjOS4yNzMtMC4zNywxNS45NzQtMy4yMjUsMjIuNDUzLTUuOTg0YzcuMjc0LTMuMSwxNC43OTctNi4zMDUsMjYuNTk3LTYuMzA1ICAgYzExLjIyNiwwLDE4LjM5LDMuMTAxLDI1LjMxOCw2LjA5OWM2LjgyOCwyLjk1NCwxMy44NjEsNi4wMSwyNC4yNTMsNS44MTVjMjIuMjMyLTAuNDE0LDM1Ljg4Mi0yMC4zNTIsNDcuOTI1LTM3Ljk0MSAgIGMxMi41NjctMTguMzY1LDE4Ljg3MS0zNi4xOTYsMjAuOTk4LTQzLjAxbDAuMDg2LTAuMjcxYzAuNDA1LTEuMjExLTAuMTY3LTIuNTMzLTEuMzI4LTMuMDY2Yy0wLjAzMi0wLjAxNS0wLjE1LTAuMDY0LTAuMTgzLTAuMDc4ICAgYy0zLjkxNS0xLjYwMS0zOC4yNTctMTYuODM2LTM4LjYxOC01OC4zNmMtMC4zMzUtMzMuNzM2LDI1Ljc2My01MS42MDEsMzAuOTk3LTU0LjgzOWwwLjI0NC0wLjE1MiAgIGMwLjU2Ny0wLjM2NSwwLjk2Mi0wLjk0NCwxLjA5Ni0xLjYwNmMwLjEzNC0wLjY2MS0wLjAwNi0xLjM0OS0wLjM4Ni0xLjkwNWMtMTguMDE0LTI2LjM2Mi00NS42MjQtMzAuMzM1LTU2Ljc0LTMwLjgxMyAgIGMtMS42MTMtMC4xNjEtMy4yNzgtMC4yNDItNC45NS0wLjI0MmMtMTMuMDU2LDAtMjUuNTYzLDQuOTMxLTM1LjYxMSw4Ljg5M2MtNi45MzYsMi43MzUtMTIuOTI3LDUuMDk3LTE3LjA1OSw1LjA5NyAgIGMtNC42NDMsMC0xMC42NjgtMi4zOTEtMTcuNjQ1LTUuMTU5Yy05LjMzLTMuNzAzLTE5LjkwNS03Ljg5OS0zMS4xLTcuODk5Yy0wLjI2NywwLTAuNTMsMC4wMDMtMC43ODksMC4wMDggICBDNzguODk0LDczLjY0Myw1NC4yOTgsODguNTM1LDQwLjczOCwxMTIuMTE5eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgZmlsbD0iI0ZGRkZGRiIvPgoJPHBhdGggaWQ9IlhNTElEXzIzMF8iIGQ9Ik0yMTIuMTAxLDAuMDAyYy0xNS43NjMsMC42NDItMzQuNjcyLDEwLjM0NS00NS45NzQsMjMuNTgzYy05LjYwNSwxMS4xMjctMTguOTg4LDI5LjY3OS0xNi41MTYsNDguMzc5ICAgYzAuMTU1LDEuMTcsMS4xMDcsMi4wNzMsMi4yODQsMi4xNjRjMS4wNjQsMC4wODMsMi4xNSwwLjEyNSwzLjIzMiwwLjEyNmMxNS40MTMsMCwzMi4wNC04LjUyNyw0My4zOTUtMjIuMjU3ICAgYzExLjk1MS0xNC40OTgsMTcuOTk0LTMzLjEwNCwxNi4xNjYtNDkuNzdDMjE0LjU0NCwwLjkyMSwyMTMuMzk1LTAuMDQ5LDIxMi4xMDEsMC4wMDJ6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBmaWxsPSIjRkZGRkZGIi8+CjwvZz48L2c+IDwvc3ZnPgo=');
}
.modal.auth .btn.vk {
	background-color: #4d82bf;
	border-color: #4d82bf;
}
.modal.auth .btn.vk:hover {
	background-color: #4070a7;
	border-color: #4070a7;
}
.modal.auth .btn.vk:before {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4yIiBiYXNlUHJvZmlsZT0idGlueSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOTYwcHgiIGhlaWdodD0iNTYwcHgiIHZpZXdCb3g9IjAgMCA5NjAgNTYwIiBvdmVyZmxvdz0ic2Nyb2xsIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02ODEuOTYsMzIzLjA1MWMxOC41NzYsMTguMTM3LDM4LjE4MiwzNS4xOTksNTQuODQzLDU1LjE2NGM3LjM2LDguODcyLDE0LjMyNywxOC4wMjcsMTkuNjU4LDI4LjMyNA0KCWM3LjU1MywxNC42MzcsMC43MTIsMzAuNzQzLTEyLjQxMiwzMS42MTdsLTgxLjU4My0wLjAzN2MtMjEuMDQyLDEuNzQ2LTM3LjgyNy02LjcyNC01MS45NDEtMjEuMTEyDQoJYy0xMS4yOTUtMTEuNTA1LTIxLjc1Ni0yMy43NS0zMi42MTctMzUuNjQzYy00LjQ1My00Ljg2MS05LjExMy05LjQzNS0xNC42OC0xMy4wNTFjLTExLjEzNy03LjIyOS0yMC44MDQtNS4wMTYtMjcuMTY5LDYuNg0KCWMtNi40ODIsMTEuODE1LTcuOTUzLDI0Ljg5Ni04LjU4OSwzOC4wNjNjLTAuODc0LDE5LjIxMS02LjY4MSwyNC4yNjItMjUuOTc4LDI1LjE0MWMtNDEuMjQsMS45NDUtODAuMzc5LTQuMjk0LTExNi43MzgtMjUuMDk4DQoJYy0zMi4wNTYtMTguMzQtNTYuOTEyLTQ0LjIzMi03OC41NDktNzMuNTQ0Yy00Mi4xMjQtNTcuMDc1LTc0LjM4NC0xMTkuNzkzLTEwMy4zNzctMTg0LjI2N2MtNi41MjYtMTQuNTI2LTEuNzUzLTIyLjMyMywxNC4yNzUtMjIuNg0KCWMyNi42MTQtMC41MTcsNTMuMjI1LTAuNDgsNzkuODcxLTAuMDM3YzEwLjgxNywwLjE1OSwxNy45NzgsNi4zNjIsMjIuMTU1LDE2LjU4MWMxNC4zOTksMzUuNDA2LDMyLjAxOCw2OS4wOTEsNTQuMTM0LDEwMC4zMTQNCgljNS44OSw4LjMxMywxMS44OTYsMTYuNjI2LDIwLjQ0NywyMi40NzdjOS40NjEsNi40NzgsMTYuNjY0LDQuMzMxLDIxLjExNS02LjIwOGMyLjgyNC02LjY4Myw0LjA2MS0xMy44ODEsNC42OTgtMjEuMDM3DQoJYzIuMTA5LTI0LjYyNCwyLjM4Ny00OS4yMDYtMS4zMTEtNzMuNzQzYy0yLjI3MS0xNS4zMTQtMTAuODk2LTI1LjIyNy0yNi4xNzctMjguMTI1Yy03Ljc5Ny0xLjQ3OC02LjYzNy00LjM3OS0yLjg2MS04LjgzDQoJYzYuNTU3LTcuNjc2LDEyLjcyNS0xMi40NTUsMjUuMDItMTIuNDU1aDkyLjIwMWMxNC41MTUsMi44NjUsMTcuNzM4LDkuMzg1LDE5LjcyNiwyMy45OWwwLjA3OSwxMDIuNDE1DQoJYy0wLjE1OSw1LjY1NCwyLjgyNCwyMi40MzMsMTMuMDA4LDI2LjE3NWM4LjE1MSwyLjY2NCwxMy41MjMtMy44NTcsMTguNDE0LTkuMDI1YzIyLjA3NS0yMy40MjksMzcuODMxLTUxLjExOSw1MS45MDYtNzkuNzkNCgljNi4yNDYtMTIuNjA4LDExLjYxOC0yNS43LDE2LjgyMy0zOC43ODJjMy44NTctOS43MDcsOS45MDgtMTQuNDgzLDIwLjg0My0xNC4yNzJsODguNzM4LDAuMDc5YzIuNjMyLDAsNS4yOTQsMC4wMzgsNy44NDIsMC40NzUNCgljMTQuOTUzLDIuNTQ4LDE5LjA1MSw4Ljk4MSwxNC40MzIsMjMuNTgyYy03LjI3NywyMi45MDktMjEuNDM1LDQyLTM1LjI3OSw2MS4xNzljLTE0Ljc5OCwyMC40NzYtMzAuNjI2LDQwLjI1Mi00NS4zMDEsNjAuODUNCglDNjY0LjE0LDI5Ny4yMzMsNjY1LjIxMSwzMDYuNzE0LDY4MS45NiwzMjMuMDUxTDY4MS45NiwzMjMuMDUxeiIvPg0KPC9zdmc+DQo=');
}
.modal.auth .btn.mobile_id {
	background-color: #5400BA;
	border-color: #5400BA;
}
.modal.auth .btn.mobile_id:hover {
	background-color: #45009b;
	border-color: #45009b;
}
.modal.auth .container.base .btn.mobile_id:before {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNi4zMTA2N0g1LjQ0MDkyTDguMTE1MjUgMTMuODgzNUwxMC43ODk2IDYuMzEwNjdIMTZWMjBIMTIuMzU3M1YxMC42MzExTDkuMTI5NjkgMTkuOTUxNEg2LjYzOTc3TDMuNDU4MjEgMTAuNzI4MlYyMEgwVjYuMzEwNjdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNOC4xMTUyOCAwQzUuMDI1OTEgMCAyLjY3NDMzIDIuMDg3MzcgMi4zNTE1NiA1LjE0NTYzSDUuNTc5MjNDNS45MDIgMy45ODA1OCA2Ljg3MDI5IDMuMTU1MzQgOC4xMTUyOCAzLjE1NTM0QzkuMzYwMjIgMy4xNTUzNCAxMC4yODI0IDMuOTgwNTggMTAuNjUxMiA1LjE0NTYzSDEzLjg3ODlDMTMuNjAyMyAyLjA4NzM3IDExLjIwNDYgMCA4LjExNTI4IDBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
	background-size: contain;
}
.modal.auth .btn.esia {
	background: #FFFFFF;
	border: 1px solid #0D4CD3;
	color: #0D4CD3 !important;
}
.modal.auth .btn.esia:hover {
	background: #EFF4FF;
	border: 1px solid #0D4CD3;
	color: #0D4CD3 !important;
}
.modal.auth .btn.esia:before {
	background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUuSURBVHgBzVg7bxtHEJ5dUpKRRqSYRhVPQIo0js9tmtDpAid6ODKQzlQRRUCAmPkFPOYPhCoCOIoBS00QwIBoWTBSiv4FouMmlXWqXMQGGQR2+Ljb8ezuHY9HijSPD4EfQXB5t49vZ2ZnZ4bBuNg5zgCyO4BIv5AGRh9gFQC06XsAe6uPYAwwGBVEjCHkESHjTYVEiBE/eoQd80qi3IK9Lw9gBEQnqIixPEnrszARf0IiSBQZUe0hKjAH99eOIAKGJ7hTMgDjD6AtsRChf6lZAc5sIkKShBUmaAOsa35iTH0OgLUKcG/DHmLVIQluH1mkprvUSijJKA5qwRp9i+A4u7C/UQuNydKG5mIZEmWe/hlynOSOPlGEn+D+V9b7lh5M8NsnJnAhpWa2B6ASkSS2eyGxCzd4LElmaWy6LVU5CwcbXLZFRMsQmeD2sUUv89ju5Bk/wyI03MJQxDqhJDqXp/HZzvmUiQjsK81egjt/GiCcErVM3cEjhiBdRw5+W30K40DPf0ILGxh6QYeIuze6bTNMMFdKsLfxU2KUDp1CARbtsACThFa7pazRUzutaOMH7nUoBtrhoUFvuEW7MpTYFDnaVdO5PnFyEns0Z9NZobXOvUMjnZMBb+fynd0CCUo34sZfSHJMO10bm87nZGs2TBOeyoNbiMCJuKfqQII4f011UDvB80shJ3HvC7I92IJOnylid/3m6FfdpPHd8UlwCZBp7a2uyBaHWYGgwMLzYyQ3w38cb3eQThlFAqJggIONiisxt+w6XDo1yRBi3z9J13+5ea4Jbj9epy2UIit8+3GRVPEjTABX6lBbgDrzoyLhvEnWAc61ihGiSc4HG3HcBajRzZRymrUlp86WnAakXHdRPo/DDCHp/F8jDS+qwIKRPwZ4qgnyWJVUXIaoQIgU270PS25Dx7zycvEuMU3w15tyoYkuNgpSrUZNRXLEkevAbNZU3AgiJBTqRxH8x9zMxBHzMGUIhkepymER+hJsGt5VRip2A4LMFQZyloEpgyMFqAOQcuskOPRvXGgTnBUstRoJ8NIJxrhS9+USlDnMACRbdeVX5fllnAUEP3x+uF+9unEGU0Yths/6vTv9NGs6rYbOqUjHLaEyxUCCyeel8UL5MZFoOIbwDoZ0hf+587Zsz4wNLrr1OwL9RJ/bHz37PWyDr8yv17nAQ3XNAJ02xm8lKw8rcAmokptDIdY48zJScMv+u3Y82IK5iqxXoA4nVhDdUtVcN2DKqJrfGFQIeKBqJZ78mkwUegguV/6wyQdpJ6pzLCp18JNpkqyat03ElkxB06pcoaSDxeXKI7uHoPoTEwWSYQW8bF2mnyj4i9fmpgUThpyTMvZTGbVIXro0Amc1LkIZZE+I+pJEvoDNEjlK0/fmSvYoyC7FjWTH7kaBtDf6+Zls7hpIoxNeKQyg3Gi4W8t/h+fvG0O//uRWnsZZHR29shpQdUoUohIlU0kIiFlM4A+KmKclSUAItFJ/HV6Ye7PBk0oD1jai1aBrPmQGNsUau4Mu/k5i5CxypE5KJVlXBI4VxmJbg7zFUFmIkiYVkjxVdA4+A6RCEocjkmitm5gQPEdDVNlO82mrk+I+LPaTWtcaw+Hlx+vG/EJMEs22Rwb2I1Gmlq15gAybqBDAk8qO0T9zoG2Nka0NaSKRE/fq1c015OSOdM6gF2e+hXbOFxTu2hvg3EqePox0pY5cWXhl3s5yFKp62ndmzfiETkFh1Lt+7NKHR3SNmhmVhmrPZJNqy3R17o8bhLwDmJZ3QjSW9bkAAAAASUVORK5CYII=');
}
.modal.auth .btn.btn-auth {
	background-color: #0064c2;
	color: #ffffff;
}
.modal.auth .btn.btn-auth:hover {
	background-color: #015baf;
}
#appleid-signin {
	display: none;
}

.modal.auth .confirmation-title,
.verification.mobile .confirmation-title {
	color: #181C21;
	margin-bottom: 20px;
}

.modal.auth .input-phone .btn-default,
.modal.auth .input-phone input,
.modal.auth input {
	border-color: #E1EAF5;
	height: 46px;
}

.modal.auth input:focus {
	box-shadow: none;
}

.modal.auth .forgot {
	width: 100%;
	text-align: center;
	display: block;
	margin-top: 15px;
}

.modal.auth span.phone-center {
	display: block;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	margin-top: 10px;
	color: #181C21;
}

.modal.auth .footer {
	margin-top: 15px;
}

.modal.auth .footer .btn-dikidi,
.verification.mobile .footer .btn-dikidi {
	background-color: #017EF4;
}

.modal.auth .retry-confirmation,
.verification.mobile .retry-confirmation {
	display: block;
	margin: 10px auto 0;
	text-align: center;
	font-size: 12px;
}

.modal.auth .retry-confirmation .timer {
	color: #181C21;
}

.modal.auth .error {
	font-weight: 400;
	font-size: 14px;
	color: #EB5757;
	text-align: center;
	width: 100%;
	display: inline-block;
}

.recovery form {
	padding: 0 20px;
}
/*------DarkMode-----*/
.verification.mobile.dark,
.verification.mobile.dark h3 {
	background: #1C1C1E;
	color: white;
}
.verification.mobile.dark .verification-container,
.verification.mobile.dark .mobile_id .phone,
.verification.mobile.dark .confirmation-title {
	background: #2B2B2E;
	color: white;
}
.verification.mobile.dark input{
	background: #1C1C1E;
	color: white;
	border: none;
}