/* line 7, ../SASS CSS/my.scss */
html, body {
    height: 100%;

}

/* line 10, ../SASS CSS/my.scss */
body {
    font-family: Helvetica, Arial, sans-serif;
    height: 100%;
}

/* Others */
/*Raissa Style*/
button.accordion {
    background-color: #eee;
    color: #1E89C3;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    font-weight: bold;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796"; /* Unicode character for "plus" sign (-) */
}

#perfil-rnt .panel, #programa-prevencao .panel {
    padding: 0 18px;
    background-color: #FFFFFF;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    text-align: justify;
    _padding: 10px;
}
.glyphicon-info-sign{
    -webkit-transition: all .3s ease-out;
}
.glyphicon-info-sign:hover{
    color: #1f89c3;
}
#perfil-rnt .panel.show, #programa-prevencao .panel-show {
    opacity: 1;
    max-height: 500px;
}
#nav-min .nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}

/*Vanilson Style*/
.wagwep-container ul#portfolio-filter li{
    padding: 0 !important;
    
}
ul#portfolio-filter li.current a {
    font-weight: lighter !important;
    background: #1f89c3 !important;
    border-radius: 0;
}

.wagwep-container ul#portfolio-filter li.current a, ul#portfolio-filter a:hover {
    text-decoration: none;
    background: #eee;
    color: #222;
    border-radius: 0 !important;
    font-weight: lighter !important;

}
/*.og-grid  li{
   display: block !important;
   float: left !important;
   list-style: circle !important;
}*/
.og-grid li a figure span{
    border: 0 !important;
    _padding-top: 75px !important;
    font-size: 15px !important;
}
#painel-indicadores-tecnologia-inovacao, #painel-tile-contactos{
    background-color:#1E89C3;
    height: 150px;
    text-align: center;
    color: #FFFFFF;
}
#painel-indicadores-tecnologia-inovacao .indicador{
    margin-top: 32px;
}
#painel-tile-contactos .contactos{
    margin-top: 32px;
}
.separador-direita-esquerda{
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;

}
.separador-direita{
    border-right: 1px solid #FFFFFF;
}
#painel-indicadores-tecnologia-inovacao .indicador h4{
    font-size: 21px;
    color: #FFFFFF;
}
#painel-tile-contactos .contactos h4{
    font-size: 21px;
    color: #FFFFFF;
}
.wagwep-container ul#portfolio-filter a {
    font-weight: lighter !important;

}
.wagwep-container ul#portfolio-filter li.current a, ul#portfolio-filter a:hover {
    text-decoration: none;
    background: #eee;
    color: #222;
}
.og-expander{
    background-color: #FFFFFF !important;
    border: 3px solid #1E89C3 !important;
}
.og-pointer{
    border-bottom-color: #1E89C3 !important;
    
}
.og-close::before, .og-close::after{
    background: #1E89C3 !important;

}
.og-expander-inner {
    /* padding: 30px 30px; */
    height: 100%;
    padding-top: 15px;
    padding-left: 10px;
}
.og-fullimg img {
    display: none !important;
}
.og-details {
    margin-left: -545px !important;
    width: 1075px !important;
    overflow-y: visible !important;
}
.og-details h3 {
    font-size: 21px !important;
    color: #1f89c3 !important;
    font-weight: bold !important;
}
.og-details p {
    /* font-weight: 400; */
    font-size: 14px !important;
    color: #333 !important;
    padding-top: 10px !important;
}
.og-grid {
    padding-top: 11px !important;
    text-align: left !important;
    margin-left: -4px !important;
}
/*.og-grid li #beneficios ul{
    margin: 0 !important;
}
.og-grid li #beneficios ul li{
    list-style: circle !important;
}*/
.og-grid li a figure span{
    font-weight: bold !important; 
}
.elastislide-wrapper{
    display: none !important;
}
.og-details .infosep{
    display: none !important;
}
.og-close {
    width: 20px !important;
    height: 20px !important;
}
/*.og-grid li {
    _display: inline-block ;
    margin: 29px 20px 0 15px !important;
    _vertical-align: top;
}
.og-grid{
    padding: 0 !important;
}*/
.og-details::-webkit-scrollbar{
    width: 8px;
    
} 
/* Track */
.og-details::-webkit-scrollbar-track,{
    _-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    _-webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle */
.og-details::-webkit-scrollbar-thumb{
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #1E89C3; 
    _-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.og-details::-webkit-scrollbar-thumb:window-inactive{
	_background: rgba(255,0,0,0.4); 
}
#menu-topo{
    position: relative;
    left: 19px;
}
#form-pesquisa input[type=text]{
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0;
    width: 1030px;
    font-size: 18px;
    font-weight: bold;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #1E89C3;
    margin-left: -15px;
}
#form-pesquisa input[type=submit]{
    padding: 10px;
    background-color: #111111;
    color: #FFFFFF;
    font-weight: bold;
    border: none;
}
#viewmore{
    text-align: center;

}
#row-noticias{
    margin-top: 20px !important;
}
.table-estilo-alterado thead{
    background-color: #1364a0 !important;
    color: #FFFFFF;
    text-align: left;
}
.table-estilo-alterado thead th{
    padding: 12px !important;
}
.table-estilo-alterado tbody tr{
    -webkit-transition: all 0.2s ease-in-out;
}
.table-estilo-alterado>thead>tr>th {

    border-bottom: none !important;
}
.table-estilo-alterado tfoot{
    border-top: 3px solid #1364a0;
    font-weight: bold;
}
.amcharts-zoom-control{
    display: none;
}
#mapa-regioes-exploracao #cb p, #mapa-regioes-exploracao #rg-norte p, 
#mapa-regioes-exploracao #rg-centro p, #mapa-regioes-exploracao #rg-sul p, 
#mapa-regioes-exploracao #rg-leste p{
    font-size: 12px;
}
#mapa-regioes-exploracao #cb{
    _border: 1px solid black;
    height: 95px;
    padding: 5px;
    color: #FFFFFF;
    background-color: rgba(248,63,63,0.8);
    
}
#mapa-regioes-exploracao #rg-norte{
    _border: 1px solid black;
    height: 95px;
    margin-top: 8px;
    padding: 5px;
    color: #FFFFFF;
    background-color: rgba(229,216,15,0.8);
}
#mapa-regioes-exploracao #rg-centro{
    _border: 1px solid black;
    height: 95px;
    margin-top: 8px;
    padding: 5px;
    color: #FFFFFF;
    background-color: rgba(157,234,10,0.8);

}
#mapa-regioes-exploracao #rg-sul{
    _border: 1px solid black;
    height: 95px;
    margin-top: 8px;
    padding: 5px;
    color: #FFFFFF;
    background-color: rgba(31,137,195,0.8);
}
#mapa-regioes-exploracao #rg-leste{
    _border: 1px solid black;
    height: 95px;
    margin-top: 8px;
    padding: 5px;
    color: #FFFFFF;
    background-color: rgba(116,109,109,0.8);
}
#map{
    width:93%; 
    height: 970px;
    position: relative;
    top: -1068px;
    left: 125px;
}
#mapa-gestao-rede-transporte{
    width:93%; 
    height: 890px;
    position: relative;
    top: 10px;
    left: 90px;
}
/* Style the tab */
.tabcontent .form-inline{
    background-color: transparent !important;
}
.table-responsive{
    overflow-x: hidden;
}
div.tab {
    overflow: hidden;
    background-color: #1364a0;
    
}
#items-relacoes-comercias{
    margin-top: 1px;
}
#items-relacoes-comercias .tab a{
    position: relative;
    left: 50px;
}
/* Style the links inside the tab */
div.tab a {
    float: left;
    display: block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 14px;
     color: #FFFFFF;
     position: relative;
     left: 150px;

}
.tabcontent table{
    width: 100% !important;
}
.tabcontent .pagination{
    margin-left: 387px;
}
/* Change background color of links on hover */
div.tab a:hover {
    background-color: #052f4a;
    color: #FFFFFF;
}

/* Create an active/current tablink class */
div.tab a:focus, .active {
    background-color: #052f4a;
    color: #FFFFFF;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding-top: 4px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 4px;

    border-top: none;
    background-color: #FFFFFF;
}
.amcharts-map-area {
  -webkit-transition: all .3s .3s ease-out;
  _transition: all .3s .3s ease-out;
  stroke: #FFFFFF;
}

.amcharts-map-area:hover {

  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
#ambito table tr td:first-child{
    font-size: 14px;
    cursor: pointer;
}
#ambito table .tooltip{
    opacity: 1;
}

#menu-relações-comercias .tab a{
    position: relative;
    left: 50px;
}
#viewmore .btn:hover {
    background-color: #1f89c3;
    color: #ffffff;
}
#filtro-ambito p{
    font-weight: bold;
    margin-top: 25px;
}
#filtro-ambito .descricao{
    font-weight: lighter;
}
.pws_tabs_controll li:nth-child(2){
    margin-left: 10px;
}
.panel1, .panel2, .panel3, .panel4 {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 0;

    padding-left: 15px;
}
#painel1 .panel{
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 0;

    padding: 15px;
}
#painel2 ol, #painel3 ol{
    margin: 0;
    padding: 0;
}
#painel2 .panel, #painel3 .panel{
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 0;
    padding-left: 28px;
    padding-top: 15px;
    padding-bottom: 15px;
  
}
.estatistica{
    _height: 660px;
    _border: 1px solid black;
    margin: 0;
    padding: 0;
    margin-top: 25px;
}
.estatistica .row{
    /*margin-left: -28px;
    margin-top: -38px;*/

}
.amcharts-chart-div a {display:none !important;}


.cube-masonry{

    margin-left: -13px;
}
#chart-potencia-instalada {
  width: 100%;
  height: 500px;
  font-size: 11px;
}

