#job_detail_group {
	font-family: var(--font-family) !important;
}

.button--wrapper.btn-outline-primary,
.button--wrapper.btn-outline-primary:active,
.button--wrapper.btn-outline-primary:focus {
	color: var(--theme-accent) !important;
	border-color: var(--theme-accent-50) !important;
}

	.button--wrapper.btn-outline-primary:hover {
		background-color: var(--theme-accent-0) !important;
		border-color: var(--theme-accent) !important;
	}

.button--wrapper.btn-primary,
.button--wrapper.btn-primary:active,
.button--wrapper.btn-primary:focus {
	background-color: var(--submit-button-color) !important;
	color: var(--submit-button-text) !important;
}

	.button--wrapper.btn-primary:hover {
		color: var(--submit-button-text);
		background-color: var(--submit-button-color-300) !important;
	}

.grecaptcha-badge {
	position: fixed !important;
	bottom: 5px !important;
	transform: translateX(15%) scale(0.6) !important;
	right: 0 !important;
	margin: 0 !important;
	z-index: 1000 !important;
	transform-origin: center bottom !important;
}
 
.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
	box-shadow: none;
}

.e-pager {
	display: flex;
	height: 50px;
	padding-bottom: 15px;
	justify-content: center;
	border: none;
}

	.e-pager .e-pagercontainer,
	.e-pager .e-numericcontainer {
		border: none;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.e-pager .e-pager-default:not(.e-mfirst):not(.e-mprev):not(.e-mnext):not(.e-mlast),
	.e-pager .e-currentitem {
		display: flex !important;
		align-items: center;
		justify-content: center;
		border: none !important;
		box-shadow: none !important;
		border-radius: 50% !important;
		height: 32px;
		width: 32px;
		padding: 0 !important;
	}

	.e-pager .e-icons {
		border: none !important;
	}

	.e-pager .e-pager-default {
		color: var(--theme-accent) !important;
	}

		.e-pager .e-pager-default:hover {
			background-color: var(--theme-accent-0) !important;
		}

	.e-pager .e-currentitem {
		background-color: var(--theme-accent) !important;
		color: var(--theme-accent-0) !important;
	}

	.e-pager .e-parentmsgbar {
		display: none !important;
	}

.accent {
	color: var(--theme-accent) !important;
	font-weight: var(--fw-medium) !important;
}

.jobs-container {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-2);
}

