.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;
}
.auth-back-btn {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 40px;
	display: flex;
	align-items: center;
}
.auth-back-btn a {
	font-family: 'yekan';
	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: 400px;
	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 {
	font-size:13px;
	color:#555;
}
.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 {
	
}
.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 {
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    bottom: 20px;
    background: #ffffffd6;
    z-index: 99;
}
.chabok-auth-card.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-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;
}
.has-error input {
	border-color:red;
}
.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;
}
.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;
}
.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;
}