@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/raleway-v13-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Raleway'), local('Raleway-Regular'),
         url('../fonts/raleway-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/raleway-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/raleway-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/raleway-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/raleway-v13-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
  }

  /* raleway-700 - latin */
@font-face {
    font-family: 'Raleway-Bold';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/raleway-v13-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Raleway Bold'), local('Raleway-Bold'),
         url('../fonts/raleway-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/raleway-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/raleway-v13-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/raleway-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/raleway-v13-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
  }

  /* raleway-900 - latin */
@font-face {
    font-family: 'Raleway-Black';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/raleway-v13-latin-900.eot'); /* IE9 Compat Modes */
    src: local('Raleway Black'), local('Raleway-Black'),
         url('../fonts/raleway-v13-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/raleway-v13-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/raleway-v13-latin-900.woff') format('woff'), /* Modern Browsers */
         url('../fonts/raleway-v13-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/raleway-v13-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */
  }


body{
    font-family: Raleway,sans-serif !important;
    font-size: 16px;
    color: #222;
    background: #fff;
    line-height: 20px;
}

#popup.default-page {
    display: none !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Raleway-black,sans-serif;
    font-weight: 900;
    margin: 0;
    letter-spacing: normal;
}

h2.hidden {
    display: none;
}

/*Class for to control the logo*/
#logo {
    /*margin: 0px 0 20px;*/
    margin: 0px 0 24px;
    background:url(../img/logo-branca.png) left no-repeat;
}
.container-header #logo a {
    color: #fff;
   display: block;
    margin-left: 54px;
}
.container-header #logo h1{
    font-size: 1.625rem;
    font-weight: 900;
    font-family: Raleway-Black,sans-serif;
    letter-spacing: -1px;
    /*margin-bottom: 4px;*/
    margin-top: 1px !important;
    line-height: unset;
}

.container-header #logo a:hover {
    text-decoration: none;
}

#logo .portal-description {
    font-size: inherit;
    top: 0px;
    /*font-size: .625rem !important;
    font-weight: 700;*/
    font-size: .700rem !important;
    font-weight: 700;
    width: 100%;
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    opacity: .6 !important;
    text-transform: uppercase;
}

#logo .portal-title-1 {
    font-size: .85em;
    display: block;
    /*height: 20px;*/
    height: 14px;
}

.sobre {
    background: RGB(0, 167, 78) !important;
}
.sobre li {
    border-right: 1px solid #687ca1;
    padding: 0 10px;
    line-height: 1em;
    border-right: transparent;
}
.sobre a {
    font-size: 17px;
    font-weight: 400 !important;
    font-family: Raleway-Medium, sans-serif;
    color: #fff;
}

.menu-servicos {
    background-color: transparent !important;
    border-top: 1px solid rgb(255,255,255,0.3) !important;
    /*height: 60px;*/
    height: 61px;
    background: RGB(0, 167, 78) !important;
}

.container-header {
    background: RGB(0, 167, 78);
    color: #fff;
    /*padding:14px 0 0;*/
}

.siteaction-vlibras > a {
    display: inline-block;
    position: relative;
    padding: 0 0 0 20px;
    margin-left: 20px;
    color: #fff;
}

.siteaction-vlibras > a::before {
   content: "";
    position: absolute;
    left: 0;
    background-image: url(../img/sprite.png);
    background-position: -269px -183px;
    /*background-position: -269px -169px;/*
    /*width: 18px;
    height: 18px;*/
    width: 13px;
    height: 13px;
    -webkit-filter: none;
    filter: none;
    top: 3px;
}

.header-icons{
    background-image: url(../img/sprite.png);
    background-position: -178px -159px;
    /*background-position: -27px -223px;*/
    width: 28px;
    height: 28px;
    float: left;
    margin-top: 18px;
    margin-right: 10px;
    cursor: pointer;
}

.menu-devices {
    /*margin: 21px 0;*/
    margin: 23px 0;
    line-height: 1em;

}
/*Controle de exibição: 'block' para 'felx'*/
.tmpl-before #navigation-section{

    display: flex;    
}
/*Super menus*/
.navigation-wrapper {
    display: none;
    background-color: #fff;
    color: #000;
    border-bottom: 1px solid #f1f1f1;
    /*padding: 14px 0;*/
    padding: 39px 0 79px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
    -webkit-box-shadow: 0 8px 6px -6px #ccc;
    box-shadow: 0 8px 6px -6px #ccc;
    top: 184px;
}
.menu-ativo {
    display: block!important;
}

.super-menus {
    border-right: 1px solid #f1f1f1;
    display: block;
    margin-right: 25px;
    padding-right: 20px;
    width: 166px;
    /*padding: 0px 5px 0px 0px;*/
    float: left;
}    

.super-menus h2, .super-menus h3 {
    color: #333 !important;
    font-size: 16px !important;
    font-family: Raleway-Black,sans-serif;
    padding: 0px 5px 21px 0px;
}

.super-menus li {
    list-style: none;
}


.super-menus li a {
    color: #333;
    font-size: .95rem;
    margin-bottom: 15px;
    line-height: 16px;
    display: block;
}

.container-fluid .tmpl-before:before {
    content: "";
    line-height: 0;
    position: absolute;
    background: #fff;
    height: 20px;
    width: 20px;
    transform: rotate(45deg);
    top: -9px;
    margin-left: 3px;
}

main #navigation nav li {
  border-bottom: none;
}

main #navigation nav ul {
  border-top: none;
}

.item-page p {
    line-height: 1.875rem;
    font-size: 18px;
}



a.toggle-contraste {
    display: inline-block;
    position: relative;
    padding: 0 20px 0 24px;
    /*border-right: 1px solid hsla(0,0%,100%,.2);*/
    border-right: 1px solid rgb(255,255,255,0.3) !important;
    color: #fff;
}
.contraste .module .outstanding-footer, .contraste .module .outstanding-header {
    background: #0d0d0d!important;
}

a.toggle-contraste::before {
    content: "";
    position: absolute;
    left: 0;
    background-image: url(../img/sprite.png);
    background-position: -269px -109px;
    /*background-position: -563px -128px;*/
    width: 18px;
    height: 18px;
    -webkit-filter: none;
    filter: none;
}

a.siteaction-vlibras {
    display: inline-block;
    position: relative;
    padding: 0 0 0 20px;
    margin-left: 20px;
    color: #fff;
}

a.siteaction-vlibras::before {
   content: "";
    position: absolute;
    left: 0;
    background-image: url(../img/sprite.png);
    background-position: -269px -183px;
    /*background-position: -269px -169px;/*
    /*width: 18px;
    height: 18px;*/
    width: 13px;
    height: 13px;
    -webkit-filter: none;
    filter: none;
    top: 3px;
}

#portal-searchbox form {
    margin: 10px 0 0 !important;
  }

  form#portal-searchbox{
    margin: 10px 0 0;
  }  

  header #portal-searchbox .searchButton {
    border-radius: 0px 20px 20px 0px;
    height: 40px;
}

#portal-searchbox .searchButton {
   /* padding-bottom: 4px;*/
   padding-bottom: 0px;
    padding-right: 8px;
    background: #fff;
    border-left: none!important;
    position: relative;
    /*width: 34px;*/
    width: 40px;
    height: 30px;
}

  input#portal-searchbox-field {
      padding: 9px 20px;
      border-radius: 20px 0px 0px 20px;
      font-size: .75rem;
      width: 334px;
      border-right: none!important;
      /*border: none !important;*/
  }
 #portal-searchbox input.searchField {
      font-size: .75rem;
      width: 334px;
      border-right: none!important;
      border-right: 1px solid #f5f5f5 !important;
      background-color: #ffffff;
      border: 1px solid #cccccc;
  }
  
  #portal-searchbox .searchButton {
      border-radius: 0px 20px 20px 0px;
     height: 40px;
     /*margin: -9px 0px 0;*/
     border: 1px solid #ccc;
     margin-left: -4px;
  }
  
#portal-searchbox .searchButton i.icon-search {
      top: 8px;
  }
  
  input#portal-searchbox-field :placeholder {
     margin-top: 44px;
  }

  .input-append {
    /*font-size: 0;*/
}

