.workplace-sidebar-tab {
	display: flex;
	align-items: center;
	gap: 9px;

	color: #424242;
	text-decoration: none;
	padding: 17px 10px 17px 21px;

	&:hover {
		background: #ecf5ffec;
	}

	> .fa {
		font-size: 18px;
	}

	> .title {
		flex-grow: 1;
	}

	&.active {
		background: #ffffff;
		border-top: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7;
		margin: 0 -1px 0 0;
		position: relative;

		&:before {
			position: absolute;
			content: "";
			left: 0;
			top: 0;
			bottom: 0;
			display: block;
			width: 4px;
			height: 100%;
			background-color: #20a0ff;
		}

		&:hover {
			background: white;
		}
	}
}