@font-face {
  font-family: "Light";   /*Can be any text*/
  src: local("HelveticaNeue Light"),
    url("https://insolare.z2o.ai/fonts/HelveticaNeue Light.ttf") format("truetype");
} 
html, body {
    height: 100%;
    margin: 0;
  }

  .left-side {
    background-image: url('../images/login_bg.png');
   /* background-size: cover;
    background-position: center;
    height: 100vh;
    position: relative;*/
    left:0; 
    height: 100%; 
    position: fixed;
    z-index: 1;
    top: 0;
    overflow-x: hidden;
    padding-top: 20px;
  }

   

  .right-side {
    /*height: 100vh;
    background-color: #fff;*/
    right: 0; 
    height: 100%; 
    position: fixed;
    z-index: 1;
    top: 0;
    overflow-x: hidden;
    padding-top: 20px;
    
  }
  
  sup {
	font-size: 14px;
    top: -1.0em; 
  }

  .login-box {
    width: 100%; 
    padding: 30px; 
    text-align: center; 
  }

  .badge-custom {
    background-color: #ffc000;
    color: white;
    font-weight: 600;
    padding: 4px 10px; 
    font-size: 0.9rem;
    margin-left: 10px;
    border:2px solid black;
  }
  .fs_42 {font-size:42px;}
  form div {text-align:left; }
  .w_53{width:53%;}
  .w_70{width:70%;}
  .forgot_password {
  text-align: right;
  font-size: 12px;
  color: #1F7BFE;
  font-weight: 500;
}
.btn-signin{
  background:#6575E0;
  color:white;
}
.btn-signin:hover{ 
  background: #ffc000;
  color: white;
}

@media(max-width:900px){
	.left-side {width:60%;}
	.right-side {width:40%;}
	}
@media(max-width:500px){ 
	.left-side {display:none;}
	.right-side {width:100%;}
}