/* CSS file */
/* lt2_charts.css */

a.boxlink {
	display:block;
}


@keyframes gradient_loading_animation {
	0% {
		background-position: 0% 0%;
	}
	100% {
		background-position: 100% 100%;
	}

}


.chart_action_button {
	xdisplay: inline-block;
	z-index: 19;
	opacity: 1;
}
.stats_overview .chart_action_button {
	opacity: 0;
	transition:opacity 500ms ease-out;
}
.chart_action_button.bottom {
	top:unset;
	bottom:0;
}
.chart_action_button.left {
	left:0;
	right:unset;
}



.lt_bento_item:hover .chart_action_button {
	opacity: 1.0;
}
/*
.lt_bento_item:hover .chart_action_button.detail {
	xbottom: -35px;
}
 */
@media (max-width: 767px) {
	.stats_overview .chart_action_button,
	.lt_bento_item .chart_action_button {
		opacity: 1.0;
	}

}


.lt_chart_container {
	min-height: 50px;
	position:relative;
	border:none;
	background: var(--lt-sidebar-tan);
	box-shadow: 0 0 0 1px var(--lt-border-color) inset, 0 0 10px 4px #0006 inset;
	border-radius:var(--lt-border-radius);
}
.chart-dumptruck {
	background-color: #fdfdfc;/*var(--lt-chart-background-color); */
	border: var(--lt-border);
	border-color: var(--lt-tint-dark-1);
	border-radius: var(--lt-border-radius);
	box-shadow: 0 3px 3px 2px hsl(32deg 22% 39% / 3%);
	min-height: 50px;
	position:relative;
	padding:0;
}
.chart-dumptruck.flipping {
	background-color: #fdfdfc;
}

.lt_chart_container.loading {
	min-height: 180px;
}
.lt_chart_container.thin,
.lt_chart_container.thin.loading {
	min-height:150px;
}
.chart_loader {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.chart_loader img {
	height: 100px;
	width: 100px;
	opacity: 0.5;
	filter: grayscale(20%) sepia(40%);
}
.chart-dumptruck .lt_chart_viewstyle.tabular,
.LT_LB2020 .lt_chart_viewstyle.tabular {
	padding: var(--lt-padding-half) var(--lt-padding-quarter);
	background: var(--lt-sidebar-tan);
	border: var(--lt-border);
	border-radius: var(--lt-border-radius);
}

.tabular .tinygray {
	padding: var(--lt-padding-quarter) var(--lt-padding) 0;
}

@media (max-width: 767px) {
	.LT_LB2020 .lt_chart_viewstyle.tabular {
		margin-left: var(--lt-padding-neg);
		width: calc(100% + calc(var(--lt-padding) * 2));
		background: var(--lt-sidebar-tan);
		padding: var(--lt-padding-half) 0;
		border: var(--lt-border);
		border-left: 0;
		border-right: 0;
		border-radius:0;
	}
	.chart-dumptruck .lt_chart_viewstyle.tabular {
		margin-left: var(--lt-padding-half-neg);
		width: calc(100% + calc(var(--lt-padding-half) * 2));
		padding: var(--lt-padding-half) 0;
		border-left: 0;
		border-right: 0;
		border-radius:0;
	}
	.LT_LB2020 .table.dataTable {

	}

	.filtered_readin #filter_custom_btn {
		background-color: var(--lt-red-color-control-foreground);
		border-color: var(--lt-red-dark-color);
		color: var(--lt-white-color);
	}
}


.card_infobox .lt_chart_viewstyle.tabular,
.infocard_content .lt_chart_viewstyle.tabular {
	padding:0;
}

.infocard_content .lt_chart_viewstyle.tabular {
	display:block;
}

.lt_chart_viewstyle h3:not(:first-child),
.lt_chart_viewstyle h4:not(:first-child) {
	border-top: 2px solid var(--lt-border-color);
	margin: var(--lt-padding) var(--lt-padding-neg);
	padding: var(--lt-padding);
	padding-bottom: 0;
	margin-bottom: var(--lt-padding-quarter);
}

.lt_chart_viewstyle h3 + .chart_data,
.lt_chart_viewstyle h4 + .chart_data {
	padding: var(--lt-padding) 0 0;
	border-top: var(--lt-border);
}


