.routesList {
	width: 360px;
	height: calc(100%);
	background-color: #ffffff;
	padding: 5px 10px 5px 10px;
	overflow-y: auto;
	overflow-x: hidden;
	border: solid 0 #aaa;
	border-radius: 0;
	color: white;
}

.detailsContainer {
	padding: 0 5px 0 5px;
}

.routesList .scrollbox {
	height: calc(100% - 190px);
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
}

.detailsContainerHeader {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.detailsContainerHeaderText {
	font-size: 18pt;
	font-weight: bold;
}

.detailsContainerTop {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.detailsContainerTopLeft {
	flex: 0 1 auto;
}

.detailsContainerTopRight {
	flex: 0 1 auto;
}

.myRoutesContainerItem
{
	cursor: pointer;
	margin: 15px 4px 15px 0;
	padding: 5px;
	border: solid 1px #eeeeee;
	border-radius: 4px;
	background-color: white;
	color: rgba(0, 0, 0, 0.87);
	box-shadow: 0px 4px 4px rgba(0, 8, 8, 0.25);
}

	.myRoutesContainerItem.active
	{
		cursor: pointer;
		margin: 15px 0 15px 0;
		padding: 5px;
		border: solid 1px #eeeeee;
		border-radius: 4px;
		background-color: #e4e4e4;
		color: rgba(0, 0, 0, 0.87);
	}

.myRoutesContainerItemLine1 {
	font-size: 12pt;
	font-weight: bold;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.myRoutesContainerItemLine2 {
	font-size: 8pt;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}