.d-dialog {
	display: flex;
	flex-direction: column;
	background: white;
	border-radius: 5px;
}

// The top part of the TooltipDialog containing the label and the close icon.
.d-dialog-header {
	display: flex;
	align-items: center;
	padding: 10px;	// matches padding on d-container from Tooltip.less
	border-bottom: 1px solid black;
	cursor: move;
}

.d-dialog-label {
	flex: 1;
}

.d-dialog-icon {
	cursor: pointer;
	border: none;
}

// Default close icon if app does not override "d-close-icon" class name.
.d-dialog-close-icon::after {
	content: "\2716";
}

.d-dialog-container {
	flex: 1;
	.d-ie & {
		// IE11 needs special CSS so natural sizing works (otherwise this node collapses completely.
		// It breaks Chrome a little bit though (header is squashed), so doing conditionally for IE only.
		flex: 1 1 auto;
	}

	padding: 10px;

	// Show scrollbar on this node if necessary.
	overflow: auto;
}