﻿a, a:focus, a:active, a:hover {
    color: black;
    text-decoration: none;
}

.row {
    padding-bottom:0px;
}

.nav nav-tabs {
    background-color:#ded;
}

.content-wrapper {
    margin-left: 0 !important;
    padding-top: 0;
    min-height: calc(100vh - 65px);
}

#mainNav {
    height: 25px;
    margin: 0;
    padding: 5px;
    background: white;
    margin-top: 32px;
    /* Background Degradê (Amarelo: #ffd965 | Verde: #11613d) */
    /* background: rgba(255,217,101, 0.6); /* For browsers that do not support gradients */
    /* background: -webkit-linear-gradient(left, rgba(255,217,101, 0.6) , #11613d); /* For Safari 5.1 to 6.0 */
    /* background: -o-linear-gradient(right, rgba(255,217,101, 0.6), #11613d); /* For Opera 11.1 to 12.0 */
    /* background: -moz-linear-gradient(right, rgba(255,217,101, 0.6), #11613d); /* For Firefox 3.6 to 15 */
    /* background: linear-gradient(to right, rgba(255,217,101, 0.6), #11613d); /* Standard syntax */
}

.fixed-nav {
    padding-top: 50px !important;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
    background-color: rgba(255,255,255,0.6);
    margin-top: 89px;
}

#mainNav.fixed-top.navbar-dark .sidenav-toggler {
    background-color: rgb(40,167,69);
    margin-top: 33px !important;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level, 
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-fourth-level {
    background-color: rgba(233,236,239, 0.6);
    border-bottom:1px solid #dadbdd;
}

#mainNav.fixed-top.navbar-dark .sidenav-toggler a i {
    color:white;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
    color:#5c705c;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
    color:#3d4a3d;
    font-weight:bolder;
}

/******** 1º Nivel ********/
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
    color: #3d4a3d;
    background-color: rgba(151,166,180,0.6);
}
/**************************/

.ativo{
     background-color: rgba(151,166,180,0.6);
 } 

/******** 2º Nivel ********/
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a.collapsed {
    background-color: rgba(233, 236, 239, 0.6);
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus {
    color:#3d4a3d;
    background-color: rgba(181, 191, 201, 0.6);
}
/**************************/


/******** 3º Nivel ********/
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a.collapsed {
    background-color: rgba(211, 217, 223, 0.6);
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus {
    color:#3d4a3d;
    background-color: rgba(196, 204, 212, 0.6);
}
/**************************/


/******** 4º Nivel ********/
#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-fourth-level {
    padding-left: 0;
    list-style: none;
}

#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-fourth-level > li {
    width: 250px;
}

#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-fourth-level > li > a {
    color:#3d4a3d;
    background-color: rgba(228, 229, 231, 0.6);
    display: block;
}

#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-fourth-level > li > a:hover,
#mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-fourth-level > li > a:focus {
    background-color: rgba(218, 219, 221, 0.6);
}
/**************************/

.navbar-dark .navbar-nav .nav-link {
    color: #009551;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #004d2a;
}

.navbar-dark .navbar-nav .show > .nav-link { 
    color: #3d4a3d; 
}

.bg-dark {  
    background-color:white!important;
}

footer.sticky-footer {
    background-color:white;
}

.navbar-toggler {
    background-color:#28a745;
}

.dropdown {
    width: 180px;
}

.dropdown-menu {
    left: 7%;
    top: 88%;
    background: #1e7e34;
    min-width: 146px;
}

.dropdown-toggle {
    color: white;
}

.dropdown-item {
    color: white;
}

.dropdown-item:hover, .dropdown-item:focus {
    background: #27a544;
    color: white;
}

.dropdown-divider {
    border-top: 1px solid #27a544;
}

#messagesDropdown {
    color: white;
}

.small, small {
    color:#3d4a3d;
}

.input-menor {
    min-width :50px;
    margin: 9px 0;
    padding-left:5px;
    padding-right:5px;
}

.tools {
  position: absolute;
  top: 1em;
  right: 1.5em;
  width: 2.8em;
}

