input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #223c60 inset !important;
  -webkit-text-fill-color: #ffffff !important;
}

input:-webkit-autofill, input:-webkit-autofill:focus {
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  outline: none !important;
}

.box-full-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background-image: url('../../img/bgs/bg.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #06192d !important;
}

.box-login {
  width: 100%;
  height: 100%;
  background-color: #223c60;
  border-radius: 0;
  padding: 70px 70px;
}

@media (min-width: 576px) {
  .box-login {
    width: 400px;
    height: auto;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(29,52,84,0.54);
    padding: 70px 70px;
  }
}



.box-login .btn-next {
  --tamanho: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 8px;
  width: var(--tamanho);
  height: var(--tamanho);
  border-radius: 100%;
  background-color: #1d324e;
  color: #54c1af;
  padding: 5px;
  transition: .4s;
}

.box-login .btn-see-2 {
  --tamanho: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 8px;
  width: var(--tamanho);
  height: var(--tamanho);
  border-radius: 100%;
  color: #a0b0c6;
  padding: 5px;
  transition: .4s;
}

.box-login .btn-see-2:hover, .box-login .btn-see-2:active, .box-login .btn-see-2:focus {
  background-color: #1d324e;
  color: #a0b0c6 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  transition: .4s;
}

.box-login .btn-back {
  --tamanho: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 34px;
  bottom: 8px;
  width: var(--tamanho);
  height: var(--tamanho);
  border-radius: 100%;
  background-color: #1d324e;
  color: #a09798;
  padding: 5px;
  transition: .4s;
}

.box-login .btn-see-pass {
  --tamanho: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 34px;
  bottom: 8px;
  width: var(--tamanho);
  height: var(--tamanho);
  border-radius: 100%;
  background-color: #1d324e;
  color: #94b0c0;
  padding: 5px;
  transition: .4s;
}

.box-login .btn-next:hover {
  background-color: #1f3654;
  transition: .4s;
}

.box-login .btn-next svg {
  font-size: 100%;
}

.box-login .btn-see-2 svg {
  font-size: 18px;
}

.box-login .btn-back svg {
  font-size: 100%;
}

.box-login .btn-see-pass svg {
  font-size: 100%;
}

.box-login .btn-rss {
  --tamanho: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--tamanho);
  height: var(--tamanho);
  border-radius: 100%;
  color: #848f93;
  padding: 5px;
  margin-right: 2px;
  transition: .4s;
}

.box-login .btn-rss-2 {
  --tamanho: 40px;
  display: flex;
  align-items: center;
  justify-content: center !important;
  width: var(--tamanho);
  height: var(--tamanho);
  border-radius: 100%;
  color: #96aab1;
  padding: 5px;
  margin-right: 2px;
  transition: .4s;
}

.box-login .btn-rss-2.instagram {
  color: #9164b4 !important;
}

.box-login .btn-rss-2.linkedin {
  color: #4d7999 !important;
}

.box-login .btn-rss-2.facebook {
  color: #3d6bc3 !important;
}

.box-login .btn-rss-2.lowcost {
  color: #58806b !important;
}

.box-login .btn-rss-2:hover {
  background-color: #1d324e;
  transition: .4s;
}

.box-login .btn-rss:last-child {
  margin-right: 0;
}

.box-login .btn-rss svg {
  font-size: 95%;
}

.box-login .btn-rss-2 svg {
  font-size: 20px;
}

.box-login input {
  color: #cfcfcf;
}

.box-login input::placeholder {
  color: #cfcfcf;
}

.box-login h1 {
  font-size: 1.5rem;
  margin-top: 10px;
  margin-bottom: 2px;
}

.box-login h2 {
  font-weight: 400;
  font-size: 1rem;
  color: #a0b0c6 !important;
}

.link-simple {
  text-decoration: none !important;
  color: #96aab1 !important;
  transition: .5s !important;
}

.link-simple:hover {
  text-decoration: none !important;
  color: #e1e5e9 !important;
  transition: .5s !important;
}

.msg-erro {
  font-size: 13px;
  position: absolute;
  top: 5px;
  right: 0;
  color: #d05353;
  letter-spacing: 1px;
  margin: 0 !important;
  transition: .5s !important;
}

.pr-70 {
  padding-right: 70px !important;
}

.btn-action {
  padding: 7px 30px;
  background-color: #009DBD !important;
  border-radius: 50px;
  color: white !important;
  transition: .5s !important;
}

.btn-action.send {
  padding: 7px 12px !important;
}

.btn-action:hover, .btn-action:focus, .btn-action:active, .btn-action:disabled, fieldset:disabled {
  --bs-btn-active-border-color: transparent;
  background-color: #0ab0d2 !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  color: white !important;
  transition: .5s !important;
}