//@import "../../../abstracts/abstracts";

$toolbar-height: 42px; // This property is used for height calculations

#content {
	height: 100%;
	float: left;
	color: color(text-color-default);

	select {
		padding: 5px !important;
		font-size: $font-size-small;
		line-height: 12px;
		font-weight: 500;
		height: 30px;
	}

	.tab-content {
		.tab-pane {
			background: 0;
		}
	}
}

.dbqdcl-hidden,
.dbqdcltl-hidden,
.dbqdclcal-hidden,
.dbqdclrvl-hidden {
    display: none !important;
}

// #dbq-content-container {
// 	.document-class-list-control-content-container {
// 		#classlist.active {
// 			padding: 0;

// 			.dbq-no-data-available-container {
// 				padding: 10px;
// 				margin: 0;
// 				width: 100%;
// 				height: 100%;
// 				background: none;
// 			}
// 		}

// 		//float: left;
// 		//min-height: 100% !important;
// 		//width: 100%;
// 		//height: 100%;
// 		//padding: 0;
// 	}
// }

.embedded-map {
	margin-bottom: 0 !important;
}

h3.ellipsis {
	color: $color-primary !important;
}

.form-inline {
	border-radius: $border-radius-default;
}

#classlist {
	.document-class-list {
		.dropdown-menu {
			border-radius: 3px;
		}
	}
	#docbuilder {
		height: 100%;
		.dbq-form {
			max-height: calc(100% - 0px);
			overflow-y: auto;
		}
	}
	h4.dbq-no-data-text {
		margin: 10px;
		padding: 10px;
		background: color(default-background);
		color: #3a3b40;
		border-radius: 5px;
	}
}

#classListControlContainer {
	overflow: hidden;
	.tab-pane {
		overflow: auto;
	}
}
.classlist-dashboard {
	div[data-element-type="Graph"] {
		border-radius: $border-radius-default;
	}
}

#classlist label.classlist-toolbar-item:hover {
	background: 0 !important;
}

// Matterport
#classlist-matterport {
	padding: 10px;
	margin: 0;
}

#classlist-timeline .dbqdcltl-container,
.dashboard-list-item-content,
#dbq-content-container .tab-pane #classlist.active .dbq-no-data-available-container {
	/*box-shadow: 0px 3px 5px rgb(0 24 62 / 7%);*/ /* ATR portal -> dashboard -> 3- jaarlijkse trendlijn, DOUBLE SHADOWS otherwise*/
	// -webkit-box-shadow: 0px 0px 15px rgba(0, 24, 62, 0.07);
	// -moz-box-shadow: 0px 0px 15px rgba(0, 24, 62, 0.07);
	// box-shadow: 0px 0px 15px rgba(0, 24, 62, 0.07);
}

// List / Tree Grid / SearchList loading view for <table>
.dbqdcl-loading-view,
.dbqdcl-report-refresh-view {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	opacity: 1;
}

// Loading view when loading FolderDocumentClassList definitions
.dbqdcl-loading-indicator {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
	background: $background-color-translucent-default;
}

.dbqdcl-report-refresh-view {
	display: flex;
	align-items: center;
	justify-content: center;
	background: $background-color-translucent-default;

	.dbqdcl-report-refresh-description-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		background: $global-background-color-default;
		border-radius: $border-radius-default;
		border: 2px solid $global-border-color;
		padding: $global-padding;
		gap: $global-padding;
		text-align: center;
		max-width: 400px;

		.dbqdcl-report-refresh-description {
			color: $text-color-default;
			font-weight: $font-weight-bold;
		}

		.dbqdcl-report-refresh-button {
			display: flex;
			align-items: center;
			outline: none;
			@include button;
	
			svg {
				margin-right: 5px;
				fill: $button-text-color;
			}
		}
	}
}