.tools button{
    width: 44.8px;
    height: 38px;
}

.btn-margin-bottom {
    margin-bottom:10px;
    cursor:pointer;
}

.no-margin-top {
    margin-top: 0;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.no-margin {
    margin: 0 !important;
}
.no-padding {
    padding: 0 !important;
}

.no-border {
    border: none !important;
}

.input-group-position {
    position:absolute;
    right: 4.7em;
    top: 1em;
    width: auto;
}

.map {
	width: 100%;
	height: calc(100vh - 65px);
	margin-bottom: 0px;
} 

#menu-mapa {
    padding-top:20px;
}

.lbl-checkbox {
    margin-left:45px;
    font-size:13px;
}

.tabs-menu {
    float:right;
}

.container-fluid {
    padding-left:0px;
    padding-right:0px;
}

.btn-success-margin-right{
    float:left;
    cursor:pointer;
}

.barra-governo {
    position: fixed;
    top:0;
    left:0;
    right:0;
    z-index:1031;
}

.fixed-top {
    height:80px;
}

#menu-selecionadas li a {
    padding-left: 0.75em !important;
}

.menu-legendas-item{
    margin: 14px;
}

.ol-popup {
    position: absolute;
    background-color: #FFFFFF;        
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 280px;
}

.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}

.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}

.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}

.ol-popup-closer:after {
    content: "✖";
}

/* Hide scroll no Chrome */
ul::-webkit-scrollbar { 
    width: 0 !important;
}

/* Hide scroll no Firefox */
@-moz-document url-prefix() {
    #exampleAccordion{
        overflow-y: -moz-hidden-unscrollable !important;
    }
}

ul {
    -ms-overflow-style: none;
}

@supports (-ms-ime-align: auto) {
    #exampleAccordion{
        -ms-overflow-style: none !important;
    }    
}

/*.sidenav-second-level.show {
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
}*/

/*.sidenav-second-level.show::-webkit-scrollbar {
    width: 10px !important;
}*/

/* Track */
/*.sidenav-second-level.show::-webkit-scrollbar-track {
    background: rgba(241, 241, 241, .3) !important; 
}*/

/* Handle */
/*.sidenav-second-level.show::-webkit-scrollbar-thumb {
    background: rgba(136, 136, 136, .3) !important; 
}*/

/* Handle on hover */
/*.sidenav-second-level.show::-webkit-scrollbar-thumb:hover {
    background: rgba(85, 85, 85, .3) !important; 
}*/

.ol-mouse-position{
    top: calc(100vh - 130px);
    background-color: #FFFFFF;
    border-radius: 3px;    
}

.ol-zoom {
    margin-left: 0px;
    margin-top: 0px;
}

.ol-scale-line {
    margin-left: 0px;
    margin-bottom: 5px;
}

#navbar-separator {
    height: 8px;
    background: #11613d;
    margin-top: 7px;
}

.logo-ibge-container {
    height: auto;
    margin: 0;
    padding: 1px;
    width: auto;
    max-width: 9em;
    margin-right: 5px;
    margin-top: -27px;
    min-width: 320px;
}

.logo-ibge {
    height: 100%;
}

.logo-text {
    color: #009551;
    padding: 0;
    margin: 0;
    font-family: 'Times New Roman', Times, serif;
}

.logo-text-title {
    font-size: 50px;
    padding: 0;
    margin: 0 0 0 10px;
    margin-top: -27px;
}

.logo-text-desc {
    font-size: 12px;
    width: 130px;
    padding: 0;
    margin: 0;
    margin-top: -27px;
    position: absolute;
    left: 200px;
    top: 19px;
}

.navbar-nav.ml-auto{
    margin-top: 0px !important;
}

#localidades-result-list{
    position: absolute;
    top: 4em;
    right: 82px;
    max-width: 26em;
}

.btn.disabled{
    cursor: not-allowed;
}

.menu-item {
    background: none;
    border: none;
}

.popover-camada {
    left: 14px !important;
}

