:root {
	--gary-color:#4E4C4C;
	--blue-color:#2499F2;
--defualt-font:Helvetica;
--arial-font:Arial;

}
.modal-close {
	position: absolute;
    right: 2%;
    top: 2%;
	z-index: 1;
	opacity: 1;
	background: transparent;
    border: 0;
}
.login-title-semi{
	font: normal normal bold 26px/31px var(--defualt-font);
color: var(--gary-color);
text-align: center;
margin: 0;
}
.login-title-big{
	font: normal normal bold 31px/37px var(--defualt-font);
color:var(--gary-color);
text-align: center;
margin: 0;
}
.login-title-small{
	font: normal normal bold 18px/21px var(--defualt-font);
color:var(--gary-color);
text-align: center;
margin: 0;
margin-top: 10px;
}
.login-title-small span {
color:var(--blue-color);
font: normal normal bold 14px/19px Segoe UI;
}
.input-div{
	margin-top: 30px;
}
.input-style{
	background: #F2F2F2 0% 0% no-repeat padding-box;
	width: 100%;
    border: 0;
	padding: 18px 9px;
	font: normal normal normal 17px/20px var(--arial-font);
}
.input-lable-text{
text-align: left;
font: normal normal normal 17px/20px var(--arial-font);
color: #B4A9A9;
}
.space-v-78{
	padding-top: 78px;
}
.space-v-50{
	padding-top: 50px;
}
.space-h-70{
padding-left: 5vw;
padding-right: 5vw;
}
.login-title-small-forgot{
	text-align: center;
font: normal normal normal 17px/20px var(--arial-font);
letter-spacing: 0px;
color: #368ADE;
margin: 0;
margin-top: 22px;
}
.button-signin-text{
	color: #2499F2;
    background: transparent;
    font: normal normal normal 25px/29px Arial;
    align-self: center;
	border: 0;
    cursor: pointer;
}
.justify-content-center{
	justify-content: center;
}
.modal-close span{
	font: normal normal normal 25px/29px Arial;
    color: #2d292a;
}
.auth-div{
	display: none;
}
.login-div{
	display: block;
}