@charset "UTF-8";
/*
 * Folha de estilos 
 * Utilizar arquivo ".scss"
 * Guia: https://sass-lang.com/
 * Páginas de login - Carven
 * Copyright 2022 ValidHUB.
 * Gilberto Alves
*/
html {
  scroll-behavior: smooth;
  -o-scroll-behavior: smooth;
  -moz-scroll-behavior: smooth;
  -webkit-scroll-behavior: smooth;
}

body {
  background: #ffffff !important;
}

section#acessar {
  padding: 0;
  font-family: Poppins, sans-serif;
}
section#acessar div.container-fluid > div.row,
section#acessar nav.navbar > div.container,
section#acessar footer > div.row {
  max-width: 1140px;
}
section#acessar nav.navbar {
  font-family: Roboto, sans-serif;
  background: #01010d;
  border-bottom: 3px solid #ff4841;
  min-height: 99px;
}
section#acessar nav.navbar > div.container button span.navbar-toggler-icon {
  line-height: 10px;
  margin-bottom: 5px;
  margin-top: -10px;
}
section#acessar nav.navbar > div.container div.navbar-collapse ul {
  font-size: 13px;
  padding-top: 9px;
}
section#acessar
  nav.navbar
  > div.container
  div.navbar-collapse
  ul
  li:not(:last-child) {
  border-right: 1px solid #fff;
}
section#acessar nav.navbar > div.container div.navbar-collapse ul li a {
  padding: 0px 18px;
}
section#acessar nav.navbar > div.container div.navbar-collapse ul li a:hover {
  color: #b3b3b3 !important;
}
section#acessar div#form-container.container-fluid,
section#acessar div#form-container-protocolo.container-fluid {
  background: url("../img/auth/background-login.jpg") center/cover no-repeat;
  border-bottom: 3px solid #ff4841;
}
section#acessar div#form-container.container-fluid > div.row,
section#acessar div#form-container-protocolo.container-fluid > div.row {
  margin: auto auto;
  min-height: 670px;
}
section#acessar
  div#form-container.container-fluid
  > div.row
  > div.col-12.col-md-6,
section#acessar
  div#form-container-protocolo.container-fluid
  > div.row
  > div.col-12.col-md-6 {
  padding: 120px 0px;
}
section#acessar
  div#form-container.container-fluid
  > div.row
  > div.col-12.col-md-6
  img,
section#acessar
  div#form-container-protocolo.container-fluid
  > div.row
  > div.col-12.col-md-6
  img {
  padding-bottom: 20px;
}
section#acessar
  div#form-container.container-fluid
  > div.row
  > div.col-12.col-md-6
  h1,
section#acessar
  div#form-container-protocolo.container-fluid
  > div.row
  > div.col-12.col-md-6
  h1 {
  color: #01010d;
  font-size: 24px;
  padding-bottom: 20px;
}
section#acessar
  div#form-container.container-fluid
  > div.row
  > div.col-12.col-md-6
  form.form-acessar
  > label,
section#acessar
  div#form-container-protocolo.container-fluid
  > div.row
  > div.col-12.col-md-6
  form.form-acessar
  > label {
  color: #01010d;
  font-size: 18px;
}
section#acessar
  div#form-container.container-fluid
  > div.row
  > div.col-12.col-md-6
  form.form-acessar
  > input,
section#acessar
  div#form-container-protocolo.container-fluid
  > div.row
  > div.col-12.col-md-6
  form.form-acessar
  > input {
  border-radius: 0;
}
section#acessar
  div#form-container.container-fluid
  > div.row
  > div.col-12.col-md-6
  form.form-acessar
  div.form-row,
section#acessar
  div#form-container-protocolo.container-fluid
  > div.row
  > div.col-12.col-md-6
  form.form-acessar
  div.form-row {
  padding-top: 20px;
  padding-bottom: 25px;
}
section#acessar
  div#form-container.container-fluid
  > div.row
  > div.col-12.col-md-6
  form.form-acessar
  div.form-row
  a.text-right,
