body{
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden;
  background-color: #F0F0F0;
}

.form-control:focus{
  box-shadow: none!important;
}

.btn:focus{
  box-shadow: none!important;
}

/*====================== LOGIN PAGE ======================*/
.login_container{
  width: 100%;
  min-height: 100vh;
  background-color: gray;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.login_container .login_overlay{
  width: 100%;
  height: 100vh;
  background-image: linear-gradient(to right, rgba(211, 215, 219,0.9), rgba(87, 88, 89,0.9));
}
.login_container .jumbotron{
  display: inline-block;
  vertical-align: middle;

}
.login_container .login_img{
  background-repeat: no-repeat;
  background-size: cover;
}
.login_container .login_img_overlay{
  background-image: linear-gradient(to right, rgba(211, 215, 219,0.9), rgba(87, 88, 89,0.9));
}

.login_container .login_area{
  box-shadow: 0px 0px 30px 1px #2A2E3F;

}

.login_container .toolbox_text{
  font-size: 40px;
  color: white;
}
    

  @media screen and (max-width: 800px){
    .login_container .login_area{
      width:80%!important;
    }
    .login_container .toolbox_text{
      font-size: 30px;
    }
  }

  @media screen and (max-width: 600px){
    .login_container .login_img{
      display: none;
    }
    .login_container .login_area{
      width: 100%!important;
      margin: 0 10px;
    }
    .login_container .toolbox_text{
      font-size: 25px;
    }
  }