.chabok-auth-card {
	background-color: #fff;
	border-radius: 16px;
	padding: 25px;
	position: relative;
	z-index: 9;
	height: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	box-shadow: 0 0 50px rgba(0,0,0,0.02);
	color: #666;
	font-size: 14px;
}
.tabber-auth.chabok-woocomerce-auth {
	position: relative;
	top: auto;
	width: auto;
	height: auto;
	min-height: auto;
	background: none;
	z-index: 9;
	right: auto;
	left: auto;
	bottom: auto;
}
.lost-password-btn {
  margin-top: 25px;
  text-align: right;
}
.chabok-auth-card p {
	line-height: 2;
	text-align: center;
	padding: 20px 20px;
}
.tabber-auth .chabok-auth-tab {
	margin-bottom: 40px;
}
.chabok-field {
	position: relative;
	margin-bottom: 20px;
	width: 100%;
	float: right;
}
.chabok-field label {
	position: absolute;
	top: -10px;
	right: 10px;
	background: #fff;
	padding: 0 5px;
	color: #888;
	line-height: normal;
}
.tabber-auth .chabok-auth-tab a.chabok-active {
	background: var(--mainBg);
	color: #fff !important;
}

.tabber-auth .chabok-auth-tab a {
	float: right;
	width: 50%;
	padding: 20px 0;
	background: #eee;
	border-radius: 13px;
	text-align: center;
	font-size: 13px;
}
.financial-support-form {
	position: relative;
}
.tabber-auth .chabok-auth-tab a:nth-child(1) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.tabber-auth .chabok-auth-tab a:nth-child(2) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.tabber-auth .chabok-auth-tab a:nth-child(3) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.chabok-txt-left {
	text-align: left;
	direction: ltr;
}
.chabok-field input {
	width: 100%;
	border-radius: 7px;
	line-height: 27px;
	font-size: 15px;
	padding-right: 13px;
	border:1px solid #aaa;
	line-height: 2.5;
}
.chabok-auth-tab {
	max-width: 400px;
	width: 100%;
	margin: 10px auto 15px auto;
	  margin-bottom: 15px;
	overflow: hidden;
}
.chabok-auth-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	z-index: 999;
	
	visibility:hidden;
	clip:rect(0,0,0,0);
	opacity:0;
}
.chabok-hide-tab {
	display:none;
}
.chabok-txt-left {
	text-align:left;
	direction:ltr;
}
.chabok-auth-modal.chabok-active {
	opacity:1;
	transition:all 200ms;
	visibility:visible;
	clip:unset;
	overflow-y: scroll;
	height:100vh;
	background:#fff;
}
.auth-back-btn {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 40px;
	display: flex;
	align-items: center;
}
.auth-back-btn a {
	font-size: 18px;
	color: #aaa !important;
}
.auth-back-btn i {
	font-size: 95px;
	color: #aaa;
	position: relative;
	top: 32px;
}
.auth-back-btn a:hover i,
.auth-back-btn a:hover {
	color:#05a644 !important;
}
.chabok-auth-modal .auth-back-btn {
	display: none;
}
.auth-static-page {
	max-width:400px;
	margin:auto;
}
.auth-static-page {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  overflow: scroll;
}
.auth-static-page::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f0f0f0;
}
.chabok-auth-modal .auth-static-page {
	max-width: 520px;
	position: relative;
	overflow: hidden;
	z-index: 998;
	top:auto;
	right:auto;
	left:auto;
	bottom:auto;
}
.chabok-auth-modal .auth-static-page::before {
	content:none;
}
.chabok-auth-card .chabok-field input {
	color:#555;
	padding: 6px 13px;
}
.chabok-field {
	position: relative;
	margin-bottom: 20px;
	width: 100%;
	float: right;
}
.chabok-auth-card button {
	width: 100%;
}
.auth-green-txt {
	color:green;
	display:block;
}
.send-again {
	display:none;
	cursor:pointer;
}
.send-again:hover {
	color:green;
}

