/* -------------------------------
SPECIAL CSS FOR THE TIMETABLE
--------------------------------*/

.row.timetable {
	border: 1px solid #5a5d62;
}

.swiper-wrapper {
	padding: 0;
}

.swiper-slide {
	list-style: none;
}

.swiper-slide:nth-child(odd) {
	background-color: #111;
}

.swiper-slide .month {
	background-color: #202122;
	text-align: center;
	padding: 3px 0;
	border-bottom: 1px solid #777;
	color: #f3f4f4;
	font-size: 0.75em;
	margin-bottom: 0;
}
.swiper-slide .month abbr {
	text-decoration: none;
}

.swiper-slide .carriage {
	height: 50px;
	position: relative;
	margin-bottom: 15px;
}

.swiper-slide .carriage:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #000 ;
}

.swiper-slide .carriage .filler {
	height: 15px;
	width: calc(100% - 2px);
	position: absolute;
	left: 1px;
	bottom: 1px;
}

.swiper-slide .carriage .filler>p.notification {
	display: inline-block;
	width: 0px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
}

.swiper-slide .carriage .filler svg.front-train,
.swiper-slide .carriage .filler svg.back-train {
	width: 34px;
	height: 15px;
	position: absolute;
}
.swiper-slide .carriage .filler svg.front-train {
	right: -20px;
}
.swiper-slide .carriage .filler svg.back-train {
	left: -20px;
}

.swiper-slide .carriage .filler svg.end-icon {
	width: 11.8px;
	height: 11px;
	position: absolute;
	right: -42px;
	top: -2px;
}

.swiper-slide .carriage.carriage-withdrawn .filler svg.end-icon {
	top: -18px;
}

.swiper-slide .carriage .filler svg.start {
	width: 25.2px;
	height: 36px;
	position: absolute;
	bottom: 0;
}

.swiper-slide .carriage .filler svg.close_to_adoption-icon {
	width: 14.6px;
	height: 36px;
	position: absolute;
	left: calc(50% - 7px);
	bottom: 0;
}

/*CSS for carriages with the announced status*/
.swiper-slide .carriage.carriage-announced .filler {
	background-color: #08aeff;
}

.swiper-slide .carriage.carriage-announced .filler svg.front-train,
.swiper-slide .carriage.carriage-announced .filler svg.back-train {
	fill: #08aeff;
}

/*CSS for carriages with the tabled status*/
.swiper-slide .carriage.carriage-tabled .filler {
	background-color: #6be3ff ;
}

.swiper-slide .carriage.carriage-tabled .filler svg.front-train,
.swiper-slide .carriage.carriage-tabled .filler svg.back-train {
	fill: #6be3ff ;
}

/*CSS for carriages with the close to adoption status*/
.swiper-slide .carriage.carriage-close_to_adoption .filler {
	background-color: #fffb01;
}

.swiper-slide .carriage.carriage-close_to_adoption .filler svg.front-train,
.swiper-slide .carriage.carriage-close_to_adoption .filler svg.back-train {
	fill: #fffb01 ;
}

/*CSS for carriage with the ADOPTED status*/
.swiper-slide .carriage.carriage-adopted .filler {
	background-color: #34dc11 ;
}

.swiper-slide .carriage.carriage-adopted .filler svg.front-train,
.swiper-slide .carriage.carriage-adopted .filler svg.back-train,
.swiper-slide .carriage.carriage-adopted .filler svg.end-icon {
	fill: #34dc11 ;
}

.swiper-slide .carriage.carriage-adopted.carriage-front .filler {
	width: calc(100% - 50px);
}


/*CSS for carriage with the blocked status*/
.swiper-slide .carriage.carriage-blocked .filler {
	background-color: #fc9105;
}

.swiper-slide .carriage.carriage-blocked .filler svg.front-train,
.swiper-slide .carriage.carriage-blocked .filler svg.back-train,
.swiper-slide .carriage.carriage-blocked .filler svg.end-icon {
	fill: #fc9105;
}


/*CSS for carriage with the withdrawn status*/
.swiper-slide .carriage.carriage-withdrawn .filler {
	background-color: #ff3d3d;
}

.swiper-slide .carriage.carriage-withdrawn .filler svg.front-train,
.swiper-slide .carriage.carriage-withdrawn .filler svg.back-train,
.swiper-slide .carriage.carriage-withdrawn .filler svg.end-icon {
	fill: #ff3d3d;
}

.swiper-slide .carriage.carriage-withdrawn.carriage-front .filler {
	width: calc(100% - 50px);
}


/*CSS for carriage with Legislative initiatives status*/
.swiper-slide .carriage.carriage-legislative_initiatives {
	background-image: url('../images/status/leg-initiatives-pattern.svg') !important;
	background-repeat: repeat-x;
	background-position: bottom left;
	background-size: 10px 6px;
}

.swiper-slide .carriage.carriage-legislative_initiatives:after {
	display: none;
}

