/* Mobile Register */
:-moz-placeholder {
	color: var(--reg1_FORM_WRAP_INPUT_BOX_PLACEHOLDER) !important
}

::-moz-placeholder {
	color: var(--reg1_FORM_WRAP_INPUT_BOX_PLACEHOLDER) !important;
	opacity: 1
}

:-ms-input-placeholder {
	color: var(--reg1_FORM_WRAP_INPUT_BOX_PLACEHOLDER) !important
}

::-ms-input-placeholder {
	color: var(--reg1_FORM_WRAP_INPUT_BOX_PLACEHOLDER) !important
}

::-webkit-input-placeholder {
	color: var(--reg1_FORM_WRAP_INPUT_BOX_PLACEHOLDER) !important
}

::placeholder {
	color: var(--reg1_FORM_WRAP_INPUT_BOX_PLACEHOLDER) !important
}

@keyframes laydate-downbit {
	0% {
		opacity: 0.3;
		transform: translate3d(-50%, -100%, 0) scale(1.55)
	} 100% {
		opacity: 1;
		transform: translate3d(-50%, -50%, 0) scale(1.55);
	}
}

.layui-laydate {
	top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
    -webkit-animation-duration: .5s !important;
    animation-duration: .5s !important
}

.register-1- .laydatetheme- {
	color: var(--reg1_LAYDATE_THEME)
}

.reg-btn {
  opacity: 0.6;
  cursor: not-allowed;
}

.reg-btn.enabled {
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
}

/* .navbar {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    height: 50px;
    display: flex;
    align-content: center;
    padding: 0 15px;
    background-color: var(--reg1_NAVBAR_BG);
}

.navbar.navbar-home {
	height: 13.3333333333vw;
    border-bottom: var(--reg1_NAVBAR_HOME_BORDER_BOTTOM);
    background-color: var(--reg1_NAVBAR_HOME_BG);
    padding: 15px 10px;
}

.navbar .header-left {
	display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
}

.navbar .link {
	display: flex;
    font-size: 26px;
   	height: unset;
    align-items: center;
    position: absolute;
    top: 29%;
    left: 6%;
    color: var(--reg1_NAVBAR_LINK_TXT);
}

.navbar .header-title {
	position: absolute;
    top: 0;
    left: 50%;
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow: hidden;
    transform: translate(-50%);
    color: var(--reg1_NAVBAR_HEADER_TITLE_TXT);
    font-size: 4.2666666667vw;
    text-align: center;
    display: flex;
}

.body-content-area {
	padding: 2rem 0 0;
} */

.nav {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    list-style: none;
}

.common-nav-tabs-3 {
	display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
    border-bottom: var(--reg1_COMMON_NAV_TABS_3_BORDER_BOTTOM);
}

.common-nav-tabs-3 .nav-tabs {
	border: var(--reg1_COMMON_NAV_TABS_3_BORDER);
	padding: 0.5rem 5px;
    justify-content: center;
}

.common-nav-tabs-3 .nav-tabs .nav-item {
	width: fit-content;
}

.common-nav-tabs-3 .nav-tabs .nav-item .nav-link,
.common-nav-tabs-3 .nav-tabs .nav-item .nav-link.active {
	border: var(--reg1_COMMON_NAV_TABS_3_LINK_ACTIVE_BORDER);
    background-color: var(--reg1_COMMON_NAV_TABS_3_LINK_ACTIVE_BG);
    padding: 0.5rem 10px;
}

.common-nav-tabs-3 .nav-tabs .nav-item .nav-link.active .labelmsg {
	border: var(--reg1_COMMON_NAV_TABS_3_LINK_ACTIVE_LABEL_MSG_BORDER);
}

.common-nav-tabs-3 .nav-tabs .nav-item .nav-link .labelmsg {
	width: 80px;
    height: 40px;
    padding: 5px;
    margin: auto auto 5px;
    border-radius: 10px;
	border: var(--reg1_COMMON_NAV_TABS_3_ITEM_LINK_LABEL_MSG_BORDER);
    background-color: var(--reg1_COMMON_NAV_TABS_3_ITEM_LINK_LABEL_MSG_BG);
}

.common-nav-tabs-3 .nav-tabs .nav-item .nav-link .labelmsg .text {
	font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    transition: .3s ease-out 0s;
    color: var(--reg1_COMMON_NAV_TABS_3_ITEM_LINK_LABEL_MSG_TEXT_TXT);
}

.common-nav-tabs-3 .nav-tabs .nav-item .nav-link.active .labelmsg .text {
    color: var(--reg1_COMMON_NAV_TABS_3_ITEM_LINK_ACTIVE_LABEL_MSG_TXT);
}

.form-wrap {
	background-color: var(--reg1_FORM_WRAP_BG);
}

