.employer-applications .applications > .application {
	align-items: center;
	padding: 18px 0;
	border-bottom: 1px solid var(--color-border, #D5D5D5);
}

.employer-applications .applications > .application:last-child {
	border: none;
}

.employer-applications .applications > .application .date {
	font-size: 14px;
}

.employer-applications .applications > .application .candidate-wrap {
	display: flex;
	flex-direction: column;
}

.employer-applications .applications > .application .candidate-wrap .name {
	font-size: 16px;
	font-weight: 700;
	color: var( --color-text, #595959);
}

.employer-applications .applications > .application .candidate-wrap .email {
	font-size: 12px;
	font-weight: 700;
	color: var( --color-grey-35, #adadad );
}

.employer-applications .applications > .application .status-wrap .status {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	column-gap: 3px;
	width: fit-content;
	min-width: unset;
}

.employer-applications .applications > .application .status-wrap .status .status-name {
	padding-top: 3px;
}

.employer-applications .applications > .application .letter-wrap .letter {
	font-size: 14px;
	font-weight: 300;
	font-style: italic;
	color: var( --color-text, #595959 );
	/* truncate the text to two lines */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.employer-applications .applications > .application .letter-wrap .letter.empty {
	color: var( --color-grey-35, #adadad );
}

.employer-applications .applications > .application .action-wrap .view-application {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	column-gap: 12px;
	font-size: 16px;
	font-weight: 700;
	color: var( --color-primary, #374FFE );
}

.employer-applications .applications > .application .action-wrap .view-application .view-icon {
	transform: rotate(180deg);
}

.employer-applications .applications > .application .message-wrap .message {
	font-size: 16px;
	color: var( --color-grey-35, #ADADAD );
	font-weight: 500;
}

@media screen and (max-width: 1300px) {
	.employer-applications .applications > .application .status-wrap .status {
		font-size: 12px;
	}
}