.gray-bg {
  background-color: #2e2526;
}
/* copied */
:root {
  --color-principa: rgb(20, 21, 24);
  /* linha formulario*/
  --color-secundaria: #ffffff;
  /* botao */
  --color-secundaria-dark: rgb(255, 255, 255);
  --color-light-gray: #c5d2cc;
  /* font caixa esquerda */
  --color-dark-gray: #dddddd;
  --modulo-length: 20px;
}

html,
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  height: 100%;
  /* bg das informações */
  /* background-color:  #125fa7; */
  background: #f7f7f7;
}

.awesome-gradient {
  /* bg do formulario */
  background: #718472;
  /* background:#1e3e8b ; */
  /* background-image: linear-gradient(to right, #FFA3D4, #C5D2CC); */
  /* background: linear-gradient(to right, #C5D2CC, #293538); */
  padding-bottom: 120px;
}

.field-input {
  margin: 10px 0 0 0;
  width: 100%;
}

.field-input label {
  position: relative;
  background-color: rgba(0, 0, 0, 0);
  top: 20px;
  transition: transform 500ms;
}

.field-input label.error {
  top: 0px;
  font-size: 0.8rem;
  color: #ee5d5d;
}

.field-input label.ativo {
  transform: translate(-8px, -14px) scale(0.8);
}

.field-input input,
.field-input textarea {
  color: white;
  border: none;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: solid 1px var(--color-secundaria);
}

.field-input input:focus,
.field-input textarea:focus {
  outline: none;
}

.btn-enviar {
  width: 100%;
  /* border: solid 1px var(--color-secundaria); */
  background-color: #536854;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  /* border-radius: 5px; */
  font-size: 1.5rem;
  /* -webkit-box-shadow: 2px 3px 9px 0px rgba(23, 228, 104, 0.22); */
  /* -moz-box-shadow: 2px 3px 9px 0px rgba(23, 228, 104, 0.22); */
  /* box-shadow: 2px 3px 9px 0px rgba(23, 228, 104, 0.22); */
  cursor: pointer;
}

@media (max-width: 767px) {
  body {
    overflow-y: initial;
  }
}

@media (min-width: 992px) {
  .w-md-75 {
    width: 75%;
  }
}

.font-light {
  font-weight: 300;
}

.color-dark-gray {
  color: var(--color-dark-gray);
}

.color-light-green {
  color: var(--color-secundaria);
}

.conteudo-metade-da-esquerda {
  border: solid 5px #536854;
  font-family: Arial, Helvetica, sans-serif;
  background: #718472;
}
.no-link {
  color: #ccc;
}

a:hover {
  text-decoration: none;
  color: white;
}

@media only screen and (max-width: 765px) {
  .conteudo-metade-da-esquerda dd {
    font-size: 21px !important;
  }
}
@media only screen and (min-width: 766px) {
  .conteudo-metade-da-esquerda {
    padding: 1rem !important;
  }
}