input#search-searchword{
    margin-bottom: 20px;
}

.pagination {
    /*margin: 20px 0;*/
    margin: 20px auto;
    width: 83%;
}

.counter {
    display: block;
    width: 114px;
    padding-top: 10px;
}
.pagination li {
    float: left;
}
.pagination ul li {
    list-style: none !important;
}
.pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
    border-left-width: 1px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}

.pagination ul>li>a, .pagination ul>li>span {
    border: 1px solid #ddd;
}
.pagination ul>li>a, .pagination ul>li>span {
    float: left;
    padding: 8px 25px;
    line-height: 25px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-left-width: 0;
}

.deeper.parent ul {
    background: #fff;
    position: absolute;
    /* height: 326px; */
    z-index: 99;
    /* width: 215px; */
   box-shadow: 0 6px 6px 0px #ccc;
    top: 40px;
    /*margin-right: 10px !important;*/
    display: none;
    right: 0;

}

/*ul.dados-abertos-ativo {

   white-space: nowrap;
   padding: 0;    
}*/
/*.dados-abertos-ativo{
    /*min-width: 9%;*/
    /*display: block;*/
/*}*/

.navigation-wrapper.menu-ativo .deeper.parent ul {
    display: none !important;
}

.deeper.parent ul li a {
    border-bottom: none !important;
    background: right 0 repeat-y #fff !important;
}

a.dados-fechado {
    color: #fff !important;
    background: #00a74e !important;
    border-bottom: 2px solid #007235 !important;
    position: sticky;
    float: right;
    text-decoration: none !important;
}

#menu-contexto li.deeper.parent {
    /*float: right;
    margin-right: 10px;*/
    float: right;
    /*margin-right: 10px;*/
    position: relative;
    top: -58px;
}
#menu-contexto .deeper.parent a.dados-abertos {
    color: #fff !important;
    background: #00a74e;
    border-bottom: 2px solid #007235;
    position: sticky;
}

#menu-contexto .deeper.parent a.dados-abertos:hover{
    
    text-decoration: none;
}

.fa-home:before {

    font-size: 13.2px;
}

#barra-brasil .conteudo-barra-brasil {
    width: 98.4% !important;
    max-width: 100% !important;
}
#menu-contexto li.deeper.parent ul li {
    margin-left: 0;
}

/*DATA: 03-10-2019*/
/*Imagem de Acessibilidade*/
.enabled {
    display: none !important;
}
.menu-estatico{
    background: #fff;
    /*height    : 109px;*/
    height: auto;
    position  : relative;
    width     : 100%;
    z-index   : 99;
    top       : 0;
    padding-top: 0px;
    display   :block;
    margin-bottom : 0;
    border-width     : none;
    border-top-style   : initial;
    border-right-style : initial;
    border-left-style  : initial;
    border-top-color   : initial;
    border-right-color : initial;
    border-left-color  : initial;
    border-image       : initial;
    border-bottom-style: none;
    border-bottom-color: tranparent;
}

.menu-fixo{
    background: #fff;
    /*height : 110px;*/
    height: auto;
    position  : fixed;
    width  : 98.5%;
    z-index: 1020;
    top    : 0;
    padding-top  : 0px;
    display      : block;
    margin-bottom      : 1rem;
    border-width       : 0px 0px 1px;
    border-top-style   : initial;
    border-right-style : initial;
    border-left-style  : initial;
    border-top-color   : initial;
    border-right-color : initial;
    border-left-color  : initial;
    border-image       : initial;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

/*.clear-menu-fixo{
    position: relative !important;
    width: 100% !important;
}*/

/*DATA: 05-09-2019*/
/*AJUSTES: QLIK SENSE*/

#filtro1 {
    position: sticky !important;
}

.barra {
    position: sticky;
}

.page-header h2 {
  display:none;
}

/* Fim */

/*Class for to control the Acessibility*/
.container-header .accessibility-language-actions-container {
    height: 25px;
    overflow: hidden
}

.container-header #accessibility {
    font-family: Arial, Helvetica, sans-serif!important;
    margin: 0;
    line-height: 5px;
    padding-top: 2px
}

.container-header #accessibility li {
    line-height: 5px;
    margin: 0 10px 0 0;
    float: left;
    list-style: none !important;
}

.container-header #accessibility a {
    color: #dcffe3;
    font-size: .7em;
}

.container-header #accessibility a span {
    background-color: #cad2cc;
    color: #195128;
    padding: 0 2px 0 3px;
}

.container-header #accessibility a:hover {
    background: #788b7d;
    text-decoration: none;
}

/*Class for to control the language*/
#portal-siteactions {
    margin: 29px 0 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    
}
#portal-siteactions a {
    color: #fff;
    font-size: .6875rem;
}

#portal-siteactions li {
    /*margin: 0 16px 0 0;*/
}

.container-header #language li:last-child,
.container-header #portal-siteactions li:last-child {
    /*margin-right: 0!important;*/
    margin-left: 3px;

}

.container-header #language a:hover,
.container-header #portal-siteactions a:hover {
    text-decoration: underline;
}

.container-header #language {
    margin-left: 20px;
}

.container-header #language li {
    margin-left: 6px;
    display: block;
    float: left;
}

.container-header #language li:first-child {
    margin-left: 0;
}

.container-header #language li a {
    padding: 0 0 0 16px;
}

.container-header #language li.language-en a {
    background: url(../img/flag-en.gif) 0 center no-repeat;
}

.container-header #language li.language-es a {
    background: url(../img/flag-es.gif) 0 center no-repeat;
}


.container-header #logo .portal-title-1 a:hover{
    text-decoration: none;
}

/*Class for to control the search*/

.input-group-text-custom {
    padding: 0px;
    border-radius: 0px 5px 5px 0px !important;
    border-left: none;
}

button.btn.searchButton {
    padding-bottom: 4px;
    padding-top: 3px;
    padding-right: 8px;
    background: #fff;
    border-left: none!important;
    position: relative;
    /*width: 34px;*/
    height: 30px;
}
/*
input#portal-searchbox-field {

    font-size: 12px;
    width: 175px;
    border-right: none!important;
    border: 1px solid #cccccc;
    border-radius: 4px 0px 0px 4px;
    text-indent: 5px;

}
*/

/*Class for to control the  results search*/
.search h1 {
    color: #1a2a39;
    font-size: 2.7em;
    margin: 0 0 18px;
    text-transform: none;
    letter-spacing: -1px;
}

form#searchForm {
    min-height: 478px;
}

form#searchForm button.btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    /*padding: 4px 12px;*/
    border-left: none;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e6e6e6;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #cccccc;
    *border: 0;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

form#searchForm .btn:hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    background: #e6e6e6;
}
form#searchForm input#search-searchword{
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    width: 40%;
    padding: 5px 6px 6px;

    margin-right: -4px;
}

.documentFirstHeading {
    color: #1a2a39;
    font-size: 2.7em;
    margin: 0 0 18px;
    text-transform: none;
    letter-spacing: -1px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    /*DATA: 09-09-2019*/
    /*ADD: display:none*/
    display: none;

}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}


.tile-list-1.tileItem {
    border-bottom: 1px solid #e8e7e7;
    clear: both;
    font-size: 1em;
    margin: 0;
    overflow: hidden;
    padding: 2em 0;
    position: relative;
}

.tile-list-1 .tileItem .tileContent .tileHeadline {
    font-size: 1.1em;
    font-weight: 700;
    margin: 0 0 .438em;
    padding: 0;
    line-height: 1.7em;
}
.tile-list-1 .tileItem .tileContent .description {
    font-weight: 400;
    font-size: 1em;
    color: #000;
    line-height: 1.6em;
    margin-bottom: 18px;
}

.tile-list-1 .tileItem .tileContent .keywords p {
    margin: 0!important;
    line-height: 1.5em;
}
.tileItem {
    border-bottom: 1px #e8e7e7 solid
}

.tileItem .tileInfo {
    margin: 20px 0
}