.amcharts-pie-slice {
  transform: scale(1);
  transform-origin: 50% 50%;
  transition-duration: 0.3s;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  cursor: pointer;
  box-shadow: 0 0 30px 0 #000;
}

.amcharts-pie-slice:hover {
  transform: scale(1.1);
  filter: url(#shadow);
}		
#chart-comprimento-linhas{
	width		: 485px;
	height		: 235px;
	font-size	: 11px;
    margin-left: -13px;
}	
#chart-atendimento-carga{
	width		: 310px;
	height		: 185px;
	font-size	: 11px;
    margin-left: -1px;
}
#items-integracao-regional .tab{
    margin-left: 270px;
}
#chart-demanda {
	width		: 450px;
	height		: 265px;
	font-size	: 11px;
    margin-left: -80px;
    margin-top: 20px;
}

#modal-nome-CA{
     font-weight: bolder;
     font-size: 20px;
     text-align:center;
}


.modal-profissao-CA{
     font-weight: lighter;
     font-size: 16px;
     text-align:center;
}


.modal-tempo-sector-CA{
    text-align:center;
    font-weight: lighter;
    font-size: 14px;
}

.modal-dados-nascimento-CA{
    font-weight: lighter;
    font-size: 10px;
    text-align: center;
}

.separador-modal-CA{
    background-color: #1e89c3;
    height: 4px;
}

.modal-formacao-academica-CA, .modal-formacao-profissional-CA, .modal-trajectoria-profissional-CA, .modal-trajectoria-academica-CA, .modal-premios-distincoes-CA, 
.modal-linguas-faladas-CA{
    font-weight: lighter;
    margin-top: 15px;
    text-align: justify;
}


.modal-header{
     background-color: #1e89c3;
     color: #FFFFFF !important;
     margin-top: 1px;
}


.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}
#modal-janeiro .pagination, #modal-fevereiro .pagination, #modal-marco .pagination,
#modal-abril .pagination, #modal-maio .pagination, #modal-junho .pagination, #modal-julho .pagination, #modal-agosto .pagination,
#modal-setembro .pagination, #modal-outubro .pagination, #modal-novembro .pagination,
#modal-dezembro .pagination{
    margin-left: 158px !important;
}
.tabela-perturbacoes{
    width: 840px !important;
}
#modal-janeiro .form-inline, #modal-fevereiro .form-inline,
#modal-marco .form-inline, #modal-abril .form-inline,
#modal-maio .form-inline, #modal-junho .form-inline,
#modal-julho .form-inline, #modal-agosto .form-inline,
#modal-agosto .form-inline, #modal-setembro .form-inline,
#modal-outubro .form-inline, #modal-novembro .form-inline,
#modal-dezembro .form-inline{
    background-color: transparent !important;
}
#tiles-qualidade-servico{
    _border: 1px solid black;
    margin-top: 20px;
}
#tiles-contactos{
    position: relative;
    _top: 180px;
}

#tile-regiao-norte #tile-regiao-centro, #tile-regiao-sul, #tile-regiao-luanda{
    border: 1px solid #ddd !important;
}


/*----------Início dos estilos de carreiras----------*/
#tiles-carreiras{
    position: relative;
    _top: 180px;
}

#tile-mulheres-empregadas, #tile-regiao-centro {
    background-color: #cf360d;
}

#tile-homens-empregados, #tile-regiao-sul{
    background-color: #1e89c3; 
}

#tile-jovens-empregados, #tile-regiao-norte {
    background-color: #46be05;
}

#tile-vagas, #tile-regiao-luanda{
    background-color: #1e89c3;
}

#tile-homens-empregados h3, #tile-mulheres-empregadas h3, #tile-jovens-empregados h3, #tile-vagas h3 {
    color: #FFFFFF !important;
    font-size: 16px;
    font-weight: lighter;
    margin-top: 1px;
}

#tile-regiao-luanda h3, #tile-regiao-norte h3, #tile-regiao-centro h3, #tile-regiao-sul h3 {
    color: #FFFFFF !important;
    font-size: 16px;
    font-weight: normal;
    margin-top: 1px;
}

#carreiras .panel-default > .panel-heading {
    color: #1e89c3;
    background-color: #eee;
    font-weight: lighter;
    font-size: 12px;
}

/*----------Final dos estilos de carreiras----------*/



/*TESTE DE ACCORDION NA VERTICAL*/
.dad {
    /*background: url("https://bufiles.blob.core.windows.net/co3613/vertical_menu/5.jpg");*/
    background-color: #ddd8d8;
}

.grow {
  padding: 5px 5px 5px 5px;
  height: 410px;
  width: 150px;
  float: left;
  position: relative;
  transition: width 0.5s;
  -webkit-transition: width 0.5s;
  text-align: left;
  overflow: hidden;
}
.grow:hover {
  height: 400px;
  width: 400px;
  text-align: left;
}

.tab-title {
    font-size: 2.5em;
	color: #fcfcfc;
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
}

.vertical-tab-1 {
}

.vertical-tab-2 {
}

.vertical-tab-3 {
	
}

.vertical-tab-4 {
	
}

.vertical-tab-5 {
	
}

.rotate {
    transform: rotate(-90deg);  
    -webkit-transform: rotate(-90deg);
    margin-top: 50vh;
    font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
    color: #fff;
	font-size: 2.25em;
	text-transform: uppercase;
}

/*@media screen and (max-width: 970px) {
	.rotate {
		font-size: 1.5em;
	}
}


@media screen and (max-width: 970px) {
	.tab-title {
		font-size: 1.6em;
	}
}

@media screen and (max-width: 767px) {
	.rotate {
		font-size: 1.125em;
	}
}*/


/*@media screen and (max-width: 767px) {
	.tab-title {
		font-size: 1.25em;
	}
}

@media screen and (max-width: 500px) {
	.rotate {
		font-size: 0.6em;
	}
}


@media screen and (max-width: 500px) {
	.tab-title {
		font-size: 0.75em;
	}
}*/
/*FINAL DO TESTE DE ACCORDIONS NA VERTICAL*/
/*--------Inicio estilos para a página de Tecnologias e Inovação*/

.thumbnail-inovacao{
    border-radius: 0;
    height: 405px;
    border: none;
    text-align: center;
}

.thumbnail-inovacao2{
    border-radius: 0;
    height: 350px;
    border: none;
    text-align: center;
}

/*.caption-inovacao{
    margin-right: 0;
    margin-bottom: 0;
    background-color: #1364a0
    background-color: #337ab7;
    background-color: black;
    height:50px;
}*/

#tiles-tecnlogias-inovacao1{
    position: relative;
    _top: 80px;
}

#tiles-tecnlogias-inovacao2{
    position: relative;
    _top: 80px;
}

#tile-projecto-Sap, #tile-projecto-Noc, #tile-projecto-Datacenter, #tile-projecto-Telemedicao, #tile-projecto-Fibra, #tile-projecto-Scada {
    background-color: #1364a0;
}

#tile-projecto-Telemedicao h3, #tile-projecto-Datacenter h3, #tile-projecto-Sap h3, #tile-projecto-Fibra h3{
    color: #FFFFFF !important;
    font-size: 16px;
    font-weight: lighter;
    text-align:center;
}

#tile-projecto-Noc h3, #tile-projecto-Scada h3 {
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: lighter;
    text-align:center;
}

#tile-projecto-Telemedicao a, #tile-projecto-Datacenter a, #tile-projecto-Sap a, #tile-projecto-Noc a, #tile-projecto-Fibra a, #tile-projecto-Scada a {
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: lighter;
    text-align:center;
}

#tile-projecto-Telemedicao p, #tile-projecto-Datacenter p, #tile-projecto-Sap p, #tile-projecto-Noc p, #tile-projecto-Fibra p, #tile-projecto-Scada p {
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: lighter;
    text-align:center;
}

#mais-detalhes{
    background-color:#dfe2e5;
}

.mais-detalhes-inovacao{
    background-color: #eee;
}


/*-------- Fim dos estilos de Tecnologias e Inovação-----------*/

#descricao-sugestao{
    height: 70px;
}
#tile-defice, #sari-anual {
    background-color: rgba(207,54,13,1);
}
#tile-atendimento, #saidi-anual{
    background-color: #62cf73;
}
#tile-demanda, #saifi-anual {
    background-color: #1e89c3;
}
#tiles-atendimento-procura{
    margin-top: 127px;
}
.navbar-rnt .active{
    background-color: #F2FBFF !important;
    color: #1E89C3;
}

