@import "ansyn/less/common";

div.container {
	background-color: @background-color-2;
	margin-bottom: 13px;
	padding: 13px;

	div.title-row {
		display: flex;
		flex-direction: row;
		padding: 5px 0 10px 0;

		div.filter-title {
			display: flex;
			flex-direction: row;
			font-family: @app-font;
			line-height: 100%;
			color: @background-color-12;

			span.title {
				font-style: normal;
				font-weight: bold;
				font-size: 14px;
				opacity: 1;

				&.title-disabled {
					opacity: 0.5
				}
			}

			span.filtered {
				font-style: italic;
				font-weight: normal;
				font-size: 12px;
				padding-left: 4px;
				padding-right: 4px;
			}
		}

		div.filter-title-buttons {
			margin-right: auto;

			div.show-all {
				float: left;
				font-size: 10px;
				font-style: normal;
				color: rgba(255, 255, 255, 0.75);
				margin-top: 3px;
				margin-left: 7px;
				cursor: pointer;
			}
		}
	}

	div.show-more-less {
		font-size: 12px;
		font-style: normal;
		color: rgba(255, 255, 255, 0.75);
		margin-left: 7px;
		cursor: pointer;
		margin-top: 10px;
	}

	div.fields {
		overflow: auto;
		padding-left: 10px;
	}
}