.tileItem .tileContent {
    border-left: 1px #e8e7e7 solid;
    /*margin: 20px 0;*/
    margin: 0 0;
    padding: 10 15px
}

.tileItem .tileContent .title,
.tileItem .tileContent h2 {
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 20px
}

.tileItem .tileContent .text {
    line-height: 1em!important;
    margin-bottom: 15px
}
.tileItem .tileContent .infoText {
    font-size: .9em!important;
    color: #666
}

.tile-list-1 li.hide {
    display: none!important
}

.tile-list-1 .tileItem {
    border-bottom: 1px solid #e8e7e7;
    clear: both;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    /*padding: 2em 0;*/
    position: relative
}

.tile-list-1 .tileItem .tileContent {
    /*float: right;*/
    float: left;
    border-left: 1px dotted #cfcdcd;
    overflow: hidden;
    padding-left: 22px;
    margin-right: 15px
}

.highlight {
    /* color: yellow; */
    background-color: yellow;
    color: black;
}

.tile-list-1 .tileItem .tileContent .subtitle {
    border: none;
    margin-top: -10px!important;
    font-size: .83em;
    color: #3a70d1;
    text-transform: uppercase
}

.tile-list-1 .tileItem .tileContent .tileHeadline {
    font-size: 1.1em;
    font-weight: 700;
    margin: 0 0 .438em;
    padding: 0;
    line-height: 1.7em
}

.tile-list-1 .tileItem .tileContent .tileHeadline a {
    /*color: #1a2a39*/

    color: #2c66ce;
}

.tile-list-1 .tileItem .tileContent .tileHeadline a:hover {
    text-decoration: underline
}

.tile-list-1 .tileItem .tileContent .description {
    font-weight: 400;
    font-size: 1em;
    color: #000;
    line-height: 1.6em;
    margin-bottom: 18px
}

.tile-list-1 .tileItem .tileContent .keywords {
    color: #596E7F;
    font-size: .9em;
    line-height: 1.1em
}

.tile-list-1 .tileItem .tileContent .keywords a {
    color: #3a70d1
}

.tile-list-1 .tileItem .tileContent .keywords a:hover {
    color: #000
}

.tile-list-1 .tileItem .tileContent .keywords p {
    margin: 0!important;
    line-height: 1.5em
}

/*Class for to control the  navigation trail*/

.rastro-navegacao{
    min-height: auto;
    /*margin-bottom: 45px;*/
    font-weight: 900;
}

.rastro-navegacao a {
    color: #000000;
    font-weight: 500;
}
.rastro-navegacao a:hover {
    text-decoration: none;
}

.row-flutuante {
    /* padding: 15px 0 5px 0 !important; */
    /*padding: 18px 0 16px 0 !important;*/
    padding: 15px 0 16px 0 !important;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-size: 16px;
    text-transform: none;
    min-height: auto;
    margin-bottom: 9px;
}

i.fa.fa-home{
    color: #000; 
}
main div.row-flutuante {
    /* padding: 15px 0 5px 0 !important; */
    padding: 18px 0 16px 0 !important;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-size: 16px;
    text-transform: none;
    margin-left: 2px;
    color: #000;
    font-weight: 900;
}

div.rastro-navegacao .separator{
    font-weight: 900 !important;
    color: #B4B4B4;
    margin-left: 12px;
    margin-right: 12px;
}

/*Class for to control the Social networks*/
.container-header #social-icons {
    margin: 2px 0;
    opacity: .85;
    -moz-opacity: .85;
    filter: alpha(opacity=85);
}

.container-header #social-icons li {
    margin: 0 0 0 6px;
    float: left;
    list-style: none;

}

.container-header #social-icons a {
    color: #fff;
}

.container-header #social-icons a i {
    font-size: 1.7em;
    margin-top: 5px;
    -webkit-text-stroke-width: .4px;
    -webkit-text-stroke-color: #fff;
    -webkit-font-smoothing: antialiased;
}

.container-header #social-icons a i.fa .fa-youtube {
    -webkit-text-stroke-width: 0!important;
    -webkit-text-stroke-color: #8ddca2!important;
    -webkit-font-smoothing: antialiased!important;
}

.container-header #social-icons a:hover {
    color: #8ddca2;
    -webkit-text-stroke-width: .4px;
    -webkit-text-stroke-color: #8ddca2;
    -webkit-font-smoothing: antialiased;
}

.container-header #social-icons span {
    display: none!important;
}
.container-header .module-twitter-facebook ..container-header h2.hide {
    display: none!important;
}

.container-header .module-twitter-facebook .container-header h2.active {
    background: #eeeff2
}

.container-header .module-twitter-facebook ..container-header h2.hide {
    display: none!important
}

.container-header .module-twitter-facebook .pane {
    padding-bottom: 0;
    background: #eeeff2;
    border: 1px solid #c3c0c0;
    margin: -1px 0 20px!important;
    -webkit-border-radius: 0 8px 8px;
    -moz-border-radius: 0 8px 8px;
    -ms-border-radius: 0 8px 8px 8px;
    -o-border-radius: 0 8px 8px;
    border-radius: 0 8px 8px
}

.container-header .module-twitter-facebook .twitter-content,
.container-header .module-twitter-facebook .twitter-content iframe {
    min-height: 350px
}

/*Class for to control the menus*/

#em-destaque{
 display: block;
 margin-top: -12px;
 min-height: 30px;
}

#em-destaque li:last-child a {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    background-image: none;
}

#em-destaque li:first-child a {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 5px 0px 0px 5px;
}

#em-destaque ul li{
    text-align: center;
    text-transform: uppercase;
    display: block;
    float: left;
    width: 25%!important;
    line-height: 15px;
}

#em-destaque ul li a{
    font-size: .7em;
    color: #333;
    display: block;
    padding: 6px 5px;
    background: url(../img/linha-cinza.gif) right 0 repeat-y #e8e7e7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: border-width .1s ease-in-out,padding-bottom .1s ease-in-out;
}

li.verticais.item-0{
    border-bottom: 2px solid #3268ba;
    border-radius: 0px 0px 0px 5px;
}

li.verticais.item-0 a:hover {
    border-bottom: 1px solid #3268ba;
    border-bottom-width: 2px;
    /* padding: 6px 5px !important; */
    line-height: 15px;
    height: 27px;
}

li.verticais.item-1{
    border-bottom: 2px solid #717782;
}

li.verticais.item-1 a:hover {
    border-bottom: 1px solid #717782;
    border-bottom-width: 2px;
    /* padding: 6px 5px !important; */
    line-height: 15px;
    height: 27px;
}

li.verticais.item-2{
    border-bottom: 2px solid #f1c50e;
}

li.verticais.item-2 a:hover {
    border-bottom: 1px solid #f1c50e;
    border-bottom-width: 2px;
    /* padding: 6px 5px !important; */
    line-height: 15px;
    height: 27px;
}


li.verticais.item-3{
    border-bottom: 2px solid #00500f;
    border-radius: 0px 0px 5px 0px;
}

li.verticais.item-3 a:hover {
    border-bottom: 1px solid #00500f;
    border-bottom-width: 2px;
    /* padding: 6px 5px !important; */
    line-height: 15px;
    height: 27px;
}


/*Class sub menus*/

/*
.menu-principal li.parent ul li {
    display: none;
}

*/

.menu-principal li.deeper {
    background: url(../img/menu-ativo.gif) 10px 14px no-repeat #eaebee;
    border-top: 2px solid #6a9a76;
    border-bottom: 2px solid #6a9a76;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}



 .menu-principal li.deeper a {
    display: block;
    padding: 5px 5px 10px 20px;
    font-weight: 600;
    line-height: 1.2em;
}

.menu-principal li.deeper ul li {
    padding-left: 0;
    border-bottom: 1px solid #dcdada;
}

 .menu-principal li.deeper ul a {
    font-weight: 400;
    font-size: .85em;
    padding-bottom: 5px;
    padding-left: 25px;
}

.menu-principal ul li.deeper.deeper ul li ul {

    display: none!important
}

/*Class for control the menu-context*/
#menu-contexto {
    background: #f6f6f6;
    padding: 5px 0px 0px 0px;
    /*margin-bottom: 15px;*/
   /* margin-top: 10px;*/
    margin-bottom: 4px;
    width: 100%;
}
#menu-contexto ul {
    margin: 0;
}
#menu-contexto ul li {
    list-style: none!important;
    float: left;
    margin-left: 10px;
    margin-bottom: 5px;
}
#menu-contexto ul li a {
    border-bottom: 2px solid #d4d4d4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: .95em;
    color: #333;
    display: block;
    padding: 6px 10px;
    background: right 0 repeat-y #e8e7e7;
}
#menu-contexto ul li a:hover {
  text-decoration: underline;
}
#menu-contexto ul li.current a {
    background: #717782;
    border-bottom-color: #5e5e5e;
    color: #fff;
}