#tiles-atendimento-procura .caption h3,
#tiles-qualidade-servico .caption h3{
    margin-top: -1px;
}
#tile-defice h3, #tile-defice p, 
#tile-atendimento h3, 
#tile-atendimento p, #tile-demanda h3, #tile-demanda p,
#saidi-anual h3, #saidi-anual p,
#saifi-anual h3, #saifi-anual p,
#sari-anual h3, #sari-anual p{
    color: #FFFFFF ;
    font-size: 16px;
    font-weight: lighter;
}
#tiles-qualidade-servico .thumbnail .caption{
    _padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 8px !important;
}
.tile-white-color{
    color: #FFFFFF !important;
    font-weight: lighter;
    font-size: 30px;
}
#tile-atendimento span{
    font-size: 40px;
}
.margin-top-6{
    margin-top: 6px;
}
#icon-linhas span{
    color: #1f89c3;
    font-size: 50px;
    margin-top: 70px;
   margin-left: 12px;
}
#margin-left-ct{
    margin-left: -8px;
}
#indicador-ctl{

}
#indicador-ctl ul{
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 50px;
    margin-left: -15px;
    padding: 0;
    width: 180px;
}
#corte-anual ul{
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    margin-left: -15px;
    padding: 0;
    width: 235px;
}
#corte-anual ul#corte-parcial{
    margin-top: 18px;
    border-top: 1px solid #d7d7d7;
}
#corte-anual ul#corte-geral{
    margin-top: 16px;
}
#producao-anual{
}
#producao-anual ul{
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 41px;
    margin-left: -15px;
    padding: 0;
    width: 203px;
}
#indicador-ctl ul li, #producao-anual ul li, #corte-anual ul li{
    list-style: none;
    text-align: left;
}
#indicador-ctl ul li:first-child{
    color: #1f89c3;
    font-size: 60px;
}
#producao-anual ul li:first-child, 
#corte-anual ul#corte-geral li:first-child,
#corte-anual ul#corte-parcial li:first-child{
    color: #1f89c3;
    font-size: 50px;
    margin-left: -3px;
}
#indicador-ctl ul li:nth-child(2), 
#producao-anual ul li:nth-child(2), 
#corte-anual ul#corte-geral li:nth-child(2),
#corte-anual ul#corte-parcial li:nth-child(2){
    color: #1f89c3;
    margin-top: -15px;
    text-align: justify;
}
.left-side-bar .tile{
    border: none !important;
    height: 250px !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    
}
.left-side-bar .tile:hover{
    _background-color: #f3f1f1;

}
.left-side-bar .tile img:hover  {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.left-side-bar .tile img{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}
.left-side-bar .tile .caption h4{
    font-size: 14px;
    border: none;
    text-align: center;
    color: #333;
}
 .tile-estatistica-geral{
     border: 1px solid #1364a0 !important;
    _width: 99%;
     height: 300px !important;
}

.tile-centros-produtores{
     border: 1px solid #1364a0 !important;
    _width: 99%;
    height: 560px !important;
}

.tile-1, .tile-2{
    border: 1px solid #d7d7d7 !important;
    height: 300px !important;
}
.tile-3,.tile-4{
    border: 1px solid #d7d7d7 !important;
    _width: 99%;
    height: 260px !important;
}
#margin-left-ac{
    margin-left: -8px;
}
.tile-3 table tr td, .tile-estatistica-geral table tr td, .tile-4 table tr td{
    text-align: left;
}
.tile-1 h4, .tile-2 h4, .tile-3 h4, .tile-estatistica-geral h4, .tile-4 h4, .tile-centros-produtores h4{
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 8px;
    text-align: left;
    margin-top: 5px;
    color: #1f89c3;
}
.ponta-anual{
    margin-top: 20px;
}
/*.tile-1 h3{
    /*height: 188px !important;
    background-color: #1e89c3;*/
    text-align: left;
}
.tile-1 h3, .tile-2 h3, .tile-3 h3, .tile-estatistica-geral h3, .tile-estatistica-geral h3, .tile-centros-produtores h3{
    /*height: 488px !important;*/
    text-align: left;
    color: #1f89c3;
    
}
/*.tile-2 h4{
    font-size: 90px;
    margin-top: 50px;
    color: #da291b;
margin-left: -15px;
}*/
.tile-3, .tile-estatistica-geral{
    clear:both;
    margin-bottom: 20px !important;
}
#ambito table .success{
    background-color: #5cb85c;
    color: #FFFFFF;
}
.sistemas{
    position: relative;
    top: 220px;
}
.thumbnail{
    border-radius: 0;
    height: 88px;
    border: none;
    text-align: center;

}
#filtro-atendimento-procura{
    margin-top: -127px;
}

#filtro-qualidade-servico{
    margin-top: -15px;
}

#filtro-ponta-producao, #filtro-evolucao-carga, #filtro-perturbacoes,
#filtro-cortes-sistema, .left-side-bar{

    margin-top: 2px;
}
#filtro-ambito{

    margin-top: -12px;
}
#filtro-ambito form{
    background-color: transparent !important;
}
#filtro-ponta-producao h3, #filtro-evolucao-carga h3, #filtro-perturbacoes h3,
#filtro-cortes-sistema h3, #filtro-atendimento-procura h3, #ambito h3{
    margin-top: -6px;
}
.left-side-bar h3{
    margin-top: -27px;
}
#filtro-atendimento-procura .dropdown-menu li a{
    padding-top: 0 !important;
}
#filtro-atendimento-procura .btn{
    border-color: #ddd !important;
}
.ajax-loader{
    display: none;
    margin-left: 430px;
    margin-top: 138px;
}
.form-inline{
    _background-color: #f5f5f5;
    padding: 10px;
}
#documentos-legislacao_paginate  .pagination{
    margin-left: 423px;
}
#contactos ul li{
    color: #111111 !important;
    text-decoration: none !important;
}
#grafico h3{

    
}
.indicadores.tab a:focus, .indicadores .active{
    background-color: transparent !important;
    color: #1f89c3 !important;
}
.dados-indicadores {
    position: relative;
    top: -9px;
}
.indicador-negrito{
    font-weight: bold;
    _font-size: 16px;
}
.border-top-indicador{
    border-top: 1px solid #cfcfcf;
    margin-top: 27px;
}
.border-top-indicador .descricao-negrito{

}
#primeiro-indicador .label, .border-top-indicador .label{
    _font-size: 12px !important;
    font-weight: lighter;
}
.descricao-negrito{
    font-weight: bold;

}
.dados-indicadores p{
    font-weight: bold;
}
.dados-indicadores ul{
    margin: 0;
    padding: 0;
}
#dados-indicadores-1{

}
#dados-indicadores-2 {
    margin-top: 20px;
}
.dados-indicadores ul{
    margin-left: -35px;
}
.dados-indicadores ul li{
    background-color: #d9534f;
    list-style: none;
    padding: 10px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    float: left;
    margin-left: 20px;
    text-align: center;
    padding-top: 16px;
    color: #FFFFFF;
}
.dados-indicadores ul li .ano{
    font-size: 14px;
}
.dados-indicadores ul li #valor-ano-2015,
.dados-indicadores ul li #valor-ano-2016,
.dados-indicadores ul li #valor-ano-2017,
.dados-indicadores ul li #valor-ano-2018,
.dados-indicadores ul li #valor-ano-2019,
.dados-indicadores ul li #valor-ano-2020{
    font-size: 38px;
}
#dados-indicadores-1 ul li:first-child{
    background-color: #5cb85c;
}
.texto{
    text-align: justify;
}
table caption{
    color: #1f89c3;
    font-weight: bold;
}
.indicadores{
    border-radius: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none
}
.indicadores ul{
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 25px;
}
.indicadores ul li{
    padding-bottom: 10px;
}
.indicadores ul li a{
    font-weight: lighter;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .list-group-item{
    border-radius: 0 !important;
}
#objectivos-estrategicos p{
    text-align: justify;
}
#objectivos-estrategicos .list-group a{
    font-weight: lighter;
    _color: #333;
}
.planeamento .table{
    width: 100% !important;
}
.logotipo{
    margin-left:-18px;
}
.img-tamanho{
    width: 167px !important;
    height: 167px !important;
}
.mensagem-pca .img-pca{
    float: left;
    padding-bottom: 10px;
    padding-left: 10px;
}
.mensagem-pca p{
    text-align: justify;
}
.alert{
    border-radius: 0px !important; 
    _width: 515px !important;
}
.error{
    color: #dc1a1a;
}
#ambito .pws_tabs_list{
    width: 75%;
}
#regioes{
    _margin-left: -12px;
    border: 1px solid black;
}
#regioes h3{
    color: #FFFFFF;
}
.telefone{
    background-color: #1f89c3;
    padding:   3px;
    border-radius: 50%;
    color: #FFFFFF;
    width: 20px;
     height: 20px;
   
}

.tile-white-color2{
    color: #FFFFFF !important;
    font-weight: lighter;
    font-size: 18px;
}

#regiao-norte{
    _width: 200px !important;
    height: 110px;
    _background-color: #1f89c3;
    _margin-left: -9px;
}
#regiao-sul{
    _width: 200px !important;
    height: 110px;
    _background-color: #1f89c3;
}
#regiao-centro{
    _width: 200px !important;
    height: 110px;
    _background-color: #1f89c3;
}
.margin-left-15{
   margin-left: 15px;
}
.sistema, .ano{
    width: 260px !important;
    box-shadow: none !important;
}


/*.total-contratos 
{
    background: #d7dde2 !important;
    font-size:medium;
    font-weight: 700;
}*/


select#indicador-ambito-clientela,
select#indicador-minimizar-ciclo-pagamento,
select#indicador-ambito-ssa,
select#indicador-tab-1,
select#indicador-tab-2{
    width: 290px !important;
    box-shadow: none !important;
}
.margin-top-60{
    margin-top: 60px;
}
#contactos{
    margin-left: 65px;
}
.remover-espaco{
    margin-left: -15px !important;
}

.navbar{
    margin-bottom: 0px;
}

#fluxo-pagamento .nav > li > a:hover {
    background-color: #46505A;
}

#fluxo-pagamento .nav > li > a:visited {
    background-color: #46505A;
}

#fluxo-pagamento .navbar li a{ 
    color: none !important;
}

#fluxo-pagamento .navbar .container-fluid{
     background-color: #1364a0;
}

#fluxo-pagamento .panel-heading{
     background-color: #052f4a;
}

#fluxo-pagamento .panel-heading span{
     color: #fff;
     font-size: large;
}
 
#form-contactos .form-control{
    width: 515px !important;
    box-shadow: none;
    color: #111111 !important;
}