#verify-timer {
	margin: 25px 0;
}
.chabok-auth-dismis {
	position: fixed;
	left: 10%;
	top: 10%;
	cursor: pointer;
}
.chabok-auth-dismis::before {
  /* content: ''; */
  background: #000000c4;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.chabok-auth-modal-loader {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	background:rgba(0, 0, 0, 0.651);
	top:0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 9999;
}
.chabok-auth-card.auth-loader::before,
.chabok-financial-cart.auth-loader::before {
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    bottom: 20px;
    background: #ffffffd6;
    z-index: 99;
}
.chabok-auth-card.auth-loader::after,
.chabok-financial-cart.auth-loader::after,
.chabok-auth-modal-loader::after {
	content: '';
    width: 40px;
    height: 40px;
    border: 10px solid #f3f3f3;
    position: absolute;
    border-top: 10px solid #e62b7a;
    border-radius: 50%;
    animation: chabok-spin 1s linear infinite;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    margin: auto;
}
.chabok-auth-message {
	display:none;
}
.chabok-auth-message.chabok-auth-error {
	margin-bottom: 30px;
	padding: 10px;
	background: #fff0f0;
	border-radius: 3px;
	margin-top: -22px;
	display:block;
}

.chabok-financial-cart .chabok-auth-message.chabok-auth-error {
	margin-top: -10px;
}
.chabok-auth-message.chabok-auth-success {
	margin-bottom: 30px;
	padding: 10px;
	background: #e5f9f3;
	border-radius: 3px;
	display:block;
	margin-top: -22px;	
}
.has-error span.error {
  color: red;
  font-size: 11px;
  position: absolute;
  bottom: -4px;
  left: 9px;
  background: #fff;
  padding: 0 5px;
}
.chabok-field-checkbox .field-checkbox {
	float: right;
	width: 100%;
	display: flex;
	align-items: center;
}
.financial-support-form {
	clear: both;
	overflow: hidden;
	padding: 24px;
	background: #eee;
	border-radius: 10px;
}
.financial-support-form label {
	background: none;
	top: auto;
	bottom: auto;
	position: relative;
	right: 0;
	color: #000;
}
.chabok-field-checkbox.field-checkbox {
	float: right;
	width: 100%;
	margin-bottom: 17px;
}
.has-error input {
	border-color:red;
}
.chabok-field.field-select select {
	width: 100%;
	padding: 12px;
	margin-top: 13px;
}
.chabok-field.field-select label {
	right: 0;
}
.back-to-login {
float: left;
margin-top: 22px;
}
.chabok-auth-final-msg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 99;
	border-radius: 32px;
	display:none;
	line-height: 2;
	padding: 32px;
}
.chabok-auth-final-msg p {
	padding:0 !important;
}
.chabok-auth-final-msg .auth-tab::before,
.chabok-auth-final-msg .auth-tab::after {
	content:none !important;
}
.chabok-auth-final-msg.chabok-active {
	display:-webkit-box;
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.legal-only {
	display: none;
}
.legal-only.chabok-active {
	display: block;
}
.natural-only.chabok-hide {
	display: none;
}

.auth-h40 {
width: 100%;
display: block;
height: 40px;
}
.chabok-cancel-auth,.chabok-auth-final-msg .auth-tab {
	border: 1px solid #ccc;
	padding: 3px 10px;
	border-radius: 5px;
	color: #888;
}
.chabok-cancel-auth span,
.chabok-auth-final-msg .auth-tab span {
	font-size: 30px;
line-height: normal;
position: relative;
top: 6px;
}
.chabok-cancel-auth:hover,
.chabok-auth-final-msg .auth-tab:hover {
	border: 1px solid black;
background: #e3e3e3;
transition:all 200ms;
}
.verify-sec,.lostpass-sec {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	background: #fff;
	top: 0;
	transform: translateY(400px);
	visibility: hidden;
	transition:all 200ms;
}
.verify-sec.active, .lostpass-sec.active {
	transform: translateY(0px);
	visibility: visible;
	z-index: 3;
}
.verify-sec h4 {
	text-align: center;
	margin: 20px 0;
	color: #05a644;
	font-size: 17px;
	border-bottom: 1px solid #eee;
	padding-bottom: 26px;
}
.field-verify_code {
	border: 1px solid #eee;
	border-bottom: 0;
	border-radius: 5px;
}
.field-verify_code.has-error {
	border-color:red;
}
.field-verify_code.has-error span.error {
top: -7px;
bottom: auto;

}
#OptPartitioned {
	padding-left: 33px;
	letter-spacing: 49px;
	border: 0;
	background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
	background-position: bottom;
	background-position-x: center;
	background-size: 57px 1px;
	background-repeat: repeat-x;
	background-position-x: 0px;
	width: 350px;
	min-width: 350px;
	text-align: left;
	float: left;
	direction: ltr;
}

