.vakans-card {
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}
.vakans-list .vakans-card {
	border: 1px solid var(--page-border-color);
	border-radius: 0.5em;
}
.vakans-card h3.vakans-obj-title {
	margin: 0;
}
.vakans-card .vakans-status-value {
	display: inline-block;
	color: var(--page-bg2-color);
	border: 1px solid var(--page-bg2-color);
	font-size: 0.8em;
	padding: 0.3em 1em;
	text-transform: uppercase;
}
.vakans-card .vakans-obj-title {
	font-size: 1.2em;
}
.vakans-type-vakans {
	display: flex;
	font-size: 0.8em;
	white-space: nowrap;
	flex-wrap: wrap;
}
.vakans-type-vakans .vakans-obj-type { 
	color: var(--page-bg-color);
	border: 1px solid var(--page-bg2-color);
	background: var(--page-bg2-color);
	padding: 0.3em 1em;
	margin-left: -1px;
	margin-bottom: -1px;
}
.vakans-card .vakans-type-vakans .vakans-vakans { 
	color: var(--page-bg2-color);
	border: 1px solid var(--page-bg2-color);
	padding: 0.3em 1em;
	margin-left: -1px;
	margin-bottom: -1px;
	display: flex;
	gap: 3px;
	max-width: 100%;
}
.vakans-card .vakans-type-vakans .vakans-vakans-count {
	color: var(--page-bg2-color);
	border: 1px solid var(--page-bg2-color);
	border-radius: 1em;	
	text-align: center;
	display: inline-block;
	width: 1.5em;
	min-width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	font-size: 0.8em;
}
.vakans-card .vakans-type-vakans .vakans-vakans-name {
	display: inline-block;
	white-space: nowrap;
	max-width: 100%; 
	flex-grow: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}
.vakans-card .vakans-obj-priem-start {
	font-size: 0.8em;
	opacity: 0.5;
}
.vakans-card .vakans-obj-proved-time {
	font-size: 0.8em;
	opacity: 0.5;
}