section#acessar
  div#form-container-protocolo.container-fluid
  > div.row
  > div.col-12.col-md-6
  form.form-acessar
  div.form-row
  a.text-right {
  color: #01010d;
  font-size: 14px;
}
section#acessar
  div#form-container.container-fluid
  > div.row
  > div.col-12.col-md-6
  form.form-acessar
  div.form-row
  a.text-right
  span,
section#acessar
  div#form-container-protocolo.container-fluid
  > div.row
  > div.col-12.col-md-6
  form.form-acessar
  div.form-row
  a.text-right
  span {
  text-decoration: underline;
}
section#acessar
  div#form-container.container-fluid
  > div.row
  > div.col-12.col-md-6
  form.form-acessar
  div.form-row
  button.btn,
section#acessar
  div#form-container-protocolo.container-fluid
  > div.row
  > div.col-12.col-md-6
  form.form-acessar
  div.form-row
  button.btn {
  font-size: 13px;
  background: #ff4841;
  border-radius: 0px;
  border-bottom-width: 0px;
  height: 40px;
  width: 100%;
  transition: 0.4s;
}
section#acessar
  div#form-container.container-fluid
  > div.row
  > div.col-12.col-md-6
  form.form-acessar
  div.form-row
  button.btn:hover,
section#acessar
  div#form-container-protocolo.container-fluid
  > div.row
  > div.col-12.col-md-6
  form.form-acessar
  div.form-row
  button.btn:hover {
  background: #a70600;
}
section#acessar
  div#form-container.container-fluid
  > div.row
  > div.col-12.col-md-6
  form.form-acessar
  p,
section#acessar
  div#form-container-protocolo.container-fluid
  > div.row
  > div.col-12.col-md-6
  form.form-acessar
  p {
  color: #01010d;
  font-size: 20px;
  padding-bottom: 15px;
}
section#acessar
  div#form-container.container-fluid
  > div.row
  > div.col-12.col-md-6
  div.row.row-protocolo-acessar,
section#acessar
  div#form-container-protocolo.container-fluid
  > div.row
  > div.col-12.col-md-6
  div.row.row-protocolo-acessar {
  padding-bottom: 25px;
}
section#acessar
  div#form-container.container-fluid
  > div.row
  > div.col-12.col-md-6
  div.row.row-protocolo-acessar
  a,
section#acessar
  div#form-container-protocolo.container-fluid
  > div.row
  > div.col-12.col-md-6
  div.row.row-protocolo-acessar
  a {
  font-size: 13px;
  background: #ff4841;
  border-bottom-width: 0px;
  border-radius: 0px;
  width: 100%;
  transition: 0.4s;
}
section#acessar
  div#form-container.container-fluid
  > div.row
  > div.col-12.col-md-6
  div.row.row-protocolo-acessar
  a:hover,
section#acessar
  div#form-container-protocolo.container-fluid
  > div.row
  > div.col-12.col-md-6
  div.row.row-protocolo-acessar
  a:hover {
  background: #a70600;
}
section#acessar div#tutoriais,
section#acessar div#tutoriais-protocolo {
  background: #01010d;
}
section#acessar div#tutoriais > div.row,
section#acessar div#tutoriais-protocolo > div.row {
  margin: auto auto;
  padding-top: 25px;
  padding-bottom: 40px;
}
section#acessar div#tutoriais > div.row div.col > h1,
section#acessar div#tutoriais-protocolo > div.row div.col > h1 {
  color: #ff4841;
  font-size: 44px;
}

section#acessar div#tutoriais > div.row div.col > div.row,
section#acessar div#tutoriais-protocolo > div.row div.col > div.row {
  align-items: stretch;
}

