body {
  height: 100vh;
  overflow-y: hidden;
}

body #big_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -75%);
          transform: translate(-50%, -75%);
  width: 100%;
  max-width: 200px;
  display: block;
}

body #big_logo img {
  width: 100%;
}

body #big_logo button {
  -webkit-transform: translateY(15vh);
          transform: translateY(15vh);
  display: block;
  margin: 0 auto;
}

body #big_logo.disappear {
  display: none;
}

body #open_modal_login {
  position: absolute;
  bottom: 20%;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  left: 50%;
  background: transparent;
  color: white;
  padding: 0.75em 2em;
  border: 1px solid white;
  border-radius: 1.5em;
}

body #initial_modal {
  background: white;
  border-radius: 5px;
  margin: 0 auto;
  padding: 25px;
  height: 100%;
  max-height: 80vh;
  min-height: 512px;
  overflow: hidden;
  -webkit-transform: translateY(100vh);
          transform: translateY(100vh);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  width: 95%;
}

@media (min-width: 576px) {
  body #initial_modal {
    width: 545px;
  }
}

body #initial_modal.appear {
  -webkit-transform: translateY(-23px);
          transform: translateY(-23px);
}

@media (min-width: 576px) {
  body #initial_modal.appear {
    -webkit-transform: translateY(3vh);
            transform: translateY(3vh);
  }
}

body #initial_modal .sub-modal {
  position: absolute;
  top: 25px;
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  background: white;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}

body #initial_modal .sub-modal .sub-modal_title {
  font-weight: 700;
  margin-top: 10px;
}

@media (min-width: 576px) {
  body #initial_modal .sub-modal .sub-modal_title {
    margin-top: 20px;
  }
}

body #initial_modal .sub-modal .sub-modal_subtitle {
  margin-top: 14px;
  font-size: 14px;
}

@media (min-width: 576px) {
  body #initial_modal .sub-modal .sub-modal_subtitle {
    font-size: 16px;
  }
}

body #initial_modal .sub-modal.invisible_left {
  -webkit-transform: translateX(calc(-100% - 50px));
          transform: translateX(calc(-100% - 50px));
}

body #initial_modal .sub-modal.invisible_right {
  -webkit-transform: translateX(calc(100% + 50px));
          transform: translateX(calc(100% + 50px));
}

body #initial_modal .sub-modal p {
  text-align: center;
}

body #initial_modal .sub-modal form {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 7px);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-bottom: 0;
}

@media (min-width: 576px) {
  body #initial_modal .sub-modal form {
    top: 47.5%;
  }
}

body #initial_modal .sub-modal .form-actions {
  text-align: center;
}

body #initial_modal .sub-modal .form-actions button {
  display: inline-block;
  -webkit-transform: scale(1);
          transform: scale(1);
  margin: 0 2.5px;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}

body #initial_modal .sub-modal .form-actions button:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

body #initial_modal .sub-modal .error {
  color: red;
  text-align: center;
}

body #initial_modal .sub-modal .other_login_options {
  position: absolute;
  bottom: 0vh;
  display: table;
  width: 100%;
  font-size: 12px;
  color: #88898A;
  font-weight: 500;
}

body #initial_modal .sub-modal .other_login_options div {
  display: table-cell;
  width: 50%;
  cursor: pointer;
}

body #initial_modal .sub-modal .other_login_options div:nth-of-type(2) {
  text-align: right;
}

body #initial_modal .sub-modal .other_login_option {
  position: absolute;
  bottom: 5vh;
  display: table;
  width: 100%;
}

body #initial_modal .sub-modal .other_login_option div {
  text-align: center;
  cursor: pointer;
}

body #initial_modal .form-group {
  margin: 0 auto;
  margin-bottom: 50px;
  height: 60px !important;
  max-width: 350px;
  position: relative;
}

body #initial_modal .form-group input {
  border: 1px solid #DADBDC;
  border-radius: 30px;
  height: 60px !important;
  text-align: center;
}

body #initial_modal .form-group input::-webkit-input-placeholder {
  color: #DADBDC;
}

body #initial_modal .form-group input:-ms-input-placeholder {
  color: #DADBDC;
}

body #initial_modal .form-group input::-ms-input-placeholder {
  color: #DADBDC;
}

body #initial_modal .form-group input::placeholder {
  color: #DADBDC;
}

body #initial_modal .form-group input:-ms-input-placeholder {
  color: #DADBDC;
}

body #initial_modal .form-group input::-ms-input-placeholder {
  color: #DADBDC;
}

body #initial_modal .form-group input.error-focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(194, 0, 27, 0.25) !important;
          box-shadow: 0 0 0 0.2rem rgba(194, 0, 27, 0.25) !important;
}

body #initial_modal .form-group .mandatory {
  color: #c2001b;
  font-size: 14px;
  font-weight: 500;
  margin-top: 6px;
  display: none;
  text-align: center;
  width: 100%;
}

body #initial_modal .login_btn {
  border-radius: 30px;
  color: white;
  background: #575757;
  margin-right: 10px !important;
  padding: 0.5em 1.25em;
  font-size: 14px;
}

@media screen and (min-width: 420px) {
  body #initial_modal .login_btn {
    padding: 0.75em 2em;
    font-size: 16px;
  }
}

body #initial_modal .login_btn.yellow_btn {
  background: #DB8F1B;
  margin-left: 10px !important;
  margin-right: 5px !important;
  padding: 0.5em 1.45em;
  font-size: 14px;
}

@media screen and (min-width: 420px) {
  body #initial_modal .login_btn.yellow_btn {
    padding: 0.75em 2em;
    font-size: 16px;
  }
}

body #initial_modal #password_form {
  position: relative;
}

body #initial_modal #password_form input {
  padding: 0 50px 0 40px;
}

body #initial_modal #password_form #tooglePass {
  position: absolute;
  top: 23px;
  right: 33px;
  color: #DADBDC;
  cursor: pointer;
}

body #initial_modal #password_form #tooglePass.active {
  color: #575758;
}

body #initial_modal #sign_modal form {
  top: 56%;
}

@media screen and (min-width: 576px) {
  body #initial_modal #sign_modal form {
    margin-bottom: 50%;
  }
}

body #initial_modal #sign_modal .form-group {
  margin-bottom: 34px;
}

@media screen and (min-width: 576px) {
  body #initial_modal #sign_modal .form-group {
    margin-bottom: 50px;
  }
}

body #politica_modal {
  background: white;
  border-radius: 5px;
  margin: 0 auto;
  padding: 25px;
  height: 100%;
  max-height: 85vh;
  overflow: hidden;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  width: 95%;
}

@media (min-width: 576px) {
  body #politica_modal {
    width: 545px;
  }
}

body #politica_modal.appear {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

body #politica_modal #politica_modal_header {
  color: #575758;
  text-align: center;
  padding: 0 10px;
}

body #politica_modal #politica_modal_body {
  height: calc(100% - 145px);
  overflow: auto;
  margin-top: 20px;
}

body #politica_modal #politica_modal_actions {
  margin-top: 25px;
  float: right;
}

body #politica_modal #politica_modal_actions .reject {
  color: white;
  background: #6c757d;
}

body #politica_modal #politica_modal_actions .accept {
  color: white;
  background: #f28f00;
  margin-left: 15px;
}
/*# sourceMappingURL=login.css.map */