.job-item-info {
	margin-left: -5px;
	z-index: 2;
}

.job-item-info .inner,
.tab-content[data-tab="tab-inactive"] .job-item-info.premium .inner {
	display: flex;
	position: relative;
	width: 200px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 10px 20px;
	background-color: var(--color-white);
	border-radius: 5px;
	border: 1px solid #d5d5d5;
}

.job-item-info.premium .inner {
	border: none;
}

.job-item-info .inner .message {
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #707070;
	margin-bottom: 15px;
}

.job-item-info .inner .message.faded {
	color: #D5D5D5;
}

.job-item-info .inner .message.warning {
	color: #CA472E;
}

.job-item-info .inner .message.text-blue {
	color: var(--color-primary);
}

.job-item-info .inner .action-link {
	font-size: 12px;
	font-weight: 600;
	color: var(--color-primary);
	text-decoration: underline;
	text-align: center;
}

.job-item-info .inner .action-link.warning {
	color: #CA472E;
}

.job-item-info .inner .action-link .action-link-icon {
	margin-right: 2px;
	max-height: 14px;
}

.job-item-info .inner .sponsor-ad-link {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 35px;
	width: calc(100% + 2px); /* this is a workaround for the two borders being 1px off and on top of each other and looking weird */
	height: calc(100% + 2px); /* this is a workaround for the two borders being 1px off and on top of each other and looking weird */
	top: -1px; /* this is a workaround for the two borders being 1px off and on top of each other and looking weird */
	left: -1px; /* this is a workaround for the two borders being 1px off and on top of each other and looking weird */
	background-color: #EBF3FF;
	border: 1px solid var(--color-primary);
	border-radius: 5px;
}

.job-item-info .inner .sponsor-ad-link:hover {
	background-color: #def;
}


/*.job-item-info .inner .message {*/
/*	font-size: 16px;*/
/*	text-align: center;*/
/*}*/

/*.job-item-info .inner .message.faded {*/
/*	font-weight: 500;*/
/*	color: #D5D5D5;*/
/*}*/

/*.job-item-info .inner .cancel-job {*/
/*	color: #CA472E;*/
/*	font-size: 12px;*/
/*	font-weight: 500;*/
/*	text-decoration: underline;*/
/*}*/

/*.job-list-item .credits-info-wrap {*/
/*	display: flex;*/
/*	position: relative;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	padding: 10px 35px;*/
/*	margin-left: -5px; !* this is a tiny hack, so we can get the main item body background under the border radius corners *!*/
/*	width: 190px;*/
/*	border: 1px solid var(--color-primary);*/
/*	background-color: #EBF3FF;*/
/*	border-radius: 5px;*/
/*	transition: all 0.2s ease-in-out;*/
/*	flex-shrink: 0;*/
/*}*/

/*.job-list-item.is-premium .credits-info-wrap {*/
/*	background-color: #FFFFFF;*/
/*	border: none;*/
/*}*/

/*.job-list-item:not(.is-premium) .credits-info-wrap:hover {*/
/*	background-color: #DDEEFF;*/
/*}*/

/*.job-list-item .credits-info-wrap .inner {*/
/*	display: flex;*/
/*	flex-direction: column;*/
/*	align-items: center;*/
/*	row-gap: 10px;*/
/*}*/

/*.job-list-item .credits-info-wrap .sponsor-ad-link {*/
/*	display: block;*/
/*	position: absolute;*/
/*	top: 0;*/
/*	left: 0;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	z-index: 2;*/
/*}*/

/*.job-list-item .credits-info-wrap .sponsor-ad-text {*/
/*	display: block;*/
/*	text-align: center;*/
/*	font-weight: bold;*/
/*	font-size: 16px;*/
/*	color: var(--color-primary);*/
/*}*/

/*.job-list-item .credits-info-wrap .days-left {*/
/*	display: block;*/
/*	font-size: 16px;*/
/*	font-weight: bold;*/
/*	text-align: center;*/
/*	color: #707070;*/
/*}*/

/*.job-list-item .credits-info-wrap .extend-link {*/
/*	font-size: 12px;*/
/*	font-weight: bold;*/
/*	text-decoration: underline;*/
/*	transition: all 0.2s ease-in-out;*/
/*}*/

/*.job-list-item .credits-info-wrap .extend-link:hover {*/
/*	opacity: 50%;*/
/*}*/

/*.job-list-item .credits-info-wrap .extend-link.disabled {*/
/*	color: #707071;*/
/*}*/