section#acessar div#tutoriais .tutorial-card,
section#acessar div#tutoriais-protocolo .tutorial-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
section#acessar div#tutoriais .tutorial-card-body,
section#acessar div#tutoriais-protocolo .tutorial-card-body {
  flex: 1 1 0%;
  min-height: 0;
}
section#acessar div#tutoriais > div.row div.col > div.row div.col-sm,
section#acessar
  div#tutoriais-protocolo
  > div.row
  div.col
  > div.row
  div.col-12.col-md-6 {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
section#acessar div#tutoriais > div.row div.col > div.row div.col-sm img,
section#acessar
  div#tutoriais-protocolo
  > div.row
  div.col
  > div.row
  div.col-12.col-md-6
  img {
  width: 83px;
  height: 83px;
}

section#acessar div#tutoriais > div.row div.col > div.row div.col-sm h1,
section#acessar
  div#tutoriais-protocolo
  > div.row
  div.col
  > div.row
  div.col-12.col-md-6
  h1 {
  color: #ff4841;
  font-size: 18px;
  text-transform: uppercase;
  padding-top: 18px;
  padding-bottom: 0px;
}
section#acessar div#tutoriais > div.row div.col > div.row div.col-sm p,
section#acessar
  div#tutoriais-protocolo
  > div.row
  div.col
  > div.row
  div.col-12.col-md-6
  p {
  font-size: 16px;
}
section#acessar div#tutoriais > div.row div.col > div.row div.col-sm a,
section#acessar
  div#tutoriais-protocolo
  > div.row
  div.col
  > div.row
  div.col-12.col-md-6
  a {
  font-size: 13px;
  background: #ff4841;
  border-bottom-width: 0px;
  border-radius: 0px;
  width: 45%;
  transition: 0.4s;
  margin-top: auto;
}
section#acessar div#tutoriais > div.row div.col > div.row div.col-sm a:hover,
section#acessar
  div#tutoriais-protocolo
  > div.row
  div.col
  > div.row
  div.col-12.col-md-6
  a:hover {
  background: #a70600;
}
section#acessar div#faleconosco,
section#acessar div#faleconosco-protocolo {
  background: #e9e9e9;
}
section#acessar div#faleconosco > div.row,
section#acessar div#faleconosco-protocolo > div.row {
  margin: auto auto;
  padding-top: 25px;
  padding-bottom: 40px;
}
section#acessar div#faleconosco > div.row div.col h1,
section#acessar div#faleconosco-protocolo > div.row div.col h1 {
  color: #01010c;
  font-size: 44px;
}
section#acessar
  div#faleconosco
  > div.row
  div.col
  section#conteudos
  div
  div
  form#form-contato
  div.form-group.botoes
  input,
section#acessar
  div#faleconosco-protocolo
  > div.row
  div.col
  section#conteudos
  div
  div
  form#form-contato
  div.form-group.botoes
  input {
  font-size: 13px;
  background: #ff4841;
  border-bottom-width: 0px;
  border-radius: 0px;
  width: 100%;
  transition: 0.4s;
}
section#acessar
  div#faleconosco
  > div.row
  div.col
  section#conteudos
  div
  div
  form#form-contato
  div.form-group.botoes
  input:hover,
section#acessar
  div#faleconosco-protocolo
  > div.row
  div.col
  section#conteudos
  div
  div
  form#form-contato
  div.form-group.botoes
  input:hover {
  background: #a70600;
}
section#acessar div#perguntasfrequentes > div.row,
section#acessar div#perguntasfrequentes-protocolo > div.row {
  margin: auto auto;
  padding-top: 25px;
  padding-bottom: 40px;
}
section#acessar div#perguntasfrequentes > div.row div.col h1,
section#acessar div#perguntasfrequentes-protocolo > div.row div.col h1 {
  color: #ff4841;
  font-size: 44px;
  text-align: center;
}
section#acessar div#perguntasfrequentes > div.row div.col p,
section#acessar div#perguntasfrequentes-protocolo > div.row div.col p {
  color: #01010d;
  font-size: 18px;
  text-align: center;
  padding-bottom: 30px;
}
section#acessar footer {
  background: #01010d;
  border-top: 3px solid #ff4841;
  min-height: 100px;
  margin: auto auto;
}
section#acessar footer > div.row {
  margin: auto auto;
  padding: 25px 0px;
}
section#acessar footer > div.row div.col-12 {
  padding: 5px;
}
section#acessar footer > div.row div.col-12 a img {
  padding: 5px;
}

@media (max-width: 767.98px) {
  .w-sm-100 {
    width: 100% !important;
  }

  div#form-container.container-fluid,
  div#form-container-protocolo.container-fluid {
    background: #fff !important;
  }

  footer div.row div.justify-content-center {
    flex-direction: column;
    align-items: center;
  }
}

/*# sourceMappingURL=authPages.css.map */