@import url(https://fonts.googleapis.com/css?family=Titillium+Web);

*, *:after, *:before {
  box-sizing: border-box;
}
body{
  margin: 0;
  padding: 0;
  font-family: Raleway, sans-serif;
  line-height: 1.5;
  color: #444;
  font-size: 16px;
}

.tab {
  display: none;
  font-family: Raleway, sans-serif;
}
.tab-active {
  display: block;
  content: '.';
  font-family: Raleway, sans-serif;
}
.tabs-item {
    font-family: Raleway, sans-serif;
    border: 1px solid #e6e6e6;
    color: #357fbe;
    background: transparent;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    font-weight: 600;
    font-size: 13px;
    height: 40px;
    width: 100%;
    margin: 2px;
    padding: 10px;
    text-align: center;
    line-height: 1.3em;
}
.tabs-item-check {
    color: #fff;
    background: #1d70b7;
    border: 1px solid #1d70b7;
}
.caixa {
  box-shadow: 2px 2px 15px 0px rgba(50, 50, 50, 0.48);
}
.menu-qlik-itens {
  text-align: center;
}
.menu-qlik-itens .column {
  min-width: 200px;
  padding: 0px;
  margin: 0px;
}
.row.caixa {
  margin-left: 0px;
  margin-right: 0px;
}
.p_filtros{
  width: 98%;
  height: 50px;
}
.p_contadores_label{
  width: 98%;
  height: 45px;
  background-color:white;
  text-align: left;
  font-size: 15px;
  color: #808080;
  letter-spacing: normal;
  font-weight: bold;
  padding-top: 10px;
  font-family: Raleway, sans-serif;
}
.p_contadores1{
    width: 100%;
    height: 58px;
    font-size: 60px;
  color: #59aa47;
}
.p_contadores2{
    width: 100%;
    height: 58px;
    font-size: 60px;
  color: #4477aa;
}
#p1_grafico_barras_documentos_tipo {
    height: 513px;
    width: 100%;
    box-shadow: 2px 2px 15px 0px rgba(50, 50, 50, 0.48);
    padding: 10px 10px 10px 10px;
}
#p2_grafico_barra_uf{
   height: 620px;
   width: 100%;
   padding: 10px 10px 10px 10px;
}

#p1_grafico_doc_internos, #p1_grafico_doc_externos,
#p2_grafico_quadrado_sgbd, #p2_grafico_quadrado_navegadores {
  height: 300px;
  width: 100%;
  box-shadow: 2px 2px 15px 0px rgba(50, 50, 50, 0.48);
  padding: 10px 10px 10px 10px;
}

#p2_grafico_barra_documentos,
#p2_grafico_barra_estrategia,
#p2_tabela_so,
#p2_grafico_barra_protocolo,
#p2_grafico_quadrado_versao_sei,
#p2_tabela_versao_sei,
#p2_grafico_pizza_memcache,
#p2_grafico_pizza_solrs,
#p2_grafico_pizza_serv_aplicacao ,
#p2_grafico_pizza_versao_php {
   width: 100%;
   height: 300px;
   padding: 10px 10px 10px 10px;
}
.p2_pizzas{
  width: 25%;
  height: 300px;
  box-shadow: 2px 2px 15px 0px rgba(50, 50, 50, 0.48);
}
table{
  width:100%
}
#id_p1_grafico_barras_documentos_tipo{
  width: 100%;
}
#id_p1_grafico_doc_internos{
  width: 50%;
}
#id_p1_grafico_doc_externos{
  width: 50%;
}
#id_p2_grafico_quadrado_sgbd{
    width: 50%;
}
#id_p2_grafico_barra_uf{

  box-shadow: 2px 2px 15px 0px rgba(50, 50, 50, 0.48);
}
#id_p2_grafico_barra_documentos{
    width: 50%;
  box-shadow: 2px 2px 15px 0px rgba(50, 50, 50, 0.48);
}
#id_p2_grafico_quadrado_navegadores{
  padding-top: 255px;
  width: 50%;
  box-shadow: 2px 2px 15px 0px rgba(50, 50, 50, 0.48);
}
#id_div_vazia{
  position: absolute;
  width: 35%;
  margin-left: 30%;
}
#id_p2_grafico_barra_estrategia{
    width: 50%;
  box-shadow: 2px 2px 15px 0px rgba(50, 50, 50, 0.48);
}
#id_p2_tabela_so{
  width: 50%;
  height: 300px;
  box-shadow: 2px 2px 15px 0px rgba(50, 50, 50, 0.48);
}
#id_p2_grafico_barra_protocolo{
  width: 50%;
  height: 300px;
  box-shadow: 2px 2px 15px 0px rgba(50, 50, 50, 0.48);
}
.p3_contador {
    width: 100%;
    height: 150px;
    font-size: 30px;
    color: #59aa47;
    padding: 10px 10px 10px 10px;
}
.p3_contador .kpi-value {
  font-size: 100%;
}
.p3_contador .measure-title {
    color: #808080 !important;
    font-weight: bold;
}
.p3_contador.positivo .kpi-value {
  color: #59aa47;
}

