/** Estilo Estados **/
#svg-map text 
{
    fill: #000;
    font: 12px Arial-BoldMT, sans-serif;
    cursor: pointer;
}
#svg-map a 
{
    text-decoration: none;    
}
#svg-map a:hover, #svg-map a:hover path
{
    cursor: pointer;
    text-decoration: none;
}
#svg-map .circle
{
    fill: #e0e0e0;
}

/** Cores por região **/
.north-region
{
    background-color: #5dc378 !important;
    fill: #5dc378 !important;
}
.northeast-region
{
    background-color: #ffc000 !important;
    fill: #ffc000 !important;
}
.midwest-region
{
    background-color: #ffffcc !important;
    fill: #ffffcc !important;
}
.southeast-region
{
    background-color: #8db4e2 !important;
    fill: #8db4e2 !important;
}
.south-region
{
    background-color: #cc3399 !important;
    fill: #cc3399 !important;
}

/** Hover mapa **/
#svg-map a:hover path.north-region
{
    background-color: #45a05d !important;
    fill: #45a05d !important;
}
#svg-map a:hover path.northeast-region:hover
{
    background-color: #ca9f1d !important;
    fill: #ca9f1d !important;
}
#svg-map a:hover path.midwest-region:hover
{
    background-color: #ffffa1 !important;
    fill: #ffffa1 !important;
}
#svg-map a:hover path.southeast-region:hover
{
    background-color: #768fad !important;
    fill: #768fad !important;
}
#svg-map a:hover path.south-region:hover
{
    background-color: #822161 !important;
    fill: #822161 !important;
}

/** Circulos com a sigla, por região **/
#svg-map .circle.north-region
{
    background-color: #45a05d !important;
    fill: #45a05d !important;
}
#svg-map .circle.northeast-region
{
    background-color: #ca9f1d !important;
    fill: #ca9f1d !important;
}
#svg-map .circle.midwest-region
{
    background-color: #ffffa1 !important;
    fill: #ffffa1 !important;
}
#svg-map .circle.southeast-region
{
    background-color: #768fad !important;
    fill: #768fad !important;
}
#svg-map .circle.south-region
{
    background-color: #822161 !important;
    fill: #822161 !important;
}

/** Circulos com a sigla, hover **/
#svg-map a:hover path.circle.north-region
{
    background-color: #5dc378 !important;
    fill: #45a05d !important;
}
#svg-map a:hover path.circle.northeast-region:hover
{
    background-color: #ffc000 !important;
    fill: #ffc000 !important;
}
#svg-map a:hover path.circle.midwest-region:hover
{
    background-color: #ffffcc !important;
    fill: #ffffcc !important;
}
#svg-map a:hover path.circle.southeast-region:hover
{
    background-color: #8db4e2 !important;
    fill: #8db4e2 !important;
}
#svg-map a:hover path.circle.south-region:hover
{
    background-color: #cc3399 !important;
    fill: #cc3399 !important;
}
/** Estilo das tabelas do mapa **/
.maptable
{
    line-height: 1em;
}
/** Estilo do modal de imagens por estado**/
#PicturesModal {
    max-height: 100%;
}
#PicturesModal .col-sm-3{
    padding-left: 20px;
    padding-right: 20px;
}
#PicturesModal .__item{
    padding: 10px;
    border: 1px dashed;
}
#PicturesContainer img
{
    width:300px;
    max-width: 100%;
    height: 300px;
}
#PicturesModal .__legend
{
    left: 20px;
    bottom: 0px;
    text-align: left;
}