body {
  background: #f8fafb;
  overflow: hidden; }

.jhd-Login-geral {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .jhd-Login-geral > div {
    height: 100vh;
    max-height: 100vh;
    overflow: hidden; }
  .jhd-Login-geral .jhd-left {
    width: 43%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top-right-radius: 5%;
    border-bottom-right-radius: 5%; }
    .jhd-Login-geral .jhd-left .jhd-content {
      padding: 2rem;
      width: 100%;
      height: 100vh;
      background: transparent; }
    .jhd-Login-geral .jhd-left h5 {
      font-size: 3rem;
      font-weight: 900;
      margin: 2rem;
      color: #00acc1; }
    .jhd-Login-geral .jhd-left img {
      width: 100%; }
  .jhd-Login-geral .jhd-rigt {
    width: 55%;
    height: 100vh;
    overflow: auto;
    padding: 2rem;
    background: #ffffff;
    position: relative; }
    .jhd-Login-geral .jhd-rigt > div {
      position: absolute;
      height: 100vh;
      width: 100%;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 1;
      -webkit-transition: all .8s;
      -o-transition: all .8s;
      transition: all .8s; }
    .jhd-Login-geral .jhd-rigt .jhd-hide {
      opacity: 0;
      top: -100% !important; }
    .jhd-Login-geral .jhd-rigt .jhd-login, .jhd-Login-geral .jhd-rigt .jhd-esquecer {
      padding: 5rem 10rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .jhd-Login-geral .jhd-rigt .jhd-login img, .jhd-Login-geral .jhd-rigt .jhd-esquecer img {
        width: 10%;
        margin-bottom: 1rem;
        text-align: left; }
      .jhd-Login-geral .jhd-rigt .jhd-login button, .jhd-Login-geral .jhd-rigt .jhd-esquecer button {
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%; }
      .jhd-Login-geral .jhd-rigt .jhd-login .card-body, .jhd-Login-geral .jhd-rigt .jhd-esquecer .card-body {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%; }