body {
  font-family: "Roboto";
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

main {
  width: 100%;
}

header {
  background-color: #14387f;
}

header #logo .logo-container {
  text-align: right;
}

header #logo .logo-container .custom-logo {
  max-height: 54px;
}

header #logo .logo-container .logo-titulo {
  color: #fff;
  font-size: 13px;
}

footer {
  background: #BABCBE url(../images/bg-footer.svg) left bottom no-repeat;
  background-blend-mode: multiply;
  color: #FFF;
}

footer #aviso {
  background-color: #f8f8f8;
  color: #888;
  font-size: 13px;
}
footer #aviso a {
  color: #14387f;
  text-decoration: none;
}
footer #aviso a:hover {
  text-decoration: underline;
}

footer #descricao {
  min-height: 260px;
}

footer #descricao #menu {
  color: #14387f;
  font-size: 13px;
}
footer #descricao #menu a {
  color: #14387f;
  text-decoration: none;
}
footer #descricao #menu a:hover {
  text-decoration: underline;
}

footer #copyright .texto {
  color: #14387f;
  font-size: 13px;
  margin-top: 30px;
}
footer #copyright .texto div {
  margin-top: 10px;
}

a {
  color: #14387f;
}

/* Botoes */
.btn-outline-primary {
  background-color: #14387f;
  border-color: #14387f;
}

.btn-check:active + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active,
.btn-outline-primary:hover {
  background-color: #14387f;
  border-color: #14387f;
}

.btn-primary {
  background-color: #14387f;
  border-color: #14387f;
}
.btn-primary:focus {
  background-color: #14387f;
  border-color: #14387f;
}

.btn-primary:hover {
  background-color: #62a23d;
  border-color: #62a23d;
}

.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
  background-color: #14387f;
  border-color: #14387f;
}

.container-1200 {
  max-width: 1200px;
}

#top-bar-wrap {
  background-color: #183160;
  font-size: 14px;
}

#page-header {
  background-color: #f8f8f8;
}
#page-header h1 {
  font-weight: 800;
  font-size: 24px;
  color: #14387f;
  border-left: 4px solid #62a23d;
  padding: 0 0 0 20px;
  margin: 0px;
  align-content: center;
}

#site-navigation > li > a {
  position: relative;
  padding: 0 10px;
  line-height: 74px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  /*
  &:after {
    display: block;
    background-color: $segunda-cor;
    position: absolute;
    margin-top: -20px;
    content: '';
    width: 0px;
    height: 2px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  */
}
#site-navigation > li > a:hover {
  text-decoration: underline;
}
#site-navigation > li > a:hover:after {
  width: 25px;
}

#home-banner {
  background: url(../images/banner-home.jpeg) no-repeat center center;
  background-size: cover;
}

#home-banner #base {
  background: #14387f;
  background: linear-gradient(180deg, #14387fd6 20%, #00ACCDbf 80%);
}
#home-banner #base .container {
  text-align: center;
  max-width: 600px;
}
#home-banner #base h1 {
  font-size: 28px;
  font-family: "Roboto";
  font-weight: 600;
  color: #fff;
}
#home-banner #base h1 #destaque {
  color: #ffffff;
  display: block;
}
#home-banner #base h1 #destaque:after {
  display: block;
  background-color: #ffffff;
  position: absolute;
  margin-top: 20px;
  content: "";
  width: 10%;
  height: 5px;
}

.ui-autocomplete-pesquisa .ui-menu-item .ui-menu-item-wrapper:hover {
  background-color: #14387f;
  border-color: #14387f;
}

.btn-menu {
  padding: 10px 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: unset !important;
}

.btn-menu-p {
  text-decoration: none;
  color: #fff;
  background-color: #14387f;
}
.btn-menu-p:hover {
  color: #fff;
  background-color: #00ACCD;
}

.btn-menu-shadow-p {
  box-shadow: 7px 7px 5px -4px rgba(0, 0, 0, 0.15);
}

.btn-header:before {
  display: inline-block;
  /* float: left; */
  content: " ";
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
  margin-right: 5px;
  margin-bottom: -3px;
  background-color: #fff;
}
.btn-header-entrar {
  padding: 0px 10px !important;
  border-left: solid 1px #fff;
  margin-left: 20px !important;
  padding-left: 20px !important;
  color: #fff;
  text-decoration: none;
}
.btn-header-entrar:hover {
  text-decoration: underline;
  color: #fff;
}
.btn-header-entrar:before {
  -webkit-mask: url(../svgs/user-regular.svg) no-repeat center;
  mask: url(../svgs/user-regular.svg) no-repeat center;
}
.btn-header-cadastrar:before {
  -webkit-mask: url(../svgs/sign-in-alt-solid.svg) no-repeat center;
  mask: url(../svgs/sign-in-alt-solid.svg) no-repeat center;
}
.btn-header-telefone:before {
  -webkit-mask: url(../svgs/solid/phone-alt.svg) no-repeat center;
  mask: url(../svgs/solid/phone-alt.svg) no-repeat center;
}

