// Variables
$elevated-block-background-color: $global-elevated-block-default-background-color;

.dbqdb-block-title-label {
	font-weight: 600;
	line-height: 20px;
	font-size: 12px;
	white-space: nowrap;
	color: #595F6E;
	display: block;
	padding: 0 10px;
}
.dbq-dark-mode {
	.dbqdb-block-title-label {
		color: #a7aab2;
	}
	// .dbqdb-block.dbqdb-block-elevated-background {
	// 	background-color: #1A1E23;
	// 	-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.4);
	// 	-moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.4);
	// 	box-shadow: 0px 2px 10px rgba(0,0,0,0.4);
	// }
}
.dbqdb-block.dbqdb-block-elevated-background {
	//padding: 15px 15px 0px 15px;
	padding: 15px;
	margin-bottom: 15px;
	background-color: $elevated-block-background-color;
	border-radius: $border-radius-default;
	// -webkit-box-shadow: $global-box-shadow;
	// -moz-box-shadow: $global-box-shadow;
	// box-shadow: $global-box-shadow;

	.flex-container:not(:last-of-type) {
		//margin-bottom: $margin-default; To-do: remove if margin problem is solved.
	}

	// Prevent margin-bottom for last items in the block
	.dbqdb-block:last-of-type {
		//margin-bottom: 0px; // To-do: Remove if margin problem is resolved.

		.input-list, 
		p:last-of-type {
			//margin-bottom: 0px; // To-do: Remove if margin problem is resolved.
		}
	}
}

// Change background color for elevated blocks on darker backgrounds
.dbq-popup { // Popup
	.dbqdb-block.dbqdb-block-elevated-background {
		background-color: $color-layer-3;
	}
}

.dbqdclsp-container { // Sidepanel
	.dbqdb-block.dbqdb-block-elevated-background {
		background-color: $color-layer-3;
	}
}

// Prevent margin bottom for blocks inside a flex-container which has a margin bottom itself
.flex-container {
	.flex-item-1.dbq-column {
		.dbqdb-block.dbqdb-block-elevated-background {
			margin-bottom: 0px;
		}
	}
}