.popover-camada input[type=range] {
    -webkit-appearance: none;
    background: linear-gradient(to right, #218838, #95C19A 40%, white);
    border: 0px;
    border-radius: 8px;
    padding: 0;
    outline: none;
}

.popover-body {
    padding-bottom: 0;
}

/* PARA IE SOMENTE */
input[type=range]::-ms-thumb {
    height: 50px;
    background: lightgray !important;
    border: gray !important;
}

.popover-header {
    font-size: 11px;
    font-weight: normal;
    padding: 2px 14px;
}
.popover-body button{
    width: 31px;
    height: 31px;
}

.tooltip {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    color: white;
    padding: 4px 8px;
    opacity: 0.7;
    white-space: nowrap;
}

.tooltip-measure {
    opacity: 1;
    font-weight: bold;
}

.tooltip-static {
    background-color: #ffcc33;
    color: black;
    border: 1px solid white;
}

.tooltip-measure:before, .tooltip-static:before {
    border-top: 6px solid rgba(0, 0, 0, 0.5);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    margin-left: -7px;
    left: 50%;
}

.tooltip-static:before {
    border-top-color: #ffcc33;
}

.modal{
    z-index: 20000 !important;
}

.modal-dialog {
    margin-top:39px;
}

#container-camadas-externas {
    display:none; 
    position: absolute; 
    z-index: 1;
    right: 81px;
    top: 122px;
    width: 520px; 
    background-color: rgba(255,255,255,0.6);
    padding: 10px;
    margin: 0;
}

#container-admin-camadas {
    display:none; 
    position: absolute; 
    z-index: 1;
    right: 81px;
    top: 122px;
    width: 520px; 
    background-color: rgba(255,255,255,0.6);
    padding: 10px;
    margin: 0;
}

#container-legendas {
    display:none; 
    position: absolute; 
    z-index: 1;
    /*right: 81px;*/
    left: 0.7em;
    /*top: 122px;*/
    top: 11em;
    /*width: 520px; */
    width: 24em;
    background-color: rgba(255,255,255,0.8);
    padding: 10px;
    margin: 0;
}

#lista-camadas-externas {
    padding: 0;
    max-height: 400px;
}

#lista-camadas-externas > div > li {
    list-style: none;
}
#menu-aplicacao{
    max-height:40em; 
    overflow-y: auto;
    padding: 0;
}
#menu-aplicacao li {
  list-style: none;
}
#menu-filtradas li {
    list-style: none;
}
#menu-aplicacao > li.nav-item > a{
    font-weight: bold;
}
.sidenav-third-level{
    padding-left: 1.25em;
}

#barra-brasil {
    position: absolute;
    /*z-index: 99999999;*/
    width: 100%;
    /*border-bottom: 8px solid #11613d;*/
    top: 0;
}

.tab-pane {
    margin: 20px;
    margin-bottom: 10px;
    border: 1px #ddd solid;
    border-radius: 25px;
    padding: 20px;
}

 .tab-pane-no-border {
     margin: 15px;
     padding: 0;
     border: none;
 }

.help-title {
    color: #004d2a;
    text-align: center;
    margin-bottom: 20px;
}

.help-menu-item {
    margin-bottom: 10px;
    display: flex;
}

.help-menu-item > .col-sm-2 {
    flex: 0 0 10%;
    max-width: 10%;
}

.help-menu-item > .col-sm-10 {
    flex: 0 0 90%;
    max-width: 90%;
}

.help-menu-item-title {
    color: #004d2a;
}

.show > .nav-pills .nav-link {
    background: lightgray;
    color: black;
}

.nav-pills .nav-link {
    background: lightgray;
    margin: 0 5px;
    text-align: center;
}

.nav-pills .nav-link.active {
    background-color: #28a745 !important;
    color: white !important;
}

.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus,
.show > .nav-pills .nav-link:hover,
.show > .nav-pills .nav-link:focus {
    background: darkgray;
}

.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
    background: rgb(40, 126, 69) !important;
}

.img-responsive {
    width: 100%;
}

.logo-header-responsive {
    width: auto;
    max-height: 50px;
}

