*:not(.ignoreSelectorAll):not(.fa) {
    box-sizing: border-box;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #4f4f4f;
    margin: 0px;
    padding: 0px;
}

html,
body {
    font-size: 16px;
}

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'),
        url('fonte/roboto-v19-latin-regular.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
            url('fonte/roboto-v19-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
    font-family: 'RobotoMedium';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'),
        url('fonte/roboto-v19-latin-500.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
            url('fonte/roboto-v19-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
    font-family: 'RobotoBold';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'),
        url('fonte/roboto-v19-latin-700.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
            url('fonte/roboto-v19-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-900 - latin */
@font-face {
    font-family: 'RobotoBlack';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), local('Roboto-Black'),
        url('fonte/roboto-v19-latin-900.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
            url('fonte/roboto-v19-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*h2 {
	font-size:1.5em;
	margin:0;
	font-weight:normal;
	display:inline;
}
h3 {
	font-weight:normal;
	font-size:1.4em;
}
h4 {
	font-weight:normal;
	font-size:1.3em;
}*/

.gradiente {
    background: #3bb2b8; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(
        left,
        #3bb2b8,
        #42e695
    ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(
        right,
        #3bb2b8,
        #42e695
    ); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(
        right,
        #3bb2b8,
        #42e695
    ); /* For Firefox 3.6 to 15 */
    background: linear-gradient(
        to right,
        #3bb2b8,
        #42e695
    ); /* Standard syntax */
}

.overlay {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.area-aplicacao {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    min-height: calc(100% - 104px);
    top: 104px;
}

.area-aplicacao > div {
    flex: 1;
}

/*****************************************
Classes para organizar o z-index.
******************************************/

.bg-layer {
    z-index: 1;
}

.map-layer {
    z-index: 400;
}
/*
    sobreescrevendo a configuração do leaflet
*/
.leaflet-top,
.leaflet-bottom {
    z-index: 450;
}
/*
    o z-index básico será 500 devido a
    biblioteca leaflet, que coloca o valor de 
    400 para o svg dos países
*/
.main-layer {
    z-index: 500;
}

/*usada no logo ODS e na caixa flutuante da síntese*/
.highlight-layer {
    z-index: 700;
}

/*usada nos menus popups e caixas de sugestão (setar essa classe dinamicamente, apenas quando o menu/sugestão estiver aberto)*/
.popup-layer {
    z-index: 900;
}

/*
    só deve ser usada dinamicamente
    e apenas em um elemento por vez
*/
.highest-layer {
    z-index: 9999;
}

/*******************************************/

a,
a:hover,
a:visited {
    color: #4f4f4f;
    text-decoration: none;
}

/*desktop*/
@media only screen and (min-width: 568px) {
    .area-aplicacao {
        width: 100%;
        min-height: calc(100% - 80px);
        top: 80px;
    }
}

/* utils */
@media only screen and (max-width: 567px) {
    .desktop-only {
        display: none;
    }
}
@media only screen and (min-width: 568px) {
    .mobile-only {
        display: none;
    }
}

path.leaflet--interactive-layer {
    fill: #757575;
}

path.leaflet--selected-layer {
    fill: darkgrey;
}

path.leaflet--interactive-layer:hover:not(.leaflet--uninteractive-layer) {
    fill: lightgray;
}

path.leaflet--uninteractive-layer {
    stroke: none;
    cursor: default;
}

path.leaflet--uninteractive-layer.leaflet-interactive {
    fill: #757575;
}

/* Leaflet : nota rodapé */
.leaflet-control-attribution.leaflet-control,
.leaflet-control-attribution.leaflet-control * {
    font-size: 11px;
}
.leaflet-control-attribution.leaflet-control > a {
    font-size: 11px;
}
.leaflet-control-attribution.leaflet-control strong {
    font-size: 11px;
    font-weight: bold;
}
.leaflet-control-attribution.leaflet-control small {
    font-size: 10px;
    font-style: italic;
}

.l-1-6,
path.l-1-6 {
    background-color: #ffffcc;
    fill: #ffffcc !important;
}
.l-2-6,
path.l-2-6 {
    background-color: #c7e9b4;
    fill: #c7e9b4 !important;
}
.l-3-6,
path.l-3-6 {
    background-color: #7fcdbb;
    fill: #7fcdbb !important;
}
.l-4-6,
path.l-4-6 {
    background-color: #41b6c4;
    fill: #41b6c4 !important;
}
.l-5-6,
path.l-5-6 {
    background-color: #2c7fb8;
    fill: #2c7fb8 !important;
}
.l-6-6,
path.l-6-6 {
    background-color: #40537b;
    fill: #40537b !important;
}