/* Teaser */
.job-teaser {
	margin-top: -12px;
}
.job-teaser__list {
	margin-bottom: 18px;
	list-style-type: none;
}
.job-teaser__item {
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ddd;
}
.job-teaser__overline {
	color: #888;
	font-size: 13px;
}
.job-teaser__item:last-child {
	border-bottom: none;
}
.job-teaser__link {
	text-decoration: none;
	color: #2e407d;
}
.job-teaser__location:after {
	content: '//';
	margin: 0 2px 0 4px;
}
.job-teaser__category {}
.job-teaser__title {
	display: block;
}

/* Job Intro */
.job-intro-row {
	margin-bottom: 20px;
}
.job-intro {
	margin-bottom: 30px;
	opacity: 1;
	transition: opacity .3s;
}
.job-intro:hover {
	opacity: .87;
}
.job-intro-image {
	margin-bottom: 5px;
}
.job-intro-image img {
	width: 100%; height: auto;
}
.job-intro-title {}
.job-intro-title > a {
	position: relative;
	display: block;
	text-decoration: none;
	font-size: 17px;
	color: #222;
}
.job-intro-bubble {
	display: inline-block;
	width: 23px;
	height: 23px;
	padding-top: 4px;
	font-size: 11px;
	font-weight: bold;
	border-radius: 50%;
	position: relative;
	top: -3px;
	left: 9px;
	background-color: #2e407d;
	color: #fff;
	text-align: center;
}
.job-intro-title .fa-angle-right {
	margin-left: 6px;
	color: #2e407d;
}

@media only screen and (max-width: 460px) {
	.job-intro-row {
		display: none;
	}
	.job-intro-image {
		display: none;
	}
	.job-intro-row .col {
		float: none;
		width: 100%;
	}
}



/* List */
.job-list-table {
	width: 100%;
	border-collapse: collapse;
}
.job-list-table th {
	padding: 10px 15px;
	color: #2e407d;
	text-align: right;
	font-weight: normal;
	border-bottom: 1px solid #999;
	cursor: pointer;
}
.job-list-table th.sorting_disabled {
	cursor: default;
}
.job-list-table th.sorting_asc::after,
.job-list-table th.sorting_desc::after {
	content: '';
	display: inline-block;
	width: 11px; height: 16px;
	margin-left: 3px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;
}
.job-list-table th.sorting_asc::after {
	background-image: url('@{icon-path}sort_up.svg');
	background-position: 0 5px;
}
.job-list-table th.sorting_desc::after {
	background-image: url('@{icon-path}sort_down.svg');
	background-position: 0px -1px;
}
.job-list-table td {
	padding: 10px 15px;
	text-align: right;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.job-list-table .even td {
	background-color: #f9f9f9;
	transition: background-color ease 0.25s;
}
.job-list-table tr:hover td {
	background-color: #efefef;
}
.job-list-table .column-job {
	text-align: left;
}
/*.job-list-indicator {
	opacity: 0;
	width: 0px;
	height: 2px;
	background-color: #2e407d;
	transition: all 1s;
}
.job-list-indicator.is-active {
	opacity: 1;
	width: 100%;
}
*/
.column-target-group-mobile {
	display: none;
}
.column-mobile {
	display: none;
}
/* Search & Filter */
.job-list .dataTables_length,
.job-list .dataTables_filter,
.job-list .dataTables_info {
	display: none;
}
.job-filter {
	margin-bottom: 30px;
	overflow: hidden;
}
.job-filter-search-wrapper {
	min-width: 130px;
	position: relative;
}
.job-filter-search-wrapper .fa-search {
	position: absolute;
	right: 9px; top: 10px;
	font-size: 17px;
	pointer-events: none;
	opacity: 0.4;
}
.job-filter-search {
	height: 36px;
	margin-bottom: 8px;
	padding-right: 30px;
	border-color: #bbb;
}
.job-filter .mf-select {
	width: 100%;
	margin-bottom: 8px;
	border-color: #bbb;
	background-image: url('@{icon-path}arrow_down_background.svg');
	background-size: contain;
	background-position: right;
}
.job-filter-reset {
	float: right;
	width: 30px;
	padding: 8px 10px;
	background-color: #fff;
	border: none;
	cursor: pointer;
}
.job-filter-reset .fa-undo {
	opacity: 0.7;
}
.job-list .dataTables_info {
	margin-top: 30px;
	text-align: center;
}
.job-list .dataTables_paginate {
	margin-top: 20px;
	margin-bottom: 15px;
	text-align: center;
}
.job-list .paginate_button,
.job-list .paginate_button {
	padding: 5px 10px;
	margin: 0 5px;
	font-size: 14px;
	cursor: pointer;
}
.job-list span .paginate_button,
.job-list span .paginate_button {
	border: 1px solid #bbb;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.job-list span .paginate_button:hover,
.job-list span .paginate_button.current {
	background-color: #2e407d;
	color: #fff;
}
.job-list .paginate_button.disabled {
	cursor: default;
}

/* Detail */
.job-detail {
	padding-bottom: 60px;
}
.job-detail > h1 {
	color: #2e407d;
	font-size: 32px;
	font-weight: 400;
}
.job-detail h2 {
	display: block;
	margin-bottom: 0.8em;
	font-size: 22px;
	font-family: Lato, sans-serif;
	line-height: 1.15;
	font-weight: 200;
}
.job-detail-bottom {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #999;
}
.job-detail-submit {
	min-width: 255px;
	text-align: center;
}

@media only screen and (max-width: 750px) {
	.job-filter-reset { width: 30px; }
	.column-target-group-mobile {
		display: block;
	}
	.column-target-group {
		display: none;
	}
	td.column-category {
		-moz-hyphens: auto;
		hyphens: auto;
	}
}

@media only screen and (max-width: 550px) {
	.column-mobile {
		display: table-cell;
	}
	.column-category,
	.column-location { display: none; }
}