#form-contactos .form-control:focus{
    box-shadow: none;
}
#btn-sugestao{
    background-color: #337ab7 !important;
    border-color: #337ab7 !important;
    color: #FFFFFF;
}
#btn-filtro{
    background-color: #337ab7 !important;
    border-color: #337ab7 !important;
    color: #FFFFFF;
    width: 182px;
}
#btn-sugestao:hover, #btn-filtro:hover{
    background-color: #1f89c3 !important;
    color: #FFFFFF !important;
}
#text-area-form{
    width: 540px !important;
    max-width: 540px !important;
    height: 150px !important;
    max-height: 200px !important;
}
.carousel-control.left, .carousel-control.right{
    background-image: none;
    _height: 100px;
    _top: 120px;
}

/*.carousel-caption a:hover{
    text-decoration: underline;

}*/
.carousel-caption a{
   _margin-left: -1010px;
   _padding-bottom: 40px;
}
.table-hover tbody tr:hover{
    background-color: rgba(31,137,195, .1);
}
::-webkit-input-placeholder {
    color: #FFFFFF !important;
}

.datepicker {
    background-color: #FFFFFF !important;
}

.filtros {
    height: 85px;
    margin-bottom: 40px;
    margin-left: -17px;
    background-color: #1f89c3;
    width: 1140px;
    margin-top:-18px;
}

h3.filtros-texto{
    font-size: 14px;
    color: #FFFFFF;
}
.filtros .tabela-filtros {
    margin-top: 5px;
    margin-left: -6px;
}

.tabela-filtros tr td, .tabela-filtros tr th {
    padding: 6px;
    color: #FFFFFF;
}

    .tabela-filtros tr td input {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 2px solid #FFFFFF;
        background-color: transparent;
        outline: none;
        width: 267px;
    }

#inicio-projecto, #fim-projecto {
    padding: 5px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #111111;
    background-color: transparent;
    outline: none;
    width: 250px;
}
/*#tabela-projectos-pip tbody tr:hover{
   background-color: yellow;
}*/
.pws_tabs_list {
    background-color: #f2f0f0 !important;
}

.projectos .pws_tabs_container ul.pws_tabs_controll li a {
    background-color: #f2f0f0 !important;
    color: #1f89c3 !important;
}

.projectos .pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
    background-color: #1f89c3 !important;
    color: #FFFFFF !important;
}

.planeamento .pws_tabs_container ul.pws_tabs_controll li a {
    background-color: #1f89c3 !important;
    color: #FFFFFF !important;
}

.planeamento .pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
    background-color: #f2f0f0 !important;
    color: #1f89c3 !important;
}


.pws_tabs_container, .pws_tabs_controll a {
    font-size: 14px !important;
}

h3.titulo-descricao, h3.titulo-constrangimentos {
    color: #333;
    font-size: 15px;
}

#tabela-projectos-rp {
    width: 100% !important;
}

td.details-control {
    background: url("/Assets/images/open.png") no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url("/Assets/images/close.png") no-repeat center center;
}

.input-procurar {
    _border: 1px solid black;
    _float: left;
    position: relative;
    left: 20px;
}

#projectos-subestacoes .search, #projectos-linhas .search, #projectos-reforco .search {
    padding: 5px;
    width: 182px;
    margin-left: 8px;
    border: 1px solid #cccccc;
    outline: none;
    -webkit-transition: border 0.2s ease-in-out;
}

    #projectos-subestacoes .search:focus, #projectos-linhas .search:focus, #projectos-reforco .search:focus {
        border: 1px solid #66afe9;
    }

#projectos-subestacoes ul.list, #projectos-linhas ul.list, #projectos-reforco ul.list {
    list-style: none;
    margin-left: -40px;
}

    #projectos-subestacoes ul.list li, #projectos-linhas ul.list li, #projectos-reforco ul.list li {
        border-bottom: 1px solid #ddd;
        _border: 1px solid black;
        height: 130px;
        _margin-bottom: 25px;
        margin-top: 35px;
        display: none;
    }

        #projectos-subestacoes ul.list li:first-child {
        }

        #projectos-subestacoes ul.list li:last-child, #projectos-linhas ul.list li:last-child, #projectos-reforco ul.list li:last-child {
            border-bottom: none;
        }

.border-invisible {
    border-bottom: none !important;
}

.border-visible {
    border-bottom: 1px solid #ddd !important;
}

#tabela-linhas {
    width: 100% !important;
}

.chart-total-subestacoes {
    margin-left: 30px;
}

    /*#chart-cortes, #chartdiv{
	width	: 100%;
	height	: 500px;
    margin-top: -20px;

}*/
#filtro-atendimento-procura p{
    padding: 10px;
    _background-color: #cf360d;
    color: #111111;
    margin-top: 12px;
    font-weight: bold;
}
#chart-evolucao-carga, #chart-indisponibilidade, #chart-ponta-producao-maxima{
	width	: 100%;
	height	: 387px;
    margin-top: -20px;
}
/*#saifi-anual{
    border-radius: 50px;
    height: 100px;
    background-color:#20acd4;
}

#sari-anual{
    border-radius: 50px;
    height: 100px;
    background-color:rgba(207,54,13,1);
}

#saidi-anual p, #saifi-anual p, #sari-anual p {
    padding: 10px;
    _background-color: #cf360d;
    color: #FFFFFF;
    margin-top: 10px;
    font-weight: bold;
}

#saidi-anual h3, #saifi-anual h3, #sari-anual h3{
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: lighter;
    margin-top: 1px;
}*/	
#chart-perturbacao{
    width: 100%;
    height: 387px;
    margin-top: -10px;
}
#chart-evolucao-carga-anual{
	width	: 100%;
	height	: 280px;
    margin-top: -20px;
}
#chart-evolucao-carga-geral{
	width	: 100%;
	height	: 300px;
    margin-top: -20px;
}	
#chart-ambito-clientela, #chart-satisfacao-procura-energia, #chart-minimizar-ciclo-pagamento, #chart-seguranca-saude-ambiente, 
#chart-tab-1, #chart-tab-2{
	width	: 98%;
	height	: 387px;
    margin-top: -20px;
}
#chart-cortes{
	width	: 98%;
	height	: 435px;
    margin-top: -20px;
}	
#chart-atendimento-procura{
	width	: 100%;
	height	: 300px;
}

#chart-qualidade-servico{
	width: 100%;
    height: 400px;

}

#chart-qualidade-servico .amcharts-main-div {
        margin-left: -15px;
        margin-top: -17px;
}

#chart-atendimento-procura .amcharts-main-div {
        margin-left: -15px;
        margin-top: -17px;
}	

#chart-atendimento-procura-mensal{
	width	: 100%;
	height	: 400px;
}
/*#chart-atendimento-procura .amcharts-main-div {
        margin-left: -15px;
        margin-top: -17px;
}*/

.charts {
    height: 320px;
    margin-top: 40px;
    margin-bottom: 20px;
}


    .planeamento ul.tabs, .charts ul.tabs {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .planeamento ul.tabs li, .projectos ul.tabs li, .charts ul.tabs li {
            background: #eeeeee;
            color: #1f89c3;
            display: inline-block;
            padding: 10px 15px;
            cursor: pointer;
            font-weight: bold;
        }

            .planeamento ul.tabs li.current-planeamento, .projectos ul.tabs li.current-planeamento, .charts ul.tabs li.current-charts {
                background: #1f89c3;
                color: #ffffff;
                font-weight: bold;
            }

    .planeamento .tab-content, .projectos .tab-content, .charts .tab-content {
        display: none;
        background: #ffffff;
        padding-top: 15px;
    }

        .planeamento .tab-content.current-planeamento, .projectos .tab-content.current-planeamento, .charts .tab-content.current-charts {
            display: inherit;
        }

@font-face {
    font-family: 'icomoon';
    src: url('/Assets/fonts/font-icon/icomoon.eot?dq1jbi');
    src: url('/Assets/fonts/font-icon/icomoon.eot?dq1jbi#iefix') format('embedded-opentype'), url('/Assets/fonts/font-icon/icomoon.ttf?dq1jbi') format('truetype'), url('/Assets/fonts/font-icon/icomoon.woff?dq1jbi') format('woff'), url('/Assets/fonts/font-icon/icomoon.svg?dq1jbi#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.dataTables_filter {
    width: 252px;
    float: right;
}
    /*.dataTables_filter label, .dataTables_length label{

    font-weight:lighter;
}*/
.regioes-tooltip{
    text-align: left;
    font-size: 12px;
}
    .dataTables_filter input[type=search] {
        margin-left: 10px;
        box-shadow: none;
    }

        .dataTables_filter input[type=search]:focus {
            box-shadow: none;
        }

.dataTables_length select {
    margin-left: 5px;
    margin-right: 5px;
    box-shadow: none !important;
}

#tabela_paginate {
    width: 290px;
    height: 80px;
    _float: right;
}

#tabela-subestacoes_paginate, #tabela-linhas_paginate, #tabela-projectos-pip_paginate, #tabela-projectos-rp_paginate {
    float: right;
}

.pagination {
    margin-top: -8px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.paginate_button a {
    font-weight: lighter !important;
}

.form-control {
    border-radius: 0;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-sm {
    font-weight: lighter;
    font-size: 14px;
}

#actualizacoes {
    width: 500px;
}

ul#nav-aba {
    list-style: none;
}

    ul#nav-aba li {
        display: inline;
    }

        ul#nav-aba li a {
            padding: 5px 10px;
            border: 1px solid #036;
            text-decoration: none;
            color: #333;
        }

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-earth:before {
    content: "\e900";
}

h2.txt-nome-projecto {
    color: #46505A;
    font-weight: bold;
    font-size: 16px;
}

.saber-mais {
    background-color: #1f89c3;
    color: #FFFFFF;
    padding: 7px;
    margin-left: -12px;
    margin-top: -6px;
    transition: background-color 0.2s ease-in-out;
}

    .saber-mais:hover {
        color: #FFFFFF;
        background-color: #49C5DC;
    }

