@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), 
       url('../fonts/glyphicons-halflings-regular.woff') format('woff'), 
       url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
       url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

#conteudo-camadas li:last-of-type,#download-modal .form-group{margin-bottom:0}
.display-none{display:none}
.float-none{float:none}
.icon-help{position:absolute;right:10px;top:13px}
#conteudo-animacao,#conteudo-camadas{position:absolute;z-index:2;right:0;padding:4px;background:#3268ba}
#alerta,#dados-anteriores .form-group{margin-top:10px}
#notificacoes{position:fixed;right:10px;z-index:2;bottom:10px;margin:0}
.data-anterior{color:red}
#download-modal #conteudo-horarios .col-md-1{border:1px dotted #e5e5e5}
#mapa{height:600px;position:relative;z-index:1}
#conteudo-camadas{display:none;width:300px;top:34px;margin:0;max-height:250px;overflow-y:auto}
#conteudo-camadas::-webkit-scrollbar{width:5px}
#conteudo-camadas::-webkit-scrollbar-track{background:#f1f1f1}
#conteudo-camadas::-webkit-scrollbar-thumb{background:#888}
#conteudo-camadas::-webkit-scrollbar-thumb:hover{background:#555}
#conteudo-camadas li{display:block;margin-bottom:4px;background:#eeeff2;padding:5px}
#conteudo-camadas li div{display:flex;align-items:center;justify-content:space-between}
#conteudo-camadas li div span.nome-camada{width: 205px;font-weight:700}
#conteudo-camadas li div span i{margin-right:3px;font-size:16px}
#conteudo-camadas li div span i:last-of-type{margin-right:0}
#conteudo-animacao{top:0}
#conteudo-animacao i{font-size:24px;color:#fff} 
#legenda div img {width: 100%;margin: auto; display: block;} 
#notas label{text-decoration: underline; color: #179ad8; font-size: 13px;  }   
#notas p{text-decoration: underline; color: #179ad8;}                  

.contraste #conteudo-camadas li{
    background: #1c1c1c !important;
    border: 1px dotted #fff;
}

.contraste #conteudo-camadas li div span.nome-camada,
.contraste #conteudo-camadas li div span,
.contraste #conteudo-camadas li i{
    color: #fff !important;
}

.contraste #conteudo-camadas{
    background: #000 !important;
}

/* Customização do Cabeçalho e Título de Visualização */
.outstanding-header {
    border-bottom: 2px solid #3b5b8c;
    margin-bottom: 10px;
}

.outstanding-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 8px 0;
    font-size: 1.4rem;
    font-weight: 600;
    color: #2c3e50;
}

.outstanding-title span:last-child {
    display: flex;
    gap: 6px;
}

.outstanding-title i {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    border: 1px solid #cfd8e3;
    border-radius: 8px;
    background: #fff;
    color: #3b5b8c;
    cursor: pointer;
    transition: background .15s, color .15s;
}

.outstanding-title i:hover {
    background: #3b5b8c;
    color: #fff;
}

.produto-label {
    color: #337ab7;
    cursor: pointer;
    font-weight: normal;
    margin-bottom: 0;
}

.produto-label:hover {
    text-decoration: underline;
}