/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

@import "https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/css/rawline.css";

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background-color: #fcfcfc;
  color: #212121;
  font-family: Rawline;
  font-size: 16px;
  font-weight: 400;
}

main {
  flex: 1 0 auto;
}

a:focus,
[type="button"]:focus,
.btn:focus {
  outline: 1px solid #000000;
}

.icon-block {
  padding: 0 15px;
}

.icon-block .material-icons {
  font-size: inherit;
}

/* .navlist-tall {
  margin-top: 14px;
} */

.navlist-short {
  margin-top: 0;
}

.divider-space {
  height: 40px;
  overflow: hidden;
  background-color: transparent;
}

.no-margin {
  margin: 0px !important;
}

.no-margin-top {
  margin-top: 0px !important;
}

.no-margin-bottom {
  margin-bottom: 0px !important;
}


/* Navbar */


#navbar1 {
  color: rgba(0, 0, 0, 0.9);
  border-color: #e1e1e1;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  box-shadow: none;
  height: 94px;
}

#logo-container {
  position: relative;
  text-align: center;
  width: 100%;
  height: 94px;
}

#mobile-logo-container {
  position: absolute;
  top: 0;
  left: 0;
}

#logo-container img {
  width: 148px;
  height: 100px;
}

nav .brand-logo,
nav .logo-text {
  padding-left: 0;
}

.brand-logo { 
  max-width:440px;
}

nav ul li { 
  /* line-height: 47px; */
  margin: 20.5px 0;
}

nav ul a {
  color: rgba(0, 0, 0, 0.8) !important;
}

nav ul li a:hover {
  border-radius: 4px !important;
}

nav ul:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

nav ul a:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}



nav .mobile-contrastbar {
  background-color: transparent !important;
  height: 48px;
  position: relative;
  top: 0;
}

nav .mobile-contrastbar {
  background-color: transparent !important;
  margin: 0 !important;
}

nav .mobile-contrastbar li {
  background-color: transparent !important;
  position: relative;
  top: -32px;
}

nav .mobile-contrastbar ul li {
  line-height: 48px !important;
  margin: 0;
}

/* Alto Contraste */

.navlist-contrast:hover {
  background-color: transparent !important;
}

.navlist-contrast li a:hover {
  background-color: rgba(178,223,219,0.5);
  color: rgb(0, 0, 0) !important;
}

.contrast_image {
  width: 20px;
  height: 20px;
  margin: 0;
  margin-top: 13px;
}


/* Sidebar */

.sidebar {
  max-width: 340px;
  margin: 0 auto;
}

.sidebar .collection,
.sidebar .collapsible {
  border: none;
  box-shadow: none;
}

.sidebar .collection .collection-item,
.sidebar .collapsible .collapsible-header {
  background-color: transparent;
}
.sidebar .collection a.collection-item {
  color: #424242;
}

.sidebar .collection .collection-item.active {
  color: #00695c;
  font-weight: 500;
}

.sidebar .collapsible li.active {
  background-color: rgba(222, 222, 222, 0.17);
  color: #26a69a;
}

.sidebar .collapsible-header a {
  color: #424242;
  width: 90%;
}

.sidebar .collapsible li.active .collapsible-header a {
  color: #26a69a;
}

.sidebar .collapsible-header .icon-content {
  color: #26a69a;
  width: 10%;
}

.sidebar .collapsible li:hover {
  background-color: rgba(222, 222, 222, 0.17);
}

.sidebar .collapsible a:hover {
  color: #26a69a;
}

.sidebar .collapsible .collapsible-body {
  padding: 0.5rem;
}

.sidebar .collapsible .collapsible-body .collection .collection-item {
  border: none;
}


/* Sidenav  */

.sidenav .collection,
.sidenav .collapsible {
  border: 4px;
  box-shadow: none;
}

.search-actions {  
  padding-bottom: 1rem;
}

.choose-target {
  margin-bottom: 1rem;
  padding: 0.5rem;
  padding-bottom: 0.5rem;
}

.selected-target {
  margin-left: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
}

.filtrado-por-publico-alvo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #e0eaf2;
  color: #1351b4;
}

.filtrado-por-publico-alvo:hover {
  background: #e9f0f5;
}

.filtrado-por-publico-alvo i{
  cursor: pointer;
}