.verify-code-msg, .lost-pass-msg {
	margin-bottom: 54px;
	line-height: 2;
	margin-top: 20px;
	float: right;
	width: 100%;
}
.lost-code-msg {
	line-height: 1.8;
	margin-top: 18px;
	margin-bottom: 23px;
}
.lost-pass-msg {
	margin: -20px 0 30px;
}
#OptInner{
  left: 0;
  position: sticky;
}

#OptOuter{
	width: 300px;
	margin-top: 30px;
	overflow: hidden;
	margin: 7px auto 0;
}
.lost-password-btn {
	text-align:center;
}
.chabok-woocomerce-auth .col-1, .chabok-woocomerce-auth .col-2,.chabok-woocomerce-auth .col-3,
.tabber-auth.chabok-woocomerce-auth .col-1, .tabber-auth.chabok-woocomerce-auth .col-2, .tabber-auth.chabok-woocomerce-auth .col-3 {
  display: none;
}
.chabok-woocomerce-auth .col-1.chabok-active, .chabok-woocomerce-auth .col-2.chabok-active, .chabok-woocomerce-auth .col-3.chabok-active 
.chabok-woocomerce-auth.chabok-active .col-1, .tabber-auth.chabok-woocomerce-auth .col-1.chabok-active, 
.tabber-auth.chabok-woocomerce-auth .col-2.chabok-active,.tabber-auth.chabok-woocomerce-auth .col-3.chabok-active {
  display: block;
}

.tabber-auth .chabok-auth-tab a:nth-child(3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.auth-note {
	margin:0 !important;
}
.chabok-captcha-field {
	display:-webkit-box;
	display: flex;
}
.chabok-captcha-field img {
	cursor: pointer;
	min-width: 97px;border-radius: 7px;border: 1px solid #eee;margin-left: 8px;
}
.chabok-auth-push-message {
	background: #017e5b;
	position: fixed;
	bottom: 40px;
	top: auto;
	right: 2%;
	left: auto;
	padding: 9px 20px;
	border-radius: 3px;
	color: #fff;
	overflow: hidden;
	z-index: 9999999;
	max-width: 100%;
}
.chabok-auth-push-message::before {
	content: '';
	background: #026002;
	width: 100%;
	height: 5px;
	display: block;
	position: absolute;
	right: 0;
	top: 0px;
	border-radius: 15px 15px 0 15px;
	animation: chabok-auth-msg-progress;
	animation-timing-function: linear;
	animation-duration: 5s;
}
.chabok-pass-eye {
	width: 35px;
	height: 35px;
	position: absolute;
	background-position: center;
	right: 18px;
	top: 10px;
	background-size: 25px;
	background-repeat: no-repeat;
	opacity: 0.6;
	cursor: pointer;
}
.chabok-eye-close {
	background-image:url('../img/closed-eye.png');
}
.chabok-field input[type="password"] {
	font-family: Verdana;
}
.chabok-eye-open {
	background-image:url('../img/opened-eye.png');
	background-size: 28px;
  background-position: center 5px;
}
.birthdate-field {
	padding: 0px 0;
	border: 0px solid #999;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	direction: ltr;
  }
  .birthdate-field select {
	border: 1px solid #aeaeae;
	background: none;
	padding: 18px 10px;
	border-radius: 8px;
  }
  .chabok-field.field-birthdate.has-error {
	border: 1px solid red;
	border-radius: 10px;
  }

@media screen and (max-width:400px) {
	.chabok-auth-push-message {
		right: 0;
		left:0;
	}
}
@keyframes chabok-auth-msg-progress {
	0% {width:0;}
	100% {width:100%;}
}
@keyframes chabok-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}