/* importar */
@font-face {
  font-family: 'Rawline';
  font-style: normal;
  font-weight: 400;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-400.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: italic;
  font-weight: 400;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-400i.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: normal;
  font-weight: 250;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-100.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: italic;
  font-weight: 250;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-100i.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: normal;
  font-weight: 275;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-200.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: italic;
  font-weight: 275;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-200i.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: normal;
  font-weight: 300;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-300.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: italic;
  font-weight: 300;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-300i.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: normal;
  font-weight: 500;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-500.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: italic;
  font-weight: 500;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-500i.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: normal;
  font-weight: 600;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-600.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: italic;
  font-weight: 600;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-600i.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: normal;
  font-weight: 700;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-700.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: italic;
  font-weight: 700;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-700i.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: normal;
  font-weight: 800;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-800.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: italic;
  font-weight: 800;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-800i.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: normal;
  font-weight: 900;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-900.woff') format('woff');
}
@font-face {
  font-family: 'Rawline';
  font-style: italic;
  font-weight: 900;
  src: local('Rawline'), url('https://fonts.cdnfonts.com/s/19714/rawline-900i.woff') format('woff');
}
/* 
Site:
https://www.cdnfonts.com/rawline.font 
*/
/* fonte */
/* cores textos */
/* media query */
/* mixins */
/*
COPIAR E COLAR: 
- - -
.animation(border-radius -moz-border-radius border-radius, 0.2s, 0s, ease-out);
.animation(-ms-filter filter -moz-opacity -khtml-opacity opacity, 0.2s, 0s, ease-out);
.animation(-moz-transform -webkit-transform -o-transform -ms-transform transform, 0.2s, 0s, ease-out);
.animation(-webkit-box-shadow -moz-box-shadow box-shadow, 0.2s, 0s, ease-out);
.animation(propriedade, 0.4s, 0s, ease-out);

.barraRolagem(@largura, @corBarra, @corFundo, @barraRadius, @barraBordaLargura)
 
&::before {
     content: '\eb57';
     display: inline-block;
     font-family: "unicons-line";
}  

https://iconscout.com/unicons/explore/line
*/
html {
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
}
html body {
  background-color: #E9E9E9;
  background-size: cover;
  color: #ffffff;
  font-family: "Rawline", Verdana, Arial;
  font-weight: 400;
  margin: 0px;
  overflow: hidden !important;
  position: relative;
  width: 100% !important;
}
html body :focus {
  outline: 0;
}
html body ::focus {
  outline: 0;
}
html body ::-moz-selection {
  background: #F8BA00;
  color: #13245D;
}
html body ::selection {
  background: #F8BA00;
  color: #13245D;
}
html body.rolagem {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
* {
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.delay_03s {
  animation-delay: 0.3s;
}
.delay_06s {
  animation-delay: 0.6s;
}
.delay_09s {
  animation-delay: 0.9s;
}
.delay_1_2s {
  animation-delay: 1.2s;
}
.delay_1_5s {
  animation-delay: 1.5s;
}
.delay_1_7s {
  animation-delay: 1.7s;
}
.delay_2_s {
  animation-delay: 2s;
}
.delay_2_2_s {
  animation-delay: 2.2s;
}
.delay_2_5_s {
  animation-delay: 2.5s;
}
@keyframes circulo1 {
  0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@valor)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  50% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@valor)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
  }
  100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@valor)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}