.filtrado-por-publico-alvo i:hover {
  color: #2670e8;
}

.filtrado-por-publico-alvo:focus,
.filtrado-por-publico-alvo i:focus {
  outline: 1px solid #000000;
}

.choose-target .select-dropdown.dropdown-content li.selected {
  background-color: rgba(224,242,241,100) !important;
}

.choose-target .select-dropdown.dropdown-content li.selected span {
  color: #00695c !important;
}

.choose-target input.select-dropdown {
  color: #424242;
  padding-left: 0.5rem;
}

.choose-target input.select-dropdown:hover {
  border-bottom: 1px solid #26a69a;
  color: #00695c;
}

/* .choose-target .select-wrapper input.select-dropdown {
  border-bottom: 1px solid #26a69a;
  padding-left: 1rem;
  width: 94%;
  color: #00695c;
} */

.choose-target .select-wrapper .caret {
  fill: rgba(0, 105, 92, 0.8)
}

.sidenav .collapsible {
  margin-top: 4.6rem;
}

.sidenav .collection .collection-item,
.sidenav .collapsible .collapsible-header {
  background-color: transparent;
}
.sidenav .collection a.collection-item {
  color: #424242;
}

.sidenav .collection .collection-item.active {
  color: #00695c;
  font-weight: 500;
}

.sidenav .collapsible li.active {
  background-color: rgba(222, 222, 222, 0.17);
  color: #26a69a;
}

.sidenav .collapsible-header a {
  color: #005449;
}

.sidenav .collapsible li.active .collapsible-header a {
  color: #26a69a;
}

.sidenav .collapsible-header .icon-content {
  position: relative;
  top: 0;
  color: #26a69a;
}

.sidenav .collapsible li:hover {
  background-color: rgba(222, 222, 222, 0.17);
}

.sidenav .collapsible a:hover {
  color: #26a69a;
}

.sidenav .collapsible .collapsible-body {
  padding: 0.5rem;
}

.sidenav .collapsible .collapsible-body .collection .collection-item {
  border: none;
}

.search-wrapper {
  margin-bottom: 1rem;
  padding: 0.5rem;
}

.mobile-search-wrapper{
  width: unset !important;
  display: inline;
  padding: 0 1rem;
}

.mobile-search-wrapper #search-button{
  right: 1.7rem !important;

}
.mobile-search-wrapper #search{
  width: calc(100% - 1.6rem);

}

.search-wrapper input[type=search] {
  background-color: transparent !important;
}

.search-wrapper input[type=search]:focus {
  background: #e0f2f1 !important;
  color: #00695c !important;
  border-bottom: 2px solid #26a69a !important;
}

.search-wrapper input.search-input{
  color: #424242;
  /* padding-left: 32px; */
  padding-left: 8px;
  padding-right: 0;
}
.search-wrapper input.search-input:hover{
  background-color: rgba(222, 222, 222, 0.17);
  border-bottom: 1px solid #26a69a;
  color: #00695c;
}


.search-wrapper .search-button {
  position: absolute;
  top: 1rem;
  right: 0.5rem;  
}

.search-wrapper:focus-within .search-button {
  color: #00695c;
}

.search-wrapper:focus-within .search-button:hover {
  color: #26a69a;
  cursor: pointer;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00695c;
  opacity: 1; /* Firefox */
}

::placeholder ,
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #00695c;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #00695c;
}

/* Menu de Acessibilidade */

.acessibilidade-mobile {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.30)
}
.acessibilidade-mobile > a {
  padding: 12px;
  padding-bottom: 16px;
  color: #000000;
}
.acessibilidade-mobile > a:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
/* .acessibilidade-mobile > a:nth-child(2) i {      
  position: relative;
  top: 8px;
} */

/* Content Wrapper */
.content-wrapper {
  padding-right: 1rem;
}

.apresentacao p{
  text-align: justify !important;
}

.content-wrapper h3 {
  margin-top: 0;
}

.presentation,
.customer-service,
.information,
.evaluation,
.search {
  margin-bottom: 2rem;
}

.sidebar,
.section-content {
  box-sizing: border-box;
}

.section-content {
  padding-top: 0;
  padding-bottom: 0;
}


