@font-face{font-family:'LatoRegular';src:url('appFonts/Lato/Lato-Regular.ttf');}
*{margin:0;padding:0;box-sizing: border-box;}
html{min-height: 100vh;}
html,body{position:relative;width: 100%;min-height: 100vh;margin:0 auto;background-color:#FFFFFF;}

#loading-overlay{
position: fixed;
top:0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.8);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
#loading-line{
margin: 0 auto;
width: 0;
height: 3px;
/*background-color: #3498db;*/
background-color: #117df1;
transition: width 0.3s ease-in-out;
-webkit-transition: width 0.3s ease-in-out;
}
.loadingLogo_contant{
position: fixed;
transform: translate(-25% , -50%);
top: 40%;
left: 50%;
}
.loadingLogo_contant h3{
color:#fff;
font-family: 'LatoRegular';

}

/*--------------Registration---------*/
.app-reg-body{
position: relative;
width: 100%;
min-height: 100vh;
margin: 0 auto;
}
main.app-reg-main{
position: relative;
min-height: 100vh;
}
.app-reg-container{
position: relative;
min-height: 100vh;
max-width: 1600px;
margin: 0 auto;
display: flex;
display: -webkit-flex;
justify-content: space-around;
align-items: center;
}

.reg-main{
position: relative;
width: 100%;
min-height: 100vh;
background-color: #F5F5F5;
display: flex;
display: -webkit-flex;
align-items: center;
}

.reg-form-content{
position: relative;
width: 330px;
margin: 0 auto;
}
.reg-input-label{
position: relative;
margin: 10px 0 10px 0;
}
.reg-label{
margin:0 0 5px 0;
}
.reg-label label{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.reg-input input{
position: relative;
width: 320px;
height: 45px;
outline: none;
border: 1px solid #eaebeb;
border-radius: 6px;
-webkit-border-radius:6px;
padding: 0 0 0 5px;
}
.reg-sbtn-content{
position: relative;
width: 320px;
}
input.regSbt_btn{
width: 100%;
height: 45px;
outline: none;
color:#ffffff;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 20px;
background-color: #00AFDF;
border: 1px solid transparent;
border-radius: 6px;
-webkit-border-radius:6px;
}

/*---------------Login------------*/
.app-login-body{
position: relative;
width: 100%;
min-height: 100vh;
margin: 0 auto;
}
main.app-login-main{
position: relative;
min-height: 100vh;
}
.app-login-container{
position: relative;
min-height: 100vh;
max-width: 100%;
margin: 0 auto;
display: flex;
display: -webkit-flex;
justify-content: space-around;
align-items: center;
}
.login-reg-imgcontent{
position: relative;
width: 100%;
min-height: 100vh;
background-color:#ffffff;
display: flex;
display: -webkit-flex;
align-items: center;
}
img.loginreg_screenimg{
position: relative;
margin: 0 auto;
}
.login-main{
position: relative;
width: 100%;
min-height: 100vh;
background-color: #F5F5F5;
display: flex;
display: -webkit-flex;
align-items: center;
}

.login-form-content{
position: relative;
width: 330px;
margin: 0 auto;
}
.login-input-label{
position: relative;
margin: 10px 0 10px 0;
}
.login-label{
margin:0 0 5px 0;
}
.login-label label{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.login-input input{
position: relative;
width: 320px;
height: 45px;
outline: none;
border: 1px solid #eaebeb;
border-radius: 6px;
-webkit-border-radius:6px;
padding: 0 0 0 5px;
}
.login-sbtn-content{
position: relative;
width: 320px;
}
input.loginSbt_btn{
width: 100%;
height: 45px;
outline: none;
color:#ffffff;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 20px;
background-color: #00AFDF;
border: 1px solid transparent;
border-radius: 6px;
-webkit-border-radius:6px;
}


/*----Mobile----*/
@media screen and (max-width:768px){

/*----------------Registration------*/
.app-reg-container {
position: relative;
min-height: 50vh;
max-width: 100%;
margin: 0 auto;
display: flex;
display: -webkit-flex;
align-items: center;
flex-direction: column;
}
.reg-main {
position: relative;
width: 100%;
min-height: 31vh;
background-color: #F5F5F5;
display: flex;
display: -webkit-flex;
align-items: center;
}
.reg-form-content {
position: relative;
width: 95%;
margin: 0 auto;
}
.reg-input input {
position: relative;
width: 98%;
}
.reg-sbtn-content {
position: relative;
width: 98%;
}

/*-----------------Login---------*/
.app-login-container {
position: relative;
min-height: 50vh;
max-width: 100%;
margin: 0 auto;
display: flex;
display: -webkit-flex;
align-items: center;
flex-direction: column;
}
.login-reg-imgcontent {
position: relative;
width: 100%;
min-height: 25vh;
background-color: #ffffff;
display: flex;
display: -webkit-flex;
align-items: center;
}
img.loginreg_screenimg {
position: relative;
margin: 0 auto;
width: 75%;
}
.login-main {
position: relative;
width: 100%;
min-height: 31vh;
background-color: #F5F5F5;
display: flex;
display: -webkit-flex;
align-items: center;
}
.login-form-content {
position: relative;
width: 95%;
margin: 0 auto;
}
.login-input input {
position: relative;
width: 98%;
}
.login-sbtn-content {
position: relative;
width: 98%;
 }
} /*----- end of mobile----*/


.popupOverlay {
display: none;
position: fixed;
left: 0%;
top: 0%;
width: 100%;
height: 100vh;
overflow: hidden;
background-color: rgba(173, 174, 174, 0.7);
z-index: 999999999;
}
.popUp_container{
position: fixed;
display: none;
width: 420px;
min-height: 200px;
top:38%;
left: 49%;
background: #ffffff;
transform: translate(-50%,-50%);z-index: 999999;border-radius:10px}
.popUp_container.popUpActive{
display:block;
}
.popupOverlay.popupOverlayActive{
display:block;
}
.successAdd__apptext{
position:relative;
text-align: center;
margin-top: 5px;
}
.successAdd__apptext p{
font-size: 17px;
font-family: 'LataRegular';
}
.succes__icon_app{width: 50pt;margin: 12pt auto;}
img.success_icon{width: 40pt;}

.reg_log_errorOverlay_container {
display: none;
position: fixed;
left: 0%;
top: 0%;
width: 100%;
height: 100vh;
overflow: hidden;
background-color: rgba(173, 174, 174, 0.7);
z-index: 1000;
}
.reg_log_errorOverlay_container.active {
display: block;
}
.reglog_errorbox {
display: none;
position: fixed;
width: 420px;
top: 38%;
left: 49%;
padding: 30px 5px 30px 5px;
background-color: #ffffff;
transform: translate(-50%, -50%);
-webkit-transform: translate(-49%, -50%);
border-radius: 8px;
-webkit-border-radius: 8px;
z-index: 1005;
}
.reglog_errorbox.active {
display: block;
}
.regLog_errorcloseBtn {
position: absolute;
width: 30px;
height: 30px;
background-color: #121210;
top: -7px;
right: -2px;
line-height: 30px;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
z-index: 1006;
}
.regLog_errorcloseBtn span {
color: #fff;
font-family: 'LataRegular';
}
.reglog_errorbox p {
font-family: 'LatoRegular';
font-weight: 600;
text-align: center;
color: #0f0f13;
font-size: 17px;
}



/*----footer----*/
footer.app-footer{
position: relative;
width: 100%;
height: 50px;
background: #efefef;
padding: 17px;
}
footer.app-footer p{
font-family: 'LatoRegular';
font-size: 14px;
}