.form-wrap form {
	padding: 1rem 0 2rem;
	background-color: var(--reg1_FORM_WRAP_FORM_BG);
}

.form-wrap .member-radius {
	position: relative;
	margin: 2.6666666667vw;
}

.form-wrap .inputbox,
.form-wrap .select-box {
	position: relative;
    width: 100%;
    height: auto;
}

.form-wrap .inputbox.phonenumber {
	display: flex;
}

.form-wrap .inputbox label {
	text-align: left;
    position: absolute;
    top: 50%;
    left: 5.3333333333vw;
    width: 24%;
    transform: translateY(-50%);
    color: var(--reg1_FORM_WRAP_INPUT_BOX_LABEL_TXT);
    font-size: 3.4666666667vw;
}

.form-wrap .inputbox input,.form-wrap .inputbox textarea {
	border-top-left-radius: 0.8vw;
    border-top-right-radius: 0.8vw;
    width: 100%!important;
    height: 13.3333333333vw;
    border: 0;
    outline: none;
    background-color: var(--reg1_FORM_WRAP_INPUT_BOX_BG);
    color: var(--reg1_FORM_WRAP_INPUT_BOX_TXT);
    font-size: 3.4666666667vw;
    box-sizing: border-box;
    overflow-x: auto;
    padding: 0 9.6666666667vw 0 30.3333333333vw;
}
.form-wrap .inputbox textarea {padding-top:23px !important;}
.form-wrap .select-box label {
	position: absolute;
    top: 50%;
    left: 5.3333333333vw;
    transform: translateY(-50%);
    color: var(--reg1_FORM_WRAP_SELECT_BOX_LABEL_TXT);
    font-size: 3.4666666667vw;
}

.form-wrap .select-box select {
	width: 100%;
    height: 13.3333333333vw;
    border: 0;
    outline: none;
    background-color: var(--reg1_FORM_WRAP_SELECT_BOX_BG);
    color: var(--reg1_FORM_WRAP_SELECT_BOX_TXT);
    font-size: 3.4666666667vw;
    text-indent: 28.8vw;
    -webkit-appearance: none;
    appearance: none;
}

.form-wrap .inputbox .visibleIcon {
    position: absolute;
    font-size: 20px;
    cursor: pointer;
    right: 1rem
}

.form-wrap .inputbox .phone-area-code {
	position: absolute;
    z-index: 1;
    top: 50%;
    left: 28vw;
    width: 20%;
    transform: translateY(-50%);
    flex: 0 0 32%;
    margin-right: 10px;
}

.form-wrap .inputbox .request-otp {
	position: absolute;
    z-index: 1;
    top: 53%;
    right: 14vw;
    width: 24%;
    transform: translateY(-50%);
}

.form-wrap .inputbox .phone-area-code .lang-select {
	position: relative;
    font-size: 3.7333333333vw;
}

.form-wrap .inputbox .phone-area-code .btn-select {
	position: relative;
    width: 100%;
    height: 10.6666666667vw;
    padding: 0 2.6666666667vw;
    border: 0;
    border-radius: 0.8vw;
    background: var(--reg1_FORM_WRAP_INPUT_BOX_PHONE_AREA_CODE_SELECT_BG);
    font-size: 3.2vw;
    font-weight: 300;
    background-color: var(--reg1_FORM_WRAP_INPUT_BOX_PHONE_AREA_CODE_SELECT_BG_COLOR);
    color: var(--reg1_FORM_WRAP_INPUT_BOX_PHONE_AREA_CODE_SELECT_TXT);
}

.form-wrap .inputbox .phone-area-code .btn-select li {
	padding-bottom: 0;
    float: left;
    list-style: none;
}

.form-wrap .inputbox #regMobile,
.form-wrap .inputbox #regMobile2 {
	text-indent: 21.3333333333vw;
}

.form-wrap .inputbox .verification-code {
	display: flex;
    position: absolute;
    top: 45%;
    align-items: center;
    justify-content: center;
    width: 18.333333vw;
    height: 7.666667vw;
    transform: translateY(-50%);
    border: var(--reg1_FORM_WRAP_INPUT_BOX_VERIFICATION_CODE_BORDER);
    right: 13%;
    background-color: var(--reg1_FORM_WRAP_INPUT_BOX_VERIFICATION_CODE_BG);
}

.form-wrap .inputbox .refresh-icon {
	position: absolute;
    top: 55%;
    right: -1px;
    width: 8vw;
    height: 8vw;
    transform: translateY(-50%);
    border-radius: 0.8vw;
}

.form-wrap .inputbox .refresh-icon .refresh {
	font-size: 25px;
	color: var(--color2);
}

.form-group .btn-reg {
	width: 94.6666666667vw;
    height: 12vw;
    font-size: 4vw;
    line-height: 12vw;
    margin: 2.6666666667vw auto;
    border-radius: 0.8vw;
    background-color: var(--reg1_FORM_GROUP_BTN_REG_BG);
    color: var(--reg1_FORM_GROUP_BTN_REG_TXT);
}

