/************* Componente propiamente dicho *********************/
.itinerary-map-body .loadingErrorContainer {
	height:100%;
	width:100%;
	font-size: 1.143rem;
   	color: var(--color-texto);
   	font-weight: 700;
   	text-align:center;
   	padding: 10%;
}
.itinerary-map-body .loadingErrorContainer > p {
	padding-left: 40px;
	position: relative;
}
.itinerary-map-body .loadingErrorContainer > p:before {
    font-size: 36px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
}

/********** Contenido izquierda: itinerario **************/


.bloque-itinerario .stop-itinerary .stop-header.stop-header-TECHNICAL_STOP:before{
	background: #fff;
	border:3px solid #E0DED9;
}
/* .bloque-itinerario .stop-itinerary .stop-header-TRANSFER:before{
	background:#009688
} */
.itinerary-map-body .bloque-itinerario .stop-itinerary.last{
	border-bottom:none;
}
.itinerary-map-body .bloque-itinerario .stop-itinerary .stop-data {
	cursor:not-allowed;
}
.itinerary-map-body .bloque-itinerario .stop-itinerary .stop-data.stop-clickable {
	cursor:pointer;
}
.itinerary-map-body .bloque-itinerario .stop-itinerary.last .stop-data.stop-clickable:before{
	display:none;
}
.itinerary-map-body .bloque-itinerario .stop-itinerary .stop-contenido{
	padding-top: 3px;
    padding-bottom: 26px;
}
.itinerary-map-body .bloque-mapa .itinerarymap_map,
.itinerary-map-body .bloque-mapa .itinerarymap_map .map-canvas {
	height:500px;
}
.itinerary-map-body .bloque-mapa .itinerarymap_map .map-canvas .popover {
	width:250px;
}
.itinerary-map-body .bloque-mapa .itinerarymap_map .map-canvas .popover-content{
	padding:10px !important;
	font-size: 12px;
	color:#363738;
}



/************  WEB2020   ****************/

/*=====================================================
-----------------  ITINERIARIO  -----------------------
*******************************************************/


	html .nav-itin {
	   	 	border-top: 1px solid #ECEAE6;
	   	 	border-bottom: 1px solid #ECEAE6;
	    	margin-left: 0px;
	    	margin-top: 16px;
    }

	html .nav-itin li{ float:right;}

	html .nav-itin li:first-child{float:left;}

	html .nav-tabs li a{
	    	font-size: 0.9rem;
	    	text-decoration: none;
	}

	html .nav-itin li a:focus{
		border-bottom: 3px solid #3FC8EB !important;
		background-color: #ffffff !important;
	}

	html .nav-itin li a {
    	text-decoration: none !important;
    	color: #38333B !important;
	}

	html .nav-itin span.icn-close:before{color:#FF595A;}

	html .nav-itin .icn-map:before {
		color: #3FC8EB;
		top:8px !important;
		font-size:24px;
		line-height:0;
	    position: relative;
	    padding-right: 5px;
	}


/* BLOQUE ITINERIARIO */

	.itinerary-map-body .bloque-itinerario {
   		padding-left: 15px;
        padding-top: 15px;
        }

    .itinerary-map-body .bloque-itinerario .stop-itinerary:before {
	    content: "";
	    position: absolute;
	    left: -27px;
	    background-color: #ffffff;
	    top: 6px;
	    box-sizing: border-box;
	    height: 9px;
	    width: 9px;
	    border: 2px solid #FF595A;
	    border-radius: 4.5px;
	}

	/*<WAEVO-294>*/
	/*alinear a la derecha el boton de cierre del itinerario del tren*/
	li.close-container.close-itinerary {
		float: right !important;
	}
	.close-itinerary {
		margin-right: 22px;
	}
	/*</WAEVO-294>*/

/* estilos para container paradas*/

.stops-info-container {
	    padding: 0 12px;
		}
	.map-stop-info {
	    	background-color: #ffffff;
			padding: 15px 16px 16px 41px;
		}

		.map-stop-info:before{
			content: "";
			position: absolute;
		   	background-color: #ffffff;
			left: 16px;
		    top: 19px;
			box-sizing: border-box;
			height: 10px;
			width: 17px;
			border: 2px solid #FF595A;
			border-radius: 4.5px;
		}

		html .stop-time{
				font-size: 1.2rem;
				color:#797676;
			}

		html .stop-name{
				font-size:1rem;
				color:#38333B;
			}

		html .stop-type{
				font-size: 1.2rem;
				font-weight: bold;
				padding-left: 6px;
			}

		html .stop-mas-info{
				margin-top: 3px;
    			font-size: 13px;
    			color: #38333B;
    			margin-left: 0px;

			}
		html #content-web2020 #mapResponsive .stops-info-container .map-stop-info .stop-data .stop-contenido .stop-mas-info span{
			font-family: 'Open-Sans';
		}

		html .stop-description{
				font-size:0.857rem;
			}


	.map-stops-navigation{
		/* 	opacity:1; */
		position: absolute;
	    top: 55%;
	    width: 100%;
		z-index: 11;

		}
		.nav-right {
			margin-right:0px;
		    background-color: #ffff;
		    float: right;
		    width: 50px;
		    height: 50px;
		    display: flex;
	    	justify-content: center;
	    	align-items: center;
			}
			.map-stops-navigation .icn-angle-right:before{ color: red;}

		.nav-left{
			margin-left:0px;
		    background-color: #ffff;
			float: left;
			width: 50px;
		    height: 50px;
		    display: flex;
	    	justify-content: center;
	    	align-items: center;
		    }
		    .map-stops-navigation .icn-angle-left:before{ color: red;}

		[id^="contenedor-fichas-viaje"] .results-bottom {
		    padding-top: 15px;
		    padding-bottom: 15px;
		    }


