/* Para mostrar algunos iconos a un tamano especifico */
.icon-anyfill-graph-info-circle {
	width: 17px;
	height: 17px;
}

.icon-anyfill-graph-info-circle * {
	fill: $brand-secondary;
}


/* Itinerario */
.itinerary-container {
	margin-bottom: 14px;
	padding-top: 20px;
	padding-bottom: 15px;
	background: #efefef;
	border-bottom:1px solid #cacaca;
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
	.recommended-message {
		margin: 0 0 10px;
		padding-left: 15px;
		font-size: 14px;
		color: $brand-copy-light;
		strong {
			text-transform: initial;
			color: $brand-green;
		}
	}
}

.itinerary-service-options {
	padding:0;
	transition: width 0.3s;
}

.itinerary_frame {
	border: 1px dashed $colorBordes;
	padding: 10px;
	margin-bottom: 12px;
	min-height: 88px;
	position: relative;
	font-size: 12px;
	line-height: 21px;
	background: $brand-grey-light;
	font-weight: $roboto-light;
	&.empty_frame {
		border: 1px dashed $brand-green;
		position: relative;
		border-radius: 6px;
		min-height: 81px;
		padding:12px 10px;
		box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2);
		p {
			text-align: center;
			font-size: 16px;
			color: $brand-green;
			margin-bottom:6px;
			.emptyelement {
				display: inline-block;
				margin-top:1em;
			}
		}
		.empty_frame_arrow {
			&, &:after {
				position: absolute;
				display: block;
				width: 0;
				height: 0;
				border-color: transparent;
				border-style: solid;
			}
		}
		.empty_frame_arrow {
			left: 50%;
			margin-left: -7px;
			border-width: 7px;
			border-bottom-width: 0;
			border-top-color: $brand-green;
			bottom: -7px;
			&:after {
				bottom: 1px;
				margin-left: -7px;
				border-width: 7px;
				border-bottom-width: 0;
				border-top-color: $brand-grey-light;
				content: "";
			}
		}
	}
	strong {
		text-transform: uppercase;
	}
	.origindestinydate {
		margin-bottom: 3px;
		color: $brand-copy-light;
		svg {
			vertical-align: middle;
			&, & * {
				fill: $brand-copy-light;
			}
			&.icon-anyfill-prod-flight {
				width: 18px;
				height: 18px;
			}
			&.icon-anyfill-prod-train {
				width: 18px;
				height: 18px;
			}
		}
	}
}

.itineraryprice {
	padding-top:18px;
	.pricefigure {
		text-align: right;
		.price {
			@include medium-weight;
			font-size: 24px;
			.symbol {
				font-size: 15px;
			}
		}
		.pricedetail {
			display: inline-block;
			margin-left: 5px;
			cursor:pointer;
			vertical-align: middle;
			.icon {
				vert-align: top;
			}
		}
	}
	.secondline {
		text-align: right;
		font-size: 16px;
		font-weight: $roboto-light;
		line-height: 1;
		color:$brand-copy-light;
		margin-bottom: 5px;

		span {
			position: relative;
			top: 2px;
			padding-left: 6px;
		}
	}
	.btn_booking {
		margin-top: 18px;
	}
	.updateselectioninfo {
		margin-top: 26px;
	}
}
.itinerary-service-separator {
	border-bottom: 1px dashed #c7c7c7;
	margin: 6px 0;
}
.itinerary-service-separator:last-of-type {
	display: none;
}
/* Fin Itinerario */

/* Común a servicios */
.itinerary-service {
	padding: 0 20px;

	.title-row {
		height: 24px;
	}
	.service-title {
		color: $brand-grey-dark;
		font-weight: $roboto-light;
		font-size: 18px;
		margin-left: 10px;
	}
}

.iti-srv-content {
	padding: 0 16px!important;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.iti-srv-content {
		margin-left: 50px;
		paddgin: 0!important;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}


/* loading */
.ballsWaveGContainer {
	width: 100%!important;
	height: 100%!important;
	min-height: 25px;
	text-align: center;
	vertical-align: middle;
}
.ballsWaveG{
	position:relative;
	width:90px;
	height:21px;
	margin:auto;
}

.ballsWaveG{
	position:absolute;
	display: inline-block;
	margin-top: 12px;
	top:0;
	background-color: $brand-grey-light;
	width:10px;
	height:10px;
	animation-name:ballsWaveG;
	-o-animation-name:ballsWaveG;
	-ms-animation-name:ballsWaveG;
	-webkit-animation-name:ballsWaveG;
	-moz-animation-name:ballsWaveG;
	animation-duration:1.5s;
	-o-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	-webkit-animation-duration:1.5s;
	-moz-animation-duration:1.5s;
	animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-direction:normal;
	-o-animation-direction:normal;
	-ms-animation-direction:normal;
	-webkit-animation-direction:normal;
	-moz-animation-direction:normal;
	border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}

.ballsWaveG_1{
	left:0;
	animation-delay:0.6s;
	-o-animation-delay:0.6s;
	-ms-animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
	-moz-animation-delay:0.6s;
}

.ballsWaveG_2{
	left:11px;
	animation-delay:0.75s;
	-o-animation-delay:0.75s;
	-ms-animation-delay:0.75s;
	-webkit-animation-delay:0.75s;
	-moz-animation-delay:0.75s;
}

.ballsWaveG_3{
	left:22px;
	animation-delay:0.9s;
	-o-animation-delay:0.9s;
	-ms-animation-delay:0.9s;
	-webkit-animation-delay:0.9s;
	-moz-animation-delay:0.9s;
}

.ballsWaveG_4{
	left:34px;
	animation-delay:1.05s;
	-o-animation-delay:1.05s;
	-ms-animation-delay:1.05s;
	-webkit-animation-delay:1.05s;
	-moz-animation-delay:1.05s;
}

.ballsWaveG_5{
	left:45px;
	animation-delay:1.2s;
	-o-animation-delay:1.2s;
	-ms-animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
	-moz-animation-delay:1.2s;
}

.ballsWaveG_6{
	left:56px;
	animation-delay:1.35s;
	-o-animation-delay:1.35s;
	-ms-animation-delay:1.35s;
	-webkit-animation-delay:1.35s;
	-moz-animation-delay:1.35s;
}

.ballsWaveG_7{
	left:67px;
	animation-delay:1.5s;
	-o-animation-delay:1.5s;
	-ms-animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
}

.ballsWaveG_8{
	left:78px;
	animation-delay:1.64s;
	-o-animation-delay:1.64s;
	-ms-animation-delay:1.64s;
	-webkit-animation-delay:1.64s;
	-moz-animation-delay:1.64s;
}



@keyframes ballsWaveG{
	0%{
		background-color:rgb(20,20,20);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

/* Fin loading */


/* Fin común a servicios */