.section-content p.custom-link a {
    background-color: transparent;
    color: #1351b4;
    text-decoration: none;
  }

  .section-content p.custom-link a:hover {
    color: #2670e8;
    text-decoration: underline;
  }

  .section-content p.custom-link a.waves-effect {
    color: #fafafa;
  }
  .section-content p.custom-link a.waves-effect:hover {
    text-decoration: none;
    background-color: #01579b !important;
    color: #fafafa !important;
  }

.apresentacao .collapsible {
  box-shadow: none;
  border: none;
}
.apresentacao .collapsible .collapsible-header {
  background-color: transparent;
  box-shadow: none;
  display: block;
  border: none;
  padding: 0;
}
.apresentacao .collapsible .collapsible-body {
  border: none;
  padding: 0;
}


/* Cards */

.card:focus {  
  outline: 1px solid #000000;
}

.section-content .card-title {
  font-size: 1.18rem;
  font-weight: 500;
  line-height: normal !important;
  text-align: left;
  word-break: break-all;
  white-space: pre-wrap;
  word-wrap: break-word;
  text-align: justify;
}

.section-content .card {
  box-shadow: none;
  border: 1px solid #e1e1e1;
}

.section-content .card:hover {
  color: #009688;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.section-content .card-content {
  min-height: 290px;
}

.card-content ul {
  padding-top: 1rem;
}

.card-content i.tiny {
  margin-right: 8px;
}

.footer {
  border-top: 1px solid #dadada;
  font-size: 1rem;
  line-height: 1rem;
}

.footer ul li {
    margin: 8px 0;
  }

.footer ul li a {
    margin: 8px 0;
    color: #424242;
    font-weight: 500;
  }

.footer ul li a:hover {
    color: #000000 !important;
    text-decoration: underline;
}

.footer-logos-wrapper{
  display: flex;
  align-items: center;
}

img.logo-ouvidoria {
  margin-left: auto;
  margin-right: auto;
  max-width: 68%;
}

.logo-ouvidoria-wrapper{
  padding: 0;
}




/* Página de Descrição dos Serviços */


.content-wrapper h2,
.content-wrapper h3,
.content-wrapper h4 {
  color: #005449;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  text-align: center;
}

.services .presentation,
.services .customer-service,
.services .information {
   background-color: #f4f7f6;
   margin-bottom: 2rem;
}

.services .customer-service,
.services .information,
.services .evaluation,
.services .search {
  margin-top: -10px;
}

.content-wrapper h5 {
  color: #00695c;
  padding: 1rem 0;
}

.section-content.evaluation h5 {
  border-bottom: none;
  text-align: center;
  color: #01579b;
}

.content-wrapper h6 {
  font-weight: 500;
}

.services .page-views,
.services .tags-wrapper.clearfix {
    padding: 1rem;
    font-size: 0.9rem;
    display: flex;
}

.services-info {
  display: flex;
  justify-content: space-between;
}
.tags-wrapper.clearfix a:focus {
  outline: 1px solid #000000;
}
.tags-wrapper.clearfix a > span {
  margin-left: 0;
}

.services h4 {
  background-color: #e0f2f1;
  padding: 1rem;
  color: #005449;
  text-align: center;
}

.services h5 {
  background-color: #e0f2f1 ;
  color: #00695c;
  padding: 1rem;
}

.services .search-content-title {
  background-color: transparent ;
  color: #00695c;
}

.services h5.evaluation-title {
  background-color: #b3e5fc ;
  color: #0d47a1;
  padding: 1rem;
  text-align: center;
}

.services  .evaluation {
  border: 1px solid #b3e5fc;
}

.services .search {
  background-color: transparent;
  padding: 2rem;
  padding-top: 0;
}

.services .search h6 {
  margin: 0.5rem;
  margin-bottom: 2rem;
  padding: 0.5rem;
}

.services .presentation {
  margin-top: -1rem;
}

.services .presentation ul.collection {
  padding-top: 1rem;
}

.services .presentation ol.collection {
  padding-top: 1rem;
}
.apresentacao h4,
.section-content h4 {
  text-align: left;
  margin-top: 4rem;
}

.services .information li a:hover {
  color: #0d47a1 !important;
}
.services .information li a.waves-effect:active {
  color: #ffffff !important;
}

.section-content .collection {
  border: none;
}

.section-content .collection .collection-item {
  background-color: transparent;
  border: none;
  padding-top: 0;
}

