.auth-wrapper {
	width: 500px;
}

.auth-wrapper__box {
  background: #fff;
  border-radius: 24px;
  padding: 40px;
  position: relative;
}

.auth-wrapper__box .modal-close {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}

.auth-wrapper__box:after {
	display: none;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 24px;
	z-index: 1;
}

.auth-wrapper__box:before {
	display: none;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 48px;
	background: url('/images/app-loader.png');
    animation-name: spin;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;	
	z-index: 2;
}

.auth-wrapper__box.preloader:after,
.auth-wrapper__box.preloader:before {
	display: block;
}

.auth-wrapper__box.register_show .cbaup_row.mini {
  display: none !important;
}

.auth-wrapper__box .msg {
  display: none;
  border: 1px solid;
  padding: 15px;
  margin-bottom: 15px;
}
.auth-wrapper__box .msg.success {
	display: block;
	border: 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 160%;
	text-align: center;
	color: #6b6b6b;
}
.auth-wrapper__box .msg.error {
  display: block;
  border-color: #dd2002;
  background: rgba(221, 32, 2, 0.1);
}

.auth-wrapper__box-title {
	font-weight: 600;
	font-size: 24px;
	color: #0A0A0A;
	margin-bottom: 15px;
}

.auth-wrapper__box-note {
	font-weight: 500;
	font-size: 16px;
	color: #0A0A0A;
	margin-bottom: 40px;
}

.auth-wrapper__field {
	margin-bottom: 40px;
}

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

.auth-wrapper__button {
}

.auth-wrapper__button button {
	width: 100%;
	font-weight: bold;
	font-size: 16px;	
}

.auth-wrapper__button button:disabled {
	color: #FFFFFF52;
	pointer-events: none;
}

.auth-wrapper__button button:after {
	display: none;
	content: '';
	width: 24px;
	height: 24px;
	background: url('/images/auth-loading.png');
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;	
}

.auth-wrapper__button button.preloader {
	font-size: 0;
	pointer-events: none;
}

.auth-wrapper__button button.preloader:after {
	display: block;
}

.auth-wrapper__password {
	display: flex;
	justify-content: center;
	padding: 20px 0 50px;
	position: relative;
}

.auth-wrapper__password input {
	width: 50px;
	height: 50px;
	border-radius: 12px;
	background: #F5F5F5;
	border: 1px solid #0A0A0A14;
	margin: 0 2px;
	text-align: center;
	font-size: 16px;
}

.auth-wrapper__password.error input {
	background-color: rgba(225, 51, 32, 0.0784313725);
    border-color: #e13320;
}

.auth-wrapper__password.error .customInput__errorText {
	top: 82px!important;
	right: 0;
	text-align: center;
	visibility: visible;
	opacity: 1;
}

.auth-wrapper__timer {
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: #0A0A0AA3;
	line-height: 2;
}

.auth-wrapper__second-code {
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	color: #0202B3;
	cursor: pointer;
}


.auth-wrapper__box .cbaup_row.mini {
  padding-bottom: 15px;
}
.auth-wrapper__box .cbaup_row.btn_box {
  text-align: center;
  padding-bottom: 0;
}

.auth-wrapper__box .cbaup_row .auth-label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 18px;
}

.auth-wrapper__box .cbaup_row input[type="text"] {
	color: #000;
	margin: 0;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	width: 100%;
	padding: 7px 10px;
	border: 0;
	border-bottom: 1px solid #ccc;
	text-align: center;
	outline: none;
}

.auth-wrapper__terms {
	padding-top: 20px;
}


.auth-wrapper__register {
	display: flex;
	align-items: center;
	background: #F2F2FB;
	border-radius: 16px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.4;
	color: #0202B3;
	margin-top: 20px;
	padding: 20px 20px 20px 10px;
}

.auth-wrapper__register svg {
	flex-shrink: 0;
    margin-right: 15px;
}

@media (max-width: 740px) {
	.auth-wrapper {
		width: 100%;
		bottom: 0;
		position: absolute;
		background: #fff;
		border-radius: 24px 24px 0 0;
	}
	
	.auth-wrapper__box {
		  padding: 20px;
	}
	
	.auth-wrapper__register {
		margin: 0 20px 20px;
	}

}