/*Class for to control the titles*/
.item-page .documentFirstHeading,
.item-page h1{
    color: #1a2a39;
    font-size: 2.7em;
    margin: 0 0 7px;
    text-transform: none;
    letter-spacing: -1px;
}

.item-page ul li {
    display: list-item!important;
    list-style: square;
    line-height: 1.5em!important;
    font-size: 1em;
    margin-bottom: .25em;
    margin: 0 0 10px 25px;
}

.item-page .documentFirstHeading a,
.item-page.internas h1 a {
    color: #333;
}

.item-page .documentFirstHeading a,
.item-page h1 a {
    color: #333;
}
.documentFirstHeading a:hover {
    text-decoration: none;
}
.item-page .documentFirstHeading {
    border-bottom: 1px solid #e5e5e5;
    /*padding-bottom: 10px; */
}


.item-page .secondaryHeading {
    color: #1a2a39;
    font-size: 2.2em;
    line-height: 1.2em;
    margin: 0 0 7px;
    text-transform: none;
    letter-spacing: .4px;
}

.item-page .secondaryHeading a {
    color: #333;
}

.item-page .borderHeading {
    color: #00500f;
    font-size: 2em;
    text-transform: uppercase;
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e7e7;
    margin-bottom: 10px;
}
/*Class Articles*/
.grafico-a-direita {
    display: inline-table;
     /*background: antiquewhite;*/
     margin-bottom: 3px;
     float: right;
     position: sticky;
 }
 .grafico-ao-centro{
     /*background: antiquewhite;*/
     margin-bottom: 3px;
     margin: auto !important;
     display: contents;
     position: sticky;
 }
 
 .grafico-a-esquerda{
     display: inline-table;
     /*background: antiquewhite;*/
     margin-bottom: 3px;
     float: left !important;
     /*float: inherit;*/
     margin-top: 5px;
     margin-right: 10px;
     position: sticky;
 }
 .texto {
    /*display: inline-block;*/
    display: block !important;
    clear: both !important;

 }

/*BOTÃO EXPORTAR DADOS*/
.qsbutton, .qsbutton-expand {
  color: #fff !important;
  background: #00a74e;
  border-bottom: 2px solid #007235!important;
  border-radius: 5px;
  font-size: .95em;
  padding: 6px 10px;
  border: none;
  line-height: 20px;
  text-decoration: none;
}


/* Animar botões */
.qsbutton:hover:before {
    content: "Exportar Dados  ";
}

.qsbutton-expand:hover:before {
    content: "Expandir Visualização  ";
}

.qsbutton-collapse:hover:before {
    content: "Recolher Visualização  ";
}

/*BOTÃO LIMPAR DADOS*/
.qsbuttonlimpar {
  background: #f6f6f6 !important;
  /*border-radius: 5px;*/
  /*font-size: .95em;*/
  font-size: 13px;
  padding: 6.6px 20px !important;
  border: none;
  border-bottom: 4px solid #d2d2d2;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  line-height: 20px;
  position: absolute !important;
  color: #404040;
  font-family: QlikView Sans,sans-serif !important;
  font-weight: 700;
  border-right: 1px solid #d9d9d9;
}
.qsbuttonlimpar:hover{

    background: #fff !important;
}

.qsbuttonlimpar:focus{
    outline: none;
}

 /*Class for to control contraste*/
 .contraste {
    background-color: #000000!important;
}
.contraste  #logo {
    background: url(../img/logo-branca.png) left no-repeat;
}
 
 .contraste .menu-servicos {
    background: #000 !important;
}

.contraste .sobre {
    /* background: RGB(0, 167, 78) !important; */
    background: #000 !important;
}

.contraste .sobre a {
    color: #ff0;
}

.contraste .rastro-navegacao a {
    color: #fff;
}

.contraste i.fa.fa-home{
    color: #fff;
}

.contraste #portal-searchbox input.searchField{
    background: transparent;
}

.contraste #portal-searchbox .searchButton {
    
    background: #ff0;
}

.contraste .item-page p {
    color: #fff;
}

.contraste .footer-atalhos {
    background: #000;
}

.contraste .footer-atalhos .voltar-ao-topo a{
    color: #fff;
}

.contraste footer#portal-footer {
    border-top: solid #ff0;
}

.contraste .redes-sociais h3 {
    color: #ff0 !important;
}

.contraste .menus-rodape h3 {
    color: #ff0;
}

.contraste .menus-rodape h2 {
    color: #ff0;
}

.contraste .menus-rodape li a {
    color: #ff0;
}

.contraste .footer-logos {
    background: #F1F1F1 !important;
}

.contraste .navigation-wrapper.menu-ativo {
    background: #000;
}



.contraste .super-menus li a {
    color: #ff0;
}
.contraste .container-fluid .tmpl-before:before{
    display: none;
}


 .contraste h1 small,
 .contraste h2 small,
 .contraste h3 small,
 .contraste h4 small,
 .contraste h5 small,
 .contraste h6 small {
     color: #ccc
 }
 
 .contraste figure figcaption {
     background-color: #1a1a1a
 }
 
 .contraste ::selection {
     color: #111;
     background-color: #fff
 }
 
 .contraste ::-moz-selection {
     color: #111;
     background-color: #fff
 }
 
 .contraste .form-control:-moz-placeholder {
     color: #fff
 }
 
 .contraste .form-control::-moz-placeholder {
     color: #fff
 }
 
 .contraste .form-control:-ms-input-placeholder {
     color: #fff
 }
 
 .contraste .form-control::-webkit-input-placeholder {
     color: #fff
 }
 
 .contraste .form-control:focus {
     border-color: #fff;
     outline: 0;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 255, 255, .6);
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 255, 255, .6);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 255, 255, .6)
 }
 
 .contraste .btn-default {
     background-color: #262626;
     color: #fff;
     border-color: #1a1a1a
 }
 
 .contraste .btn-default:focus,
 .contraste .btn-default:hover {
     background-color: #1a1a1a
 }
 
 .contraste input {
     background-color: #262626;
     color: #fff
 }
 
 .contraste .container-header {
     background-color: #000;
     background-image: -moz-radial-gradient(center, ellipse cover, #000 1%, #000 100%);
     background-image: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(1%, #000), color-stop(100%, #000));
     background-image: -webkit-radial-gradient(center, ellipse cover, #000 1%, #000 100%);
     background-image: -o-radial-gradient(center, ellipse cover, #000 1%, #000 100%);
     background-image: -ms-radial-gradient(center, ellipse cover, #000 1%, #000 100%);
     background-image: radial-gradient(ellipse at center, #000 1%, #000 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000, GradientType=1);
     color: #fff;
     border-top-color: #0d0d0d
 }
 
 .contraste .container-header .active a {
     color: #cfc
 }
 
 .contraste .container-header #accessibility a {
     color: #ff0
 }
 
 .contraste .container-header #accessibility a span,
 .contraste .container-header #accessibility a:hover {
     background: #FFF;
     color: #000
 }
 
 .contraste .container-header #logo {
     background: url(../img/logo-branca.png) left no-repeat
 }
 
 .contraste .container-header #logo a {
     color: #ff0
 }
 
 .contraste .container-header .sobre {
     background: #1c1c1c;
     border-color: #ff0
 }
 
 .contraste .container-header .sobre li {
     border-color: #383838
 }
 
 .contraste .container-header .sobre a {
     color: #ff0
 }
 
 .contraste .container-header #language,
 .contraste .container-header #portal-siteactions {
     border-color: #666
 }
 
 .contraste .container-header #language a,
 .contraste .container-header #portal-siteactions a {
     color: #ff0
 }
 
 .contraste .container-header #portal-searchbox [placeholder],
 .contraste .container-header #portal-searchbox input[placeholder] {
     color: #ff0!important
 }
 
 .contraste .container-header #portal-searchbox input {
     color: #FFF
 }
 
 .contraste .container-header #portal-searchbox input:focus {
     background-color: #000
 }
 
 .contraste .container-header #portal-searchbox .searchButton {
     background: #ff0;
     color: #000
 }
 
 .contraste .container-header #social-icons a {
     color: #ff0
 }
 
 .contraste .container-header #social-icons a:hover {
     color: #fff
 }
 
 .contraste .container-fluid #em-destaque h2 {
     background: #000;
     border-bottom: dotted #fff 1px
 }
 
 .contraste .container-fluid #em-destaque ul li{
     background: #1c1c1c;
     border-bottom: dotted #fff 1px
 }
 
 .contraste .container-fluid #em-destaque li a {
     background: #ff0;
 
 }
 
 .contraste #menu-contexto {
    background: #000000;
}

