.root-company {
	flex: 0 0 auto;
	border: 1px solid getColor(connection-green);

	&__inner {
		padding-top: $padding-unit-base * 2;
		background-color: getColor(white);
		position: relative;
	}

	&__title {
		background-color: getColor(connection-green);
		color: #fff;
		height: 56px;
		padding: $padding-unit-base;
		position: relative;

		&-text {
			@include oTypographySans(2, 22px);
		}

		&--parent {
			height: 74px;
		}
	}

	&__parent-title {
		@include oTypographySans(-1);
		color: getColor(gray);
		border-bottom: 1px solid getColor(gray);
	}

	&__collapsed {
		.root-company__inner {
			display: none;
		}
	}

	&__name {
		@include oTypographySans(-1);
		min-height: 40px;
		font-weight: 500;
		color: getColor(teal-darkest);
		padding: 0 $padding-unit-base $padding-unit-base;
		border-bottom: 1px solid getColor(iron);
		margin: 0 0 $padding-unit-base;
		&:hover {
			text-decoration: underline;
		}
	}

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

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

	&__meta {
		margin-bottom: $padding-unit-base * 2;
		display: flex;
		.root-company__meta-item {
			vertical-align: top;
			display: inline-block;
			flex: 1 1 auto;
			padding-right: $padding-unit-base * 2;
		}

		&--actions {
			display: block;
			border-top: 1px solid getColor(iron);
			padding-top: $padding-unit-double;
		}
	}

	&__meta-item {
		&--country {
			.root-company__meta-item-flag {
				position: relative;
				top: 2px;
			}
			.root-company__meta-item-content {
				position: relative;
				top: -1px;
			}
		}
	}

	&__meta-item-title {
		@include oTypographySans(-2);
		color: getColor(scorpion);
		display: block;
		margin-bottom: $padding-unit-base/2;
	}

	&__meta-item-flag {
		display: inline-block;
		margin-right: $padding-unit-base;
	}

	&__meta-item-content {
		@include oTypographySans(-1);
		color: getColor(tundora);
		display: inline-block;
	}

	&__meta-content {
		margin-bottom: $padding-unit-base * 2;
	}

	&__action {
		border: none;
		background: none;
		color: getColor(teal-darker);
		@include oTypographySans(0);
		margin: 0;
		padding: 0;
		display: block;
		cursor: pointer;
		&:hover {
			text-decoration: underline;
		}
	}

	&__parent {
		border: 1px solid getColor(iron);
		margin-bottom: $padding-unit-double;
		.root-company__title {
			background-color: getColor(iron);
			color: getColor(tundora);
			cursor: pointer;
			&:hover {
				background-color: getColor(aluminium);
				&:after,
				&:before {
					border-bottom-color: getColor(aluminium);
				}
			}
			&:after,
			&:before {
				bottom: 100%;
				left: 50%;
				border: solid transparent;
				content: ' ';
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none;
			}

			&:after {
				border-color: rgba(255, 255, 255, 0);
				border-bottom-color: getColor(iron);
				border-width: 11px;
				margin-left: -11px;
			}

			&:before {
				border-color: rgba(194, 225, 245, 0);
				border-bottom-color: getColor(iron);
				border-width: 12px;
				margin-left: -12px;
			}
		}
	}
}