.class_for_removal {
	xdisplay:none;
}

.lt_bento_item .tags {
	min-height: 350px;
}


/* Map styles */
/* used to color water */
.bg > rect {
	fill: var(--lt-border-color) !important;
}
.countries > path {
	fill: var(--lt-subnav-tan) !important;
	stroke: var(--lt-tint-dark-2) !important;
}
.coastlines > path {
	stroke: var(--lt-tint-dark-2) !important;
}
.frame > path {
	stroke: var(--lt-tint-dark-1) !important;
}


table.stats .left,
.statnumval {
	font-weight: 600;
	min-width: 5em;
}
.lt_table_label {
	font-weight: 600;
}

.chart_authorgallery {
	text-align: center;
	padding: var(--lt-padding);
	--author-gallery-image-size: 100px;
}
.chart_authorgallery .agal {
	display: grid;
	flex-wrap: wrap;
	flex-direction: row;
	gap: var(--lt-padding);
	grid-template-columns: repeat( auto-fit, minmax(calc(var(--author-gallery-image-size) + var(--lt-padding)), 1fr) );
	margin-bottom:var(--lt-padding-half);
	max-height: calc(var(--author-gallery-image-size) + var(--lt-padding-half));
	overflow: hidden;
}
/*
.no-flexgap .chart_authorgallery .agal > * {
	xmargin:0 var(--lt-padding) var(--lt-padding) 0;
}
 */

.chart_authorgallery .authorsquare {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding-top: 4px;
	position:relative;
}
.chart_authorgallery .authorsquare .picture {
	xwidth: var(--author-gallery-image-size);
	xheight: var(--author-gallery-image-size);
	background-color: var(--lt-chart-background-color);
	border:var(--lt-border);
	border-radius: var(--lt-border-radius);
}
.chart_authorgallery .authorsquare .picture img {
	width: var(--author-gallery-image-size);
	height: var(--author-gallery-image-size);
	border-radius: var(--lt-border-radius);
}
/* hover_info */
.chart_authorgallery .name {
	font-size: 0.8em;
	text-align: center;
	margin-top: -25px;
	background: var(--lt-tint-light-c);
	border-radius: var(--lt-border-radius);
	padding: 1px var(--lt-padding-quarter);
	border: var(--lt-border);
	box-shadow: 0 1px 0 1px var(--lt-tint-dark-5);
	display: none;
	position: absolute;
	width: 100%;
	bottom: var(--lt-padding-quarter);
	cursor:pointer;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
.chart_authorgallery .authorsquare:hover .name {
	display:block;
}

.chart_content_ck_have {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(100px, 1fr) );
	gap: var(--lt-padding);
}
.no-flexgap .chart_content_ck_have {
	margin-bottom: var(--lt-padding-half);
	margin-right: var(--lt-padding-half);
}
.no-flexgap .chart_content_ck_have:last-child {
	margin-right:0;
}

	/* Custom filter popup */
.ajax_lb_filter .checkbox_controls {
	margin-bottom: var(--lt-padding-half);
}

/* data flipper */
.chart-dumptruck {
	transform: perspective(600px) translate3d(0px, 0px, 0px) rotateY(0deg);

}
.chart-dumptruck.flipped {

}
.flipX {
	transform: scaleX(-1);
}
.flipY {
	transform: scaleY(-1);
}





.lt_chart_viewstyle.tabular tr[onclick] td {
	color: var(--lt-link-color);
	cursor:pointer;
}
.lt_chart_viewstyle.tabular tr[onclick]:hover td {
	color: var(--lt-link-hover-color);
	background:var(--lt-tint-dark-1);
	cursor:pointer;
}


.LT_MAXBOX .LT_LB2020_content > .lt_chart_viewstyle {
	grid-column-start: span 3
}
.LT_MAXBOX .LT_LB2020_content > .lt_chart_viewstyle.maxbox_66 {
	grid-column-start: span 2;
}
.LT_MAXBOX .LT_LB2020_content > .lt_chart_viewstyle.maxbox_100 {
	grid-column-start: span 3;
}


.lt_bento_item.chart_link + .note {
	margin-top: var(--lt-padding-half-neg);
}