.contraste .rastro-navegacao span {
    color: #fff;
}

 .contraste .container-fluid .mainmenu-toggle {
     background: #fff!important;
     color: #000!important
 }
 
 
 .contraste div.container-fluid .menu-principal .page-heade {
     background: #1c1c1c!important;
     border-color: #FFF!important;
     color: #fff!important
 }
 
 .contraste .page-header{
    
    color: #ff0;
 }
 
 .contraste .menu-principal li.deeper {
     background: url(../img/menu-ativo.gif) 10px 14px no-repeat #000000;
 }
 
 .contraste main div.container-fluid .menu-principal a {
     color: #ff0
 }
 
 
 .contraste div.container-fluid .menu-principal li.active {
     background: #1c1c1c!important;
     border-color: #ff0!important
 }
 
 .contraste main div.container-fluid .menu-principal li.active a,
 .contraste main div.container-fluid .menu-principal li.active li,
 .contraste main div.container-fluid .menu-principal li.active ul {
     background: 0 0!important
 }
 
 
 .contraste #em-destaque li a {
     background: url(../img/linha-cinza.gif) right 0 repeat-y #ff0;
     color: #000!important
 }
 
 .contraste .filtros {
     background: #ff0;
     height: 32px;
     margin-bottom: 9px;
 }
 
 .contraste .grafico-a-esquerda {
     background: #ff0;
 }
 
 .contraste .grafico-a-direita {
     background: #ff0;
 }
 
 .contraste .grafico-ao-centro .qvobject{
     background: #ff0;
 }
 
 .contraste footer {
     background-image: none;
     background-color: #000
 }
 
 .contraste footer h2,
 .contraste footer h3,
 .contraste footer h4 {
     color: #fff
 }
 
 .contraste footer .footer-atalhos,
 .contraste footer .footer-logos {
     background: #1c1c1c;
     border-color: #ff0
 }
 
 .contraste footer .footer-atalhos a,
 .contraste footer .footer-logos a {
     color: #ff0
 }
 
 .contraste footer .footer-ferramenta {
     background: #000
 }

/*Class for to control the Footer*/
footer {
    background: #F1F1F1;
    /*height: 675px;*/
    /*height: 586px;*/
}

.footer-atalhos {
    background: #fff;
}

.footer-atalhos  {
    /*padding: 20px 0 25px;*/
    padding: 15px 0 15px;
    border-top: .5px solid #ccc;
    margin-top: 45px;
}    

.footer-atalhos .voltar-ao-topo a {
    /* color: #717782; */
    color: #222;
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 700;
    /*margin-top: 1rem;*/
    /*padding: 16px 0 17px;*/
    padding: 20px 0 19px;
    display: inline-block;
    text-decoration: none !important;
}
.voltar-ao-topo a:after {
    content: "^";
    background: #222;
    color: #fff;
    border-radius: 50%;
    padding: 12px 10px 8px;
    display: block;
    float: right;
    width: 45px;
    height: 40px;
    text-align: center;
    font-size: 1.4em;
    margin: -10px 0 -10px 10px;
    font-weight: 700;
}

.container-redes-anatel h3 {
    font-size: 24px;
    text-transform: uppercase;
}
ul.portal-redes {
    margin: 16px 0 23px 0px;
}

.portal-redes li {
    margin-right: 30px;
    margin-top: 10px;
}
.portal-redes>li {
    display: inline-block;
    cursor: pointer;
}
.portal-redes>li a {
    text-indent: -3000px;
    display: inline-block;
    width: 34px;
    height: 33px;
}

.portalredes-facebook {
    background-image: url(../img/sprite.png);
    background-position: -176px -127px;
    width: 25px;
    height: 28px;
}
.portalredes-twitter {
    background-image: url(../img/sprite.png);
    background-position: -38px -127px;
    width: 27px;
    height: 28px;
    margin-left: 7px;
}
.portalredes-linkedin {
    background-image: url(../img/sprite.png);
    background-position: -530px 194px;
    width: 32px;
    height: 28px;
}
.portalredes-youtube {
    background-image: url(../img/sprite.png);
    background-position: -141px -126px;
    width: 32px;
    height: 28px;
}
.portalredes-flickr {
    background-image: url(../img/sprite.png);
    background-position: -3px -127px;
    width: 29px;
    height: 29px;
}
.portalredes-instagram{
    background-image: url(../img/sprite.png); 
    background-position: -71px -127px;
    width: 29px; 
    height: 28px;
}

footer .footer-atalhos .voltar-ao-topo a:hover {
    text-decoration: underline
}

footer .container-menus {
    /*padding: 52px 0 0;*/
    padding: 60px 7px 0 7px;
}

footer .footer-menus h2 {
    color: #272727;
     /* font-size: 1.3em; */
    font-weight: 900;
    
    padding: 5px 0 25px;
    text-transform: uppercase;
}

footer .row {
    margin-bottom: 34px;
}

/*
footer nav {
    border-left: 1px dotted #80a887;
    padding: 0 5px 0 0px;
}

*/

footer nav h2 {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.3em;
    padding: 5px 0;
    margin-left: 10px;
}

footer nav ul {
    margin-left: 10px;
}

footer nav li {
    display: block !important;
    padding-bottom: 3px;
}

footer nav a {
    color: #272727;
    font-size: 16px;
    line-height: .9em;
}

footer nav a:hover {
    text-decoration: none !important;
    color: #272727;
}

footer .footer-menus {
    /*padding-bottom: 10px;*/
    margin-left: -25px;
}

footer .footer-logos {
    /*margin-top: -32px;*/
    background: #F1F1F1;
}

footer .footer-ferramenta {
    background: #F1F1F1;
    /*padding: 83px 0 11px;*/
    padding: 50px 0 11px;
}

footer .footer-ferramenta p {
    font-size: .91em;
    line-height: 1em;
}

.container-redes-anatel {
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

a.brasil {
    margin-left: 53px;
}


/*Class for to control validator ipv6*/
.validador #span1{
    display:block;
    float:left;
        font-size: .91em;
        margin: -4px 0px 0px 0px;
}

.validador #span2{
    display:block;
    float:right;
        margin: -4px 0px 0px 0px;
}

.footer-ferramenta {
    height: 22px;
}

@media (max-width: 767px){

    .validador #span1,
    .validador #span2{
        
        float:none;
    }

}

.hide{
    display: none;
}

.mainmenu-toggle{
    display: none;
}

.col.menu-mobile {
    display: none;
}
/*Class for devices mobiles*/

/*Class control of the qlik sense: screen max-width: 1282 and min-width: 980px*/
@media (max-width: 1282px) and (min-width: 980px){
    div#filtro1 {
        /* height: auto; */
        /*min-height: 84px;*/
        /*max-height: 800px;*/
    }   
}

