/* 
	login_1.css ROOT
	
	--login1_CONTENT_COLOR: var(--color3);
	--login1_CONTENT_BORDER: 1px solid var(--color4);
	--login1_CONTENT_BORDER_RADIUS: 5px;
	--login1_CONTENT_BG: var(--color2);
	--login1_CONTENT_BOX_SHADOW: 0 0 6px 0 var(--color4);
	
	--login1_TABLIST_ITEM_BORDER_RADIUS: 1rem;
	--login1_TABLIST_ITEM_BORDER: none;
	--login1_TABLIST_ITEM_COLOR: var(--color2);
	--login1_TABLIST_ITEM_BG: var(--gradient2);
	--login1_TABLIST_ITEM_BOX_SHADOW: 0 3px #7e7d7c;
	--login1_TABLIST_ITEM_HOVER_BORDER: none;
	--login1_TABLIST_ITEM_HOVER_COLOR: var(--color2);
	--login1_TABLIST_ITEM_HOVER_BG: var(--gradient1);
	--login1_TABLIST_ITEM_HOVER_BOX_SHADOW: 0 3px var(--color8);
	
	--login1_FORM_LABEL_COLOR: var(--color3);
	--login1_FORM_INPUT_COLOR: inherit;
	--login1_FORM_INPUT_BORDER: 1px solid var(--color4);
	--login1_FORM_INPUT_BG: #f8f9fb;
	--login1_FORM_INPUT_BORDER_RADIUS: 1rem;
	--login1_FORM_INPUT_FOCUS_BOX_SHADOW: 0 0 0 .2rem #dcb3ac59;
	--login1_FORM_BTN_SUBMIT_BORDER_RADIUS: 10px;
	--login1_FORM_BTN_SUBMIT_COLOR: var(--color2);
	--login1_FORM_BTN_SUBMIT_BG: var(--gradient1);
	--login1_FORM_BTN_SUBMIT_BOX_SHADOW: none;
	--login1_FORM_BTN_SUBMIT_HOVER_COLOR: var(--color2);
	--login1_FORM_BTN_SUBMIT_HOVER_BG: var(--gradient1);
	--login1_FORM_BTN_SUBMIT_HOVER_BOX_SHADOW: 0 3px var(--color8);
	--login1_FORM_BTN_SUBSUBMIT_BORDER_RADIUS: 10px;
	--login1_FORM_BTN_SUBSUBMIT_COLOR: var(--color2);
	--login1_FORM_BTN_SUBSUBMIT_BG: var(--gradient1);
	--login1_FORM_BTN_SUBSUBMIT_BOX_SHADOW: none;
	--login1_FORM_BTN_SUBSUBMIT_HOVER_COLOR: var(--color2);
	--login1_FORM_BTN_SUBSUBMIT_HOVER_BG: var(--gradient1);
	--login1_FORM_BTN_SUBSUBMIT_HOVER_BOX_SHADOW: 0 3px var(--color8);
	--login1_FORM_BTN_SUBMIT_DISABLED_COLOR: var(--color2);
	--login1_FORM_BTN_SUBMIT_DISABLED_BG: linear-gradient(to bottom, #aeadaa 5%, #706f6e 100%);
	--login1_FORM_OTP_COLOR: var(--color2);
	--login1_FORM_OTP_BG: #000000b3;
	--login1_FORM_LINK_COLOR: var(--color3);
	--login1_FORM_VISI_ICON_COLOR: var(--color3);
 */

.login-1- .page-content- {
	padding: 1rem;
	color: var(--login1_CONTENT_COLOR);
	border: var(--login1_CONTENT_BORDER);
	border-radius: var(--login1_CONTENT_BORDER_RADIUS);
	background: var(--login1_CONTENT_BG);
	box-shadow: var(--login1_CONTENT_BOX_SHADOW);
	-webkit-box-shadow: var(--login1_CONTENT_BOX_SHADOW);
	-moz-box-shadow: var(--login1_CONTENT_BOX_SHADOW)
}

.login-1- .page-content-.img-bg- {
	background-position: center;
	background-size: cover;
	background-repeat: repeat-y
}

.login-1- .tablist- {
	margin: 0 0 3rem
}

.login-1- .tablist- ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: .5rem
}

.login-1- .tablist- ul li a {
	padding: 8px 1rem;
    font-weight: var(--MED_FONT_WEIGHT);
   /*  text-transform: uppercase; */
    letter-spacing: 1px;
    border-radius: var(--login1_TABLIST_ITEM_BORDER_RADIUS);
    border: var(--login1_TABLIST_ITEM_BORDER);
    color: var(--login1_TABLIST_ITEM_COLOR);
    background: var(--login1_TABLIST_ITEM_BG);
    box-shadow: var(--login1_TABLIST_ITEM_BOX_SHADOW);
    -webkit-box-shadow: var(--login1_TABLIST_ITEM_BOX_SHADOW);
	-moz-box-shadow: var(--login1_TABLIST_ITEM_BOX_SHADOW)
}

.login-1- .tablist- ul li a:hover,
.login-1- .tablist- ul li a.active {
	border: var(--login1_TABLIST_ITEM_HOVER_BORDER);
	color: var(--login1_TABLIST_ITEM_HOVER_COLOR);
    background: var(--login1_TABLIST_ITEM_HOVER_BG);
    box-shadow: var(--login1_TABLIST_ITEM_HOVER_BOX_SHADOW);
    -webkit-box-shadow: var(--login1_TABLIST_ITEM_HOVER_BOX_SHADOW);
	-moz-box-shadow: var(--login1_TABLIST_ITEM_HOVER_BOX_SHADOW)
}

.login-1- .tabcontent- {
	display: none;
    animation-name: fadeOut
}

