.login_container .login_divs {
  padding: 100px 0;
  position: relative
}

.login_container .login_divs.small-order-1>div {
  padding: 0 100px;
}

.login_container .login_divs.small-order-2>div {
  padding: 0 100px
}

@media screen and (max-width: 90.5625em) {
  /*.login_container .login_divs.small-order-1 > div {*/
  /*    padding-right: 5rem*/
  /*}*/

  /*.login_container .login_divs.small-order-2 > div {*/
  /*    padding-left: 5rem*/
  /*}*/
}

/*.login_container .login_divs.small-order-1:before {*/
/*    content: '';*/
/*    display: block;*/
/*    -webkit-transition: all 0.3s linear;*/
/*    transition: all 0.3s linear;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    top: 0%;*/
/*    right: 0%;*/
/*    width: 1px;*/
/*    height: 100%;*/
/*    background: #ebeced*/
/*}*/

.login_container .login_divs h1 {
  color: var(--primary-color);
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 2.5rem
}

.login_container .recupera_div {
  margin-top: 2rem
}

.login_container .recupera_div .recupera_txt {
  color: var(--primary-color);
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.4rem;
  text-align: right;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear
}

.login_container .recupera_div .recupera_txt:hover {
  color: var(--highlight-color)
}

.login_container .recupera_div button {
  margin-right: 3rem
}

.login_container .login_txt {
  color: var(--primary-color);
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  margin: 2rem 0
}

.login_container #form_recupera {
  display: none;
  margin-top: 2.5rem
}

.login_container #form_recupera button {
  /* margin-left: 3rem */
}

.login_container .submit_login {
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
  width: 100%;
  max-width: 330px;
  position: relative;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  z-index: 1;
  font-size: 14px;
  line-height: 13px;
  letter-spacing: 0.1em;
  padding: 15px;
  color: #fff;
  background: var(--primary-color);
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear
}

.login_container .submit_login i {
  display: inline-block;
  vertical-align: middle;
  font-size: 2.5rem;
  margin-left: 0.5rem
}

.login_container .submit_login:hover {
  color: #fff;
  background: var(--primary-color)
}

.login_container .submit_login.disabled {
  background: #ebeced;
  cursor: default;
  pointer-events: none
}

.login_container .submit_login.has_marg {
  margin-top: 2.5rem
}

@media screen and (max-width: 71.8125em) {

  .login_container .login_divs.small-order-1>div {
    padding: 0 10px
  }

  .login_container .login_divs.small-order-1:before {
    left: 0;
    top: auto;
    width: 100%;
    height: 1px
  }

  .login_container .login_divs h1 {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 25px
  }
}

@media screen and (max-width: 46.8125em) {
  .login_container .recupera_div {
    margin-top: 1rem
  }

  .login_container .recupera_div .recupera_txt {
    text-align: left;
    margin-top: 2.5rem
  }

  .login_container #form_recupera .submit_login {
    margin-top: 2rem
  }
}

@media only screen and (min-width: 744px) and (max-width: 1440px) {}

@media only screen and (max-width: 743px) {
  .login_container .recupera_div {
    margin-top: 20px;
  }

  .recupera_div>div:first-child {
    order: 2;
  }

  .recupera_div>div:nth-child(2) {
    width: 100% !important;
  }

  .inpt_holder {
    height: 5rem;
  }

  .login_container .recupera_div .recupera_txt {
    font-size: 14px;
  }
}