/*DATA: 04-09-2019*/
/*EVOLUTIVA: Paineis de Dados*
/*@media*/

/*@MEDIA de no máximo 1024px e no mínimo 979px*/
@media only screen and (max-width: 1024px){
    
    #portal-searchbox input.searchField {
        width: 270px;
    }

    .navigation-wrapper {

        top: 184px;
    }

    .contraste .page-header {
        color: #ff0 !important;
    }

    footer{
     height: auto !important;
    }
    footer .footer-menus {

        display: flex;
    }
}

/*@MEDIA:*/
/*DATA: 04-09-2019*/

/*@MEDIA: No máximo 979px*/

@media only screen and (max-width: 979px){

    .container-video video{
        width: 100% !important;
        margin: auto;
        height: auto;
    }

    .grafico-a-esquerda {
        float: left;
        width: 48% !important;
    }

    .texto {
        display: block !important;
        clear: both !important;
    }

    .menu-fixo{
        width: 96.9%;
    }

    #menu-contexto li.deeper.parent {
        /*top: 0 !important;    
        padding: 0 !important;
        margin-right: 16px !important;*/ 
        position: relative;
        float: left;
        top: 0;
    }

    .navigation-wrapper {
        top: 197px;
    }
    
    #logo{
        background: none;
        margin: 0px 0 30px;
    }
    .container-header #logo a {

        margin-left: auto;
    }
    .container-header #logo h1 {
        margin-top: 9px !important;    
    }
    .tmpl-before #navigation-section{

        display: flex;    
    }
    .container-fluid {
    
        width: 100% !important;   
    }
    .col.menu-mobile{
      display: block;
    }
    .mainmenu-toggle {
      padding-top: 5px;
      padding-bottom: 5px;
      margin-bottom: 10px;
      float: right;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 1.2em;
      color: #195128;
      display: block;
  }
  .custom-menu {
    width: 100%;
    display: block;
    /*margin-bottom: 10px;*/
   
  }
  /*Menus de contexto*/
  #menu-contexto ul {
    display: block;
  }
  
  .menu-navegacao{
    display: none;
  }
  .btn-custom{
     background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  }
  .menu-principal{
    width: 98%;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 2px;

  }

  #menu-contexto ul li {
    margin-bottom: .1em;
    padding: 0px 6px 0px;
    margin-bottom: .7em !important;
  }
  #menu-contexto {
    padding: 10px 0 0;
    margin-top: 0;
  }
  
  /*Class control of the qlik sense*/
    div#filtro1 {
        /*max-height: 600px;*/
        /*min-height: 60px;*/
        width: 100%;
        /*margin: auto;*/
        /*border-right: 1px solid #d9d9d9;*/
        /*border-left: 1px solid #d9d9d9;*/
        margin-bottom: 0px;
        float: left;
    }

    div#conteudo {
        padding: 5px 0px;
        /*border-bottom: 1px solid #e5e5e5;*/
        margin-bottom: 0px;
    }
    .deeper.parent ul{
        display: none;
    }
    .dados-abertos-ativo{
        /*min-width: 9%;*/
        display: block;
    }

    footer .container-menus { 
        
        width: 100%;

    }

    footer .footer-ferramenta {

        padding: 50px 0 37px;    
    }
    .footer-atalhos {
        margin-top: 59px;
    }

    footer .row {

        margin-bottom: 8px;    
    }
    .tileItem .tileInfo {
        display: none;
    }

    .tile-list-1 .tileItem .tileContent {
        float: left;
        padding: 0px;
    } 
    
    /*DATA: 23-09-2019*/
    .grafico-a-esquerda {
        display: inherit;
    }

}
/*@MEDIA:*/
/*DATA: 04-09-2019*/

/*@MEDIA: No máximo 979px e no mínimo 768px*/

@media only screen and (max-width: 979px) and (min-width: 768px){

    .menu-devices {
        display: none;
    }

    #portal-searchbox input.searchField {
        width: 238px;
    }

    #portal-siteactions {

        width: 101%;
    }
  
  /*DATA: 05-09-2019*/
  /*AJUSTES: OBJ QLIK SENSE*/
  .barra {
     margin-top: 10px;
   }
}

@media only screen and (max-width: 768px){
    /*DATA: 29-10-2019*/
    .menu-fixo {
        width: 96.1%;
    }
    /*DATA: 11-10-2019*/
    .grafico-a-esquerda {
        float: left;  
        width: 48% !important;
    }

    #logo {
      margin: 0px 0 24px;    
    }
    .container-fluid {
        width: 93.9%;
    }
    #menu-contexto .deeper.parent a.dados-abertos {
        margin-right: -6px;
    }
    footer .footer-menus {
        display: block;
    }
}

/*@MEDIA:*/
/*DATA: 04-09-2019*/

/*@MEDIA: No máximo 836px e no mínimo 768px*/
@media only screen and (max-width: 836px) and (min-width: 768px){
    .container-header #logo h1{
        /*line-height: 1.1em;*/
        line-height: 1.1em;
        margin-top: 1px !important;
    }
    .navigation-wrapper {
        top: 223px;
    }
    #portal-siteactions {

        display: none;
    }
    /*DATA: 10-09-2019*/
    /*AJUSTE: BOTÃO DADOS ABERTOS*/
    #menu-contexto li.deeper.parent {
        /*float: right;
        top: -108px;*/
        /*margin-right: 10px;*/
    }

    /*.deeper.parent ul {
        top: 90px;
    }

    .deeper.parent ul {
        width: 18%;
    }*/

    #portal-searchbox .searchButton {
        margin-left: -6px;
    }
}

/*@MEDIA:*/
/*DATA: 04-09-2019*/

/*@MEDIA: No máximo 767px e no mínimo 600px*/
@media only screen and (max-width: 767px) and (min-width: 600px){
    
    div#filtro1 {
   
       /* min-height: 115px;*/
    }

    #menu-contexto li.deeper.parent {
        /*float: right !important;*/
        /*top: -108px;*/
    }
    #menu-contexto li.deeper.parent.deeper.parent ul {
        width: auto;
        top: 35px;
    }
    #portal-siteactions {
        display: none;
    }

    .menu-devices {

        display: none;
    }
    #portal-searchbox input.searchField {
        width: 222px;
    }

    footer .footer-menus{
        display: inherit;
        padding-left: 20px;
        padding-right: 10px;
    }
    .float-left {
        float: inherit !important;
    }

    .ml-3, .mx-3 {
        margin-left: 0px !important;
    }

    /*DATA: 10-09-2019*/
    /*AJUSTE: BOTÃO DADOS ABERTOS*/
    .deeper.parent ul {
        top: 90px;
    }

    .deeper.parent ul {
        width: 19%;
    }

    #menu-contexto li.deeper.parent {
        float: left;
        margin-right: 10px;
    }
  
  /*DATA: 05-09-2019*/
  /*AJUSTE: OBJ QLIK SENSE*/
  .barra {
    margin-top: 10px;
   }
}

@media only screen and (max-width: 767px){
    /*DATA: 29-10-2019*/
    .menu-fixo {
        width: 96%;
    }
    .navigation-wrapper {
        top: 206px;
    }

    #menu-contexto li.deeper.parent {
        float: left;
        /* margin-right: 10px; */
    }
    #logo {
        margin: 0px 0 30px;    
      }
    
      #logo .portal-title-1 {
        height: 23px;60
    } 
    #portal-searchbox .searchButton {
        margin-left: -6px;
    } 
}


