.vmx-mb-company-profile {
	position: relative;
	margin-top: 2.2em;
	font-size: clamp(12.5px, 1.5vw, 14.5px);
}

.vmx-mb-company-profile .ux-company-profile-container {
	display: flex;
	text-align: justify;
	align-items: flex-start;
	color: var(--text-color);
}

.vmx-mb-company-profile .ux-image-container {
	width: clamp(72px, 12vw, 94px);
	position: relative;
	display: inline-block;
}

.vmx-mb-company-profile .ux-image-container.loading:before {
	content:'\f110';
	display:block;
	position: absolute;
	font-size: 20px;
	left: 50%;
	top: 50%;
	margin-left: -0.5ex;
	margin-top: -0.5ex;
	animation: 2s linear 0s normal none infinite running uk-rotate;
	z-index: 1;
	color: #ccc;
}

.vmx-mb-company-profile .ux-image-container > a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.vmx-mb-company-profile .ux-logo {
	content: '';
	display: inline-block;
	width: 94px;
	height: 94px;
	float: left;
	margin-right: 12px;
	position:relative;
	background: url("{$logo}") no-repeat center center;
	background-size: contain;
}

.vmx-mb-company-profile.with-logo-border .ux-image-container {
	outline: 1px solid #eee;
}

.vmx-mb-company-profile .ux-logo > a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.vmx-mb-company-profile.ux-lg .ux-logo,
.vmx-mb-company-profile.ux-md .ux-logo {
	width: 90px;
	height: 90px;
	top: 3px;
}

.vmx-mb-company-profile.ux-sm .ux-logo {
	top: 6px;
	width: 82px;
	height: 82px;
	margin-right: 10px;
}

.vmx-mb-company-profile .xhtml {
	line-height: 1.56em;
	flex: 1;
	margin-left: 1em;
}

.vmx-mb-company-profile .ux-wing {
	position: absolute;
	width: 50px;
	top: 0;
	right: -50px;
	bottom: 0;
}

.vmx-mb-company-profile .over {
	outline: 2px dashed #ddd;
}

.vmx-mb-company-profile a.edit {
	position: absolute;
	right: -26px;
	top: 3px !important;
	width: 20px;
	height: 20px;
	background: url(../../css/images/graphite_btn_edit.png);
	background-size: contain;
	z-index: 1;
}

.vmx-mb-company-profile .ux-image-container a.edit {
	transform: scale(0.85);
	top: 5px !important;
	left: 5px !important;
}

.uk-modal-content .vmx-mb-company-profile a.edit {
	right: -27px !important;
}

.graphite-app .vmx-mb-company-profile .command-button {
	width: 20px;
	height: 21px;
	background-image: url(../../css/images/graphite_btn_config.png);
	background-size: contain !important;
	background-attachment: scroll !important;
	position: absolute;
	top: 3px;
	right: -49px;
	bottom: auto;
	cursor: pointer;
	z-index: 7;
	box-shadow: none;
}

.graphite-app .vmx-mb-company-profile .command-button::before {
	display: none;
}

.vmx-mb-company-profile:hover .command-button {
	opacity: 1;
	transform: scale(1);
}

@media screen and (max-width: 520px) {
	.vmx-mb-company-profile .ux-company-profile-container {
		display: block;
	}

	.vmx-mb-company-profile .ux-image-container {
		float: left;
		margin-right: 10px !important;
		max-width: 52px;
	}

	.vmx-mb-company-profile .xhtml {
		text-align: left;
		margin-left: 0;
	}
}