.login-1- .tabcontent-.show {
	display: block;
    animation-name: fadeIn;
    animation-duration: .5s
}

.login-1- .form- {
	display: none;
    animation-name: fadeOut
}

.login-1- .form-.show {
	display: block;
    animation-name: fadeIn;
    animation-duration: .5s
}

.login-1- .form-group {
    margin-bottom: 1rem
}

.login-1- .form-group label {
	text-align: right;
	margin: auto 0;
	color: var(--login1_FORM_LABEL_COLOR);
	font-size: var(--DEFAULT_FONT_SIZE);
}

.login-1- .form-group input {
	width: 100%;
    padding: 3px 1rem;
    color: var(--login1_FORM_INPUT_COLOR);
    border: var(--login1_FORM_INPUT_BORDER);
    background: var(--login1_FORM_INPUT_BG);
    border-radius: var(--login1_FORM_INPUT_BORDER_RADIUS)
}

.login-1- .form-group input[type=checkbox] {
	width: fit-content
}

.login-1- .form-group input[type=checkbox]:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none
}

.login-1- .form-group input:focus,
.login-1- .form-group select:focus {
	outline: none;
	box-shadow: var(--login1_FORM_INPUT_FOCUS_BOX_SHADOW);
	-webkit-box-shadow: var(--login1_FORM_INPUT_FOCUS_BOX_SHADOW);
	-moz-box-shadow: var(--login1_FORM_INPUT_FOCUS_BOX_SHADOW)
}

.login-1- .form-group input.icons- {
	padding: 3px 3rem 3px 1rem
}

.login-1- .form-group select {
	width: 100%;
    padding: 5px 1rem;
    color: var(--login1_FORM_INPUT_COLOR);
    border: var(--login1_FORM_INPUT_BORDER);
    background: var(--login1_FORM_INPUT_BG);
    border-radius: var(--login1_FORM_INPUT_BORDER_RADIUS)
}

.login-1- .login-submit- {
	padding: 8px 1rem;
    font-size: inherit;
    font-weight: var(--MED_FONT_WEIGHT);
    letter-spacing: 1px;
    width: 50%;
    height: auto;
	border-radius: var(--login1_FORM_BTN_SUBMIT_BORDER_RADIUS);
	color: var(--login1_FORM_BTN_SUBMIT_COLOR);
	background: var(--login1_FORM_BTN_SUBMIT_BG);
	box-shadow: var(--login1_FORM_BTN_SUBMIT_BOX_SHADOW);
	-webkit-box-shadow: var(--login1_FORM_BTN_SUBMIT_BOX_SHADOW);
	-moz-box-shadow: var(--login1_FORM_BTN_SUBMIT_BOX_SHADOW)
}

.login-1- .login-submit-:hover {
	color: var(--login1_FORM_BTN_SUBMIT_HOVER_COLOR);
	background: var(--login1_FORM_BTN_SUBMIT_HOVER_BG);
	box-shadow: var(--login1_FORM_BTN_SUBMIT_HOVER_BOX_SHADOW);
	-webkit-box-shadow: var(--login1_FORM_BTN_SUBMIT_HOVER_BOX_SHADOW);
	-moz-box-shadow: var(--login1_FORM_BTN_SUBMIT_HOVER_BOX_SHADOW)
}

.login-1- .login-subsubmit- {
	padding: 8px 1rem;
	font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    width: 100%;
	height: auto;
	border-radius: var(--login1_FORM_BTN_SUBSUBMIT_BORDER_RADIUS);
	color: var(--login1_FORM_BTN_SUBSUBMIT_COLOR);
	background: var(--login1_FORM_BTN_SUBSUBMIT_BG);
	box-shadow: var(--login1_FORM_BTN_SUBSUBMIT_BOX_SHADOW);
	-webkit-box-shadow: var(--login1_FORM_BTN_SUBSUBMIT_BOX_SHADOW);
	-moz-box-shadow: var(--login1_FORM_BTN_SUBSUBMIT_BOX_SHADOW)
}

.login-1- .login-subsubmit-:hover {
	color: var(--login1_FORM_BTN_SUBSUBMIT_HOVER_COLOR);
	background: var(--login1_FORM_BTN_SUBSUBMIT_HOVER_BG);
	box-shadow: var(--login1_FORM_BTN_SUBSUBMIT_HOVER_BOX_SHADOW);
	-webkit-box-shadow: var(--login1_FORM_BTN_SUBSUBMIT_HOVER_BOX_SHADOW);
	-moz-box-shadow: var(--login1_FORM_BTN_SUBSUBMIT_HOVER_BOX_SHADOW)
}

.login-1- .login-subsubmit-:disabled {
	color: var(--login1_FORM_BTN_SUBMIT_DISABLED_COLOR);
	background: var(--login1_FORM_BTN_SUBMIT_DISABLED_BG)
}

.login-1- .login-subsubmit-:disabled:hover {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none
}

.login-1- .otpTimer- {
	position: absolute;
    width: calc(100% - 30px);
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
    border-radius: 10px;
    color: var(--login1_FORM_OTP_COLOR);
    background: var(--login1_FORM_OTP_BG)
}

.login-1- .otpTimer- span {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.login-1- .linkredirect- a {
	color: var(--login1_FORM_LINK_COLOR);
	font-size: var(--DEFAULT_FONT_SIZE);
}

.login-1- .linkredirect- a:hover {
	text-decoration: underline
}

.login-1- .loginPswdVisi- {
	position: absolute;
    width: fit-content;
    height: fit-content;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
    font-size: 1rem;
    cursor: pointer;
    color: var(--login1_FORM_VISI_ICON_COLOR)
}