@import '~heading.less';

.Heading {
	color: @greyDark;
	font-size: 15px;
	line-height: 15px;
	font-weight: 500;
	padding: 15px 20px 12px;
	margin: 0;
	border-bottom: 1px solid @greyLight;

	a {
		display: block;
		float: right;
		font-weight: 400;
		color: @greyMedium;
		font-size: 13px;
		cursor: pointer;

		&:hover {
			color: @primary;
		}

		i {
			vertical-align: unset;
			font-size: 11px;
		}
	}
}

.Metadata {
	background: @white !important;
	margin: 0 !important;

	&&&&& {
		tr {
			border-bottom: 0 !important;

			td {
				border-top: 0 !important;
				padding-top: 15px !important;
				padding-bottom: 15px !important;

				&:first-child {
					padding-left: 20px !important;
					vertical-align: top;
				}

				&:last-child {
					padding-right: 20px !important;
					font-weight: bold;
				}

				a {
					color: inherit;

					&:hover {
						color: @primary;
					}
				}

				span {
					color: @greyMedium;
					margin-left: 10px;
					font-weight: 400;
				}

				div {
					color: @greyMedium;
					font-weight: 400;
				}

				:first-child {
					margin: 0 !important;
				}
			}

			&:nth-child(2n) {
				background: @zebra !important;
			}
		}
	}
}