.sign {

    height: 100vh;
    padding-top: 50px;
}

.sign > .bg-img {
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    -webkit-filter: brightness(0.6);
    filter: brightness(0.6);
    background-image: url(../img/register_background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* Override panel signup */
.sign .panel {
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%);
    opacity: 0.9;
    -webkit-transition-property: -webkit-filter opacity;
    transition-property: -webkit-filter opacity;
    transition-property: filter opacity;
    transition-property: filter opacity, -webkit-filter opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.sign .panel.current_panel,
.sign .panel:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}
.sign .panel-success {
    border-color: #00bc8c;
}
.sign .panel-success > .panel-heading {
    color: #ffffff;
    background-color: #00bc8c;
    border-color: #00bc8c;
}
.sign .btn-success {
  color: #ffffff;
  background-color: #00bc8c;
  border-color: #00bc8c;
}
.sign .btn-success:focus,
.sign .btn-success.focus {
  color: #ffffff;
  background-color: #008966;
  border-color: #003d2d;
}
.sign .btn-success:hover {
  color: #ffffff;
  background-color: #008966;
  border-color: #007f5e;
}
.sign .btn-success:active,
.sign .btn-success.active,
.sign .open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #008966;
  border-color: #007f5e;
}
.sign .btn-success:active:hover,
.sign .btn-success.active:hover,
.sign .open > .dropdown-toggle.btn-success:hover,
.sign .btn-success:active:focus,
.sign .btn-success.active:focus,
.sign .open > .dropdown-toggle.btn-success:focus,
.sign .btn-success:active.focus,
.sign .btn-success.active.focus,
.sign .open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #00654b;
  border-color: #003d2d;
}
.sign .btn-success:active,
.sign .btn-success.active,
.sign .open > .dropdown-toggle.btn-success {
  background-image: none;
}
.sign .btn-success.disabled:hover,
.sign .btn-success[disabled]:hover,
.sign fieldset[disabled] .btn-success:hover,
.sign .btn-success.disabled:focus,
.sign .btn-success[disabled]:focus,
.sign fieldset[disabled] .btn-success:focus,
.sign .btn-success.disabled.focus,
.sign .btn-success[disabled].focus,
.sign fieldset[disabled] .btn-success.focus {
  background-color: #00bc8c;
  border-color: #00bc8c;
}
.sign .btn-success .badge {
  color: #00bc8c;
  background-color: #ffffff;
}
