.subsidiary-company-card {
	background-color: getColor(white);
	border: 1px solid getColor(iron);
	border-top: 2px solid getColor(iron);
	padding: $padding-unit-base;
	height: 48px;
	width: 264px;
	overflow: hidden;

	&--has-subs {
		width: 280px;
	}

	&--is-scout-company {
		border-top: 2px solid getColor(teal-darker);
		background-color: getColor(teal-lightest);
		cursor: pointer;
		&__name {
			color: getColor(teal-darker);
		}

		&:hover {
			background-color: getColor(athens-gray-light);
		}
	}

	&__header {
		height: 32px;
	}

	&__name {
		@include oTypographySans(-1);
		font-weight: normal;
		text-transform: uppercase;
		color: getColor(shuttle-gray);
		margin: 0;
		display: block;
		max-width: 168px;
	}

	.country-code-thumb {
		float: right;
	}
}

.subsidiary-company__circle-group {
	cursor: pointer;
	&:hover circle {
		fill: getColor(scorpion) !important;
	}
	&.disabled {
		cursor: pointer;
		pointer-events: none;
	}
}

.subsidiary-company__hover-menu {
	foreignObject {
		pointer-events: all;
	}
}

.subsidiary-company__hover-menu-pointer {
	fill: getColor(white);
	stroke: getColor(aluminium);
	stroke-width: 1px;
	stroke-dasharray: 12;
	stroke-dashoffset: 24;
}

.subsidiary-hover-menu {
	padding: $padding-unit-base;
	border: 1px solid getColor(aluminium);
	background-color: getColor(white);

	&__inner {
		@include oTypographySans(0);
	}

	&__name {
		color: getColor(black);
		padding-bottom: $padding-unit-base/2;
		border-bottom: 1px solid getColor(black);
		margin-bottom: $padding-unit-base/2;
	}

	&__meta {
		padding: $padding-unit-base 0;
	}

	&__meta-row {
		@include oTypographySans(-1);
		color: getColor(scorpion);
		display: block;
		padding: 0 0 $padding-unit-base/2 0;
		border-bottom: 1px solid getColor(iron);
		margin-bottom: $padding-unit-base;
		&--inline {
			display: flex;
			.subsidiary-hover-menu__meta-title {
				padding-right: $padding-unit-base;
			}
			.subsidiary-hover-menu__meta-title,
			.subsidiary-hover-menu__meta-content {
				display: inline-block;
			}
			.subsidiary-hover-menu__meta-content {
				margin-left: auto;
			}
		}
	}

	&__meta-title {
		@include oTypographySans(-2);
		color: getColor(aluminium);
	}

	&__action-row {
		@include oTypographySans(-1);
		color: getColor(teal-darker);
		display: block;
		padding: 0 0 $padding-unit-base 0;
		cursor: pointer;
	}

	&__action {
		&:hover {
			text-decoration: underline;
		}
	}
}