/*

.login_modal-content{
     display:flex;
  align-items:center;
  height:100%;
  width:100%;
}



.open-button {
     background-color: #555;
     color: white;
     padding: 16px 20px;
     border: none;
     cursor: pointer;
     opacity: 0.8;
     position: relative;
    float:left;
     width: 280px;
   }
  



.welcome_content{
height: 41px;
width: 394px;
left: 52px;
top: 293px;
border-radius: undefinedpx;
font-family: "Heebo";
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 41px;
letter-spacing: 0px;
text-align: left;
}
.welcome_message
{
height: 96px;
width: 434px;
left: 52px;
top: 340px;
border-radius: undefinedpx;
font-family: 'Heebo';
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 32px;
letter-spacing: 0px;
text-align: left;
}
.login_user_information{
height: 18px;
width: 200px;
left: 52px;
top: 457px;
border-radius: undefinedpx;
font-family: 'Heebo-bold';
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 35px;
letter-spacing: 0px;
text-align: left;
margin-top: 20px;
}
.user_input_form{
     height: 44px;
     width: 394px;
     left: 0px;
     top: 0px;
     background: #FFFFFF;
     border: 0.5px solid #979797;
     border-radius: 5px;
     border-radius: nullpx;
     font-family: 'Heebo-bold';
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: 24px;
     letter-spacing: 0px;
     margin-top: 20px;
     text-align: left;
     padding: 8px 10px;

}
.login_chekbox
{
height: 35px;
width: 35px;
left: 0px;
margin-top: 25px;
top: 0px;
border: 2px solid rgba(151, 151, 151, 0.524191);
border-radius: 3px;
}
.chekbox_content{
     height: 18px;
     width: 146px;
     left: 44px;
     top: 9px;
     border-radius: nullpx;
     font-family: 'Heebo';
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: 16px;
     letter-spacing: 0px;
     text-align: left;
     margin-left: 44px;
     margin-top: -25px;
 }

#nextbutton{
height: 40px;
width: 323px;
left: 0px;
top: 0px;
border: 1px solid;
background:#007AFF;
color: #FFFFFF;

font-family: "Heebo-bold";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 21px;
letter-spacing: 1px;
text-align: center;
margin-top:20px;
border-radius: 4px;

}
.span_color
{
     color:#007AFF;   
}
 @media (min-width: 1200px){

. {
     margin-left: 46px;
     flex: 0 0 auto;
     width: 33.3333333333%;
}
}
@media (min-width: 992px){

      {
          margin-left: 46px;
          flex: 0 0 auto;
          width: 33.3333333333%;
     }
}
@media (min-width: 768px){
     . {
          margin-left: 46px;
          flex: 0 0 auto;
          width: 66.6666666667%;
     }
}
@media (min-width: 576px){
     .{
          margin-left: 46px;
          flex: 0 0 auto;
          width: 100%;
     }
}*/


.login_main_container{
     overflow-y:hidden;
}
.signin-container{
     width:100%;
     /* height:100vh; */
     scroll-behavior: smooth;
     overflow-x:hidden;
     /* min-height:89.5vh; */
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     /* display: flex;
     justify-content:center;
     align-items:center; */
}
.signin-container-left{
     /* min-height:100vh; */
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     justify-content:center;
     align-items:center;
}
.signin-container-right{
     background-color:#FFFFFF;
  
}
.signin-box{

     background: #FFFFFF;
     box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
     border-radius: 4px;
     padding:44px;
     height: 100%;  
}

.open-button {

background-color: #555;
color: white;
padding: 16px 20px;
border: none;
cursor: pointer;
opacity: 0.8;
position: relative;
float:right;
width: 280px;
}


#LoginModal{

width: 618px;
margin-top: 93px;
left: 0px;
top: 0px;
border-radius: 0px;
overflow-y: inherit;

}


.welcome_content{
border-radius: undefinedpx;
font-family: "Heebo-bold";
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 41px;
letter-spacing: 0px;
text-align: left;
}
.welcome_message
{
width: 100%;
border-radius: undefinedpx;
font-family: 'Heebo';
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 32px;
letter-spacing: 0px;

}
.login_user_information{
height: 18px;
border-radius: undefinedpx;
font-family: 'Heebo-bold';
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 35px;
letter-spacing: 0px;
text-align: left;
margin-top: 20px;
}
.user_input_form{
height: 44px;
width: 394px;
background: #FFFFFF;
border: 0.5px solid #979797;
border-radius: 5px;
border-radius: nullpx;
font-family: 'Heebo-bold';
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0px;
margin-top: 20px;
padding: 8px 10px;

}
.login_chekbox
{
height: 35px;
width: 35px;
left: 0px;
margin-top: 25px;
top: 0px;
border: 2px solid rgba(151, 151, 151, 0.524191);
border-radius: 3px;
}
.chekbox_content{
height: 18px;
width: 146px;
left: 44px;
top: 9px;
border-radius: nullpx;
font-family: 'Heebo';
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 0px;
text-align: left;
margin-left: 44px;
margin-top: -25px;
}
.login_span_tag{
   margin-top: -25px;
}

#nextbutton{
height: 40px;
width: 80%;
border: 1px solid;
background:#007AFF;
color: #FFFFFF;

font-family: "Heebo-bold";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 21px;
letter-spacing: 1px;
text-align: center;
margin-top:20px;
border-radius: 4px;

}
.login_next_button{
    margin-top:20px;
}
.span_color
{
font-size: 11px;
color:#007AFF;   
}
.intro{
     opacity: 0.5;
    
}


.notiheader {
     width: 378px;
     height: 47px;
     left: 30px;
     top: 44px;
     font-family: Heebo-Bold;
     /* font-weight: bold; */
     font-size: 32px;
     line-height: 47px;
     color: #495057;
 }

 .notification_newcontent {
     width: 410px;
     left: 30px;
     top: 86px;
     border-radius: nullpx;
     left: 5.38%;
     right: 5.02%;
     top: 19.41%;
     bottom: 66.37%;
     margin-top: 20px;
     margin-bottom: 20px;
     font-family: "Heebo-Medium";
     font-size: 14px;
     line-height: 21px;
     color: #9E9E9E;
 }


 .approved_content {
     width: 100%;
     left: 30px;
     top: 86px;
     border-radius: nullpx;
     left: 5.38%;
     right: 5.02%;
     top: 19.41%;
     bottom: 66.37%;
     margin-top: 20px;
     margin-bottom: 20px;
     font-family: "Heebo-Medium";
     font-size: 14px;
     line-height: 21px;
     color: #9E9E9E;
 }

/* @media screen and (max-width: 568px) {
     .log_in_btn { 
          padding: 0px !important;
     }
     .login-btn {
          position: fixed !important;
          bottom: 0px !important;
          width: 90% !important;
          margin-left: 5% !important;
     }
} */	

/* Start Login form design*/