.pinpoint-external-jobs-table-widget {
	width: 100%;
}

.pinpoint-external-jobs-table-widget--wrapper {
	--default-pinpoint-primary-theme-color: #455c51;
	--default-pinpoint-secondary-theme-color: #f4f4f4;
	--default-pinpoint-highlight-theme-color: #999;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	--pinpoint-primary-theme-color: var(--default-pinpoint-primary-theme-color);
	--pinpoint-secondary-theme-color: var(--default-pinpoint-secondary-theme-color);
	--pinpoint-highlight-theme-color: var(--default-pinpoint-highlight-theme-color);
}

.pinpoint-external-jobs-table-widget--table-actions {
	display: flex;
	flex-wrap: wrap;
}

.pinpoint-external-jobs-table-widget--filter-wrapper {
	width: 100%;
	padding: 16px;
}

@media screen and (min-width: 950px) {
	.pinpoint-external-jobs-table-widget--filter-wrapper {
		width: 66%;
	}
}

.pinpoint-external-jobs-table-widget--filter-inner {
	display: flex;
	box-sizing: border-box;
}

.pinpoint-external-jobs-table-widget--filter {
	position: relative;
}

.pinpoint-external-jobs-table-widget-col-1-1 {
	width: 100%;
}

.pinpoint-external-jobs-table-widget-col-1-2 {
	width: 50%;
}

.pinpoint-external-jobs-table-widget-col-1-3 {
	width: 33%;
}

.pinpoint-external-jobs-table-widget-col-1-4 {
	width: 25%;
}

.pinpoint-external-jobs-table-widget--filter-button {
	background: #fff;
	border: 1px solid #ccc;
	color: #737873;
	cursor: pointer;
	display: inline-block;
	font-size: .9em;
	font-weight: 700;
	max-width: 100%;
	transition: .2s all ease;
	white-space: nowrap;
	width: 100%;
	box-sizing: border-box;
	padding: .74em;
}

.pinpoint-external-jobs-table-widget--filter-button--active {
	border: 1px solid var(--default-pinpoint-highlight-theme-color);
}

.pinpoint-external-jobs-table-widget--filter-button-text:first-line {
	text-transform: capitalize;
}

.pinpoint-external-jobs-table-widget--filter-caret {
	border-style: solid;
	border-width: .15em .15em 0 0;
	display: inline-block;
	height: .45em;
	position: relative;
	width: .45em;
	margin: 0 .35em;
}

.pinpoint-external-jobs-table-widget--filter-caret.caret-down {
	transform: rotate(-225deg);
}

.pinpoint-external-jobs-table-widget--filter-caret.caret-up {
	transform: rotate(-45deg);
}

.pinpoint-external-jobs-table-widget--filter-dropdown {
	background: white;
	overflow-y: auto;
	z-index: 3;
	position: absolute;
	min-width: 100%;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.pinpoint-external-jobs-table-widget--filter-dropdown-item {
	position: relative;
}

.pinpoint-external-jobs-table-widget--filter-dropdown-item-checkbox {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

.pinpoint-external-jobs-table-widget--filter-dropdown-item-label {
	display: block;
	color: #737873;
	cursor: pointer;
	font-weight: 500;
	padding: .9em 1em;
	transition: all .2s ease-in-out;
	text-transform: none;
}

.pinpoint-external-jobs-table-widget--filter-dropdown-item-label--active {
	background-color: var(--default-pinpoint-highlight-theme-color);
	color: #fff;
}

.pinpoint-external-jobs-table-widget--filter-dropdown-item-label:hover {
	color: #fff;
	background-color: var(--default-pinpoint-highlight-theme-color);
}

.pinpoint-external-jobs-table-widget--search-wrapper {
	padding: 16px;
	flex-grow: 1;
}

.pinpoint-external-jobs-table-widget--search {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 8px 16px;
	font-size: 1em;
	line-height: 1.6;
	color: #555;
	width: 100%;
	box-sizing: border-box;
}

.pinpoint-external-jobs-table-widget--search::placeholder {
	color: #ccc;
}

.pinpoint-external-jobs-table-widget--search:focus {
	outline: none;
	border-color: #555;
}

.pinpoint-external-jobs-table-widget--table-wrapper {
	padding-bottom: 16px;
}

.pinpoint-external-jobs-table-widget--table {
	border: none;
	border-collapse: collapse;
	width: 100%;
}

.pinpoint-external-jobs-table-widget--table tbody tr:nth-child(odd) {
	background-color: var(--pinpoint-secondary-theme-color);
}

.pinpoint-external-jobs-table-widget--table th {
	border: none;
	padding: 20px;
	font-size: .9em;
	font-weight: 800;
	color: var(--pinpoint-primary-theme-color);
}

.pinpoint-external-jobs-table-widget--table tr {
	text-align: left;
}

.pinpoint-external-jobs-table-widget--table tr a {
	color: #555;
	text-decoration: none;
	font-weight: 700;
}

.pinpoint-external-jobs-table-widget--table tr:hover {
	cursor: pointer;
}

.pinpoint-external-jobs-table-widget--table tr:hover a {
	color: var(--pinpoint-primary-theme-color);
	transition: all .2s ease-in-out;
}

.pinpoint-external-jobs-table-widget--table td {
	border: none;
	line-height: 1.5;
	padding: 20px;
}

.pinpoint-external-jobs-table-widget--spinner-wrapper {
	display: flex;
	justify-content: center;
}

@keyframes pinpoint-external-jobs-table-widget--spinner-animation {
	0% {
		transform: rotate(0);
	}
	
	to {
		transform: rotate(360deg);
	}
}

.pinpoint-external-jobs-table-widget--spinner {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: visible;
	vertical-align: middle;
	margin-left: 8px;
}

.pinpoint-external-jobs-table-widget--spinner svg {
	display: block;
}

.pinpoint-external-jobs-table-widget--spinner path {
	fill-opacity: 0;
}

.pinpoint-external-jobs-table-widget--spinner-head {
	transform-origin: center;
	transition: stroke-dashoffset .2s cubic-bezier(.4, 1, .75, .9);
	stroke: #455c51;
	stroke-linecap: round;
}

.pinpoint-external-jobs-table-widget--spinner-track {
	stroke: rgba(255, 255, 255, .3);
}

.pinpoint-external-jobs-table-widget--spinner-animation {
	animation: pinpoint-external-jobs-table-widget--spinner-animation .5s linear infinite;
}

.pinpoint-external-jobs-table-widget--empty {
	border: 2px dashed #ccc;
	box-sizing: border-box;
}

.pinpoint-external-jobs-table-widget--empty-inner {
	padding: 16px;
	text-align: center;
}