/* Util */
.display-none{
	display: none;
}

.float-none{
	float: none;
}

.icon-help{
	position: absolute;
    right: 10px;
    top: 13px;
}

/* Aviso */
#alerta{
	margin-top: 10px;
}

/* Mensagem */
#notificacoes{
    position: fixed;
    right: 10px;
    margin-top: 10px;
    z-index: 2;
    bottom: 10px;
    margin: 0;
}

/* Dados Anteriores */
#dados-anteriores .form-group{
	margin-top: 10px;
}

.data-anterior{
	color: red;
}

/* Download */
#download-modal .form-group{
	margin-bottom: 0;
}

#download-modal #conteudo-horarios .col-md-1{
	border: 1px dotted #e5e5e5;
}

/* Mapa */
#mapa{
	height: 600px;
	position: relative;
	z-index: 1;
}

/* Controle de Camadas */
#conteudo-camadas{
	display: none;
	width: 230px;
	position: absolute;
    top: 34px;
	right: 0;
	z-index: 2;
	background: #eeeff2;
	margin: 0;
    padding: 4px;
    max-height: 250px;
    overflow-y: auto;
	background: #3268ba;
}

#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:last-of-type{
	margin-bottom: 0px;
}

#conteudo-camadas li div{
	display: flex;
	align-items: center;
    justify-content: space-between;
}

#conteudo-camadas li div span.nome-camada{
	font-weight: bold;
}

#conteudo-camadas li div span i{
	margin-right: 3px;
    font-size: 16px;
}

#conteudo-camadas li div span i:last-of-type{
	margin-right: 0px;
}

#conteudo-animacao{
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	padding: 4px;
    background: #3268ba;
}

#conteudo-animacao i{
    font-size: 24px;
    color: #fff;
}
/* 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;
}