body{
  background-position: center;
min-height: 100%;
background: linear-gradient(0deg, rgba(10, 29, 62, 0.3), rgba(10, 29, 62, 0.3)), url('../../assets/images/nyc_new_york.jpg');
background-size: cover;
}
.main-content{
width: 55%;
/*   border-radius: 20px;*/
box-shadow: 0 5px 5px rgba(0,0,0,.4);
margin: 8em auto;
display: flex;
}
.company__info{
background-color: #fff;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
}
.fa-android{
font-size:3em;
}
@media screen and (max-width: 640px) {
.main-content{width: 90%;}
.company__info{
    display: none;
}
.login_form{
    border-left: 4px solid #fff;
}
}
@media screen and (min-width: 642px) and (max-width:800px){
.main-content{width: 70%;}
}

.login_form{
background-color: #041E42;
border-top: 4px solid #fff;
border-bottom: 4px solid #fff;
border-right: 4px solid #fff;
padding: 10px;
height: auto;
}
form{
padding: 0 2em;
}
.form__input{
      color: #fff;
      width: 100%;
      border:0px solid transparent;
      border-radius: 0;
      border-bottom: 2px solid #fff;
      padding: 1em .5em .5em;
      padding-left: 3px;
      outline:none;
      margin:1.5em auto;
      transition: all .5s ease;
      background: transparent;
}
.form__input:focus{
  border-bottom-color: #B3D4FC;
  /*   box-shadow: 0 0 5px rgba(0,80,80,.4); */
  border-radius: 0px;
}

.form__input::placeholder {
  font-size: 20px !important;
}

.company__logo img{
width: 100%;
height: auto;
}
.login_form .container-fluid {
    background-color: #041E42;
/*    margin: 10px;*/
}
.login-heading{
color: #fff;
font-size: 18px;
    margin-top: 12px;
}
.rem-sec{
text-align: left;
}
.check-sec{
display: inline-block;
color: #fff;

}
.for-sec{
  display: inline-block;
  color: #fff;
  float: right;
}
.for-sec a{
  color: #ffffff !important;
  font-size: 19px;
}

.for-sec a:hover{
  /* font-size: 20px; */
  color: #ffffffc4 !important;
}

.check-sec input{
position: relative;
top: 2px;
}
.inputBtn{
background: #B3D4FC;
color: #0A1D3E;
border-radius: 10px;
padding: 5px 20px;
    border: 0;
    font-weight: 600;
    margin-top: 20px;
}
.res-sec{
    text-align: left;
    color: #fff;
}
.term-sec, .term-sec a{
    color: #fff;
}
.term-sec a{
    text-decoration: underline;
}

.login-page .password-visibility .showhidepass{
  top: -50px;
}

p.validation-error-message {
  color: #dc3545;
  font-size: 14px;
  text-align: left;
  margin: 0px;
  padding: 0px;
  position: absolute;
}