form.register p{
	display:none;
}
form.register #nomorwa_field{
	display:block;
}

form.register .woocommerce-privacy-policy-text p{
	display:block;
}

.resend,#resend{
	
	right: 10px;
	bottom: 10px;
	font-size: 11px;
}

.u-column1.col-1 {
display: none;
}

.u-column2.col-2 h2{
	display:none;
}

/*mulaisini*/
#tombol{
	display:none;
}
input#otp {
		display:none;
		background: #fff;
		box-shadow: none;
		border-bottom: 1px solid #ddd;
		font-size: 22px;
		margin-bottom:10px;
		padding-left: 13px;
		  letter-spacing: 40px;
		  border: 0;
		  background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
		  background-position: bottom;
		  background-size: 50px 1px;
		  background-repeat: repeat-x;
		  background-position-x: 35px;
		  width: 290px;
	}
#tmbltngh{
		width:120px;
		margin:0 auto;
	}
	
	a.tampilotp.woocommerce-Button.woocommerce-button.button {
		width: 300px;
	}
	#tombol td span {
		width: 300px;
		padding: 20px;
		height: :100%;
	}
	
form.woocommerce-form.woocommerce-form-register.register {
	
	top: 0px;
	left: 0px;
	background: white;
	width: 100%;
	height: 100%;
	z-index: 99999;
	margin: 0;
	padding: 40px 20px 20px;
	overflow: hidden;
}



#hdr{
	font-weight:bold;
}
input#nomorwa {
	background: #fff;
	box-shadow: none;
	border-bottom: 1px solid #ddd;
	font-size: 20px;
	
}

#kata_tengah{
	font-size:13px;
	width:84%;
	margin:0 auto;
	text-align:center;
}
.woocommerce-privacy-policy-text{
	display:none;
}
span.biru {
	color: #2F66A9;
	font-weight: bold;
}
#tombol{
	width:100%;
	background:#fff;
	margin-top:30px;
}
#tombol span{
	font-weight:bold;
	font-size:16px;
	cursor:pointer;
}
#tombol td{
	background:#fff;
	text-align:center;
	width:33.34%;
	padding-bottom:40px;
}
#tombol .kiri{
	text-align:left;
}
#tombol .kanan{
	text-align:right;
}
.fa-backspace{
	font-size:25px;
}
i.fa.fa-whatsapp ,i.fab.fa-whatsapp{
	font-size: 40px;
	float: left;
}


.pengantar,.pengantar2{
	/* padding:0 20px; */
	
}
.pengantar2{
	font-size:11px;
}

.jconfirm-box.jconfirm-hilight-shake.jconfirm-type-default.jconfirm-type-animated {
	height: 350px;
	padding: 0px;
}
#pemb{
	padding:0 30px 30px;
}
span.jconfirm-title {
	font-size: 32px;
	font-weight: bold;
}

div#pajangan {
	padding: 10px;
	width: 100%;
	text-align: center;
	/*background: #AFEEEE;*/
	background: #EEF7FE;
	font-weight: 500;
	opacity:0.6;
	font-size: 22px;
	margin-top: 10px;
	color:#000;
}
.jconfirm-title-c {
	padding: 30px;
}

.jconfirm-buttons {
	width: 100%;
	padding: 30px;
}
.jconfirm .jconfirm-box .jconfirm-buttons button {
	padding: 5% !important;
	width: fit-content !important;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
	float: right;
	width: fit-content !important;
}
@media all and (min-width:0px) and (max-width: 640px) {
	body{
		overflow:hidden;
	}
	label[for=nomorwa]{
		display:none;
	}
	form.woocommerce-form.woocommerce-form-register.register {
		position: fixed;
	}
	.col-full {
		margin: 0 !important;
		padding: 20px;
		width: 100%;
	}
	#tombol{
		display:table;
	}
}

@media all and (min-width:0px) and (max-width: 412px) {
	.jconfirm .jconfirm-box .jconfirm-buttons button {
		
		width: 42%;
		font-size: 11px !important;
		padding:5%;
	}
}

@media all and (min-width:0px) and (max-width: 397px) {
	a.tampilotp.woocommerce-Button.woocommerce-button.button {
		width: 100% !important;
	}
	
	#tombol td span {
		width: 100% !important;
		padding: 0px !important;
		height: 100% !important;
	}
}

@media all and (min-height:0px) and (max-height: 579px) {
	#tombol td {
		padding-bottom:20px !important;
	}
}
@media all and (min-height:0px) and (max-height: 544px) {
	#tombol td {
		padding-bottom:10px !important;
	}
}
@media all and (min-height:0px) and (max-height: 503px) {
	#tombol td {
		padding-bottom:5px !important;
	}
}
@media all and (min-height:0px) and (max-height: 490px) {
	#tombol td {
		padding-bottom:0 !important;
	}
}

#hdr{
	margin-top:0px;
	text-align:center;
}

 
.iti__flag {background-image: url("../img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("../img/flags@2x.png");}
}

.iti--container {
   
    z-index: 99999;
    
}

.iti {
	display: block;
	width: 84%;
	margin: 0 8% !important;
}

span#wasap {
    margin-left: 10px;
}


.loading-indicator-wrapper.loader-visible {
    opacity: 1;
    
   position: fixed;
    z-index:9999999999999 !important
}



input#nomorwa:focus , input#otp:focus{
 outline: none !important;
}
.xxlapor{
	background:#475AA8 !important;
	color:#fff !important;
}