/* Geral */
body{
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}
/* Retirar Scroollbar */
    /* Firefox */
        * {
        scrollbar-width: thin;
        }
     /*Chrome, Edge, and Safari */
        *::-webkit-scrollbar {
         width: 0px;
        }
/* Container */
.container-fluido{
    background-color:#dfdfdf;
    width:100%;
    height:100%;
    position:fixed;
    left:0; right:0;
    top:0; bottom:0;
    display:flex; /* manter conteúdo adaptável a tela  */
}
/* .cabecalho{
    cabecalho não utilizado
} */

/* Barra Lateral */
.barra-lateral{
    color: white;
    background-color: #444;
    font-size: 14px;
    width: 250px;
    height: 100%;
    position: fixed;
    padding: 10px 0px 10px 0px;
    display: block;
    box-shadow: 0px 0px 5px 1px #444;
    z-index: 3;
    overflow-x: hidden;
    transition: 0.2s;
}

/* Cabecalho da Barra Lateral */
.barra-lateral-cabecalho{
    background-color:"";
    color: #dfdfdf;
    padding: 25px 5px 15px 5px;
    text-align: center;
    margin: 0 10px 0 10px;
}

/* Menu da Barra Lateral (recolhe o submenu)*/
.barra-lateral-menu{
    background-color: "";
    color: white;
    padding: 0px 5px 5px 5px;
    margin: 10px 10px 0 10px;
    display: block;
}
.barra-lateral-menu-recolhivel{
    background-color: "";
    padding: 10px 0 5px 0;
    margin: 5px 10px 5px 10px;
    border-top: 1px solid #555;
    cursor: pointer;
}
.barra-lateral-menu-recolhivel a{
    background-color: "";
    color: #dfdfdf;
    text-decoration: none;
}   
.barra-lateral-menu-recolhivel a:hover{
    color: white;
    font-weight: bold;
}
/* Submenu da Barra Lateral (conteudo que é recolhido) */
.barra-lateral-submenu{
    background-color:#dfdfdf;
    color: #444;
    padding: 0 5px 0 5px;
    margin: 0 10px 0px 10px;
    display: none;/* Ligar para facilitar configurações do menu */
    border-radius: 5px;
    transition: 0.5s; 
    box-shadow: 0px 2px 4px inset;
}
.barra-lateral-submenu a{
    color: #444;
    text-decoration: none;
    display: block;
    padding: 5px 0 5px 0;
    border-top: 1px solid #444;
}
.barra-lateral-submenu a:hover{
    color: black;
    font-weight: bold;
    background-color: #999;
}
.barra-lateral-submenu a:focus{
    color: black;
    font-weight: bold;
    background-color: #999;
}

/* Atalho da Barra Lateral*/
.barra-lateral-menu-atalho{
    color: #dfdfdf;
    padding: 10px 10px 5px 10px;
    margin-top: 10px;
    margin-bottom: 50px;
    border-top: 1px solid #dfdfdf;
    font-size: 14px;
}
.barra-lateral-menu-atalho a{
    background-color: "";
    color: white;
    text-decoration: none;
    display: block;
    margin: 5px 0 5px 0;  
} 
.barra-lateral-menu-atalho a:hover{
    color: white !important;
    font-weight: bold;
}
/* Aba de Abertura da Barra Lateral */ 
.barra-lateral-aba{
    background-color: #ff9800;
    font-size: 30px;
    text-align: right;
    width: 35px;
    height: 40px;
    position: absolute;
    left: 0px;
    top: 650px;
    z-index: 3;
    padding: 5px;
    border-radius: 0 10px 10px 0;
    box-shadow: 1px 0px 5px 1px #444;
    cursor: pointer;
    transition: 0.2s;
    
}
.barra-lateral-aba:hover{
    color: white;
    font-weight: bold;
    padding-left: 20px;
}
/* Conteúdo principal */
.conteudo-principal{
    background-color:white;
    width:100%;
    height: 100%;
    margin-left: 250px;
    transition: 0.2s;
    display: flex;
}
.conteudo-principal-frame{
    width: 100%;
    height: 100%;
}
/* Botao Legenda */
#legendaBotao{
    position:absolute;
    width:100px; 
    right: 12px;
    top:8px;
    z-index: 2;
    padding: 5px; 
    text-align: center; 
    background-color: #444; 
    color:white;
    border: none; 
    font-weight: bold; 
    border-radius: 0px; 
    box-shadow: 0px 0px 4px black; 
    font-size: 8px; 
    cursor: pointer; 
    border-left: 5px solid #adff2f;
    transition: 0.5s;
}
/* loading */
.loading{
    position: absolute;
    z-index:1;
    width: calc(100% - 250px);
    height: 100%;
    text-align: center;
}
.loading img{
    max-width:90%;
    width: 200px;
}

/* Logo Prefeitura */
.conteudo-principal-marcadagua{
    background-color: white;
    width: 80px;
    height: 40px;
    position: absolute;
    left:60px;
    bottom: 40px;
    padding: 5px 15px 5px 5px;
    z-index: 0;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 10px 5px white;
    cursor: pointer;
    transition: 0.2s;
    opacity: 0.6;
    z-index: 1;
}
.conteudo-principal-marcadagua:hover{
    padding-right: 20px;
}
/* .conteudo-principal-frame{
    iframe não configurado
} */
/* Rodapé */
.rodape{
    background-color: #444;
    color: white;
    font-size: 12px;
    text-align: center;
    width: 240px;
    height: 20px;
    padding: 10px 5px 5px 5px;
    bottom: 0;
    position: absolute;
    border-radius: 10px 10px 0 0;
    box-shadow: 0px 0px 5px 1px #222;
    z-index: 3;
    cursor: pointer;
    transition: 0.5s;
}
.rodape a:hover{
    color: #ff9800;
    font-weight: bold;
}
#rodapeX{
    display: inline-block;
}
.rodape-viabilidade{
    text-align: left;
    width:220px;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    padding: 10px;
    margin-top: 10px; 
    overflow-y: scroll;
} 
.rodape-viabilidade select{
    display: block;
    width: 100%;
    padding: 2px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.viabilidade :hover{
outline: 1px solid #ff9800;
}
.rodape-viabilidade-label{
    font-size: 12px;
}
.rodape-viabilidade button{
    background-color: #555;
    display: block;
    width:100%;
    margin-bottom: 10px;
    border-radius: 5px;
    color: #dfdfdf;
}
.rodape-viabilidade-resumo{
    color: #dfdfdf;
    background-color: #222; 
    width: 100%px;
    padding: 15px;
    border-radius: 5px;
}
#resumoViabilidade{
    font-style: italic;
    color: white;
}
#resumoViabilidade a{
    text-decoration: none;
    color: #ff9800;
}
#resumoViabilidade a:hover{
    color: white;
}