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

div[data-topic-type-code="Dashboard"] {
	.element-graph {
		//margin: 0 0 15px 0 !important;
		// &:last-child { 					// Not needed anymore because dbq-column is a flex container with a gap instead of margin-bottom.
		// 	margin-bottom: 0 !important;
		// }
	}
	section {
		> .row {
			> div {
				> div.row.element-graph {
					margin: 0 0 15px 0 !important;
                    // margin-bottom: 10px !important; /* CMS -> Feed development -> statistics -> Needed for vertical margin between 2 charts */
	                // ^^^ BUT this add's also margin-bottom to charts that don't need it (bijv: CMS -> facturatie)
					&:last-child{
						margin-bottom: 0 !important;
					}
				}
			}
			> .dbq-wrapper {
				> div {
					> .flex-container {
						> .dbq-column {
							-webkit-box-shadow: none !important;
							-moz-box-shadow: none !important;
							box-shadow: none !important;
						}
					}
				}
			}
		}
	}
}

// For RSD we use spacers in documents..
.dbq-application-rsd {
	div[data-topic-type-code="Dashboard"] {
		section {
			> .row {
				> div {
					> div.row.element-graph {
						margin: 0 !important;
					}
				}
			}
		}
	}
}

.dbq-form {
	.dbq-column {
		> .block {
			// Note from Jeroen @ 23-01-2025:
			// Commented out the margin-top styling. This causes issues at places outside 
			// of dashboards. For example when you have a block inside an input list item 
			// this would push the block down, making things uneven.
			
			// margin-top: 15px !important;
			border-radius: $border-radius-default;
			// &:nth-child(1) {
			// 	margin-top: 0 !important;
			// }
		}
		.block {
			>div {
				&:first-child {
					height: 100%;
				}
			}
		}
	}
}

span.tile-project-subtitle,
span.tile-project-attr-title {
	font-size: $font-size-base !important;
}

.dashboard-list-item-content { 
	div[data-topic-type-code="Dashboard"] {
		.dbq-column {
			div.element-graph:only-of-type {
				height: 100%;
			}
		}
	}
}