#svg-map {
  width: 700px;
  height: 700px;
}


#svg-map path { fill:#5B5B5B }
  #svg-map text { fill:#fff; font:12px Arial-BoldMT, sans-serif; cursor:pointer }
  #svg-map a{ text-decoration:none }
  #svg-map a:hover { cursor:pointer; text-decoration:none }
  #svg-map a:hover path{ fill:rgb(0, 123, 255) !important}
  #svg-map .circle { fill:#66ccff }
  #svg-map a:hover .circle { fill:rgb(0, 123, 255) !important; cursor:pointer }

.atende path {
  fill: #32CD32 !important;
}

.selecionado path {
  fill: #003399 !important;
}

.legenda {
  display: flex;
  /* align-items: center; */
  /* flex-direction: row; */
  /* margin-bottom: 8px; */
}

.square {
  width: 28px;
  height: 28px;
  background: #5B5B5B;
  border-radius: 20px;
}

.atende {
  background: #32CD32 !important;
}
.selecionado path {
  background: #003399 !important;
}

.map {
  flex-direction: column;
}

.legenda-texto {
  margin-bottom: 0px;
  margin-left: 4px;
  font-size: 18px;
  margin-left: 12px;
  margin-right: 12px;
}

.title-wrapper {
  display: flex;
  width: 100%;
  text-align: center;
  justify-content: center;
  margin-bottom: 30px;
  font-size: 26px;
}
.bg-mapa {
  background-image: url("../images/18759.jpg");
  background-repeat: no-repeat;
  background-color: #cccccc;
}
/* .paginar {
  background-color: #FFFFFF;
} */
.dt-paging-button a:hover{
  background-color: rgb(0, 123, 255) ;
}