.section-content .collection .collection-item ol {
  margin-top: 1rem;
}

.section-content .collection .collection-item ol li {
  padding-left: 0.2rem;
  color: #424242;
}

.evaluation .card-panel {
  background-color: #fcfcfc;
}

.notas-container {
  cursor: pointer;
  margin: 0 auto;
  margin-bottom: 4rem;
  text-align: center;
  width: 80%;
}

.notas-container .col {
  width: 19.99%;
}
.notas-container i {
  font-size: 3.5rem;
  width: 100%;
}

.nota-wrapper {
  display: block;
  clear: both;
  color: #737373;
}

.nota-wrapper:hover {
  color: #424242;
}

.nota-wrapper i:focus {
  outline: 1px solid #000000;
}

.nota-wrapper i:focus + span {
  padding-top: 0.25rem;
  border-bottom: 1px solid #000000;
}

.texto-nota {
  float: left;
  width: 100%;
  line-height: 1rem;
}

.comments-container {
  margin: 0 auto;
  text-align: left;
  width: 80%;
}

.comments-container h6 {
  margin-bottom: 2rem;
}

/* Estilos da tela de Resultados de busca  */
.highlight {
  background: #fb8b3b;
}
/* FIM dos estilos da tela de Resultados de busca  */

/* Estilos de Avaliação de serviço  */

.notas-container .nota,
.motivos-container .motivo {
    cursor: pointer;
}

.notas-container .nota.active {
    background: #77ccf7;
    border-radius: 50%;
}

.motivo-escolhido{
    background-color: rgba(-60, -38, 122, 1);
    color: white;
}

.motivo-chip-admin {
    background: #ccc;
    border-radius: 10px;
    padding: 3px;
    margin-bottom: 2px;
    text-align: center;
    font-size: 0.85rem;
}

.notas-container i.material-icons {
    cursor: pointer;
    font-size: 57px;
}

.motivos-container .chip:hover {
    background-color: rgba(-60, -38, 122, 1);
    color: white;
}

.motivos-container .chip:after {
    background-color: rgba(-60, -38, 122, 1);
    color: white;
}

/* Fim de estilos de Avaliação de serviço */


@media (max-width: 600px) {
  .section-content .card-content {
    min-height: 100px !important;
  }
}

@media (max-width: 992px) {
  #navbar1 {
    height: 64px;
  }

  #logo-container {
    width: 100%;
    text-align: center;
  }

  #logo-container img {
    height: 64px;
  }

  .notas-container {
    width: 100%;
  }

  .texto-nota {
    font-size: 0.9rem;
    font-weight: 500;
  }

  .notas-container i {
    font-size: 3rem;
  }

  #mobile-demo .collapsible-header > a {
    color: #424242;
    width: 100%;
    height: 100%;
    line-height: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  
  #mobile-demo .collapsible-header > a.item-line-height-long-text {
    line-height: 24px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  #mobile-demo .collapsible-header .icon-content {
    color: #26a69a;
    width: 10%;
  }

  #mobile-demo .collapsible-header .icon-content {
    position: relative;
    top: 0;
    color: #26a69a;
  }

  #mobile-demo .collapsible a:hover {
    color: #26a69a;
  }

  .sidenav .collapsible {
    margin-top: 0;
  }

  .choose-target .select-wrapper input.select-dropdown {
    width: 86%;
    margin:0 auto;
  }

  .choose-target .select-wrapper .caret {
    right: 1rem;
  }

  .content-wrapper .services h4 {
    font-size: 1.8rem;
  }

  img.logo-ouvidoria {
    max-width: 68%;
  }

  .logo-ouvidoria-wrapper{
    padding: 0 0.75rem !important;
  }
  
  
  
}

/* Help Infotic */

#modal1{
  max-height:400%;
 }
 #modal2{
   max-height:50%;
 }
 #modal2 h6{
   margin-top:30px;
   font-weight:bold;
 }
 
 #modal2 .modal-footer{
   margin-top:20px;
 }
 
 h1#titulomobile{
   display:none;
 }

/* Barra Brasil*/

#wrapper-barra-brasil nav {
  background-color: transparent;
  box-shadow: none;
  height: 32px;
  line-height: 32px;
}

#barra-brasil .list-item {
  padding: 0;
}

#barra-brasil .list-item a {
  padding: 0 15px 0 13px !important;
}