#contadores_sombra {
    box-shadow: 2px 2px 15px 0px rgba(50, 50, 50, 0.48);
}
.tamanho_contadores {
    width: 33.33%;
}

.p3_graficos {
    box-shadow: 2px 2px 15px 0px rgba(50, 50, 50, 0.48);
    height: 500PX;
    width: 100%;
    padding: 10px 10px 10px 10px;
    margin-top: 10px;
}
.p3_tabela {
    box-shadow: 2px 2px 15px 0px rgba(50, 50, 50, 0.48);
    height: 800PX;
    width: 100%;
    padding: 10px 10px 10px 10px;
    margin-top: 10px;
}
#lista_orgaos_grafico_pizza, #lista_orgaos_por_esfera, #lista_orgaos_tabela,
#grafico_linha_barra, #grafico_solucao_adotada, #grafico_fase_implantacao,
#tabela_arquivos_faltam, #tabela_arquivos_sobram, #grafico_arquivos, #tabela_arquivos_existentes
 {
    width: 100%;
    height: 450px;
    box-shadow: 2px 2px 15px 0px rgba(50, 50, 50, 0.48);
    padding: 10px 10px 10px 10px;
}
#lista_orgaos_grafico_pizza, #lista_orgaos_por_esfera, #lista_orgaos_tabela,
#grafico_linha_barra, #grafico_solucao_adotada, #grafico_fase_implantacao,
#tabela_arquivos_faltam, #tabela_arquivos_sobram, #grafico_arquivos, #tabela_arquivos_existentes {
  margin-top: 20px;
}
.p3_contador .qv-object-kpi .ellips-text,
.p_contadores1 .qv-object-kpi .ellips-text,
.p_contadores2 .qv-object-kpi .ellips-text{
  line-height: 0em;
  height: 94px;
  padding-top: 3px;
}
.mod-pen-indicadores-arcabouco .p3_contador .qv-object-kpi .ellips-text {
  height: 125px;
}
.p_contadores1 .qv-object-kpi .ellips-text,
.p_contadores2 .qv-object-kpi .ellips-text {
  line-height: 1.5em;
  height: 93px;
}
#CurrentSelections, .currentselections {
    z-index: 99;
    height: 45px !important;
    position: relative;
    background: #FAFAFA !important;
    box-shadow: 0 2px 4px 0 rgba(215,215,215,0.50), inset 0 1px 0 0 rgba(229,229,229,0.50);
}
.qv-panel-current-selections{
  min-height: 0 !important;
  max-height: 0 !important;
  background: transparent !important;
  width: 100% !important;
}
.qv-collapsed-listbox{
  height: 41px !important;
}

.qv-object.qv-object-filterpane{
  padding: 0 !important;
}

.qv-panel-current-selections .qv-selections-pager{
  height: 45px !important;
}

.qv-panel-current-selections .wrap{
  border: 0 !important;
}

.qv-panel-current-selections li{
  border: 0 !important;
  box-shadow: inset -1px 0 0 0 #F0F0F0;
}

/*.qv-panel-current-selections .item{
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
}*/

.qv-panel-current-selections .item:hover{
  background: #FAFAFA !important;
  box-shadow: inset 0px 0px 7px -5px rgba(0, 0, 0, 0.8) !important;
}

