@charset "UTF-8";
/* general stuff */

.result-progress-bar: {
	display: none;
}

.result-table {
	width: 99% !important; /* XXX otherwise sometimes horizontal scrollbar */
}

.result-table > thead > tr > th.detail,
.result-table > tbody > tr.has-detail-view > td:first-of-type {
	display: none;
}

.result-table .detail-view > td {
	padding: 0 !important; /* override bootstrap table css */
}

.fixed-table-container .result-table thead th {
	font-weight: 200;
}

.fixed-table-container .result-table thead th .sortable.asc,
.fixed-table-container .result-table thead th .sortable.desc {
	font-weight: 600;
}

.fixed-table-container .result-table thead th .sortable {
	background-position: left;
	padding-right: 0;
	padding-left: 20px;
}

.result-table .big-text {
	font-size: 1.2em;
}

.result-table a.btn,
.result-table a.btn:hover,
.result-table a.btn:active,
.result-table input[type=submit],
.result-table input[type=submit]:hover,
.result-table input[type=submit]:active,
.result-table .btn-primary,
.result-toolbar .btn-primary {
	color: #fff;
	font-weight: 400;
}

.result-table .btn-group .btn-group + .btn-group {
	padding-left: 1px;
}

.result-table .btn-sm .wficon {
	/* we use 16px icon but btn-sm has font size 12 */
	vertical-align: text-top;
	line-height: 12px; 
}

/* rows & columns */

.fixed-table-container .result-table tbody td,
.fixed-table-container .result-table thead th {
	border-left: none !important; /* XXX wtf? why is this necessary */
}

.result-table tr.has-detail-view:hover {
	cursor:pointer;
}

.result-table tr.detail-view + tr > td {
	border-top: none;
}

.result-table table.connection-details {
	border-bottom-width: thick;
}

.result-table table.connection-details tr {
	border-bottom: 1px dashed #ccc;
	border-top:none;
}

.result-table table.connection-details td {
	border-top:none;
}

.result-table td.time {
	width:10%;
}

.result-table td.icon {
	width:10%;
}

/* data rendering */

.result-table[data-sort-name=times] tbody td.duration span.duration,
.result-table[data-sort-name="times.departureTime"] tbody td.duration span.departure,
.result-table[data-sort-name="times.arrivalTime"] tbody td.duration span.arrival,
.result-table[data-sort-name=prices] tbody td.price div.price {
	font-weight: 600;
/* 	text-shadow: 0px 0px 10px #ff0; */
/*  mal "textmarker" ausprobiert, sieht aber etwas komisch aus und müsste eine theme farbe sein, damit es auch bei dunklen hintergründen passt */
}

.result-table td.price .button-container {
	margin-top: 24px;
}

.result-table .stagesList,
#cboxTitle .stagesList {
	width: 100%;
	list-style-type:none;
	padding:0;
	margin: 10px 0px 0px;
/* 	overflow experiments */
/* 	overflow: hidden; */
/* 	text-overflow: ellipsis; */
/* 	white-space: nowrap; */
}

#cboxTitle .stagesList {
	margin-top: 0;
}

.result-table .stagesList li,
#cboxTitle .stagesList li {
/* 	overflow experiments */
/* 	display: inline; */
	display: inline-block;
}

.result-table .stagesList li + li:before,
#cboxTitle .stagesList li + li:before {
	content: '\3009'; /* ›*/
	padding: 0 2px 0 2px;
	vertical-align: text-bottom;
}

.result-table .stagesList .label,
#cboxTitle .stagesList .label {
	vertical-align: super;
	font-size: 100% !important;
	font-weight: normal;
}

.result-table th.hidden {
	display: table-cell !important;
}

.result-table td.hidden {
	display: none;
}