.simplefilter {
    margin: 0;
    padding: 0;
}

    .simplefilter li {
        float: left;
        cursor: pointer;
        margin-right: 20px;
        list-style: none;
        padding: 5px;
    }

.filtro {
    margin-left: -20px;
}

.clear {
    clear: both;
}

.titulo-noticia {
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.42857143em;
    margin-bottom: 10px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
    max-height: 2.84em; /* 2 times the line-height to show 2 lines */
    font-weight: bold;
}

.Thumbs-projectos {
    border: 1px solid rgba(235, 235, 235, 0.5);
    margin-top: -10px;
    min-height: 177px;
    padding: 8px 12px 28px 12px;
    margin-bottom: 9px;
}

.Thumbs-parceiros {
    border: 1px solid rgba(235, 235, 235, 0.5);
    margin-top: -10px;
    min-height: 26px;
    padding: 8px 12px 28px 12px;
    margin-bottom: 9px;
}

.Thumbs-parceiros {
    text-align: center;
    font-size: 18px;
}

    .Thumbs-parceiros a {
        position: relative;
        top: 16px;
        -webkit-transition: all 0.2s ease-in-out;
    }

.Thumbs-txt-box .link:hover {
    color: #000000 !important;
}

.parceiros {
    margin-left: -15px;
}

.img-circle {
    border-radius: 50%;
}
.ammapDescriptionWindow {
  background-color: #111111;
  padding: 10px;
  border-radius: 5px;

  font-size: 12px;
  opacity: 0.95;
  overflow: auto;
  color: #FFFFFF;
}

.ammapDescriptionTitle {
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
}
/* SVG Chart */

.svg-container {
    width: 100%;
    height: 0;
    /*padding-top: 66%;*/
    padding-top: 62%;
    position: relative;
    margin-top: -50px;
}

.svg-container-map {
    width: 90%;
    height: 0;
    padding-top: 100%;
    position: relative;
}

.svg-container-map-tab2 {
    width: 90%;
    height: 0;
    padding-top: 96%;
    position: relative;
}

.svg-map-list {
    list-style-type: none;
}

.left-map-bt {
    padding: 0;
}

.svg-map-list a {
    color: #fff;
    text-decoration: none;
}

.svg-map-list li {
    background: rgba(124, 123, 122, 0.38);
    margin-bottom: 1px;
    height: 90px;
}

    .svg-map-list li:hover {
        background: rgba(124, 123, 122, 0.58);
    }

    .svg-map-list li:active {
        background: #1E89C3;
    }

.btn-map-on {
    background: #1E89C3 !important;
}
#tabela-projectos-pip_wrapper, #tabela-projectos-rp_wrapper, #tabela-linhas_wrapper, #tabela-subestacoes_wrapper{
    background-color: transparent !important;
}

.subestacao:hover {
    fill: #003300;
}

.hide {
    display: none;
}

/* End SVG Chart */

.footer {
    background-color: #EBEBEB;
    min-height: 106px;
}

    .footer ul {
        padding: 0;
    }

.footer-base {
    background: #2E363E;
    color: #fff;
    font-size: 13px;
    padding-top: 7px;
}

    .footer-base i.fa {
        height: 24px;
        width: 24px;
        border: 1px solid #8c8c8c;
        padding: 5px 6px;
        border-radius: 50%;
        color: #8c8c8c;
        transition: all 0.3s;
    }

    .footer-base i.fa:hover {
        background: #1f89c3;
        border-color: #1f89c3;
        color: #ffffff;
    }

.footer-margin-left{
    width: 319px;
    margin-left: 36px;
}

.footer-social {
    _padding-right: 15px;
    _padding-left: 15px !important;
    _overflow: hidden;
    _width: 600px !important;
    min-height: 0 !important;
    _margin-left: 95px;
    _border: 1px solid black;
    margin-bottom: 15px;

}

    .footer-social ul.facebook {
        list-style: none;
        display: block;
        padding: 0;
        font-size: 13px;
        _width: 200px;
    }
    .footer-social #contactos ul {
        list-style: none;
        display: block;
        padding: 0;
        font-size: 13px;
        _border: 1px solid black;
        _width: 200px;
    }
    .footer-social ul li{
        float: left;
    }


        .footer-social ul li:first-child {
            margin-left: 0px;
        }


        .footer-social ul > li {
            /*_margin-left: 5px;*/
            margin-top: 5px;
            float: left;
            /*margin-left: 15px;*/
        }

        .footer-social #email{
            padding-top: 5px;
            padding-bottom: 5px;
        }



/* GENERIC STYLES*/

#ham-button {
    float: right !important;
}

.no-padding {
    padding: 0px;
}

.no-margins-lr {
    margin-left: 0px;
    margin-right: 0px;
}

/* input forms */



::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color: #fff;
}


/* end input forms */





/* Colors */

.blue {
    color: #1f89c3;
}

/*End colors*/


/* Margins */

.margin-top-12 {
    margin-top: 12px;
}


.margin-top-20 {
    margin-top: 20px;
}

.margin-top-25 {
    margin-top: 25px;
}


.margin-top-14 {
    margin-top: 14px;
}

.margin-top-6 {
    margin-top: 6px;
}


.margin-top-8 {
    margin-top: 8px;
}

.margin-top-0 {
    margin-top: 0px;
}


.margin-top-70 {
    margin-top: 70px;
}


.margin-top-52 {
    margin-top: 81px;
}


.margin-top-40 {
    margin-top: 40px;
}


.margin-bottom-45 {
    margin-bottom: 45px;
}


.margin-bottom-15 {
    margin-bottom: 15px;
}


.margin-bottom-25 {
    margin-bottom: 25px;
}


.margin-bottom-20 {
    margin-bottom: 20px;
}


.margin-left-5 {
    margin-left: 5px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-2 {
    margin-left: 2px;
}


.margin-right-25 {
    margin-right: 25px;
}


.margin-right-10 {
    margin-right: 10px;
}

.margin-right-10 {
    margin-right: 10px;
}

/* END MARGINS */

/*SVG Styles*/

.ic-tab {
    fill: #fff;
}

.ic-svg-size {
    height: 52%;
    margin-top: 4px;
}
.ic-svg-size1 {
    height: 52%;
    margin-top: 4px;
    padding-top: 17px;

}

.left-map-bt h6 {
    margin-top: -6px;
}

/*end svg styles*/



/* TABS LEFT - RIGHT - BELOW */


.nav-tabs-left > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #1E89C3;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs-left > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active {
    color: #fff;
    cursor: default;
    background-color: #1E89C3;
    border-bottom: 1px solid #ddd;
}


    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        color: #fff;
        cursor: default;
        background-color: #1E89C3;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
    }

.nav > li > a {
    padding: 50px 12px;
}


.tabs-left > .nav > li > a {
    color: #F7F7F7;
}


.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

    .tabs-below > .nav-tabs > li {
        margin-top: -1px;
        margin-bottom: 0;
    }

        .tabs-below > .nav-tabs > li > a {
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
        }

            .tabs-below > .nav-tabs > li > a:hover,
            .tabs-below > .nav-tabs > li > a:focus {
                border-top-color: #ddd;
                border-bottom-color: transparent;
            }

    .tabs-below > .nav-tabs > .active > a,
    .tabs-below > .nav-tabs > .active > a:hover,
    .tabs-below > .nav-tabs > .active > a:focus {
    }

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
    border-bottom: 1px solid #fff;
}

    .tabs-left > .nav-tabs > li > a,
    .tabs-right > .nav-tabs > li > a {
        margin-right: 0;
    }

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    width: 100%;
    background: rgba(124, 123, 122, 0.4);
}



    .tabs-left > .nav-tabs > li > a {
        -webkit-border-radius: 0px 0 0 0px;
        -moz-border-radius: 0px 0 0 0px;
        border-radius: 0px 0 0 0px;
    }

        .tabs-left > .nav-tabs > li > a:hover,
        .tabs-left > .nav-tabs > li > a:focus {
            background: rgba(124, 123, 122, 0.5);
            color: #fff;
        }



.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

    .tabs-right > .nav-tabs > li > a {
        margin-left: -1px;
        -webkit-border-radius: 0 0px 0px 0;
        -moz-border-radius: 0 0px 0px 0;
        border-radius: 0 0px 0px 0;
    }

        .tabs-right > .nav-tabs > li > a:hover,
        .tabs-right > .nav-tabs > li > a:focus {
            border-color: #eeeeee #eeeeee #eeeeee #dddddd;
        }

    .tabs-right > .nav-tabs .active > a,
    .tabs-right > .nav-tabs .active > a:hover,
    .tabs-right > .nav-tabs .active > a:focus {
        border-color: #ddd #ddd #ddd transparent;
        border-left-color: #ffffff;
    }


/* Text */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    line-height: 1.3;
}


h1 {
    color: #1f89c3;
}


h2 {
    color: #46505A;
}



h3 {
    color: #46505A;
    font-weight: bold;
    font-size: 21px;
}


h4 {
    color: #46505A;
    font-weight: bold;
    line-height: 1.4;
}

h5 {
    font-size: 13px;
}

h4 small, .h4 small, h4 .small, .h4 .small {
    font-size: 60%;
}

p {
    margin: 0px 0 16px;
    font-size: 14px;
}


h1-txt {
    font-family: Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.2px;
}


/*  End text */

/* Links */

footer a {
    color: #495152;
}


.txt-ellipsis-oneline {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}


.news-h3-headline-ellipsis-m2 {
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    margin: 0 auto;
    font-size: 24px;
    line-height: 1.42857143em;
    margin-top: 12px;
    margin-bottom: 10px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 12px;
    max-height: 2.84em; /* 2 times the line-height to show 2 lines */
}


