@media screen and (max-width: 1200px)
{
	.career-table-container
	{
		overflow-x: auto;
	}
}
#career_table
{
	border-collapse: separate;
	border-spacing: 0 8px;
}

#career_table thead th
{
	font-family: var(--primary-font-family);
	font-weight: 600;
	background-color: var(--bs-background-color-secondary);
	color: var(--bs-font-color-white);
	font-size: 18px;	
	line-height: 1.2;
	padding: 15px 0;
	border-right: 1px solid var(--bs-border-color-white);
}

#career_table thead th:last-of-type
{		
	border-right: none;
}

#career_table thead tr th
{
	padding: 20px 30px;
}

#career_table tbody tr td
{
	padding: 15px;
	background-color: var(--bs-background-color-light-gray) !important;
	border: none !important;
}

#career_table tbody tr:hover td
{
	background-color: var(--bs-background-color-white) !important;
	cursor: pointer;
}

#career_table tbody tr td,
#career_table tbody tr td a
{
	color: var(--bs-font-color);
	font-family: var(--primary-font-family);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	text-decoration: none;
}

#career_table tbody tr td a:hover
{
	color: var(--primary-color-hover);
}

.container #career_table ul li::before
{
	display: none;
}

/*
	Override bootstrap and datatables
*/
:root
{
	--bs-table-bg: transparent !important;
	--dt-html-background: transparent !important;
}

/*
	Override datatables
*/
table.table.dataTable>:not(caption)>*>*
{
	background-color: transparent;
}

#career_details_container
{
	background-color: var(--bs-background-color-light-gray) !important;
}

@media screen and (max-width: 992px)
{
	.apply-container
	{
		flex-flow: column;
	}
}

.apply-container span
{
    position: relative;
    display: block;
    max-width: 180px;
    width: 100%;
}

@media screen and (max-width: 1200px)
{
	.apply-container span
	{
		max-width: none;	
	}
}

.apply-container .ww_action_button1
{
	padding: 20px 36px;
}

.how-to-apply-container
{
	padding-top: 15px;
}

.how-to-apply-container .back-link
{
	font-family: var(--primary-font-family);
	color: var(--bs-font-color-secondary);
	font-size: 18px;
	font-weight: 700;
}

.how-to-apply-container .back-link span
{	
	color: var(--primary-color);	
}