html {
		  scroll-behavior: smooth;
		}

		.blink {
		  animation: blinker 1s linear infinite;
		}

		@keyframes blinker {  
		  50% { opacity: 0.0; }
		}

		.itinerario h3.popover-title {
			padding: .5rem .75rem;
			margin-bottom: 0;
			font-size: 1rem;
			color: inherit;
			background-color: #f7f7f7;
			border-bottom: 1px solid #ebebeb;
			border-top-left-radius: calc(.3rem - 1px);
			border-top-right-radius: calc(.3rem - 1px);
		}

		.aviso{
			color: #444!important;
			background: none;
			font-size: 11px;
			line-height: 1.2;
			margin-bottom: 10px !important;
			border: 0;
			border-top: 1px solid #ccc;
			margin-top: 17px;
			border-radius: 0;
		}

		.aviso .glyphicon {
			font-size: 2.1em;	
		}

		.btn-info{
			background-color: #fff !important;
			color: rgb(7, 102, 180);
		}

		.btn-info:hover{
			color: #fff !important;
			background-color: rgb(7, 102, 180) !important;
		}


		.mapa-resultado{
			padding-left: 0;			
		}

		.mapa-resultado #map{
			border-radius: 10px;	
			position:relative;
		}

		.fixa {		 
		 	top: 0;
			background-color: white;
			padding-bottom: 10px;
			position: relative;
			padding-top: 10px;
			z-index: 160;
		}

		.fixado{
			box-shadow: 0px 16px 27px -20px rgba(0,0,0,0.2);
			position: sticky;
		}

		
		.alerta{
			background-color: #6c8d0f;
			color: white;
			height:100%;
			text-align: center;
			font-size:1.4em;
			border-radius: 6px 0 0 6px;
		}

		.alerta .glyphicon{
			top: calc(50% - 9px);	
		}

		#alteracoes-operacionais .container{
			display: grid;
			height:100%;
			width:100%;
		}

		#alteracoes-operacionais .row{
			height:100%;						
		}

		#alteracoes-operacionais{
			display: none;
			float: right; 
			margin: 0 0 10px;			
		}

		#alteracoes-operacionais .alteracoes{
			margin: 0;	
		    border-radius: 0 6px 6px 0;
			overflow: hidden;
			border: 1px solid #ddd;
		}

		#alteracoes-operacionais .alteracoes li{
			width:100%;
			padding: 7px 7px 5px;
			border: 1px solid #ddd;
		    border-width: 0 0 1px 0;
			line-height: 1.2;
		}

		#alteracoes-operacionais .alteracoes li:nth-child(even){
			background-color: #f5f5f5;
		}

		#alteracoes-operacionais .alteracoes li:last-child{
			border:0;
		}


       .descricao-linha-resultado select{
            width: 100%;
            border: 0;
            border-bottom: 1px solid #eee;
            color: #6c8d0f;
            font-family: "Figtree";
            text-transform: uppercase;
            font-size: 12pt;
            padding: 0 0 5px;
            box-sizing: border-box;
            font-weight: 800;
		   background-color: white;
			margin-top:5px;
        }

		.descricao-linha-resultado option{
			color: #6c8d0f;
            font-family: "Figtree";
            text-transform: uppercase;
			font-weight: 800;
			background-color: white;
		}
        
        .letreiroTitulo{
            width: 100%;
            color: #727171;
            font-family: "Figtree";
            text-transform: uppercase;
            font-size: 16pt;
            box-sizing: border-box;
            font-weight: 800
        }
        
         .headerArea
        {
            font-family: "Figtree";
            font-weight: 400;
            text-transform: uppercase;
            width: 100%;
            display: inline-block;
            font-size: 11pt;
            letter-spacing: -0.015em;
            color: #666;			
        }
        
         .headerAreaMaior
        {
            font-family: "Figtree";
            font-weight: 400;
            text-transform: uppercase;
            width: 100%;
            display: inline-block;
            font-size: 11pt;
            letter-spacing: -0.015em;
            padding-bottom:5px;
            border-bottom: 1px solid #ccc;
            color: #666;
        }
        
        .painel-legenda{
            background-color:#eee;
            text-align: center;
            padding: 5px 0;
        }
        .painel-valor{
			background-color:#fff;text-align: center;font-weight:bold;padding: 5px 0;
        }

		.mt20-sm{
				margin-top:20px;	
		}

		.mt30-sm{
				margin-top:30px;	
		}

		.descricao-linha-resultado{
		margin-top: 0;	
		}

		.tabelaFuncionamento .glyphicon-ok{
			color: #35C786;			
		} .tabelaFuncionamento .glyphicon-remove{
			color: #e2001a;
		}

		.tabelaItinerario{
			font-size: 11px;	
			position:relative;
		}

		.tabelaItinerario th{
			text-align: left;
		}

		.tabelaItinerario table td:first-child{
			position:relative;
			width:20px;
			padding:0;
		}

		.descricao-linha-resultado td {
		    padding: 5px 7px 5px !important;
		    line-height: 1.35 !important;
		}

		.percurso{
			height: calc(100% - 43px);
			width: 5px;
			background-color: #d1d1d1;
			display: inline-block;
			position: absolute;
			top: 35px;
			left: 10px;
			border-radius: 100px;
			z-index: 20;
		}

		tr:nth-child(2) td .via{
			top: 5px !important;			
		}

		tr:last-child td .via{
			top: inherit !important;
			bottom: 5px !important;			
		}

		.via{
			width: 15px;
			height: 15px;
			border: 4px solid #d1d1d1;
			display: inline-block;
			background-color: white;
			border-radius: 100%;
			z-index: 50;
			left: 5px;
			position: absolute;
			top: calc(50% - 7px);
		}
		.evento .via{
			border: 4px solid #6c8d0f;
			cursor: pointer;
			animation: glow 1s infinite alternate;
		}		  	

		@keyframes glow {
		  from {
			box-shadow: 0 0 3px -5px rgba(200,0,0,0.5);
		  }
		  to {
			box-shadow: 0 0 3px 2px rgba(200,0,0,0.5);
		  }
		}

		.text-left{
			text-align: left;
			padding-left: 10px;
			padding-right: 10px;			
		}

		.textoLegenda{
			font-family: Roboto;
			font-size:11px;
			font-weight: bold;
			padding:5px 0;
		}

		.itinerario .textoLegenda{
			font-weight: 300;
			margin-bottom: 30px;
			padding: 0;
			margin-top: -10px;
		}

		.partidas{ 
		display: inline-table;
		}

		.text-center-xs{
			text-align: center;
		}
			
		.partidas span{
			width: 47px;
			display: inline-block;
			margin: 0px;
			background-color: #f5f5f5;
			font-size: 11px;
			text-align: center;
			/* border: 2px solid white; */
			margin: 0 4px 4px 0;
		} .partidas span.invert{			
			background-color: #e6e6e6 !important;
		}

			.botaoMapa{
				display: none !important;	
			}
			
			.fecharMapa{
				display: none;	
			}

			.full-screen{
				position: relative;	
			}

		
		@media (max-width: 480px){
			.aviso .glyphicon {
				font-size: 1.2em;
			}		
		}

		@media (max-width: 767px){
			.sentido{
				margin-top:10px;	
			}	
		}

		
		
		@media (max-width: 991px){
			
			
			
			.tabelaTempo{
				border: 1px solid #ccc;
				border-width: 1px 1px 0;
				border-radius: 8px;
				overflow: hidden;
			}
			
			.tabelaTempo>div{
				border-bottom:1px solid #ccc;				
			}
			
			.tabelaFuncionamento{
				margin-top: 15px;
			}
			
			.mapa-resultado.fora{
				left: -1000px;
				position:fixed;
			}								
			
			#map.full-screen{
				z-index: 10000;
				top: 0;
				left: 0;
				width: 100vw !important;
				height: 100vh !important;
				width: -webkit-fill-available !important;
				height: -webkit-fill-available !important;
				position: fixed !important;
			}
			
			.mapa-resultado #map{
				border-radius: 0;	
				position: fixed;
			}
			
			.botaoMapa{
				display: block !important;
				font-size: 14px;
				font-weight: bold;
				font-family: "Figtree";
				position: fixed;
				left: calc(50% - 72px);
				bottom: 0;
				background: #fff;
				padding: 8px 8px 6px;
				border: 1px solid #ddd;
				border-width: 1px 1px 0px 1px;
				border-radius: 8px 8px 0 0;
				z-index: 10000;
				width: 135px;
				text-align: center;
				color: #6c8d0f;
				cursor: pointer !important;
			}
			
			.hide{
				display: none !important;
			}
			
			.fecharMapa{
				display: inline-block;	
				z-index: 10000;
				position: fixed;
				right: 15px;
				top: 15px;
				border-radius:100%;
				background-color:#fff;
				height:50px;
				width:50px;
				text-align: center;
				color: #6c8d0f;
				box-shadow: rgba(0,0,0,0.2) 0px 3px 3px;
				cursor: pointer !important;
			}		
			.fecharMapa .glyphicon{
				position: relative;
				top: calc(50% - 10px);
				font-size: 1.5em;
			}
				
		}

		@media (max-height: 300px){
			.botaoMapa{
				font-size: 11px;
				left: calc(50% - 55px);
				padding: 4px 0;
				width: 100px;
			}
			
			.headerArea{
				font-size: 11px;	
			}

			.descricao-linha-resultado select{
				font-size: 12px;	
			}			
		}
        
        @media (min-width: 992px) {
			
			div:last-child > .painel-valor, div:last-child > .painel-legenda{
				border-right: 0;
			}
			
			.botao
			{
			display: none !important;	
			}
			.sentido{
				margin-top:0;	
			}
			
			.tabelaTempo{
				border: 1px solid #ccc;
				border-radius: 8px;
				overflow: hidden;	
			}
			

			
			.text-center-xs{
				text-align: inherit !important;
			}
		
		
			
			.tempoEstimado .headerAreaMaior{
				border: 0;	
			}
        }

		.tituloAvisoPopup{
			font-family: "Figtree";
			padding-bottom: 3px;
			border-bottom: 1px solid #ddd;
			font-weight: 600;
			text-transform: uppercase;
			line-height: 1.1;
			padding: 15px 20px 10px 20px;
			background: #eee;
			color: #444;	
		} .corpoAvisoPopup{
			font-family: Roboto;
			line-height: 1;
			padding: 10px 20px 0;
			color: #222;		
		}
/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.7.14 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2019, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:0 0 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-width: 90%; max-height:80%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:90%; max-width:90%; border-radius: 8px; border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}}