.news-h4-headline-ellipsis-m2 {
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.42857143em;
    margin-bottom: 10px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
    max-height: 2.84em; /* 2 times the line-height to show 2 lines */
}

.news-body-ellipsis-m4 {
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.42857143em;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 6px;
    max-height: 5.68em; /* 4 times the line-height to show 4 lines */
}

.news-body-ellipsis-m3 {
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.42857143em;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 12px;
    max-height: 4.26em; /* 3 times the line-height to show 3 lines */
}

.news-body-ellipsis-m2 {
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.42857143em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 12px;
    max-height: 2.90em; /* 2 times the line-height to show 2 lines */
}

.news-body-ellipsis-m1 {
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.42857143em;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 6px;
    max-height: 1.42857143em; /* 1 times the line-height to show 1 lines */
}

a {
    color: #1f89c3;
    font-weight: bold;
}


    a:hover, a:focus {
        text-decoration: none;
        outline: none;
    }


    a.two:link, a.two:visited {
        font-weight: normal;
        font-size: 13px;
        color: #46505A;
        text-decoration: none;
    }

    a.two:hover {
        text-decoration: none;
        font-weight: normal;
        color: #1f89c3;
    }

    a.two:active {
        text-decoration: none;
        font-weight: normal;
        color: #1f89c3;
    }



    /* links sub menu */

    a.one:link, a.one:visited {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 13px;
        /* letter-spacing : -0.13px; */
        color: #46505A;
        text-decoration: none;
    }


    a.one:hover {
        color: hotpink;
        text-decoration: none;
        color: #1E89C3;
    }

    a.one:active {
        text-decoration: none;
        color: #1E89C3;
    }

/* links sub menu */


.btn-links {
    color: #fff;
    background-color: #49C5DC;
}

    .btn-links:hover, .btn-links:focus, .btn-links.focus, .btn-links:active, .btn-links.active, .open > .dropdown-toggle.btn-links {
        background-color: #3698AA;
        color: #fff;
    }




/* End Links */

/* Carousel */

.carousel-caption {
    position: absolute;
    height: 122px;
    right: 15%;
    bottom: 0px;
    left: 15%;
    z-index: 10;
    padding-top: 8px;
    padding-bottom: 20px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.7);
}






.news-block {
    /*margin-top: 20px;*/
}


.container-fluid {
    padding-left: 0;
    padding-right: 0;
}


.news {
    /*font-size: 14px;
    margin-top: 12px;*/
}


    .news.notif {
        margin-top: 0px;
    }


.page-header {
    margin: 0px;
    background-image: url("/assets/images/h_bg.png");
    background-repeat: repeat-x;
    padding-bottom: 0px;
    border-bottom: 1px solid #eee;
}

    /* line 74, ../SASS CSS/my.scss */
    .page-header a {
        color: #495152;
    }

.news > strong {
    display: block;
    margin-bottom: 20px;
}


.page-header .img-responsive {
    display: inline;
}

.img-responsive {
    overflow: hidden;
    width: 100%;
    _min-height: 100%;
    position: relative;
}

.img-logo-responsive {
    overflow: hidden;
    width: 100%;
    min-height: 100%;
    position: relative;
    min-height: 48px;
    min-width: 48px;
}


/* line 92, ../SASS CSS/my.scss */
.header-sub-text {
    margin-top: 44px;
    font-size: 16px;
}

/* Home News Thumbs */

.news img {
    margin-right: 20px;
    margin-bottom: 20px;
    /*float: left;*/
}

.Thumb-news-image {
    overflow: hidden;
    width: 100%;
    min-height: 100%;
    position: relative;
}

.Thumbs-txt-box {
    background-color: rgba(235, 235, 235, 0.5);
    margin-top: -10px;
    min-height: 195px;
    padding: 8px 12px 28px 12px;
    margin-bottom: 9px;
}

/*Gallery Panel*/
.panel{
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

    .panel .Thumbs-txt-box {
        background-color: #fff;
        margin-top: 0px;
        height: auto;
        padding: 8px;
        min-height: 60px;
        margin-bottom: 28px;
    }

    .panel .Thumb-news-image {
        height: 172px;
        overflow: hidden;
        width: 100%;
        min-height: 100%;
        position: relative;
    }

    .panel p {
        margin: 0 0 6px;
        font-size: 14px;
    }


.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}


/*end gallery*/

/* line 101, ../SASS CSS/my.scss */
.right-news {
    padding-bottom: 30px;
}

/* line 104, ../SASS CSS/my.scss */
.left-column {
    padding-right: 65px;
}

/* line 107, ../SASS CSS/my.scss */
.solo-page p {
    font-size: 15px;
}

/* line 110, ../SASS CSS/my.scss */
.solo-page h2 {
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 45px;
}

/* line 115, ../SASS CSS/my.scss */
.solo-page h2, .solo-page h3 {
    font-size: 21px;
}

/* line 118, ../SASS CSS/my.scss */
.last-docs span {
    font-size: 12px;
}

/* Nav bar top menu */


.header-sub-text {
    margin-top: 31px;
}


.dropdown-menu {
    border: none;
    border-radius: 0;
    background-color: #1f89c3;
    transition: 0.3s;
    padding: 0;
    
}
#search-box .search-bar form{
    /*border: 1px solid black;*/
}
#search-box{
    margin-left:7px;
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        color: #ffffff;
        text-decoration: none;
        background-color: #1ea3db;
        transition: 0.4s;
    }

.search-bar button {
    background-color: #111;
    border: none;
    color: #fff;
    height: 30px;
}

.carousel-indicators li {
    border: none;
    background-color: #fff;
}

.carousel-indicators .active {
    background-color: #1E89C3;
    border: none;
}

.navbar-rnt a {
    color: inherit;
}


.navbar > li:hover {
    background-color: #1f89c3;
    transition: 0.3s;
}


.navbar-nav li a {
    line-height: 32px;
    height: 40px;
}


.nav > li > a {
    padding-top: 15px;
    padding-bottom: 45px;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #1f89c3;
    color: #fff;
}


.dropdown-menu li a {
    line-height: 20px;
    color: #fff;
    padding-top: 10px;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #F2FBFF;
    color: #1f89c3;
}

#fluxo-pagamento .nav > li > a:hover, #fluxo-pagamento .nav > li > a:focus {
    background-color: #052f4a;
    color: #FFFFFF;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}
#fluxo-pagamento #descricao{
    text-align: center;
}
#menu-fluxo-pagamento{
    margin-left: 63px;
}
#menu-gestao-rede-transporte{
    margin-left: 158px;
}
.nav > li > a:active {
    background-color: #F2FBFF;
    color: #1f89c3;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: none;
}

.btn-group > .dropdown-menu li a {
    line-height: 36px;
    color: #fff;
}

.btn-group > .dropdown-menu {
    margin: 0 0 0;
    right: 0;
    left: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}



/* end nav bar */



/* IMAGE POSITION OPTIONS */
/* line 199, ../SASS CSS/my.scss */
.img-left-top {
    margin-right: 40px;
    margin-bottom: 40px;
}

/* line 203, ../SASS CSS/my.scss */
.img-left-middle {
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

/* line 208, ../SASS CSS/my.scss */
.img-right-top {
    margin-left: 20px;
    margin-bottom: 20px;
}

/* line 212, ../SASS CSS/my.scss */
.img-right-middle {
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

/* line 217, ../SASS CSS/my.scss */
.img-height-290 {
    height: 290px;
}

/* END IMAGE POSITION OPTIONS */
/* CAROUSEL */
/* line 223, ../SASS CSS/my.scss */
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -60px;
}


.carousel-control .glyphicon-chevron-left, .carousel-control .icon-next {
    margin-left: -60px;
}


.carousel-indicators {
    /*bottom: 0px;*/
    right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}


    .carousel-indicators .active {
        background-color: #1f89c3;
    }


    .carousel-indicators li {
        border: 1px solid #1f89c3;
    }

/* END CAROUSEL */


/* line 240, ../SASS CSS/my.scss */
.clear {
    clear: both;
}

/* line 243, ../SASS CSS/my.scss */
.login-box {
    width: 798px;
    padding: 14px 30px;
    background-color: #dee2df;
    /*text-align: center;*/
}

/* line 249, ../SASS CSS/my.scss */
.submeter-box {
    width: 435px;
}

/* line 252, ../SASS CSS/my.scss */
.video-container {
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
}

/* line 257, ../SASS CSS/my.scss */
.login-box label {
    font-size: 15px;
    margin-right: 5px;
}


.login-box input[type="text"] {
    margin-right: 35px;
    height: 28px;
}


.login-box input[type="password"] {
    margin-right: 35px;
    height: 28px;
}


.btn {
    border-radius: 0px;
    background-color: #fff;
    border-color: #1f89c3;
    font-size: 14px;
    font-weight: bold;
    -webkit-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
}

    .btn:hover {
        background-color: #1f89c3;
        color: #ffffff;
    }


.btn-default:hover {
    color: #333;
    background-color: #eee;
    border-color: #eee;
}

.btn-primary {
    background-color: #337ab7;
    border-color: #337ab7;
    border-radius: 0px;
}


    .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active {
        background-color: #1f89c3;
        border-color: #1f89c3;
    }


.open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}


.btn-login {
    background-color: #1364a0;
    color: #fff;
    width: 94px;
}

    /* line 274, ../SASS CSS/my.scss */
    .btn-login:hover, .btn-login:focus, .btn-login:active {
        background-color: #1f89c3;
        color: #fff;
    }