/********************** cambios en ventana intinerarios DESKTOP *******************************/

[id^="itineraryContainer"]{}

.contenedor-columnas-itinerario{
	display: flex;
	max-height:550px;
	padding:24px 9px;
/* 	padding:24px 9px 0px 9px; */
	}

.contenedor-consulta-horarios .itinerary-col{ padding-left: 0 !important;} /*quita padding del td*/

.itinerary-header {
		border-bottom: 1px solid #E1E0E1;
		padding-top: 8px;
		padding-bottom: 12px;
	}

.itinerary-header li:first-child{
	float: left;
	font-weight: bold;
}
.itinerary-header li:last-child{ float: right; }

.itinerary-header li .icn-close:before {color: #FF595A;}

.itinerary-map-body .bloque-itinerario{
	color:#363738;
	max-height: 100%;
/* 		max-height: 117%; */
}

.itinerary-map-body .bloque-mapa {
    float: none;
    height:600px;
}

.bloque-itinerario .stop-itinerary .stop-header.stop-header-TECHNICAL_STOP:before,
.bloque-itinerario .stop-itinerary .stop-header-TRANSFER:before,
.itinerary-map-body  .bloque-itinerario .stop-itinerary:before{
	content: "";
	position: absolute;
	left: -27px;
	background-color: #ffffff;
    top: 10px;
	box-sizing: border-box;
	height: 9px;
	width: 9px;
	border: 2px solid #FF595A;
	border-radius: 4.5px;
}

.itinerary-map-body .bloque-itinerario .stop-itinerary .stop-data.stop-clickable:before{
	content: '';
	height: 89%;
	width: 4px;
	vertical-align: middle;
	display: inline-block;
	left: -25px;
	margin-top: 2px;
	position: absolute;
	border-left: 4px dotted #E1E0E1;
	background: transparent;
	top: 23px;
}
.itinerary-map-body  .bloque-itinerario .stops-list-container { padding-left: 32px; }

.itinerary-map-body .bloque-itinerario .stop-time{
	font-size: 1.06rem;
	color:#797676;
}
.itinerary-map-body .bloque-itinerario .stop-name{
	font-size:1rem;
	color:#38333B;
}

.itinerary-map-body .bloque-itinerario .stop-type{
	font-size: 1.06rem;
	font-weight: bold;
	padding-left: 5px;
}

.itinerary-map-body  .bloque-itinerario .stop-itinerary{
	position: relative;
	}

.itinerary-map-body .bloque-itinerario .stop-mas-info{
	font-size:0.857rem;
	color:#38333B;
	opacity: .4;
    margin-left: 0px;
}
.itinerary-map-body .bloque-itinerario .stop-description{
	font-size:0.857rem;
}

li.itinerary-tab a.active{
	color: #38333B;
	border-bottom: 3px solid #59BEDA;
	padding-bottom: 10px;
	padding-left: 0;
    padding-right: 0;
    background-color: #FFFFFF;
}
li.itinerary-tab a{
	padding-left: 0;
    padding-right: 0;
}

/*** Soluciona la pre-carga del mapa ***/
.invisible-map{
	invisible: hidden;
}

/********************** cambios en ventana intinerarios tablet - movil *******************************/

/***** mediaQueri para movil  *******/

@media screen and (max-width: 991px){
	.box-filter{
		margin-left:0;
	}
	html .nav-itin {
	   	border-top: 1px solid #ECEAE6;
	   	border-bottom: 1px solid #ECEAE6;
/* 	    padding-left: 15px;
   		padding-right: 15px; */
		margin-top: 16px;
	}
	html .nav-itin li{
		float:right;
	}
	html .nav-itin li:first-child{
		float:left;
	}
	html .nav-tabs li a {
	    font-size: 0.9rem;
	    text-decoration: none;
	}
	html .nav-itin li a:focus {
		border-bottom: 3px solid #3FC8EB !important;
		background-color: #ffffff !important;
	}
	html .nav-itin li a {
    	text-decoration: none !important;
    	color: #38333B !important;
	}
	html .nav-itin span.icn-close:before{
		color:#FF595A;
	}
	html .nav-itin .icn-map:before {
		color: #3FC8EB;
	}
    .itinerary-map-body .bloque-itinerario{
    	padding: 0 16px;
        margin-top: 20px;
       	}

	.stops-info-container {
	    padding: 0 15px;
		}
	.map-stop-info {
	    	background-color: #ffffff;
			padding: 16px 16px 16px 40px;
		}

		.map-stop-info:before{
			content: "";
			position: absolute;
		   	background-color: #ffffff;
			left: 15px;
    		top: 22px;
			box-sizing: border-box;
			height: 10px;
			width: 10px;
			border: 2px solid #FF595A;
			border-radius: 4.5px;
		}

		html .stop-time{
				font-size: 1.2rem;
				color:#797676;
			}

		html .stop-name{
				margin-top: 3px;
    			font-size: 13px;
    			font-family: Open-Sans !important;
    			color: #38333B;
			}

		html .stop-type{
				font-size: 1.2rem;
				font-weight: bold;
				padding-left: 5px;
			}

		html .stop-mas-info{
				font-size:0.857rem;
				color:#797676;
				margin-left:0px;
			}

		html .stop-description{
				font-size:0.857rem;
			}


	.map-stops-navigation{
		/* 	opacity:1; */
		position: absolute;
	    top: 55%;
	    width: 100%;
		z-index: 11;
		}
		.nav-right {
			margin-right:-15px;
		    background-color: #ffff;
		    float: right;
		    width: 50px;
		    height: 50px;
		    display: flex;
	    	justify-content: center;
	    	align-items: center;
			}
			.map-stops-navigation .icn-angle-right:before{ color: red;}

		.nav-left{
			margin-left:-15px;
		    background-color: #ffff;
			float: left;
			width: 50px;
		    height: 50px;
		    display: flex;
	    	justify-content: center;
	    	align-items: center;
		    }
		    .map-stops-navigation .icn-angle-left:before{ color: red;}

}
/***** FIN - mediaQueri para movil  *******/