/*@MEDIA:*/
/*DATA: 04-09-2019*/
/*SUPORTE AS TELAS ENTRE:  máximo 767px e no mínimo 600px */
/*@MEDIA: No máximo 640px*/
@media only screen and (max-width: 640px){
    /*DATA: 29-10-2019*/
    .menu-fixo {
        width: 93.9%;
    }
    /*DATA: 11-10-2019*/
    .grafico-a-esquerda {
        float: initial;  
        width: 100% !important;
    }
    .container-fluid {
        width: 94.7%;    
    }
    #logo {
        margin: 0px 0 25px;
    }
    
    #portal-searchbox input.searchField {
        width: 239px;
    }

    .tmpl-before #navigation-section {
        display: block !important;
    }
    .container-header #logo h1{
        line-height: initial;
        margin-top: 4px !important;
    }
    .super-menus {

        float: none;
        border-right: transparent;
    }

    .super-menus li a {
        padding-top: 7px;
        padding-bottom: 7px;
        line-height: 1.3em;
    }

    .navigation-wrapper {
        top: 206px;
    }

    form#searchForm .col-3 {
        display: none;
    }

    form#searchForm .col-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /*DATA: 10-09-2019*/
  /*AJUSTE: BOTÃO DADOS ABERTOS*/
    .deeper.parent ul {
        width: 23%;
    }

    #menu-contexto li.deeper.parent {
        top: 0;
        right: 0;
        left: 0;
    }

    /*DATA: 23-09-2019*/
    /*.grafico-a-esquerda {

        max-width: 22%;
    }*/
    
}

@media only screen and (max-width: 600px){
    .container-fluid {
        width: 95%;
    }
    #portal-searchbox input.searchField {
        width: 230px;
    }
}

/*@MEDIA:*/
/*DATA: 04-09-2019*/

/*@MEDIA: No máximo 599px e no mínimo 400px*/

@media only screen and (max-width: 599px) and (min-width: 400px){
    #portal-searchbox input.searchField {
        width: 334px;
    }
    #portal-siteactions {

        display: none;
    }
    .menu-devices {
        display: none;
    }

    footer .footer-menus{
        display: inherit;
    }
    .float-left {
        float: inherit !important;
    }

    .ml-3, .mx-3 {
        margin-left: 0px !important;
    }

    /*DATA: 10-09-2019*/
    /*AJUSTE: BOTÃO DADOS ABERTOS*/

    .deeper.parent ul {
        width: auto;
    }

    #menu-contexto li.deeper.parent {
        float: left;
        margin-right: 10px;
    }
  
}
  
  
  /*@MEDIA:*/
/*DATA: 04-09-2019*/

/*@MEDIA: No máximo 480px*/
  
  @media only screen and (max-width: 480px){
    /*DATA: 29-10-2019*/
    .menu-fixo {
        width: 93.6%;
    }
    .container-fluid {
        width: 96.1%;
    }  
    .container-header #logo h1 {
        line-height: 1.1em;
        margin-top: 5px !important;
    }
    #logo {
        margin: 0px 0 26px;
    }
    #portal-searchbox input.searchField {
        width: 180px;
    }

    div#filtro1 {
      
       /*min-height: 120px !important;*/
    }
    
    .barra {
      margin: 10px 0 !important;
    }
    
    /*DATA: 10-09-2019*/
    /*AJUSTE: BOTÃO DADOS ABERTOS*/
    .deeper.parent ul {
        width: auto;
    }

    #menu-contexto li.deeper.parent {
        float: left;
        margin-right: 10px;
    }

    footer .footer-menus {
        margin-left: -5px;    
    }

    /*DATA: 23-09-2019*/
    .grafico-a-esquerda {
        max-width: 21%;
    }

    .grafico-a-esquerda {
        display: contents;
    }
  }


/*@MEDIA:*/
/*DATA: 04-09-2019*/
/*SUPORTE AS TELAS ENTRE:  máximo 599px e no mínimo 400px */
/*@MEDIA: No máximo 557px*/
@media only screen and (max-width: 557px){
    .navigation-wrapper {
        top: 234px;
    }
  
  /*DATA: 05-09-2019*/
  /*AJUSTE: OBJ QLIK SENSE*/
  .barra {
    margin: 10px 0;
   }
  
}

/*@MEDIA:*/
/*DATA: 04-09-2019*/
/*SUPORTE AS TELAS ENTRE:  máximo 599px e no mínimo 400px */
/*@MEDIA: No máximo 441px*/
@media only screen and (max-width: 441px){

    #portal-searchbox input.searchField {
        width: 270px;
    }
  
  /*DATA: 05-09-2019*/
  /*AJUSTE: OBJ QLIK SENSE*/
  .barra {
    margin: 10px 0;
   }

}

@media only screen and (max-width: 414px){
    .menu-fixo {
        width: 92.9%;
    }
    .container-fluid {
        width: 97.1%;
    }
    
    #portal-searchbox input.searchField {
        width: 156px;
    }

    .deeper.parent ul {
        width: auto;
    }
}

/*@MEDIA:*/
/*DATA: 04-09-2019*/

/*@MEDIA: No máximo 399px e no mínimo 240px*/

@media only screen and (max-width: 399px) and (min-width: 240px){
    
    #portal-siteactions {

        display: none;
    }
    .menu-devices {
        display: none;
    }

    footer .footer-menus{
        display: inherit;
    }
    .float-left {
        float: inherit !important;
    }

    .ml-3, .mx-3 {
        margin-left: 0px !important;
    }
  
  /*DATA: 05-09-2019*/
  /*AJUSTE: OBJ QLIK SENSE*/
  .barra {
    margin: 10px 0;
   }
  
}

/*@MEDIA:*/
/*DATA: 04-09-2019*/
/*SUPORTE AS TELAS ENTRE: máximo 399px e no mínimo 240px */
/*@MEDIA: No máximo 441px*/

@media only screen and (max-width: 377px){

    .container-fluid {
        width: 97.9%;
    }

    #portal-searchbox input.searchField {
        width: 142px;
    }
  
  /*DATA: 05-09-2019*/
  /*AJUSTE: OBJ QLIK SENSE*/
  .barra {
    margin: 10px;
   }
  
   div#filtro1 {

    /*min-height: 240px !important;*/
     
  }

  .deeper.parent ul {
    width: auto;
  }    
  /*DATA: 10-09-2019*/
  /*AJUSTE: BOTÃO DADOS ABERTOS*/
  .navigation-wrapper.menu-ativo .deeper.parent ul {
    display: none !important;
}
  
}

@media only screen and (max-width: 370px){
    
    #portal-searchbox input.searchField {
        width: 220px;
    }
  
  /*DATA: 06-09-2019*/
  /*AJUSTE: OBJ QLIK SENSE*/
  .barra {
    margin: 10px;
   }
  
   div#filtro1 {
    /*min-height: 250px !important;*/
   }
  
}

/*@MEDIA:*/
/*DATA: 04-09-2019*/
/*SUPORTE AS TELAS ENTRE: máximo 399px e no mínimo 240px */
/*@MEDIA: No máximo 441px*/

@media only screen and (max-width: 320px){
    .menu-fixo {

       width: 90% !important;
    }
    .container-fluid {
        width: 99.4%;
    }

    #portal-searchbox input.searchField {
        width: 122px;
    }
    
    #logo .portal-title-1 {
        height: 23px;
    }

  .navigation-wrapper {
        top: 238px;
    }

    #logo {
        
        background: none;
    }

    .container-header #logo a {
    
        margin-left: 0;
    }
    .container-header #logo h1 {
    
        line-height: initial;
        line-height: 1.1em;
    }
    
    #logo {
        margin: 0px 0 26px;
    }

    /*DATA: 10-09-2019*/
    /*AJUSTE: BOTÃO DADOS ABERTOS*/
    .deeper.parent ul {
        width: auto;
    }
    
  /*DATA: 05-09-2019*/
  /*AJUSTE: OBJ QLIK SENSE*/
  .barra {
    margin: 10px 0;
   }
 
}

/*@MEDIA:*/
/*DATA: 04-09-2019*/
/*SUPORTE AS TELAS ENTRE: máximo 399px e no mínimo 240px */
/*@MEDIA: No máximo 292px*/

@media only screen and (max-width: 292px){
    #portal-searchbox input.searchField {
        width: 140px;
    }

    .rastro-navegacao {

        margin-bottom: 45px;
    }
  
  /*DATA: 05-09-2019*/
  /*AJUSTE: OBJ QLIK SENSE*/
  .barra {
    margin: 10px 0;
   }
  
}