.qv-panel-current-selections .item .qv-state-count-bar{
  visibility: hidden !important;
}

.qv-panel-current-selections .text{
  -ms-flex-order: 1;
      -webkit-order: 1;
          order: 1;
}
.qv-panel-current-selections .text .text-wrap .name{
  font-size: 10px !important;
  color: #868686 !important;
  font-weight: normal;
}
.qv-panel-current-selections .text .values{
  font-size: 12px !important;
  color: #595959 !important;
  font-weight: bold;
}
.qv-panel-current-selections .no-selection{
  color: #595959 !important;
}
.qv-panel-current-selections .remove{
  height: 100% !important;
  width: 100% !important;
}
.qv-panel-current-selections .lui-icon{
  height: 100%;
}
.qv-panel-current-selections .lui-icon--remove:before{
  color: #868686 !important;
}
.qv-panel-current-selections .options{
/*  position: relative !important;
  width: 15px !important;
  margin-right: 7px;*/
  padding-top: 3px;
}
.qv-panel-current-selections .buttons,
.qv-panel-current-selections .buttons-end{
  background: transparent !important;
  display:none;
}
.qv-panel-current-selections .buttons{
  height: 45px !important;
  border: 0 !important;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
      -webkit-align-items: center;
          align-items: center;
  left: 11px !important;
  margin-left:15px !important;
}

.qv-panel-current-selections .qv-subtoolbar-button.borderbox{
  display: none !important;
}

.qv-panel-current-selections .qv-subtoolbar-button.borderbox#clearselections{
  display: block !important;
  border-radius: 3px !important;
  background: #1D70B7 url('../painel/img/botao.png') !important;
  box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.13) !important;
  width: 95px;
  height: 35px;
  color: pointer;
}

.qv-panel-current-selections .qv-subtoolbar-button.borderbox#clearselections > .lui-icon{
  display: none !important;
}
.qv-panel-current-selections li {
  /*line-height: 0.5em !important;*/
  display: table-cell !important;
  border-right: 1px solid rgba(64, 63, 62, 0.4);
  box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.1);
  height: 100%;
}
.qv-panel-current-selections .buttons{
  height: 45px !important;
  border: 0 !important;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
      -webkit-align-items: center;
          align-items: center;
  left: 11px !important;
  margin-left:15px !important;
}

.qv-panel-current-selections .qv-subtoolbar-button.borderbox{
  display: none !important;
}

.qv-panel-current-selections .qv-subtoolbar-button.borderbox#clearselections{
  display: block !important;
  border-radius: 3px !important;
  background: #1D70B7 url('../painel/img/botao.png') !important;
  box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.13) !important;
  width: 95px;
  height: 35px;
  color: pointer;
}

.qv-panel-current-selections .qv-subtoolbar-button.borderbox#clearselections > .lui-icon{
  display: none !important;
}
.qv-object * {
  font-family: Raleway bold, sans-serif;
}
.qv-listbox .serverOptional,
.qv-listbox .serverSelected,
.qv-listbox .serverAlternative {
  display: inherit;
}
.qv-listbox .serverExcluded {
  display: none;
}


.contadores_index {
    height: 50px;
    width: 100%;
    font-size: 59px;
    line-height: 4.5em;
    color: #236bb7;
    font-weight: bold;
    margin-top: 0.4em;
}
.legenda_index {
    height: 32px;
    width: 100%;
    font-size: 39px;
    color: #236bb7;
    text-align: right;
    margin-top: -5px;
}
.measure-wrapper{
    height: 0px;
}

.kpi-value {
    font-size: 36px !important;
}
.qv-footer-wrapper{
    font-size: 12px !important;;
}
.measure-title.ellips-text{
  display: none !important;
}


@media (max-width: 767px){
  #content ul, .portletStaticText ul {
    margin-left: 0em !important;
  }

  .qv-panel-current-selections .options {
    position: absolute;
    right: -15px;
  }

  #content li:first, dl.portlet li:first, .portletStaticText li:first {
    padding-left: 0px !important;
  }

  #content li, dl.portlet li, .portletStaticText li {
    padding-left: 0px !important;
  }

  #CurrentSelections, .currentselections {
    background:transparent;
    box-shadow: none;
    margin-left: -12px;

  }
}