/*
	Oracle Application Express Plugins
	D3 Tooltip (d3.oracle.barchart)

	To be compiled alongside the Universal Theme LESS file.
*/

.a-D3Tooltip {
	max-width: 350px;
	min-width: 200px;

	background-color: rgba(255,255,255,0.95);
	-webkit-box-shadow: 0px 1px 15px 0px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    0px 1px 15px 0px rgba(50, 50, 50, 0.6);
	box-shadow:         0px 1px 15px 0px rgba(50, 50, 50, 0.6);
	margin: 15px; 

	&-heading {
		padding: 0em 0.5em;
		height: 2em;
		& > * {
			line-height: 2em;
			vertical-align: middle;
		}
		&--no-label {
			.a-D3Tooltip-value {
				opacity: 1;
				margin-left: 0;
				padding-left: 0.5em;
				float: left;
			}
		}
	}
	&-marker {
		width: 1em;
		height: 1em;
		display: block;
		float: left;
		&--square {
			margin-top: 0.5em;
			margin-bottom: 0.5em;
			// Default
		}
		&--circle {
			margin-top: 0.5em;
			margin-bottom: 0.5em;
			border-radius: 100%;
		}
		&--rect {
			height: 2em;
			margin-left: -0.5em; 
		}
	}
	&-label {
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		padding-left: 0.5em;
	}
	&-value {
		display: block;
		float: right;
		opacity: 0.75;
		margin-left: 2em;
		&:after {
			content: " ";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
		}
	}
	&-content {
		margin: 0em 0.5em 0.5em 0.5em;
		padding-top: 0.25em;
		border-top: 1px solid #ddd;
		text-align: justify;
	}
}