html,
body {
  height   : 100%;
  min-width: 100%;
  overflow : hidden;
}

body {
  background-color: #eee;
  width           : 100%;
  height          : auto;
  min-height      : 100%;
  position        : relative;
}

.transicao {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition   : all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
}

.logo_cad {
  height: 40px;
}

.form-login .carregando-show {
  position: absolute;
  width   : 100% !important;
}

.alert {
  font-size: 14px;
}

.steps {
  width           : 40px;
  height          : 40px;
  border-radius   : 40px;
  background-color: var(--bs-secondary);
  color           : #fff;
  display         : grid !important;
  place-items     : center !important;
  font-size       : 16px;
  font-weight     : bold;
}

.steps.active {
  background-color: var(--bs-primary);
}

.center-full {
  display    : grid !important;
  place-items: center !important;
}

.step-join {
  width           : 100%;
  height          : 5px;
  background-color: var(--bs-secondary);
}

.form-login {
  position        : absolute;
  min-height      : 100vh;
  left            : 0px;
  top             : 0px;
  padding         : 30px;
  background-color: #fff;
  width           : 100% !important;
}

form {
  display     : block;
  margin-left : auto;
  margin-right: auto
}

.form-login form {
  max-width: 450px !important;
}

.form-login .hide {
  opacity: 0;
}

.out {
  margin-left : -250% !important;
  margin-right: 250% !important;
}

.off {
  margin-left : 250% !important;
  margin-right: -250% !important;
}

.cad-2,
.cad-3 {
  margin-top: 0px;
}
.cad-1 .btn,
.cad-2 .btn,
.cad-3 .btn {
  width: calc(50% - 0.5rem);
}
.cad-1 .btn-primary,
.cad-2 .btn-primary,
.cad-3 .btn-primary {
  margin-left: .7rem;
}

.form-login a {
  color          : rgba(0, 0, 0, .7);
  text-decoration: none;
}

.form-login a:hover {
  color: rgba(0, 0, 0, 1);
}

.form-login .text-center,
.form-login .text-left {
  font-size: 14px;
}

.form-login form {
  max-width: 450px;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom             : -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius : 0;
}

.form-signin input[type="password"] {
  margin-bottom          : 10px;
  border-top-left-radius : 0;
  border-top-right-radius: 0;
}