@keyframes circulo2 {
  0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@valor)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
  }
  50% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@valor)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@valor)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
  }
}
@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
#login {
  align-items: center;
  background-color: #13245D;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  height: 100%;
  justify-content: center;
  left: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  top: 0px;
  width: 100%;
}
#login .caixa {
  background: rgba(50, 50, 50, 0.1);
  backdrop-filter: blur(50px);
  border: 1px solid rgba(203, 203, 203, 0.3);
  box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.2);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  margin-bottom: 60px;
  margin-top: 60px;
  max-width: 900px;
  padding: 30px;
  overflow: hidden;
  width: 100%;
  z-index: 10;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  border-radius: 20px !important;
}
#login .caixa .centro {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 30px;
  justify-content: center;
  width: 100%;
}
#login .caixa .centro .esquerda,
#login .caixa .centro .direita {
  display: flex;
}
#login .caixa .centro .esquerda {
  width: 350px;
}
#login .caixa .centro .esquerda img {
  height: auto;
  width: 100%;
}
#login .caixa .centro .direita {
  justify-content: center;
  width: calc(100% - 350px);
}
#login .caixa .centro .direita form {
  width: 100%;
}
#login .caixa .centro .direita .container {
  position: relative;
}
#login .caixa .centro .direita .container .row.areas {
  color: #ffffff;
  justify-content: center;
  -moz-transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity;
  -webkit-transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity;
  transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#login .caixa .centro .direita .container .row.areas .legenda {
  margin-bottom: 20px;
  text-align: center;
}
#login .caixa .centro .direita .container .row.areas .aviso {
  display: none;
}
#login .caixa .centro .direita .container .row.areas .aviso .area {
  background-color: #E94B35;
  color: #ffffff;
  display: block;
  font-size: 14px;
  margin-bottom: 15px;
  padding: 8px;
  text-align: center;
  width: 100%;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
}
#login .caixa .centro .direita .container .row.areas .aviso .area.bgAzul {
  background-color: #4098FF;
}
#login .caixa .centro .direita .container .row.areas .aviso.mostrar {
  display: flex;
}
#login .caixa .centro .direita .container .row.areas .areaCampo {
  margin-bottom: 8px;
  position: relative;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .campo {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
  display: flex;
  height: 40px;
  padding-inline: 15px;
  width: 100%;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  -moz-transition-property: background-color border box-shadow color outline;
  -webkit-transition-property: background-color border box-shadow color outline;
  transition-property: background-color border box-shadow color outline;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .campo:focus {
  border-color: #ffffff;
  box-shadow: 0 0 0 5px rgba(64, 152, 255, 0.2);
  outline: 0;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .campo:hover {
  border-color: #ffffff;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .campo.tipoSenha {
  padding-right: 50px;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .campo::placeholder {
  color: #ffffff;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .campo:-ms-input-placeholder {
  color: #ffffff;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .campo::-ms-input-placeholder {
  color: #ffffff;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .campo.select {
  background-image: url(../imagens/outros/selectDown.svg) !important;
  background-position: calc(100% - 15px) center;
  background-repeat: no-repeat;
  appearance: none;
  -webkit-appearance: none;
  /* Safari e Chrome */
  -moz-appearance: none;
  /* Firefox */
  background-image: none;
  /* remove ícones padrão */
}
#login .caixa .centro .direita .container .row.areas .areaCampo .campo.select option {
  background-color: #024697;
  color: #ffffff;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .campo.select:focus {
  background-image: url(../imagens/outros/selectUp.svg) !important;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .senha {
  height: 40px;
  position: absolute;
  right: 20px;
  top: 0px;
  width: 25px;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .senha::before,
#login .caixa .centro .direita .container .row.areas .areaCampo .senha::after {
  align-items: center;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-family: "unicons-line";
  font-size: 20px;
  height: 100%;
  justify-content: center;
  position: absolute;
  width: 100%;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .senha::before {
  content: '\ebaf';
}
#login .caixa .centro .direita .container .row.areas .areaCampo .senha::after {
  content: '\ebf8';
  display: none;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .senha.mostrar::before {
  display: none;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .senha.mostrar::after {
  display: flex;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .erroValidacao {
  display: none;
}
#login .caixa .centro .direita .container .row.areas .areaCampo.centralizado {
  text-align: center;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .form-check .form-check-input {
  appearance: none;
  /* remove o estilo padrão */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border-color: #F8BA00;
  -moz-transition-property: background border;
  -webkit-transition-property: background border;
  transition-property: background border;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .form-check .form-check-input:hover {
  background-color: transparent;
  /* cor quando selecionado */
  border-color: #4098FF;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .form-check .form-check-input:checked {
  background-color: transparent;
  /* cor quando selecionado */
  border-color: #F8BA00;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .form-check .form-check-input:focus {
  box-shadow: 0 0 0 5px rgba(64, 152, 255, 0.2);
  outline: 0;
}
#login .caixa .centro .direita .container .row.areas .areaCampo .form-check label {
  font-size: 14px;
}
#login .caixa .centro .direita .container .row.areas .areaCampo.erro .erroValidacao {
  background-color: #eb5743;
  color: #ffffff;
  display: block;
  font-size: 12px;
  margin-top: 4px;
  padding: 4px 18px;
  width: 100%;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  border-radius: 6px !important;
}
#login .caixa .centro .direita .container .row.areas .areaBotao {
  margin-top: 10px;
}
#login .caixa .centro .direita .container .row.areas .areaBotao .botao {
  align-items: center;
  background-color: #0475FB;
  border: 1px solid #0475FB;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-weight: 600;
  height: 40px;
  justify-content: center;
  width: 100%;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  -moz-transition-property: background-color border box-shadow color outline;
  -webkit-transition-property: background-color border box-shadow color outline;
  transition-property: background-color border box-shadow color outline;
  -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#login .caixa .centro .direita .container .row.areas .areaBotao .botao:focus {
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.1);
  outline: 0;
}
#login .caixa .centro .direita .container .row.areas .areaBotao .botao:hover {
  background-color: #0469e2;
  border-color: #0469e2;
}
#login .caixa .centro .direita .container .areaCarregando {
  align-items: center;
  display: flex;
  font-size: 40px;
  height: 100%;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  top: 0px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@valor)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -moz-transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity;
  -webkit-transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity;
  transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#login .caixa .centro .direita .container .areaCarregando .icone {
  animation: girar 1.5s linear infinite;
  display: inline-block;
}
#login .caixa .centro .direita .container.carregando .row.areas {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@valor)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}
#login .caixa .centro .direita .container.carregando .row.areas .areaCampo .campo {
  cursor: not-allowed;
  pointer-events: none;
}
#login .caixa .centro .direita .container.carregando .row.areas .areaBotao .botao {
  cursor: not-allowed;
  pointer-events: none;
}
#login .caixa .centro .direita .container.carregando .areaCarregando {
  display: flex;
  pointer-events: all;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@valor)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#login .circulos {
  background-color: #ffffff;
  left: 50%;
  position: fixed;
  pointer-events: none;
  top: 50%;
  z-index: 1;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  -moz-transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity;
  -webkit-transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity;
  transition-property: -ms-filter filter -moz-opacity -khtml-opacity opacity;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#login .circulos.c1 {
  background-color: #2445b2;
  filter: blur(70px);
  height: 1400px;
  transform: translate(-50%, 0%);
  width: 1400px;
  animation: circulo1 6s ease-in-out infinite;
}
#login .circulos.c2 {
  background-color: #2445b2;
  filter: blur(50px);
  height: 380px;
  transform: translate(250px, 0px);
  width: 380px;
  animation: circulo2 4s ease-in-out infinite;
}
@media only screen and (min-width: 280px) and (max-width: 767px) {
  #login .caixa {
    margin-bottom: 30px;
    margin-top: 30px;
    max-width: 300px;
    padding: 20px;
  }
  #login .caixa .centro {
    flex-direction: column;
    flex-wrap: wrap;
  }
  #login .caixa .centro .esquerda,
  #login .caixa .centro .direita {
    width: 100%;
  }
  #login .caixa .centro .direita .container .row.areas .areaCampo .campo {
    font-size: 14px;
    height: 35px;
  }
  #login .caixa .centro .direita .container .row.areas .areaCampo .senha {
    height: 35px;
  }
  #login .caixa .centro .direita .container .row.areas .areaBotao .botao {
    font-size: 14px;
    height: 35px;
  }
  #login .circulos.c1,
  #login .circulos.c2 {
    animation: unset;
  }
  #login .circulos.c1 {
    height: 400px;
    width: 400px;
  }
  #login .circulos.c2 {
    transform: translate(80px, 80px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #login .caixa {
    margin-bottom: 30px;
    margin-top: 30px;
    max-width: 400px;
    padding: 20px;
  }
  #login .caixa .centro {
    flex-direction: column;
    flex-wrap: wrap;
  }
  #login .caixa .centro .esquerda,
  #login .caixa .centro .direita {
    width: 100%;
  }
  #login .circulos.c1,
  #login .circulos.c2 {
    animation: unset;
  }
  #login .circulos.c1 {
    height: 600px;
    width: 600px;
  }
  #login .circulos.c2 {
    transform: translate(0px, 0px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1279px) {
  #login .caixa {
    max-width: 700px;
    padding: 20px;
  }
  #login .caixa .centro .esquerda {
    width: 250px;
  }
  #login .caixa .centro .direita {
    width: calc(100% - 250px);
  }
  #login .caixa .centro .direita .container .row.areas .areaCampo .campo {
    font-size: 14px;
    height: 35px;
  }
  #login .caixa .centro .direita .container .row.areas .areaCampo .senha {
    height: 35px;
  }
  #login .caixa .centro .direita .container .row.areas .areaBotao .botao {
    font-size: 14px;
    height: 35px;
  }
  #login .circulos.c1,
  #login .circulos.c2 {
    animation: unset;
  }
  #login .circulos.c1 {
    height: 600px;
    width: 600px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
  #login .caixa {
    max-width: 700px;
    padding: 20px;
  }
  #login .caixa .centro .esquerda {
    width: 250px;
  }
  #login .caixa .centro .direita {
    width: calc(100% - 250px);
  }
  #login .caixa .centro .direita .container .row.areas .areaCampo .campo {
    font-size: 14px;
    height: 35px;
  }
  #login .caixa .centro .direita .container .row.areas .areaCampo .senha {
    height: 35px;
  }
  #login .caixa .centro .direita .container .row.areas .areaBotao .botao {
    font-size: 14px;
    height: 35px;
  }
  #login .circulos.c1,
  #login .circulos.c2 {
    animation: unset;
  }
  #login .circulos.c1 {
    height: 1100px;
    width: 1100px;
  }
}