/*CSS for an empty carriage container*/
.swiper-slide .carriage.carriage-empty {
	background-color: transparent;
}
.swiper-slide .carriage.carriage-empty:after {
	display: none;
}

.swiper-slide .carriage.carriage-front .filler {
	width: calc(100% - 22px);
}
.swiper-slide .carriage.carriage-back .filler {
	width: calc(100% - 22px);
	left: 21px;
}
.swiper-slide .carriage.carriage-front-back .filler {
	width: calc(100% - 44px);
	left: 21px;
}


/*swiper buttons CSS*/
.swiper-button-prev,
.swiper-button-next {
	top: inherit;
	bottom: 0px;
	height: 87px;
	border: none;
	background: none;
	background-color: #202122;
}
.swiper-button-prev {
	left: 0;
}
.swiper-button-next {
	right: 0;
}

.swiper-button-next:after, .swiper-button-prev:after {
	content: none;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	background-color: transparent;
}


/*CSS for the carriage name*/
.timetable .carriage-name-container {
	margin-top: 22px;
	margin-bottom: 15px;
	
	position: relative;
}
.timetable .carriage-name-container .erpl_title-h4 {
	margin-bottom: 0;
	font-weight: 400;
	/*font-size: 1.1rem!important;*/
}
.timetable .carriage-name-container .meta-data {
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	text-transform: uppercase;
	padding-left: 0.5em;
	border-left: 1px solid #777;
	/*height: 100%;*/
}

.timetable p.update-p {
	border-top: 1px solid #ddd;
}

.timetable-slider-wrapper {
	position: relative;
	height: 87px;
}


/* -------------------------------
SPECIAL CSS FOR THE REFERENCES
--------------------------------*/
.references-row .label-references {
	font-size: 0.875em;
	margin: 0;
	height: 2.5rem;
	display: flex;
	align-items: center;
	border-bottom: 1px solid transparent;
	text-transform: uppercase;
}
.references-row .label-references.ref-label {
	border-bottom: 2px solid transparent;
	text-transform: none;
}
.references-row .label-references.time-label {
	opacity: 0;
	height: 0;
}

@media screen and (min-width: 480px) {
	.references-row .label-references {
		border-bottom: 1px solid #ddd;
	}
	.references-row .label-references.ref-label {
		border-bottom: 2px solid #999;
	}
	.references-row .label-references.time-label {
		border-bottom: 1px solid transparent;
		height: 2.5rem;
	}
}



.references-row .swiper-wrapper {
	height: 2.5rem!important;
	margin-bottom: 0;
}
.references-row .swiper-slide {
	width: 50px;
}
.references-row .swiper-wrapper li:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #ddd;
	bottom: 0;
	left: 0;
}
.references-row.ref-row .swiper-wrapper li:after {
	background-color: #999;
	height: 2px;
}
.references-row.time-row .swiper-wrapper li:after {
	display: none;
}
.references-row.time-row .swiper-slide:nth-child(odd) {
	background-color: #111;
}

.references-row .swiper .swiper-slide {
	overflow: hidden;
}
.references-row .swiper .slide-content {
	display: inline-block;
	width: 100%;
	height: 2.5rem;
}

.references-row .swiper .link-container {
	height: 2.5rem;
	width: 100%;
	display: inline-block;
	overflow: hidden;
	border: none;
	cursor: pointer;
	background-color: transparent;
}
.references-row .swiper .link-container >span {
	opacity: 0;
}
.references-row .swiper .link-container:after {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	top: calc(50% - 7.5px);
	left: calc(50% - 7.5px);
}
.references-row .swiper .link-container.ref-link:after {
	background-color: #999;
}

.references-row .swiper .link-container.announced-link:after,
.references-row .swiper .link-container.tabled-link:after,
.references-row .swiper .link-container.expected_arrivals-link:after {
	background-color: #fffb01;
}

.references-row .swiper .link-container.adopted-link:after {
	background-color: #34dc11;
}

.references-row .swiper .slide-content.year-content {
	display: flex;
	align-items: flex-end;
}
.references-row .swiper .slide-content.year-content p{
	height: 1rem;
	font-size: 0.75rem;
}
.references-row .swiper .slide-content.start {
	border-left: 1px solid #aaa;
}
.references-row .swiper .slide-content.year-content.end {
	justify-content: flex-end;
}
.references-row .swiper .slide-content.year-content.start p {
	padding-left: 0.2rem;
}
.references-row .swiper .slide-content.year-content.end p {
	padding-right: 0.2rem;
}

.references-row .swiper-button-prev,
.references-row .swiper-button-next {
	height: 2.5rem;
}
.references-row .swiper-button-next.swiper-button-disabled, 
.references-row .swiper-button-prev.swiper-button-disabled {
	opacity: 0	;
}

.references-row .swiper-button-prev {
	left: 10px;
}
.references-row .swiper-button-next {
	right: 10px;
}