/* ESTILOS DO CADASTRO E LOGIN */

:root {
  --font-family-poppins: "Poppins", Helvetica;
}

.load-msg {
  color: red;
  font-family: var(--font-family-poppins);
  font-size: 15pt;
}

.danger-msg {
  color: red;
  font-family: var(--font-family-poppins);
  font-size: 15pt;
}

.success-msg {
  color: green;
  font-family: var(--font-family-poppins);
  font-size: 15pt;
}

#msg {
  margin-top: 120px;
  margin-left: 0;
  width: 345px;
  height: 60px;
}
#msg2 {
  margin-top: 80px;
  margin-left: calc(calc(100vw - 385px));
  width: 345px;
  height: 60px;
}
.confirm-form {
  margin-left: auto;
  margin-right: auto;
  margin-top: 120px;
  width: 345px;
  height: 40px;
}

.button-after,
#senhaAcesso,
#validCodDam,
#senhaAcesso-dam,
#validarMail {
  background: linear-gradient(
    180deg,
    rgb(224.000001847744, 81.00000277161598, 149.00000631809235) 0%,
    rgb(99.00000169873238, 201.00000321865082, 213.00000250339508) 100%
  );
  width: 343px;
  border-radius: 37px;
  box-shadow: 0px 4.375px 17.5px #134e4a2e;
  text-align: center;
  margin-top: 20px;
  border: none;
  color: #ffffff;
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  cursor: pointer;
  outline: none;
  height: 40px;
}
.button-after,
#senhaAcesso-dam,
#validCodDam,
#senhaAcesso,
#validarMail {
  transition: 0.4s;
}
#senhaAcesso:hover,
#senhaAcesso-dam:hover,
#validCodDam:hover,
#validarMail:hover,
.button-after:hover {
  transform: scale(0.94);
}

#validarMail{
  margin-top: 10px !important;
  margin-bottom: 10px;
}

#validCodDam,
#senhaAcesso-dam,
#senha-acesso
{
  margin-top: 10px;
  margin-bottom: 10px;
}


.confirm-data-register {
  margin-top: 160px;
  margin-left: calc(97.5% - 363px);
  height: 450px;
  width: 363px;
  overflow-y: auto;
  z-index: 40;
}
.alterar-dados-cadastro,
.validacao-dados {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0px;
  margin-left: calc(97.5% - 353px);
  height: 450px;
  width: 353px;
  overflow-y: auto;
}
.alterar-dados-cadastro div {
  width: 344px;
}

.input-after {
  background-color: var(--black-haze);
  border-radius: 37px;
  height: 44px;
  border: 0;
  line-height: 24px;
  padding: 20px;
  resize: none;
  text-align: left;
  width: 343px;
  margin-bottom: 8px;
}

.input-after::placeholder {
  color: #2d2d2d99;
}

.resto-input-niver {
  position: relative;
  background-color: var(--black-haze);
  border-radius: 37px;
  height: 44px;
  border: 0;
  line-height: 24px;
  padding: 20px;
  resize: none;
  text-align: left;
  width: 343px;
}
.resto-input-complemento {
  position: relative;
  background-color: var(--black-haze);
  border-radius: 37px;
  height: 44px;
  border: 0;
  line-height: 24px;
  padding: 20px;
  resize: none;
  text-align: left;
  width: 343px;
}
.resto-input-senha
{
  position: relative;
  background-color: var(--black-haze);
  border-radius: 37px;
  height: 44px;
  border: 0;
  line-height: 24px;
  padding: 20px;
  resize: none;
  text-align: left;
  width: 343px;
}
.resto-input-c-senha
{
  position: relative;
  background-color: var(--black-haze);
  border-radius: 37px;
  height: 44px;
  border: 0;
  line-height: 24px;
  padding: 20px;
  resize: none;
  text-align: left;
  width: 343px;
}

.top-css-fast
{
  top: 0px !important;
}

/* SCROLL BAR */
/* Tamanho */
::-webkit-scrollbar {
  width: 7px;
}

/* Rolagem */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #63cad55c;
  border-radius: 10px;
}

/* Barra */
::-webkit-scrollbar-thumb {
  /* 5a5797 */
  background: #df68a1;
  border-radius: 50px;
}

/* Passar o mouse sobre */
::-webkit-scrollbar-thumb:hover {
  background: #63c9d5;
}

/* Whatsapp */
.btn-whatsapp {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 100;
  color: #FFF;
  background-color:#25d366;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
  border-radius: 50%;
}

.btn-whatsapp svg {
  width: 55px;
  height: 55px;
  padding: 10px;
  fill: #FFF;
  vertical-align: middle;
}