/*
################################
        Train Switches
################################
*/
.viewSection .sectionAiguillages {
	margin-bottom: 0;
}

.aiguillagesContainer {
	display: flex;
	justify-content: center;
}

.speedAiguillages {
	position: relative;
	background-size: 100%;
	width: 35%;
	margin: auto;
	float: right;
}

.speedAiguillages img {
	width: 100%;
	height: 100%;
}

.aiguillages {
	position: absolute;
	width: fit-content;
	display: flex;
	cursor: pointer;
	width: 3%;
	height: 4%;
}

.aiguillagesContainer svg{
	width: 15px;
	height: 15px;
}

.aiguillages.hor {
	flex-direction: column;
}

.aiguillages.hor div {
	margin: 4px 0;
	width: 100%;
	height: 50%;
}

.aiguillages.ver div {
	margin: 0 4px;
	width: 50%;
	height: 100%;
}

.aiguillages .aiguillagesLeft {
	color: gray;
	opacity: 0.1;
}

.aiguillages .aiguillagesRight {
	color: lightgreen;
	opacity: 1;
}

.aiguillages.active .aiguillagesLeft {
	color: lightgreen;
	opacity: 1;
}

.aiguillages.active .aiguillagesRight {
	color: gray;
	opacity: 0.1;
}

.aiguillages path {
	font-weight: 500;
}