#brmap { display: block; position: absolute; top: 0; left: 0; }
#brmap .state .shape { stroke-width: 0; }
#brmap .state .label_icon_state { fill: #fff; font-family: Arial; font-size: 10px; font-weight: normal; line-height: 12px; }
#brmap .state .label_state { display: none; font-family: Arial; font-size: 14px; font-weight: bold; line-height: 16px; }
#brmap .state:hover .label_state, #brmap .state.hover .label_state { display: block; }

#brmap .green .state .shape { fill: #6cb361; }
#brmap .green .state .icon_state { fill: #10592f; }
#brmap .green .state .label_icon_state { fill: #fff; }
#brmap .green .state .label_state { fill: #666; }
#brmap .green .state:hover .shape, #brmap .green .state.hover .shape, #brmap .green .stateselected .shape { fill: #167a41; }
#brmap .green .state:hover .icon_state, #brmap .green .state.hover .icon_state { fill: #167a41; }

#brmap .blue .state .shape { fill: #2268ad; }
#brmap .blue .state .icon_state { fill: #00365e; }
#brmap .blue .state .label_icon_state { fill: #fff; }
#brmap .blue .state .label_state { fill: #666; }
#brmap .blue .state:hover .shape, #brmap .blue .state.hover .shape, #brmap .blue .stateselected .shape { fill: #00508e; }
#brmap .blue .state:hover .icon_state, #brmap .blue .state.hover .icon_state { fill: #00508e; }

#brmap .gray .state .shape { fill: #D8D6D6; }
#brmap .gray .state .icon_state { fill: #BBB; }
#brmap .gray .state .label_icon_state { fill: #777777; }
#brmap .gray .state .label_state { fill: #fff; }
#brmap .gray .state:hover .shape, #brmap .gray .state.hover .shape, #brmap .gray .stateselected .shape { fill: #BBBBBB; }

#brmap .orange .state .shape { fill: #F9AA3B; }
#brmap .orange .state .icon_state { fill: #E09021; }
#brmap .orange .state .label_icon_state { fill: #fff; }
#brmap .orange .state .label_state { fill: #666; }
#brmap .orange .state:hover .shape, #brmap .orange .state.hover .shape, #brmap .orange .stateselected .shape { fill: #E09021; }
#brmap .orange .state:hover .icon_state, #brmap .orange .state.hover .icon_state { fill: #E09021; }

/* 1 a 4 */ 
.muitobaixo {
	fill: #ff3b00;
}

/* 5 a 9 */ 
.baixo {
	fill: #ff3b00;
}

/* 10 a 14 */ 
.medio{
	fill: #ff3b00;
}

/* 15 a ... */ 
.alto{
	fill:#ff3b00;
}

.bola-escala1 {
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid #77CE70;
    background-color: #77CE70;
}

.bola-escala2 {
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid #40C735;
    background-color: #40C735;
}

.bola-escala3 {
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid #359E2D;
    background-color: #359E2D;
}

.bola-escala4 {
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid #2F7929;
    background-color: #2F7929;
}

.escala {
	font-weight: bold;
	margin-top: 20px;
}

.detalhes {
	margin-top: 20px;
}

.texto-escala {
	margin-bottom: 1px;
}

#popup{
  display: none;
}
#meumapa{
  margin-top: 15px;
  margin-bottom: 40px;
}
table {
  width: 100%;
}

thead, tbody, tr, td, th { display: block; }

tr:after {
  content: ' ';
  display: block;
  visibility: hidden;
  clear: both;
}

thead th {
  height: 30px;

  /*text-align: left;*/
}

tbody {
  height: 580px;
  overflow-y: auto;
}

thead {
  /* fallback */
}


th.data {
  width: 40%;
  float: left;
}

td.data {
  width: 40%;
  float: left;
}

tbody td, thead th {
  width: 60%;
  float: left;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
  border-left: medium none;
  border-right: medium none;
}