/* :root {
	--LOGIN_MODAL5_BG: #F9F9F9;
	--LOGIN_MODAL5_TITLE_COLOR :var(--color1);
	--LOGIN_MODAL5_HEADER_BORDER: 2px dashed #a2a2a2;
	--LOGIN_MODAL5_BOX_SHADOW_BG: #00000040;
} */

#loginmodal .modal-content {
	background: var(--LOGIN_MODAL5_BG);
	border-radius: 9px;
}

#loginmodal .modal-content .close {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	color: var(--LOGIN_MODAL5_CLOSE_COLOR);
	z-index: 999;
}

#loginmodal .modal-body {
	padding: 1.5rem 1.5rem 0 1.5rem;
}

#loginmodal .form-text .title {
	padding: .15rem 0 1rem 0;
	border-bottom: var(--LOGIN_MODAL5_HEADER_BORDER);
	color: var(--LOGIN_MODAL5_TITLE_COLOR);
	text-align: center;
	font-weight: var(--MED_FONT_WEIGHT);
	font-family: var(--SECONDARY_FONT_FAMILY);
    letter-spacing: 1px;
}

#loginmodal .remember {
	justify-content: space-between;
}

#loginmodal .form-group .input- {
	gap: 10px;
}

#loginmodal .input- input,#loginmodal .input- select {
	border: none;
	border-radius: 10px;
	outline: none;
	box-shadow: var(--LOGIN_MODAL5_BOX_SHADOW_BG) 0px 0px 2px 0px;
}

#loginmodal .input- input:focus,
#loginmodal .input- input:hover,
#loginmodal .input- select:focus,
#loginmodal .input- select:hover {
	box-shadow: var(--LOGIN_MODAL5_BOX_SHADOW_BG) 0px 0px 2px 0px !important;
}

.loginBtn {
	height: auto !important;
}

.loginBtn,
#loginmodal .loginOtpBtn {
	width: 178px !important;
	box-shadow: var(--LOGIN_MODAL5_BOX_SHADOW_BG) 0px 0px 5px 0px;
	margin: 0 auto;
	line-height: 1.5;
}

#loginmodal .loginOtpBtn {
	/* padding: 6px;
	height: 31px; */
    font-size: var(--BUTTON_MED_FONT_SIZE);
}

#loginmodal .otpTimer- {
	right: -10px 
}

#loginmodal .nav-tabs{
	justify-content: center;
	gap: 0 40px;
}

#loginmodal .nav-tabs .nav-link {
	width: 45px;
	text-align: center;
	border-radius: 5px;
}

#loginmodal .forgot-field {
	font-size: var(--DEFAULT_FONT_SIZE);
}

#loginmodal #smsLogin-tab .input-.flex-d-row {
	align-items: center;
}

#loginmodal .nav-tabs .nav-link i {
	font-size: var(--SECTION_HEADER_FONT_SIZE);
}

#loginmodal .input- input, 
#loginmodal .input- select {
	padding: 11px 0 11px 1rem;
	height: 100%;
}

#loginmodal .input- input.icon-lr {
	padding: 11px 0 11px 3rem
}

#loginmodal .form-text .text {
	font-size: var(--DEFAULT_FONT_SIZE);
}

/* accunlockmodal */
#accunlockmodal .modal-content {
	background: var(--LOGIN_MODAL5_BG);
	border-radius: 9px;
}

#accunlockmodal .modal-content .close {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	color: var(--LOGIN_MODAL5_CLOSE_COLOR);
	z-index: 999;
}

#accunlockmodal .modal-body {
	padding: 1.78rem 1.78rem .25rem 1.78rem;
}

#accunlockmodal .form-text {
    text-align: center;
    margin: 0 0 2rem
}

#accunlockmodal .form-text .title {
	margin: 0 0 15px 0;
	padding: .15rem 0 1rem 0;
	border-bottom: var(--LOGIN_MODAL5_HEADER_BORDER);
	color: var(--LOGIN_MODAL5_TITLE_COLOR);
	text-align: center;
	font-weight: var(--MED_FONT_WEIGHT);
	font-family: var(--SECONDARY_FONT_FAMILY);
    font-size: var(--SECTION_HEADER_FONT_SIZE);
	letter-spacing: 1px
}

#accunlockmodal .form-text .text {
    font-size: var(--DEFAULT_FONT_SIZE);
    color: #B8BABF
}

#accunlockmodal .modal-body .tab-list-[data-tablist='unlockacc'] .nav-tabs {
	margin: 1rem auto;
	display: grid;
	padding: 0;
	grid-gap: 0 14px;
	justify-content: center;
	border-color: transparent
}

#accunlockmodal .modal-body .tab-list-[data-tablist='unlockacc'] .nav-tabs.d-grid-2 {
	grid-template-columns: 1fr 1fr
}

#accunlockmodal .modal-body .tab-list-[data-tablist='unlockacc'] .nav-tabs .nav-link {
	margin: 0;
	padding: 10px;
	width: 100%;
	justify-content: center;
	border: 0;
	border-radius: 10px;
	text-align: center;
	font-weight: var(--REG_FONT_WEIGHT);
	font-size: var(--BUTTON_SMALL_FONT_SIZE)
}

#accunlockmodal .modal-body .remark-msg- {
	font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
    margin: 0 0 1rem;
    text-align: justify
}

#accunlockmodal .modal-body .remark-msg- .hlight- {
	font-weight: var(--BOLD_FONT_WEIGHT)
}

#accunlockmodal .modal-body .remark-msg- .underline- {
	text-decoration: underline
}

#accunlockmodal .form-group:last-child {
    display: flex;
    flex-direction: column;
    gap: 5px
}

#accunlockmodal .form-group .input- {
	gap: 10px
}

#accunlockmodal .input- input {
	padding: 12px 1rem;
	border: none;
	border-radius: 10px;
	outline: none;
	box-shadow: var(--LOGIN_MODAL5_BOX_SHADOW_BG) 0px 0px 2px 0px
}

#accunlockmodal .input- input:focus, 
#accunlockmodal .input- input:hover, 
#accunlockmodal .input- select:focus, 
#accunlockmodal .input- select:hover {
	box-shadow: var(--LOGIN_MODAL5_BOX_SHADOW_BG) 0px 0px 2px 0px !important
}

#accunlockmodal .input- input.icon-l {
    padding-left: 3rem
}

#accunlockmodal .input- .input-icon- {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    z-index: 1
}

#accunlockmodal .input- .input-icon-.left- {
    left: 1rem
}

#accunlockmodal .unlockOTPBtn {
    width: 178px !important;
    margin: 0 auto;
	padding: 10px;
    border: 0;
    border-radius: 20px;
    box-shadow: var(--LOGIN_MODAL5_BOX_SHADOW_BG) 0px 0px 5px 0px
}

#accunlockmodal .unlockAccBtn {
    height: auto !important;
    width: 178px !important;
    margin: 0 auto;
	padding: 10px;
    border: 0;
    border-radius: 20px;
    box-shadow: var(--LOGIN_MODAL5_BOX_SHADOW_BG) 0px 0px 5px 0px;
}

#accunlockmodal .otpTimer- {
	position: absolute;
    height: 100%;
    top: 50%;
    right: -10px;
    display: flex;
    transform: translateY(-50%);
    text-align: center;
    align-items: center;
    justify-content: center;
    z-index: 2;
    border-radius: 20px;
    color: #fff;
    background: #000000b3
}