#tncDefaultRegModal .modal-footer .btn-reg {
   width: 100% !important;
   display: block;
   margin: 0 !important;
}

.Reminder {
	padding: 1.3333333333vw 2.6666666667vw 4vw;
    color: var(--reg1_REMINDER_TXT);
    font-size: 3.2vw;
    line-height: 1.2;
    text-align: center;
}

.form-wrap .inputbox .request-otp .btn_otp {
	padding: 11px;
    border-radius: 8px;
    background-color: var(--reg1_FORM_WRAP_INPUT_BOX_REQUEST_BTN_OTP_BG);
    color: var(--reg1_FORM_WRAP_INPUT_BOX_REQUEST_BTN_OTP_TXT);
    border: var(--reg1_FORM_WRAP_INPUT_BOX_REQUEST_BTN_OTP_BORDER);
}

.form-wrap .inputMsg {
	padding: 0 2.6666666667vw;
    font-size: 3.2vw;
    text-align: left;
}

.form-wrap .inputMsg .fa-times-circle {
	font-size: 20px;
}

.form-wrap .inputMsg span {
	display: inline-block;
    width: calc(100% - 40px);
    line-height: 1.2;
    vertical-align: middle;
}

.form-group #whatsappQR {
	margin-top: 20px;
}

.regGuide {
	margin-bottom: 1rem;
    padding: 0 0 1rem 1rem;
    border-bottom: var(--reg1_REG_GUIDE_BORDER_BOTTOM);
}

.regGuide li,
.regGuide li div {
	list-style: circle;
	margin-top: 10px;
}

.form-group #whatsappQR img,
.form-group #telegramQR img {
	margin: auto;
    width: unset;
}

.datepicker.dropdown-menu {
	color: var(--reg1_DATEPICKER_DROPDOWN_MENU_TXT);
	background: var(--reg1_DATEPICKER_DROPDOWN_MENU_BG);
	border: var(--reg1_DATEPICKER_DROPDOWN_MENU_BORDER);
}

.datepicker-dropdown:before,
.datepicker-dropdown:after {
	content: '';
    border-left: var(--reg1_DATEPICKER_DROPDOWN_BEFORE_AFTER_BORDER_LEFT);
    border-right: var(--reg1_DATEPICKER_DROPDOWN_BEFORE_AFTER_BORDER_RIGHT);
    border-bottom: var(--reg1_DATEPICKER_DROPDOWN_BEFORE_AFTER_BORDER_BOTTOM);
    border-bottom-color: var(--reg1_DATEPICKER_DROPDOWN_BEFORE_AFTER_BORDER_BORDER);
}

.datepicker thead tr:first-child th:hover, 
.datepicker tfoot tr th:hover,
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
	background: var(--reg1_DATEPICKER_THEAD_TFOOT_TABLE_TR_TH_TD_HOVER_BG);
}

.datepicker table tr td.old, 
.datepicker table tr td.day,
.datepicker table tr th,
.datepicker table tr td .month,
.datepicker table tr td .year {
	color: var(--reg1_DATEPICKER_TABLE_TR_TD_TH_OLD_DAY_MONTH_YEAR_TXT);
}



/**SELECT 2*/
.select2-container.mobile_prefix_selection {width:auto !important}
.mobile_prefix_selection .select2-selection {height:100% !important;}
.mobile_prefix_selection .select2-selection--single {
	border-radius:3px !important;
	background-color:var(--reg1_FORM_WRAP_INPUT_BOX_BG);
	border: 2px solid var(--reg1_INPUT_SEPARATE_FORM_INPUT_SELECT_REGMOBILE_REMOBILE2_REGOTP_BORDER)
}
.mobile_prefix_selection .select2-selection--single .select2-selection__rendered {
	padding:8px !important;
}
.mobile_prefix_selection .select2-selection--single .select2-selection__arrow {
    top: 50% !important;
    transform: translateY(-50%) !important;
}
/** select2 dropdown ***/
.select2-dropdown.mobile_prefix_dropdown {
	width: 180px !important;
	border:1px solid var(--select2-dropdown-border-color);
}
.mobile_prefix_dropdown.select2-dropdown .select2-search {
	background-color:var(--select2-dropdown-search-bg)
}
.mobile_prefix_dropdown .select2-results__options .select2-results__option {
	background-color:var(--select2-dropdown-option-bg);
}
.mobile_prefix_dropdown .select2-results__option--highlighted.select2-results__option--selectable {
	background-color:var(--select2-dropdown-selected-bg);
}
.country_code_option {
	display:flex;
	align-items:center;
	gap:8px;
	color:var(--color2)
}
.country_code_option img {
	height:25px;
	width:25px;
}