.signin-zone{
	display: flex;
	flex-direction:row;
	height: 100%;
	background-size: cover; 
	flex-grow: 1;
	overflow: hidden;
	justify-content: space-between;
}
.signin-container{
	margin: auto 0;
    height: 100%;
}
.signin-info-text{
    display: flex;
    flex-direction: column;
    background: var(--surface-surface-inverted);
    border-top-left-radius: var(--L) !important;
	border-bottom-left-radius: var(--L) !important;
    padding: 20px;
    max-width: 480px;
    color: white;
    font-weight: bold;
    margin-top: auto;
    margin-bottom: 30px;
    opacity: 0.9;
    min-width: 400px;
}
.signin-info-text .title-text{
	font-weight: bold;
	font-size: var(--ML);
}
.signin-info-text .content-text{
	font-size: var(--MML);
}

.signin-info-text a {
	color: white;
}
.signin-container .card-body{
	max-height: 100%;
}

.reset-zone{
	display: flex;
	flex-direction:row;
	height: 100%;
	overflow: hidden;
	justify-content: center;
	align-items: center;
}
.reset-container{
	margin: auto 0;
	height: 100%;
}

.form-box{
	background-color: var(--surface-surface-main) !important;
	border-top-right-radius: var(--L) !important;
	border-bottom-right-radius: var(--L) !important;
	height: 95% !important;
    margin-top: 20px;
    overflow: scroll;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

.reset-container .form-box{
	border-top-left-radius: var(--L) !important;
	border-bottom-left-radius: var(--L) !important;
}

.form-box::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and Edge */
}
.form-box .header{
	background: none;
	color: var(--text-text-dark) !important;
	margin: 0 auto;
	font-size: 32px;
	font-weight: 500;
}
.form-group.text-left label{
	padding-left: 3px;
}
#signin-submit{
	margin: 0 auto;
	background-color: var(--surface-Primary-surface-primary-dark-main) !important;
	border-color: var(--surface-Primary-surface-primary-dark-main) !important;
}
.link-fc{
	color: var(--text-Primary-text-primary-main) !important;
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 60px;
    display: block;
    font-weight: 500;
}
.mobile-download-icons{
	justify-content: space-evenly;
}
@media (min-width: 1800px) {
	.form-box{
		min-width: 600px;
	}
}
@media (max-width: 991px) {
	.signin-info-text{
		display: none;
	}
}

@media (max-width: 767px) {
	.form-box{
		overflow: scroll;
        height: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        border-radius: 0 !important;
	}
	.signin-container{
		width: 100% !important;
    	margin: 0;
	}
}

@media (max-width: 467px) {
	.mobile-download-icons{
		flex-direction: column;
	}
	.mobile-download-icons div{
		margin-top: 10px;
	}
	.signin-container .card-body{
		padding: 0;
	}
}