.sign-document-b2e-company__hcmlink {
	padding: 8px 10px 8px 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	font-family: var(--ui-font-family-primary);
	border: 1px solid var(--ui-color-palette-gray-10);
	border-radius: 10px;
	margin-top: 10px;
}

.sign-document-b2e-company__hcmlink-select {
	flex-grow: 1;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.sign-document-b2e-company__hcmlink-select-text {
	font: 16px/20px var(--ui-font-family-primary, var(--ui-font-family-system));
	flex-grow: 1;
	color: var(--ui-color-palette-gray-90);
}

.sign-document-b2e-company__hcmlink-info-img {
	content: '';
	display: inline-block;
	background: url(images/images/1c-gray.svg) center no-repeat;
	background-size: contain !important;
	width: 36px;
	height: 36px;
	margin-right: 7px;
}

.sign-document-b2e-company__hcmlink-info-img.--active {
	background: url(images/images/1c-red.svg) center no-repeat;
}

.sign-document-b2e-company__hcmlink-edit {
	cursor: pointer;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M2 0a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4z'/%3E%3C/svg%3E") center no-repeat;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	opacity: .5;
	margin-left: auto;
}

.sign-document-b2e-company__hcmlink-select-subtitle {
	font: 12px/14.32px var(--ui-font-family-primary, var(--ui-font-family-system));
	color: var(--ui-color-palette-gray-60);
}

.sign-document-b2e-company__hcmlink-name-container {
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin-right: auto;
}

.sign-document-b2e-company__hcmlink-select-header {
	display: flex;
	flex-direction: row;
	align-items: center;
}