/*
//
// Alteracao da tag html na linha 1083 do arquivo
// http://localhost:8080/pentaho/api/repos/pentaho-cdf-dd/resources/styles/lib/saude-go/css/bootstrap.css
//
// Nesse arquivo a tag font-size: 10px altera o valor típico de 16px
// O Bootstrap usa esse valor default de referência para outras tags
//
*/

html {
    font-size: 16px;
}

body {
    background-color: #dfe0cc;
}

.table_color {
    background-color: #dfe0cc;
}


.leaflet-container {
    cursor:crosshair;
}

.leaflet-interactive.css-layer {
    cursor: crosshair
}

.popup_informacoes {
    position: fixed;
    display: none;
    border-radius: 10px;
    border: 1px solid #bbb;
    padding: 10px; 
    z-index: 9999;    
    box-shadow: 1px 3px 20px rgba(30,30,30,.3);
    background-color: white;
}

.table-border-info {
    font: 12px 'Helvetica Neue', Arial,Helvetica, sans-serif;
}

  .table-border-info > thead > tr > th
, .table-border-info > tbody > tr > th
, .table-border-info > tfoot > tr > th
, .table-border-info > thead > tr > td
, .table-border-info > tbody > tr > td
, .table-border-info > tfoot > tr > td {
    line-height: 1 !important;
}

  .table-border-gray > thead > tr > th
, .table-border-gray > tbody > tr > th
, .table-border-gray > tfoot > tr > th
, .table-border-gray > thead > tr > td
, .table-border-gray > tbody > tr > td
, .table-border-gray > tfoot > tr > td {
    line-height: 0.5 !important;
    border: 1px solid #f5f5f5 !important;
}

.container-fluid {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.row, .row > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.col-xs-12 {
    min-height: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.panel-footer {
    padding: 0px;
    font-size: 12px;
}

#resize_wrapper {
	position: absolute;
	top: 5em;
	left: 1em;
	right: 1em;
	bottom: 1em;
}

.red {
    background-color: red;
}
.blue {
    background-color: blue;
}
.green {
    background-color: green;
}
.yellow {
    background-color: yellow;
}

.square {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 20px;
    left: 20px;
    
    opacity: 0;
    transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s; /* Safari */
}

.tooltip {
    background-color: #f00 !important;
}

.tooltip > in { 
    background-color: #ff0 !important;
}

.leaflet-popup-content-wrapper,
.map-tooltip {
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 3px 20px rgba(30,30,30,.3);
}

.app-nowrap {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.marker_container{
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 20px;
}

.marker_fixed{
    width: 20px;
    font-size: 13px;
    font-weight: bold;
    color: white;
}

.marker_flex-item {
    flex-grow: 1;
    min-width: 40px;
    font-size: 12px;
    font-weight: bold;
    color: #333;
}

#data_table_id {
    _margin: 0 auto;
    _width: 100%;
    _clear: both;
    _border-collapse: collapse;
    table-layout: fixed; /* add this */
    _word-wrap:break-word; /* add this */
}

#data_table_id tbody tr {
    cursor: pointer; 
}

table tbody tr {
    cursor: default; 
}

#table_modal_fases_progreso tbody td:nth-child(n + 3) {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

#table_modal_fases_progreso tbody td:nth-child(n + 3)::after {
    font-size: 13px;
    content: "%";
    color: gray;
}

.select_fases_Nome {
    display: block; 
    position: absolute; 
    top: 10px; 
    left: 20px;
    font-size: 23px;
    font-weight: bold;
    color: gray;
}

.select_fases_texto {
    padding: 0 0 0 10px;
    vertical-align: middle; 
}

.div_select_fases {
    display: block; 
    position: absolute; 
    top: 15px; 
    left: 150px;
    font-size: 14px;
    color: gray;
}

.select_fases {
    width: 350px !important;
}

.div_select_fase_respostas {
    display: block;
    position: absolute;
    top: 15px;
    left: 570px;
    font-size: 14px;
    color: gray;
}

.select_fase_respostas {
    width: 180px !important;
}

 
.info_mapa {
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px !important;
    padding: 1px 10px !important;
}


.meter { 
  height: 10px;
  position: relative;
  background: #ddd;
  border-radius: 25px;
  margin-top: 3px;
  padding: 0px;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: rgb(43,194,83);
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}

.table_estab_saude_fases {
    font-size: 11px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 3px 0 0 0;
}

/*
//
// Mapa
//
*/

.mapa_nome_municipio {
    font-size: 12px;
    font-weight: bold;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: gray;
}

.info {
    font-size: 12px;
    font-weight: normal;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #555;
}

.mapa_questoes_respondidas_porcentagem {
    font-size: 13px;
    font-weight: bolder;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 0.5;
    color: #555;
}

.mapa_questoes_respondidas_etapas {
    font-size: 11px;
    font-weight: bolder;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: gray;
}

.mapa_questoes_respondidas_etapas_porcentagem {
    font-size: 11px;
    font-weight: bolder;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: black;
}

div.legenda {
	width: 100px;
	height: 10px;
	background-color: '#aaa';
}

.col_width {
	width: 30px;
	height: 20px;
	font-size: 12px;
	text-align: center;
	color: white;
	border-radius: 2px;
}

.th_padding {
	padding: 0px;
}

#mContador {
    margin-right: 10px;
}


.select {
    margin-top:5px;
    margin-bottom:5px;
}

/*reduz o tamanho do botao "I" que abre o modal*/
.btn-circle {
    width: 18px;
    height: 16px;
    padding: 1px 0;
    font-size: 8px;
}