.container {
		width: calc(100% - var(--spacing));
		margin-bottom: calc(2 * var(--spacing));
		border: 2px solid var(--gui-background-color);
		border-radius: var(--border-radius);
	}

	.containerFloatLeft {
		float: left;
		width: auto;
		margin-right: var(--spacing);
	}

	.containerInvisible {
		visibility: hidden;
		height: 0px;
		margin: 0px;
		border: 0px;
		overflow: hidden;
	}

	.containerHeader {
		display: flex;
		align-items: center;
		width: 100%;
		background-color: var(--gui-background-color);
	}

	.buttonContainer.containerHeader {
		border-radius: var(--border-radius) var(--border-radius) 0px 0px;
	}

	.containerWithHiddenHeader .containerHeader {
		display: none;
	}

	.containerHeaderClickable {
		cursor: pointer;
	}

	.pageContainerWidthLeftMenu .container {
		margin-bottom: var(--spacing);
	}

	.pageContainerWidthLeftMenu .containerHeader .containerHeaderCaption {
		margin: 5px;
	}

	.pageContainerWidthLeftMenu .containerHeader .buttonWithIcon    {
		padding: 2px;
		margin-right: 2px;
	}
	
	.containerHeaderButtonContainer {
		padding-left: 6px;
		padding-top: 6px;
	}

	.containerHeader .buttonIcon svg {
		color: var(--gui-text-color);
	}

	.containerHeaderCaption {
		flex-grow: 0;
		margin: 14px;
		font-family: var(--font-family);
		font-size: var(--font-size);
		color: var(--gui-text-color);
	}

	.containerHeaderFiller {
		flex-grow: 1;
	}

	.containerHeaderCaret {
		flex-grow: 0;
		margin: 12px;
		color: var(--gui-text-color);
	}

	.containerHeaderSticky {
		position: sticky;
		top: 0px;
	}

	.containerContainer {
		/* overflow: hidden !important; */
	}

	.containerContainer svg {
		width: 20px;
		height: 20px;
	}

	.containerHorizontalScroll {
		overflow-x: auto;
	}

	.container.invisibleContainerHeader {
		border-radius: 0px;
	}

	.invisibleContainerHeader .containerHeader {
		display: none;
	}

	.containerMessage {
		white-space: nowrap;
		color: var(--primary-text-color);
	}

	.documentList .containerHeader {
		position: relative !important;
	}