.em_avaliacao {
    position: absolute;
    top: -13px;
    left: 342px;
    width: 130px;

    /*top: -6px;
    left: 337px;
    width: 166px;
    color: blue;
    font-weight: bold;
    font-size: 17px;*/
}

.form-control {
    font-size: 14px !important;
}

.btn-full-delete-layer {
    padding-top: 0;
    margin-bottom: 5px;
}

/*************** SCREEN SIZE BASED CONFIGURATIONS ****************************************************************************/
@media (max-width: 991px) {
    .padding-left-right {
        padding-left:15px;
        padding-right:15px;
        margin-bottom:5px;
    }

    .map {
	    height: calc(100vh - 96px);
    }
    
    .dropdown {
        margin: auto;
    }

    .dropdown-toggle {
        padding: 8px !important;
    }

    .fixed-top {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        height: auto !important;
    }

    .form-control, .dropdown-item, .nav-item, .btn {
        font-size: 14px;
    }

    #btnToponimia {
        font-size: initial;
    }

    .navbar-nav {
        background: white;
    }

    .navbar-toggler {
        margin: auto 10px auto auto;
    }
    
    .nav-item {
        display: inline;
    }

    #mainNav {
        height: 56px !important;
        padding: 0;
        background: white;
        margin-top: 40px;         
    }

    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
        margin: 0;
        background-color:#ffffff;
        /*border-bottom-right-radius:.25rem;
        border-bottom-left-radius:.25rem;
        border-top-right-radius:.25rem;
        border-top-left-radius:.25rem;*/
    }

    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
        padding: 8px;
    }

    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level, 
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level,
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-fourth-level {
        background-color:#ffffff;
        border-bottom:1px solid #dadbdd;
    }
    
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-fourth-level {
        padding: 0;
    } 

    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a,
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-fourth-level > li > a {
        padding-right: 8px;
    }

    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a.collapsed {
        background-color: white;
    }

    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus {
        color:#3d4a3d;
        background-color: rgba(181, 191, 201, 0.6);
    }

    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > a > span > label > .col-md-1,
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a > span > label > .col-md-1,
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-fourth-level > li > a > span > label > .col-md-1 {
        width: auto;
        padding: 0 5px !important;
        margin: 0 !important;
        display: flex;
    }

    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > a > span > label > .col-md-1 > i,
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a > span > label > .col-md-1 > i,
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-fourth-level > li > a > span > label > .col-md-1 > i {
        margin: auto;
    }

    .btn-link {
        color: #3d4a3d !important;
    }

    .logo-ibge-container {
        /*height: 56px;
        width: 56px;*/
        width:auto;
        height: auto;
        margin: 15px 0 0 0;
        padding: 2px;
    }

    .logo-ibge {
        height: 8vh;
        max-height: 50px;
    }

    .logo-text {
        margin-left: 5px;
    }

    .logo-text-title {
        font-size: 33px;
        margin-top: 0;
    }

    .logo-text-desc {
        position: inherit;
        font-size: 10px;
        width: 185px;
        margin-top: 0;
    }

    .tools {
        margin: 0;
    }

    .ol-zoom {
        margin: 0;        
    } 
    
    .ol-scale-line {
        margin: 0;
    }

    .input-group.custom-search-form.input-group-position.busca-localidade {
        width: 50%;
        right: 25%;
        margin: 0;
    }
    .popover-camada {
        left: 0px !important;
    }

    #container-camadas-externas {
        /*width: 60%;
        right: 25%;*/
        width: 72%;
        right: 20%;
        z-index: 999;
        top: 155px;
    }
     #container-admin-camadas {
        /*width: 60%;
        right: 25%;*/
        width: 72%;
        right: 20%;
        z-index: 999;
        top: 155px;        
    }     

    #map-container {
        margin-top: 46px;
        min-height: calc(100vh - 96px);
    }

    #barra-brasil {
        z-index: 999;
        border-bottom: 8px solid #11613d !important;
    }

    .tab-pane {
        margin: 0;
        padding: 10px;
    }

    .help-menu-item > .col-sm-2 {
        width: auto;
        margin-right: 10px !important;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .help-menu-item > .col-sm-10 {
        -ms-flex: 0 0 calc(83.333333% - 10px);
        flex: 0 0 calc(83.333333% - 10px);
        max-width: calc(83.333333% - 10px);
    }

    .nav-pills .nav-link {
        margin-bottom: 10px;
    }

    .show > .nav-pills .nav-link {
        width: auto;
    }

    .nav-link-w-100-mobile {
        width: 100% !important;
    }

    .em_avaliacao {
        left: 165px;
        top: 11px;
        width: 114px;
    }

    #barra-brasil {
        z-index: 9999;
    }

    #localidades-result-list {
        max-width: 18em;
    }

    #localidade{
        width: 12em !important;
        margin-left: -2em;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1000px;
    }
}