.menu-icon:before {
  display: inline-block;
  /* float: left; */
  content: " ";
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
  margin-right: 5px;
  margin-bottom: -3px;
  background-color: #fff;
}
.menu-icon-logout:before {
  -webkit-mask: url(../svgs/solid/sign-out-alt.svg) no-repeat center;
  mask: url(../svgs/solid/sign-out-alt.svg) no-repeat center;
}
.menu-icon-perfil:before {
  -webkit-mask: url(../svgs/user-regular.svg) no-repeat center;
  mask: url(../svgs/user-regular.svg) no-repeat center;
}

#home-form-pesquisa #btn-continuar {
  font-size: 20px;
  background-color: #62a23d !important;
  border-color: #62a23d !important;
}
#home-form-pesquisa #btn-continuar:hover {
  background-color: #14387f !important;
  border-color: #14387f !important;
}
#home-form-pesquisa #btn-continuar:after {
  display: block;
  float: right;
  content: " ";
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  margin-left: 5px;
  margin-top: 5px;
  background-color: #fff !important;
  -webkit-mask: url(../svgs/solid/search.svg) no-repeat center;
  mask: url(../svgs/solid/search.svg) no-repeat center;
}

#procurados .col-container {
  display: flex;
  width: 100%;
}

#procurados .col {
  flex: 1;
  padding: 16px;
}

#procurados .card {
  height: 100%;
  background: #f8f8f8;
  border: solid 1px #fff;
}
#procurados .card a {
  text-decoration: none;
}
#procurados .card:hover {
  border: solid 1px #14387f;
  box-shadow: 7px 7px 5px -4px rgba(0, 0, 0, 0.15);
}

#procurados .card-img-top {
  height: 50px;
  filter: invert(0) sepia(1) saturate(160) hue-rotate(204deg);
}

#procurados .card-title {
  font-size: 14px;
  font-weight: normal;
  color: #888;
}

#box-cotacao-facil {
  background-color: #f8f8f8;
}

#box-cotacao-facil .titulo {
  color: #14387f;
}

#box-cotacao-facil .lista {
  counter-reset: list-number;
}

#box-cotacao-facil .lista div:before {
  counter-increment: list-number;
  content: counter(list-number);
  margin-right: 10px;
  margin-bottom: 10px;
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background-color: #62a23d;
  border-radius: 50%;
  color: #fff;
}

#box-cotacao-facil .btn-guia {
  color: #14387f;
  border-color: #14387f;
}
#box-cotacao-facil .btn-guia:hover {
  color: #fff;
  background-color: #14387f;
}

/* cadastro */
#form-cadastro {
  width: 100%;
  max-width: 640px;
  padding: 15px;
  margin: 0px auto;
}

#form-cadastro .card {
  border: none;
  box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.25);
}

#form-cadastro .card .card-header {
  border-bottom: 1px solid #f4f4f4;
  color: #14387f;
}

#form-cadastro form .form-label {
  color: #888;
}

#form-cadastro .btn-primary {
  text-decoration: none;
  color: #fff;
  background-color: #14387f;
}
#form-cadastro .btn-primary:hover {
  color: #fff;
  background-color: #62a23d;
}

#form-cadastro form input[type=text],
#form-cadastro form select {
  color: #1f1f1f;
}

#form-cadastro #aviso {
  font-size: 13px;
  color: #888;
}

#form-cadastro a {
  color: #14387f;
  text-decoration: none;
}
#form-cadastro a:hover {
  text-decoration: underline;
}
#form-cadastro a.login {
  display: block;
  color: #14387f;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

#form-cadastro .checkbox {
  font-weight: 400;
}

/* Tela Cadastro Administrativo */
.cadastro-administrativo-container {
  max-width: 1000px !important;
}

/* Helper para forms */
.custom_option_input {
  position: absolute;
  left: -9999px;
}

.custom_option_label {
  position: relative;
  display: block;
  line-height: 40px;
  border-radius: 5px;
  padding: 5px 20px 5px 50px;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}