.jobs-container--header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	padding: var(--spacing-3);
	gap: var(--spacing-4);
}

	.jobs-container--header .filter {
		flex: 1;
	}

		.jobs-container--header .filter label {
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.jobs-container--header .filter .e-dropdownlist {
			background: white !important;
		}

	.jobs-container--header .button-mode {
		border-radius: 50%;
		width: 32px;
		height: 32px;
		border: none;
		background-color: var(--theme-accent-50);
		margin-top: 15px;
	}

		.jobs-container--header .button-mode.active {
			border-radius: 50%;
			width: 32px;
			height: 32px;
			border: none;
			background-color: var(--theme-accent);
			color: var(--theme-accent-0);
			margin-top: 15px;
		}

.jobs-container .with-icon {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAADsAAAA7AF5KHG9AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAABTxJREFUWIW1l2lMFVcYhp8zcxfWCxZFFIuoUEAiIFit1qZtQlKxQqQKKCCYprG2SVObLja2pjExMVF/tE3/2KbViBb1KtjGIqgx1WitC8KltrIYcGMRUPadO6c/CleWe/Fi5Z0/8833nfd958yZM98InETE/nXuqtIRJySvAxEg5gBuA+lOoEJIYUHIswajUnAp2dzlDK94UsGLB1fNtmryMxCpgKeTfluALKnI3UVpOXeeysBre9e7tKhtXwnBx4DeSeGR6JaSnUqXz/bCd7/vc9pAzL6Vc6SqHgMin1J4BOQ5oRpXF6ZmNz7RwPysxEhQCwRy6rMRtwlVobK8MPVYqUMD0VlJQaBdBHyfpfhwE4aFQ2dCGTx5be96F4FmnihxAAmzpLUnN/xIkmGUgRa1fbuEqIkSfwyx1NgjP7FFAAuykkI0tBuAbjxUk1xMWDWN1t728bpoEaohqDA1u1EB0LBudkbcVWccFgd7z2SW14wxaxzAS/b3fQGgLDqQZgKR4syoNaFv4mV0vBf5uHqT9MIyZ6hAyLdj9sS7KX10J/B4Sx0T5rJ81oTE2eKGriYedjfb4pSQOI6WFzhnAEzSXf+GOi0xbBOI+Y6qNkQkkzE3gXttdVS3PwAktR0NADT3tA57/lZN425bLZFTQtj60nv4uj1HcUOpA2YA0aAD4XDlmwwepIfF4653Zal/DJ+e38XZu5dteYOqp1/rR5MSgOv1/xA36xW2v/whAOGTgzCXF9DR5+i7JKN0QKAjA2lhK3DXuwLQ0tPGdPepHFi+k/yqCxhUHRsikpFSUtNRz722Ou631VHVcp/2vk489G6YDB6khMTx040cBwrKbB1gsn/37qwJXW6Lc2+dIS1sBccqTrFkeiSLpkXysKsZH1dvAk3+BJr8AXjY1czxW2dID0sAID0snkNlJ+m0OwvSS7FzFYDUsBV46P9bm6297UgpaexqwlVnJMA0na+v7ye7LI+citNoUrON83H1pru/1zbtXkZPUoYs3BEQ6rS35n4EuIzMvB+Vip/7ZACyS/NIDI7leU8/QFDSWE5yyDKW+kejU3TkVJzmcm0JTT2tzPEOIMA0jROVvxMxJcTG91vlOXsGGnUCbtvbgt85tZVlgUtJDI7lQWcj3gPvf5RvKFG+oba64EkzCZ40E4ArdX/xXfHPrAmJ489aC+E+QZjL8zl95w+7ty+hUqeBRdgxoEmNvKrz5FWdRwwcm6IzMKj2e5Oi+pvUdz4kPSyeLy9+w6WaYi7VFNutHYRAWhQQZ8esAiSSw2Unycj/nMqW+6Pyh0rz8DJ6MsPDjx9KzPh7ONdKSMRZEXMkyUv2aLWAqzODjKqBjZEppIauoLGridxbZ8gMX8mh0jz0io6C2xe4+ajSGaqOHqPiJwCis1ZlAelO2R5AkHcAWxZtYIaHHzuv/cgMj6ns+/v4OBjknuvrcjYKgMh9q8JVFQugjseEQBA7czElDeU86BzV7o2F3n6phJZkmKtsLVnM/tXfSiE/GA/L00IKsaMo/egWGNIRGVzEZuDqhKsLeantUcc2Wzg0Nz87Ybro118B/CdIvcaqiYWWTHP14JVhW3HR2l9rpGQlUDcB6tUS6/Kh4qMMABRlHLtm1ZQFwLVnKF6k6voXF63LtYxM2P0YWTLN1aKz91VgF9D9P4T7gN2mfs8lV9f+cs9ewRN/TmP2JwVIRduGZC3gVMcJdCE4bLVqOyyZueVjFT7RwCDmHUydpNN644WQsUIyT8IswGsg3QRUIShBijPCKE4UJptbnOH9Fx+Z1t5YY86VAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
}

.jobs-container .summary-column.with-icon {
	background-position: left center;
	padding-left: 40px;
	min-height: 34px;
}

.jobs-container .summary-column .listing-summary {
	box-sizing: border-box ;
	margin: 2px 4px 2px 4px;
	border-radius: 15px;
	background-color: #EFF6FF;
	padding: 5px 5px 4px 8px;
	color: #7087CE;
	font-size:80%;
}

.jobs-container--data {
	flex: 1;
	padding: var(--spacing-3);
	overflow: auto;
}

	.jobs-container--data .cards-container {
		display: grid;
		gap: var(--spacing-4);
		grid-template-columns: repeat(1, 1fr);

		@media (min-width: 576px) {
			grid-template-columns: repeat(2, 1fr);
		}

		@media (min-width: 768px) {
			grid-template-columns: repeat(2, 1fr);
		}

		@media (min-width: 992px) {
			grid-template-columns: repeat(3, 1fr);
		}

		@media (min-width: 1200px) {
			grid-template-columns: repeat(4, 1fr);
		}

		@media (min-width: 1400px) {
			grid-template-columns: repeat(5, 1fr);
		}
	}

		.jobs-container--data .cards-container .card {
			display: flex;
			flex-direction: column;
			padding: var(--spacing-4);
			border-radius: 16px;
			background-color: var(--theme-accent-0);
		}

			.jobs-container--data .cards-container .card .card--body {
				display: flex;
				flex-direction: column;
				flex: 1;
				gap: var(--spacing-1);
			}

				.jobs-container--data .cards-container .card .card--body.with-icon {
					padding-top: 36px;
					background-position: left top;
				}

			.jobs-container--data .cards-container .card .card--body-line {
				display: flex;
				flex-direction: row;
				gap: var(--spacing-3);
				padding: var(--spacing-2);
				font-size: 15px;
				align-items: center;
				overflow: hidden;
			}

				.jobs-container--data .cards-container .card .card--body-line i {
					color: var(--theme-accent);
					width: 18px;
					font-size: 18px;
					text-align: center;
				}

				.jobs-container--data .cards-container .card .card--body-line.accent {
					font-size: 17px;
					margin-bottom: var(--spacing-2);
				}

			.jobs-container--data .cards-container .card .card--summary {
				margin-top: var(--spacing-4);
				display: flex;
				justify-content: flex-end;
			}

				.jobs-container--data .cards-container .card .card--summary .listing-summary {
					border-radius: 16px;
					background-color: #EFF6FF;
					padding: 12px 8px 8px 12px;
					color: #7087CE;
					width: 100%;
					display: flex;
				}

			.jobs-container--data .cards-container .card .card--footer {
				margin-top: var(--spacing-4);
				display: flex;
				justify-content: flex-end;
			}

				.jobs-container--data .cards-container .card .card--footer .card--footer--button
				{
					width:100%;
				}