/* line 278, ../SASS CSS/my.scss */
.btn-submeter {
    width: 150px;
    background-color: #1364a0;
    color: #fff;
    float: right;
}

    /* line 284, ../SASS CSS/my.scss */
    .btn-submeter:hover, .btn-submeter:focus, .btn-submeter:active {
        background-color: #1f89c3;
        color: #fff;
    }

/* line 288, ../SASS CSS/my.scss */
.login-box p {
    font-size: 12px;
}

/* line 291, ../SASS CSS/my.scss */
.contactos-detail {
    float: left;
    margin-left: 20px;
}

    /* line 295, ../SASS CSS/my.scss */
    .contactos-detail h2 {
        color: #1f89c3;
        margin-top: 0px;
        margin-bottom: 20px;
    }




/* line 310, ../SASS CSS/my.scss */
.eixoi h1, .eixoi h2, .eixoi h3, span.eixoi {
    color: #E7DD34;
}

/* line 313, ../SASS CSS/my.scss */
div .eixoi table th, div .eixoii table th, div .eixoiii table th {
    text-align: center;
}

    /* line 316, ../SASS CSS/my.scss */
    div .eixoi table th.width-12, div .eixoii table th.width-12, div .eixoiii table th.width-12 {
        width: 12%;
    }

    /* line 319, ../SASS CSS/my.scss */
    div .eixoi table th.width-29, div .eixoii table th.width-29, div .eixoiii table th.width-29 {
        width: 29%;
    }

/* line 322, ../SASS CSS/my.scss */
.eixoii h1, .eixoii h2, .eixoii h3, span.eixoii {
    color: #5DBB46;
}

/* line 325, ../SASS CSS/my.scss */
.eixoiii h1, .eixoiii h2, .eixoiii h3, span.eixoiii {
    color: #49C5DC;
}

/* line 328, ../SASS CSS/my.scss */
div .eixoi h2.subtitle, div .eixoii h2.subtitle, div .eixoiii h2.subtitle {
    color: #1f89c3;
}

/* EXEMPLOS */
/* line 333, ../SASS CSS/my.scss */
.exemplos {
    overflow: hidden;
}

    /* line 336, ../SASS CSS/my.scss */
    .exemplos h3 {
        float: left;
        display: inline-block;
        width: 300px;
        color: #fff;
        padding: 30px;
        font-size: 16px;
        margin: 0;
        font-weight: normal;
        height: 180px;
    }

    /* line 347, ../SASS CSS/my.scss */
    .exemplos ul {
        float: left;
        width: 530px;
        padding-top: 10px;
    }

/* line 352, ../SASS CSS/my.scss */
.eixoi .exemplos h3 {
    background-color: #E7DD34;
}

/* line 355, ../SASS CSS/my.scss */
.eixoii .exemplos h3 {
    background-color: #5DBB46;
}

/* line 358, ../SASS CSS/my.scss */
.eixoiii .exemplos h3 {
    background-color: #49C5DC;
}

/*END EXEMPLOS*/
/* line 363, ../SASS CSS/my.scss */
a.contacts {
    padding: 10px;
    color: #fff;
    text-decoration: none;
}

/* line 369, ../SASS CSS/my.scss */
a:hover.contacts, ul:hover.reserved, div:focus.reserved, div:hover.reserved {
    background-color: #1f89c3;
}

/* line 372, ../SASS CSS/my.scss */
div.reserved {
    background-color: #1364a0;
    margin: 0;
    position: relative;
}

    /* line 377, ../SASS CSS/my.scss */
    div.reserved a {
        color: #fff;
        text-decoration: none;
        padding: 8px;
        display: block;
    }

/* line 383, ../SASS CSS/my.scss */
ul.reserved-menu {
    background-color: #1f89c3;
    position: absolute;
    list-style: none;
    padding: 0;
    display: none;
    z-index: 1;
    width: 100%;
}

    /* line 392, ../SASS CSS/my.scss */
    ul.reserved-menu a {
        font-weight: normal;
        padding: 10px 8px;
        display: block;
    }

        /* line 397, ../SASS CSS/my.scss */
        ul.reserved-menu a:hover {
            background-color: #27aae2;
            color: #1f89c3;
        }

/* line 401, ../SASS CSS/my.scss */
ul.contacts li {
    display: inline;
}

/* line 404, ../SASS CSS/my.scss */
.align-right {
    text-align: right;
}

/* line 407, ../SASS CSS/my.scss */
.end {
    font-size: 11px;
}

/* line 410, ../SASS CSS/my.scss */
span.followus {
    float: left;
    margin-right: 5px;
    font-size: 12px;
    margin-top: 2px;
}

/* line 416, ../SASS CSS/my.scss */
img.logos {
    margin: 25px 0px;
}

/* line 419, ../SASS CSS/my.scss */
.carousel-caption {
    background-color: rgba(0, 0, 0, 0.6);
    left: 0;
    right: 0;
    width: 100%;
    height: 140px;
}

    /* line 425, ../SASS CSS/my.scss */
    .carousel-caption h3 {
        color: #ffffff;
    }

.title-introduction {
    _width: 1110px;
    _margin: 0 auto;
    _text-align: left;
}
/* line 428, ../SASS CSS/my.scss */
.warning {
    color: #333;
    padding: 10px 20px;
    margin-top: 12px;
    clear: both;
    font-size: 14px;
}

/* line 435, ../SASS CSS/my.scss */
.warning_sucess {
    background-color: #DDFFD5;
}

/* line 438, ../SASS CSS/my.scss */
.warning_error {
    background-color: #FFDDD5;
}

/* line 441, ../SASS CSS/my.scss */
.warning span {
    margin-left: 20px;
}

/* line 444, ../SASS CSS/my.scss */
.warning .fa-remove {
    margin-top: 3px;
    float: right;
    cursor: pointer;
}

/* line 449, ../SASS CSS/my.scss */
p.login_error {
    font-weight: bold;
    color: #C80909;
    font-size: 14px;
}

/* line 454, ../SASS CSS/my.scss */
.docs-list a {
    display: block;
}

/* line 457, ../SASS CSS/my.scss */
.docs-list span {
    display: block;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 12px;
}

/* line 463, ../SASS CSS/my.scss */
.docs-list h2 {
    margin-bottom: 5px;
}



.search > ul {
    left: -342px;
}

.search[aria-expanded="true"],
.search[aria-expanded="true"]:active,
.search[aria-expanded="true"]:hover {
    background-color: #1f89c3 !important;
    color: #fff !important;
}



div.search_news input[type="text"] {
    margin: 18px 0px 0px 0px;
    width: 90%;
    height: 35px;
    padding-left: 10px;
}

/* line 472, ../SASS CSS/my.scss */
div.search_news button {
    margin: 18px 0px 0px 0px;
    width: 10%;
    color: #fff;
    background-color: #1364a0;
    border: none;
    height: 35px;
}

    /* line 480, ../SASS CSS/my.scss */
    div.search_news button:hover {
        background-color: #1f89c3;
    }

/* line 483, ../SASS CSS/my.scss */
ul.filter {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 16px;
}

    /* line 489, ../SASS CSS/my.scss */
    ul.filter li:first-child {
        line-height: 14px;
        text-transform: uppercase;
        border: none;
        padding: 0;
        font-size: 14px;
        background-color: #1364a0;
        color: #fff;
        font-weight: bold;
        padding: 8px 5px 8px 10px;
        cursor: auto;
    }

        /* line 501, ../SASS CSS/my.scss */
        ul.filter li:first-child:hover {
            background-color: #1364a0;
            color: #fff;
        }

    /* line 505, ../SASS CSS/my.scss */
    ul.filter li {
        line-height: 12px;
        font-size: 12px;
        color: #1f89c3;
        padding: 6px 24px;
        cursor: pointer;
    }

        /* line 512, ../SASS CSS/my.scss */
        ul.filter li:hover, ul.filter li.active {
            font-weight: bold;
            color: #1f89c3;
        }

/* line 516, ../SASS CSS/my.scss */
.icon-bar {
    background-color: #fff;
}

/* line 519, ../SASS CSS/my.scss */
.left-column {
    padding-right: 15px;
}


.search-bar {
    /*display: none;*/
    /*position: absolute;*/
    /*z-index: 1;*/
   
    /*right: 105px;
    top: 90px;*/
    padding: 10px;
    background-color: #1f89c3;
    _margin-left: 10px;
}


    .search-bar input[type="submit"] {
        background-color: #333;
        border: none;

        color: #fff;
        height: 30px;
        font-weight: bold;
        -webkit-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        -o-transition: background-color 0.2s ease-in-out;
        -ms-transition: background-color 0.2s ease-in-out;
        margin-top: 6px;
    }

        .search-bar input[type="submit"]:hover {
            background-color: #eee;
            color: #111111;
        }


    .search-bar input[type="text"] {
        padding-left: 0px;
        width: 349px;
        height: 27px;
        color: #fff;
        background-color: #1f89c3;
        border: none;
        border-bottom: 1px solid #ffffff;
    }


    .search-bar input[type=text]:focus {
        outline: none;
        box-shadow: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

/* line 545, ../SASS CSS/my.scss */
#navbar-collapse {
    position: relative;
}

/* line 548, ../SASS CSS/my.scss */
.news-page h4, .results-page h4 {
    margin-top: 0px;
}

/* line 551, ../SASS CSS/my.scss */
.news-page {
    margin-bottom: 40px;
}

/* line 554, ../SASS CSS/my.scss */
.results-page {
    margin-bottom: 30px;
}

    /* line 557, ../SASS CSS/my.scss */
    .news-page a, .results-page a {
        
        font-size: 18px;
        margin-bottom: 10px;
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        -o-transition: color 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out;
    }

        /* line 562, ../SASS CSS/my.scss */
        .news-page a:hover, .news-page a:focus, .results-page a:hover, .results-page a:focus {
            color: #23527c;
            text-decoration: underline;
        }

