html,body { height: 100%; margin: 0px; padding: 0px; }
body{ color: black !important; }

#content { min-height: 100% }

.left-wrapper, .right-wrapper { height: 100%; }
.img-wrapper, .form-wrapper {
    height: 100%;
}

.img-wrapper .img-child {
    display: flex;
    height: 50%;
}
.img-wrapper .img-child img {
    flex: 50%;
    max-width: 50%;
}
.middle-image {
    width: 370px;
    margin: auto;
    top: 0; left: 0; bottom: 0; right: 0;
}

.form-wrapper {
    text-align: center;
    margin: auto;
}
.title {
    font-size: 20px;
    font-weight: 700;
}
.subtitle {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 30px;
}
.email-group {
    margin-bottom: 15px;
}
.password-group {
    margin-bottom: 30px;
}
.button-group a {
    color: #FD9644;
    font-size: 12px;
    font-weight: 400;
}

@media(max-width: 768px) {
    .left-wrapper {
        display: none;
    }
}

@media (max-width: 575.98px) {
  .div-login{
    width: 100%;
  }
  .container.d-flex .div-side{
    flex-direction: column;
  }
  .container.d-flex .d-flex > div.align-self-center{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .footer-progress{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

.form-control:focus{
  border-color:var(--success);
  box-shadow: unset;
}

.custom-control-input:checked ~ .custom-control-label::before{
  border-color: var(--success);
  background-color: var(--success);
}

input[type="file"] {
  height: auto;
}