.custom_option_label:hover {
  background-color: #f4f4f4;
}

.custom_option_label:before,
.custom_option_label:after {
  position: absolute;
  content: "";
}

.custom_option_label:before {
  top: 12px;
  left: 10px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #ced4da;
  transition: all 0.15s ease-in-out;
}

.custom_option_input:checked + .custom_option_label:before {
  background-color: #14387f;
  box-shadow: 0 0 0 0;
}

.custom_option_input:checked + .custom_option_label {
  background-color: #f4f4f4;
}

.custom_option_input:checked + .custom_option_label:after {
  top: 22px;
  left: 18px;
  width: 10px;
  height: 5px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}

/* Fim Helper */
/* Pages  */
#page-content {
  background-color: #fff;
}

#page-content .side-bar .secao {
  font-weight: 800;
  font-size: 20px;
  color: #14387f;
  border-left: 4px solid #62a23d;
  padding: 0 0 0 20px;
  margin: 0px;
}

#page-cadastro {
  max-width: 1148px;
  margin: auto;
}

#cadastro label:has(+ [required])::after {
  content: " *";
  color: red;
  width: 1.5em;
  margin-right: 1.5em;
}

#cadastro .subtitulo {
  font-weight: 800;
  font-size: 20px;
  color: #14387f;
}

/* Form Helpers */
/* Icones */
.password-toggle .bi {
  display: flex;
  align-items: center;
}

.password-toggle .bi-eye-slash::before {
  display: inline-block;
  height: 20px;
  width: 20px;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="currentColor"><path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755q-.247.248-.517.486z"/><path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829"/><path d="M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12z"/></svg>');
}

.password-toggle .bi-eye::before {
  display: inline-block;
  height: 20px;
  width: 20px;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16"><path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z"/><path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0"/></svg>');
}

/* Preloder */
#preloder {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
  background: rgba(255, 255, 255, 0.5);
}

.loader {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 60px;
  animation: loader 0.8s linear infinite;
  -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
    border: 4px solid #14387f;
    border-left-color: transparent;
  }
  50% {
    transform: rotate(180deg);
    border: 4px solid #14387f;
    border-left-color: transparent;
  }
  100% {
    transform: rotate(360deg);
    border: 4px solid #14387f;
    border-left-color: transparent;
  }
}
#servicos .servico-columns {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
}

#servicos .servico-columns .servico {
  display: inline-block;
  width: 100%;
  margin-bottom: 18px;
}

#servicos .servico-columns .servico h3 {
  font-size: 18px;
  align-items: center;
  margin-bottom: 14px;
}

#servicos .nav .nav-link {
  display: block;
  padding: 0px;
  font-size: 14px;
  padding-bottom: 4px;
}

#servicos .nav .nav-link {
  color: #14387f;
  text-decoration: none;
}
#servicos .nav .nav-link:hover {
  text-decoration: underline;
}

#app-page-top-bar {
  background-color: #f8f8f8;
  font-size: 14px;
}
#app-page-top-bar #menu-perfil a {
  color: #14387f;
}

#app-page-header {
  background-color: white;
  border-bottom: 1px solid #f8f8f8 !important;
}
#app-page-header h1 {
  font-weight: 800;
  font-size: 20px;
  color: #14387f;
  margin: 0px;
  display: block;
}
#app-page-header .nome small {
  font-size: 13px;
}

#app-menu-lateral a {
  font-size: 14px;
  font-weight: 500;
  color: #14387f;
  padding-left: 0px;
  text-transform: uppercase;
}
#app-menu-lateral a:hover {
  text-decoration: underline;
}

.app-header-secao {
  margin-top: 10px;
  font-size: 13px;
  color: #14387f;
}
.app-header-secao h3 {
  font-weight: 800;
  font-size: 20px;
  color: #14387f;
  border-left: 4px solid #62a23d;
  padding: 0 0 0 20px;
  margin: 0px;
}

.app-titulo-secao {
  font-weight: 800;
  font-size: 26px;
  color: #14387f;
  margin: 0px;
  margin-bottom: 20px;
}

.app-titulo-menu {
  font-weight: 600;
  font-size: 20px;
  color: #14387f;
  margin: 0px;
  background-color: #f8f8f8;
  border: solid 1px #ccc;
  padding: 10px;
  margin-bottom: -1px;
}

/* App Dashboard */
#dashboard .card {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
#dashboard .card .card-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  color: #14387f;
}/*# sourceMappingURL=main.css.map */