:root {
  --azul-sistema: var(--ds-custom-2, #151546);
  --vermelho-sistema: var(--ds-palette-primary, #F21F3C);
  --vermelho-sistema-hover: var(--ds-custom-7, #ff627a);
  --vermelho-sistema-novo: var(--ds-palette-primary, #E52940);
  --azul-sistema-hover: var(--ds-custom-26, #2a287a);
  --branco: var(--ds-card-bg, #fff);
  --branco-opaco: var(--ds-palette-tint-gray-bg, #f4f4f4);
  --placeholder: var(--ds-gray-400, #797979);



  --botao-principal: var(--ds-custom-2, #151546);
  --botao-principal-hover: var(--ds-custom-2, #141463);
  --botao-secundario-hover: var(--ds-palette-tint-red-text, #ff4962);
  --botao-secundario: var(--ds-palette-primary, #F21F3C);

  --cursor: var(--ds-palette-primary, #F21F3C);
  --borda-leve: var(--ds-palette-tint-gray-bg, #f3f2f2);
  --desativado: var(--ds-palette-secondary, #c4c4c4);
  --icone-com-foco: var(--ds-custom-2, #151546);
  --input-focado: var(--ds-custom-2, #151546);
  --verde-confirmacao: var(--ds-custom-4, #0ABD17);

  --altura-card: 700px;
  --fonte-label: .8rem;

  --largurafix1r: 1rem;
  --alturafix1r: 1rem;

  --largurafix2r: 2rem;
  --alturafix2r: 2rem;

  --largurafix3r: 3rem;
  --alturafix3r: 3rem;

  --largurafix4r: 4rem;
  --alturafix4r: 4rem;

  --largurafix5r: 5rem;
  --alturafix5r: 5rem;

  --largurafix6r: 6rem;
  --alturafix6r: 6rem;




  --largura50: 50%;
  --largura70: 70%;
  --largura75: 75%;
  --largura80: 80%;
  --largura90: 90%;
  --largura95: 95%;
  --largura100: 100%;

}



.btn-primary {
  background-color: var(--azul-sistema) !important;
}

.btn-primary:hover {
  background-color: var(--azul-sistema-hover) !important;
}

/*cursor customizado*/
.custom-cursor-one {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 1px solid var(--cursor);
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  -webkit-transform: translate(calc(-50% + 5px), -50%);
  transform: translate(calc(-50% + 5px), -50%);
  z-index: 999991;
}

.cursor-one {
  border: 1px solid var(--twonet-yellow-light);
}

.custom-cursor-two {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--cursor);
  opacity: .3;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  -webkit-transition: width .3s, height .3s, opacity .3s;
  transition: width .3s, height .3s, opacity .3s;
  z-index: 999991;
}

.cursor-two {
  background-color: var(--twonet-yellow-light);
}

.custom-cursor-hover {
  background-color: var(--cursor);
  opacity: 0.4;
}

.custom-cursor-innerhover {
  width: 25px;
  height: 25px;
  opacity: .4;
}

.desativado {
  color: var(--desativado);
}

.foco-icone {
  color: var(--icone-com-foco) !important;
}

.fundo-botao {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--botao-principal);
  border-radius: 5px;
  color: var(--branco);
  font-weight: 600;
  padding: 10px;
  width: 100%;
}

.fundo-botao:hover {
  background-color: var(--azul-sistema-hover);
  transition: 0.30s;
}

.fonte-principal {
  color: var(--azul-sistema);
}

.fonte-branca {
  color: var(--branco);
}

.fonte-label {
  font-size: var(--fonte-label);
  color: var(--azul-sistema);
}

.borda-esquerda-zerado {
  border-radius: 0x;
}

.borda-direita-zerado {
  border-radius: 0px !important;
}

.borda-esquerda {
  border-radius: 5px 0 0 5px !important;
}

.borda-direita {
  border-radius: 0 5px 5px 0 !important;
}

.easy_logo {
  width: 170px;
}

#pagina_alteracao-de-senha .custom-loader {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: conic-gradient(#0000 10%, #151546);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0);
  animation: s3 1s infinite linear;
}

@keyframes s3 {
  to {
    transform: rotate(1turn)
  }
}


#bloco-validadores,
#message {
  color: var(--ds-emphasis-color, #000);
  position: relative;
  padding: 20px;
  margin-top: 10px;
}

#bloco-validadores p,
#message p {
  padding: 10px 35px;
  font-size: 18px;
}

#bloco-validadores {
  display: none;
}

.valid {
  color: var(--verde-confirmacao);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-weight: 700;
}


.invalid {
  color: var(--vermelho-sistema);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-weight: 700;
}

.sem-peso {
  font-weight: 300;
}

.blocos {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  align-items: baseline;
}

#bloco-validadores .blocos {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  align-items: baseline;
}

.tamanho-mensagem {
  font-size: .9rem;
}

.fundo-branco {
  background-color: var(--branco);
}

@media(max-width: 1620px) {
  .trata-quebra {
    overflow-y: clip;
    height: 400px;
  }
}

@media(max-width: 768px) {
  .blocos {
    grid-template-columns: 1fr 1fr;
  }

  #bloco-validadores .blocos {
    grid-template-columns: 1fr 1fr 1fr;
  }

}

.jconfirm-box {
  width: 90% !important;
  max-width: 500px !important;
}