/* line 566, ../SASS CSS/my.scss */
.caret {
    margin-left: 6px;
}

/* line 569, ../SASS CSS/my.scss */
.results-page span.type {
    font-weight: bold;
    font-size: 18px;
    color: #333;
}

/* line 574, ../SASS CSS/my.scss */
ul.simple_list, ol.simple_list {
    padding: 0;
    margin-top: 20px;
}

    /* line 578, ../SASS CSS/my.scss */
    ul.simple_list li:first-child, ol.simple_list li:first-child {
        margin-left: 0px;
        font-weight: bold;
        font-size: 14px;
        list-style: none;
    }

    /* line 584, ../SASS CSS/my.scss */
    ul.simple_list li, ol.simple_list li {
        margin-left: 25px;
        font-size: 14px;
        list-style: disc;
    }

        /* line 589, ../SASS CSS/my.scss */
        ul.simple_list li.ul_subtitle, ol.simple_list li.ul_subtitle {
            margin-left: 0px;
            font-weight: bold;
            font-size: 14px;
            list-style: none;
        }

/*TABS*/
/* line 597, ../SASS CSS/my.scss */
#tab_container li.active {
    background-color: #fff;
}

/* line 600, ../SASS CSS/my.scss */
#tab_container .tab-content {
    padding-top: 15px;
    padding-bottom: 50px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #F7F7F7;
}

/* line 607, ../SASS CSS/my.scss */
#tab_container .nav-tabs {
    border: none;
}

    /* line 610, ../SASS CSS/my.scss */
    #tab_container .nav-tabs li {
        border: none;
        margin: 0;
        background-color: #e2e2e2;
        border-right: 2px solid #cacaca;
    }

    /* line 616, ../SASS CSS/my.scss */
    #tab_container .nav-tabs > li > a {
        border-radius: 0px;
        border: none;
        margin: 0;
    }

    /* line 621, ../SASS CSS/my.scss */
    #tab_container .nav-tabs > li.active > a, #tab_container .nav-tabs > li.active > a:hover, #tab_container .nav-tabs > li.active > a:focus {
        background-color: #F7F7F7;
        border: none;
        margin: 0;
        color: #555;
        border-top: 2px solid #1f89c3;
    }

/* line 628, ../SASS CSS/my.scss */
#tab_container .nav > li > a:hover, #tab_container .nav > li > a:focus {
    background-color: #F7F7F7;
    color: #217681;
}

/* line 632, ../SASS CSS/my.scss */
ul.reunioes_list {
    padding-left: 0px;
}

/* line 635, ../SASS CSS/my.scss */
.reunioes_list li {
    margin-left: 30px;
}

    /* line 638, ../SASS CSS/my.scss */
    .reunioes_list li:first-child {
        list-style: none;
        font-weight: bold;
        margin-left: 0px;
        margin-bottom: 10px;
        font-size: 16px;
    }

/* line 645, ../SASS CSS/my.scss */
ul.option_year {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    float: right;
    list-style: none;
}

    /* line 651, ../SASS CSS/my.scss */
    ul.option_year li {
        float: left;
        margin-left: 15px;
        font-size: 12px;
    }

        /* line 656, ../SASS CSS/my.scss */
        ul.option_year li.active {
            float: left;
            text-decoration: underline;
        }

            /* line 660, ../SASS CSS/my.scss */
            ul.option_year li.active a, a.show-all.active, a:hover.show-all, ul.option_year li a:hover {
                color: #2F4144;
                text-decoration: underline;
            }

/* line 664, ../SASS CSS/my.scss */
a.show-all {
    float: right;
}

/* line 667, ../SASS CSS/my.scss */
ul.option_year li.active a {
    color: #2F4144;
    background-color: transparent;
}

/* line 671, ../SASS CSS/my.scss */
.option_year li:first-child {
    font-weight: normal !important;
    font-size: 12px !important;
}

/*END TABS*/
/* ACCORDEON */
/* line 678, ../SASS CSS/my.scss */
.panel-default > .panel-heading {
    color: #FFF;
    background-color: #1f89c3;
}

/* line 682, ../SASS CSS/my.scss */
.see-more {
    float: right;
    margin-top: 20px;
    border-radius: 4px !important;
}

/* END ACCORDEON */



@media only screen and (max-width: 768px) {


    .search-bar input[type="text"] {
        padding-left: 2px;
        width: 80%;
        height: 27px;
    }


    .filters {
        display: none;
    }


    .fa.fa-filter {
        margin-top: 20px;
        color: #1364a0;
    }

    /* line 708, ../SASS CSS/my.scss */
    .login-box label {
        margin-top: 6px;
    }

    /* line 711, ../SASS CSS/my.scss */
    .login-box, .login-box input {
        width: 100%;
    }

    /* line 714, ../SASS CSS/my.scss */
    .btn-login {
        margin-top: 12px;
        float: right;
    }

    /* line 718, ../SASS CSS/my.scss */
    .contactos-detail {
        margin-left: 3220px;
    }

    /* line 721, ../SASS CSS/my.scss */
    .carousel-caption {
        padding-top: 0px;
        padding-bottom: 0px;
        bottom: 0;
    }

        /* line 726, ../SASS CSS/my.scss */
        .carousel-caption h3 {
            font-size: 14px;
        }

    /* line 729, ../SASS CSS/my.scss */
    .fa.fa-home.fa-2x {
        line-height: 50px;
    }

    /* line 732, ../SASS CSS/my.scss */
    .news img {
        margin-right: 0px;
        width: 100%;
    }

    /* line 736, ../SASS CSS/my.scss */
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -15px;
    }


    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-next {
        margin-left: -15px;
    }


    .search-xs {
        height: 30px;
        margin: 10px;
        float: right;
        width: 76%;
    }


    .search-button {
        background: none;
        color: #fff;
        border: none;
        margin-top: 12px;
    }


    footer {
        line-height: 55px;
    }


        footer img {
            float: none;
            margin-top: 10px;
        }

    .navbar-toggle {
        padding: 9px 0px;
    }



    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
        padding-top: 10px;
    }


    .left-map-bt {
        padding: 15;
        width: 90%;
    }
}


@media only screen and (max-width: 1200px) {


    .nav > li > a:hover, .nav > li > a:focus {
        background-color: #1C7DB2;
        color: #fff;
    }

    footer img {
        float: none;
        margin-top: 10px;
    }


    .footer-social {
        padding-right: 15px;
        padding-left: 15px;
        overflow: hidden;
    }


        .footer-social ul {
            list-style: none;
            display: block;
            padding: 0;
        }

            /* line 802, ../SASS CSS/my.scss */
            .footer-social ul li:first-child {
                margin-left: 0px;
            }

            /* line 805, ../SASS CSS/my.scss */
            .footer-social ul > li {
                float: left;
                margin-left: 15px;
            }

    /* line 809, ../SASS CSS/my.scss */
    .search-xs {
        height: 30px;
        margin: 10px;
        float: right;
        width: 76%;
    }

    /* line 815, ../SASS CSS/my.scss */
    .search-button {
        background: none;
        color: #fff;
        border: none;
        margin-top: 12px;
    }

    /* line 821, ../SASS CSS/my.scss */
    .search-bar {
        right: 15px;
    }
}

@media only screen and (max-width: 992px) {
    .logotipos{
        text-align: center;
    }
    .navbar-toggle {
        margin-right: 0px;
        margin-left: 0px;
        padding: 9px 0px;
    }

    .search-bar {
        background-color: #145A7F;
    }

        .search-bar input[type="text"] {
            background-color: #145A7F;
            width: 75%;
        }

    .nav > li {
        color: #EBEBEB;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 0px;
        background-color: black;
    }

    .navbar-nav .open .dropdown-menu {
        background-color: #145A7F;
        position: static;
        float: none;
        width: auto;
    }

    .navbar-header {
        float: none;
    }


    .navbar-left, .navbar-right {
        float: none !important;
    }


    .navbar-toggle {
        display: block;
    }


    .navbar-collapse {
        border-top: 1px solid transparent;
        width: 100%;
    }




    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }


    .navbar-collapse.collapse {
        display: none !important;
    }


    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
        background-color: #1f89c3;

    }


        .navbar-nav > li {
            float: none;
            border-bottom: 1px solid #145A7F;
        }


            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }


    .collapse.in {
        display: block !important;
    }
}

.root-menu-active {
}

.root-child-menu-active {
    color: #ccc;
    text-decoration: none;
    background-color: #46505A;
}


.single-menu-option {
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 32px;
    height: 60px;
}


/*MENU ON MOUSEOVER*/

@media only screen and (min-width: 991px) {

    ul.nav li.dropdown:hover ul.dropdown-menu {
        display: block;
    }

    ul.nav li.dropdown:hover > a {
        background-color: #1f89c3;
        color: #fff;
    }

    Added by JG #viewMore {
        text-align: center;
    }

    .secondarySeemore {
        border-color: #000000;
        color: #000000;
        font-family: 'OpenSansSemibold';
        background-color: transparent;
        transition: all 0.2s ease 0s;
        margin: 35px auto;
    }

        .btn-secondarySeemore:hover, .secondarySeemore:focus, .secondarySeemore.focus, .secondarySeemore:active, .secondarySeemore.active {
            background-color: transparent;
            color: #000000;
        }

    .node.hollow {
        width: 50px;
        display: none;
    }

    .node.photo-chart.chart-light-gray.hollow {
    }

    .cube-masonry .cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active {
        color: #FFFFFF;
        background-color: #1f89c3;
        border-color: #1f89c3;
        cursor: default;
    }