/*@MEDIA:*/
/*DATA: 04-09-2019*/
/*SUPORTE AS TELAS ENTRE: máximo 399px e no mínimo 240px */
/*@MEDIA: No máximo 273px*/
@media only screen and (max-width: 273px){
    .navigation-wrapper {
        top: 261px;
    }

  
  /*DATA: 05-09-2019*/
  /*AJUSTE: OBJ QLIK SENSE*/
  .barra {
    margin: 10px 0;
   }
  
}

/*@MEDIA:*/
/*DATA: 04-09-2019*/
/*SUPORTE AS TELAS ENTRE: máximo 399px e no mínimo 240px */
/*@MEDIA: No máximo 292px*/

@media only screen and (max-width: 240px){
    
    .menu-fixo {
        width: 87% !important;
    }
    .container-fluid {
        width: 100% !important;
    }
    .navigation-wrapper {
        top: 222px;
    }
    .container-header #logo h1 {
        font-size: 20px;
        line-height: 1.1em;
    }
    .container-header #logo h1 {
        margin-top: 5px !important;
    }

    #portal-searchbox input.searchField {
        width: 108px;
    }
  
  /*DATA: 05-09-2019*/
  /*AJUSTE: OBJ QLIK SENSE*/
  .barra {
    margin: 10px 0;
   }
  
}

/*Screen: max-width: < 800px
@media(max-width: 810px){
   .hide-mobile {
      display: none;
    }
    .language-and-actions-container.float-right {
     float: none !important;
    }
}

/*Screen: max-width: < 560px
@media(max-width: 560px){
   .hide-mobile {
      display: none;
    }
    .language-and-actions-container.float-right {
     float: none !important;
    }

    /*Class control of the qlik sense
   div#filtro1 {
    min-height: 130px;
   }

   #menu-contexto ul li {
    width: 100%;
    margin: 0;
    text-align: -webkit-center;
    padding: 1px 3px 3px;
    }

}

/*Screen: max-width: < 480px
@media(max-width: 480px){   
    div#filtro1 {
        min-height: 140px;
    }
    .grafico-a-esquerda, .grafico-a-direita, .grafico-ao-centro {

        min-width: 100% !important;
        width: 100% !important;
        float: left !important;
    
    }
}

/*Screen: max-width:<  380px
@media(max-width:380px){
    .page-header h2,h3 {
        font-size: 1.5em !important;
        margin-bottom: 5px;
    }
    div#filtro1 {
        min-height: 270px;
    }
    .grafico-a-esquerda,
    .grafico-a-direita,
    .grafico-ao-centro {
        min-width: 100% !important;
        width: 100% !important;
    }
}  */
  

/*DATA: 04-09-2019*/
/*SUPORTE IE */
/*@MEDIA: No máximo 292px*/
/*font-family: for IE*/
@media all and (-ms-high-contrast:none){
    body{
        background-color: #fff;
        color: #333;
        font-family: Raleway,sans-serif !important;
    }
    #menu-contexto .parent.deeper a.dados-abertos{
        
        display: inline-block;
    }
    
    .menu-devices{

        padding: 20px 0;

        margin: 0;
    }

    input#portal-searchbox-field{

        padding: 10px 20px;
        line-height: 10px;
    }
   #portal-searchbox .searchButton{
        height: 36px;
        /*margin: -8px 0 0;*/
    }

    form#searchForm input#search-searchword{
        padding: 5px 6px 8px;
    }

    .menu-servicos{
        border-top: 1px solid #4dc284; 
    }

   /* .navigation-wrapper{
        
        top: 196px;
    }*/

    #logo .portal-title-1{
        height: auto;
    }

    .container-header #logo a{
        margin-top: 7px;
    }

    .contraste .page-header{
        color: #ff0 !important;
    }

    .navigation-wrapper{
        z-index: 999;
    }
}

/*DATA: 13-09-2019*/
/*SUPORTE EDGE */
@supports(-ms-ime-align:auto){
    body{
        background-color: #fff;
        color: #333;
        font-family: Raleway,sans-serif !important;
    }
    #menu-contexto .parent.deeper a.dados-abertos{
        
        display: inline-block;
    }
    
    .menu-devices{

        padding: 20px 0;

        margin: 0;
    }

    input#portal-searchbox-field{

        padding: 10px 20px;
        line-height: 10px;
    }
   #portal-searchbox .searchButton{
        height: 36px;
        /*margin: -8px 0 0;*/
    }

    form#searchForm input#search-searchword{
        padding: 5px 6px 8px;
    }

    .menu-servicos{
        border-top: 1px solid #4dc284; 
    }

   /* .navigation-wrapper{
        
        top: 196px;
    }*/

    #logo .portal-title-1{
        height: auto;
    }

    .container-header #logo a{
        margin-top: 7px;
    }

    .contraste .page-header{
        color: #ff0 !important;
    }

    .navigation-wrapper{
        z-index: 999;
    }

    #logo {
        /*margin: 0px 0 20px;*/
        margin: 0px 0 24px;
        background:url(../img/logo-branca.png) left bottom  no-repeat;
    }

}

    /*Evolutiva: Barra de Filtros e Seleção*/

    /*DATA: 25-10-2019*/
    .barra.mb-4, .my-4 {
        position: sticky;
        margin-bottom: 0.7rem !important;
    }
    .barrafiltro {
        margin-bottom: 24px;
    }
    .button-groups {
        position: absolute;
        height: 0;
    }

    /*Evolutiva: Aplicar setas dos filtros a todas as telas*/

    /*DATA: 15-05-2020*/
    .barrafiltro {
        margin-bottom: 10px;
    }

    .qv-filterpane .qv-filterpane-column {
      
        display: contents;
    }
    .qv-filterpane .qv-filterpane-collapsed:first-child, .qv-filterpane .qv-filterpane-expanded:first-child {
        /*margin-top: 5px !important;*/
        margin-top: 0px !important;
    }


    .qv-filterpane .qv-filterpane-collapsed, .qv-filterpane .qv-filterpane-expanded {
        /*margin-top: 5px !important;*/
        margin-top: 0px !important;
        height: 32px;
    }

    .qv-collapsed-listbox .title-wrapper .title {

        padding: 0 50px;
      
    }

    qv-filterpane.qv-filterpane.ng-scope.ng-isolate-scope.qv-filterpane-scrollable {
        height: 45px !important;
        overflow-x: hidden;
        background-color: transparent;
    }
    .qv-collapsed-listbox {
       margin: 0px 3px 0px 3px;
    }

    .container-box{
      /* background: #ccc; */
       width: 100%;
       height: 45px;
       position: relative;
    }

    .barra-control {
        width: 92%;
        border-right: 1px solid #d9d9d9;
        /*border-left: 1px solid #d9d9d9;*/
        height: 45px;
        float: left;
        margin-left: -4px;
    }

    .button-groups {
        width: 8%;
        margin-top: 4px;
        float: left !important;
        position: relative;
    }

    .next {
        float: right;
        width: 40%;
        height: 35px;
        border: 1px solid #CCCCCC;
        color: #00a74e;
        font-weight: bold;
        font-size: 16px;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
        background: #FFFFFF;
        outline: none;
    }

    .next:hover{
        background: #ccc;
        color: #fff;
        outline: none;
        border: #ccc;
    }

    .prev {
        float: left;
        width: 40%;
        height: 35px;
        margin-left: 5px;
        border: none;
        color: #00a74e;
        font-weight: bold;
        font-size: 16px;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
        background: #FFFFFF;
        border: 1px solid #CCCCCC;
        outline: none;
    }
    .prev:hover{
        background: #ccc;
        color: #fff;
        outline: none;
        border: #ccc;
    }
}

@media only screen and (max-width: 979px){
    .barra-control {
        width: 90%;
    }
    .button-groups {
        width: 10%;
    }

}

@media only screen and (max-width: 768px){
    .barra-control {
        width: 85%;
    }
    .button-groups {
        width: 15%;
    }

}

@media only screen and (max-width: 480px){
    .barra-control {
    width: 80%;
    }
    .button-groups {
        width: 20%;
    }
}

@media only screen and (max-width: 375px){
    .menu-fixo {
        width: 92%;
    }
    .barra-control {
        width: 78%;
    }
    .button-groups {
        width: 22%;
    }

}