@media (min-width: 1300px) {
    .modal-xl {
        max-width: 1100px;
    }
}
/******************************************************************************************************************/

.hidden, .mobile-hidden {
    display: none;
}

.esconder-li {
    visibility:hidden;
}

::-webkit-input-placeholder {
   font-style: italic;
}

.modal .btn {
    background-color: #218838;
    border-color: #218838;
}

.btn-warning {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}

.camada-base-item{
    border-radius: 5px !important;
}

.slider {
    -webkit-appearance: none;
    /*width: 100%;*/
    height: 15px;
    border-radius: 5px;   
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%; 
    background: #4CAF50;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}

.swipe {
    /*width: 100%;*/
    position: absolute;
    display: none;
    top: 23em;
    width: 300px;
    right: 90px;
}
a.popover-menu-camadas {
    cursor: pointer !important ;
}
.icon-operacoes-camada{
    flex: 1;
    text-align: right;
    margin-right: 10px;
}
.botao-vinde {
    border-radius: 32px;
}
.icon-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 5em;
    line-height: 4em;

}
.icon-stack-2x,
.icon-stack-3x {
    position: absolute;
    left: -0.65em;
    bottom: 3.2em;
    width: 100%;
    text-align: right;
}

.icon-stack-2x {
    font-size: 0.7em;
    bottom: 7em;
}

.icon-stack-3x {
    font-size: 1.3em;
}

#graticule-checked.icon-stack-2x,
#graticule-checked.icon-stack-3x {
    position: absolute;
    left: -0.4em;
    bottom: 3.2em;
    width: 100%;
    text-align: right;
}
#graticule-checked.icon-stack-2x {
    font-size: 0.7em;
    bottom: 24em;
}
.close-popover-camada{
    position: relative;
    top: -0.35em;
}

.help-button {
    width: 44.8px;
    height: 38px;
}
.icon-operacoes-camada{
    cursor: pointer;
}

/* collapse do painel de legendas */
.panel-body .collapse {
  visibility: hidden;
}
.panel-body .collapse.show {
  visibility: visible;
  display: block;
}

.logo-header-text {
    font-family: Rotis SemiSerif Std;
    font-size: 60px;
    height: 35px;
    margin: 0;
    color: #1e7e34;
    line-height: 35px;
    margin-top: 5px;
    margin-left: 5px;
}

.logo-header-subtext {
    font-size: 13px;
    line-height: 15px;
    padding-top: 5px;
    width: 200px;
    text-align: justify;
}   

#localidade{
    width: 23em;
}

@media (max-width: 1600px) {
    .logo-ibge-container {
        min-width: 160px;
    }

    .logo-header-text {
        font-size: 40px;
        margin-top: -5px;
        letter-spacing: 5px;
    }
    
    .logo-header-subtext {
        font-size: 10px;
        padding-top: 34px;
        margin-left: -102px;
        line-height: 10px;
        letter-spacing: 0;
    }
}

@media (max-width: 1280px) {
    .logo-header-text {
        display: none;
    }
}

@media (max-width: 992px) {
    .logo-header-text {
        display: initial;
    }
}

@font-face {
    font-family: Rotis SemiSerif Std;
    src: url(/fonts/Rotis-SemiSerif-Std.ttf);
}