div, button, a {
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	font-size: 15px;
	color: #333333;
}

textarea {
	font-family: monospace;
	border: 1px solid #EEEEEE;
}

html, body {
	margin: 0;
	width: 100%;
	height: 100%;
}

h1 {
	margin: 0;
}

.ace_hidden-cursors {
  opacity: 0;
}

em {
	font-weight: bold;
	text-decoration: none;
}

input, select {
	border: 1px solid #DDDDDD;
}

input:focus {
	border: 1px solid #DDDDDD;
	outline: none;
}

textarea:focus {
	border: 1px solid #DDDDDD;
	outline: none;
}

a {
	color: #008CC9;
	text-decoration: none;
}

.AutoComplete input {
	padding: 0px;
	margin: 5px;
}

div.checkbox * {
	cursor: pointer;
}

.Menu {
	max-height: 40px;
	min-height: 40px;
}

@media (max-width: 800px) {
	.Menu {
		max-height: 30px;
		min-height: 30px;
	}
}

.action {
	background-color: #FFDDDD;
}

.force {
	background-color: #DDFFDD;
}

.type {
	background-color: #DDDDFF;
}

.selector {
	background-color: #FFFFDD;
}

.material {
	background-color: #FFDEAD;
}

.classification {
	background-color: #8888DD;
}

.propertyname {
	background-color: #DDDD88;
}

.fieldoperator, .propertyoperator {
	background-color: #88DDDD;
}

.propertyvalue {
	background-color: #DD88DD;
}

.propertyset {
	background-color: #88FF88;
}

.layer {
	background-color: #DD88DD;
}

.without {
	background-color: #88FFFF;
}

.fieldname {
	background-color: #88FFFF;
}

.fieldvalue {
	background-color: #88FFFF;
}

.quantityname {
	background-color: #88FFFF;
}

.quantityoperator {
	background-color: #88DDDD;
}

.quantityvalue {
	background-color: #88FFFF;
}

.own {
	background-color: white;
}

.semitransparent {
	background-color: #CCCCCCAA;
}

.silver {
	background-color: silver;
}

.gray {
	background-color: gray;
}

.black {
	background-color: black;
}

.red {
	background-color: red;
}

.maroon {
	background-color: maroon;
}

.yellow {
	background-color: yellow;
}

.olive {
	background-color: olive;
}

.lime {
	background-color: lime;
}

.green {
	background-color: green;
}

.aqua {
	background-color: aqua;
}

.teal {
	background-color: teal;
}

.blue {
	background-color: blue;
}

.navy {
	background-color: navy;
}

.fuchsia {
	background-color: fuchsia;
}

.purple {
	background-color: purple;
}

.floor {
	background-color: #FFFFDD;
}

.DropDownItem {
	padding: 0px;
	cursor: pointer;
	color: #555555;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	user-select: none;
}

.AutoComplete .DropDownItem {
	padding: 0px;
}

.DropDown {
	color: #1b2733;
	background-color: white;
	border-radius: 4px;
	padding: 8px 0px;
	box-shadow: 0 0 0 1px rgba(99,114,130,.16), 0 8px 16px rgba(27,39,51,.08);
	margin-bottom: 10px;
}

.DropDown .label {
	background-color: #FEFEFE;
	color: black;
}

.DropDownItem.active {
	background-color: #F0F0F0;
}

.DropDownItem:hover {
	background-color: #CFEDFB;
}

.DataManager {
}

.NewDataManagerItem {
	align-items: center;
	border: 0;
	user-select: none;
}

.DataManagerItem {
	border: 0;
	background-color: #EEEEEE;
	height: 50px;
	align-items: center;
	user-select: none;
}

.DataManagerItem:hover {
	background-color: #DDDDDD;
}

.DataManagerItem.dragover, .NewDataManagerItem.dragover {
	background-color: #CFEDFB;
}

.ActionsButton {
}

.ActionsButton:hover svg {
/*	fill: #FFFFFF;*/
}

.ActionsButton svg {
	fill: #DDDDDD;
}

.DetailsButton {
	width: 28px;
	margin: 10px;
}

.active .DetailsButton:hover svg path#square-menu, .active .DetailsButton:hover svg path#square-info {
	fill: #DDDDDD;
}

.DetailsButton:hover svg path#square-menu, .DetailsButton:hover svg path#square-info {
	fill: #FFFFFF;
}

.DetailsButton svg path#square-menu, .DetailsButton svg path#square-info {
	fill: #EEEEEE;
}

.DataManagerPopup {
	border: 1px solid #DDDDDD;
}

.progress-bar {
	background-color: #AED677;
	height: 100%;
}

.KeyValueFeature:hover .ActionsButton, .KeyOnlyFeature:hover .ActionsButton, .KeyLinkFeature:hover .ActionsButton, .TreeNodeFeature:hover .ActionsButton {
	visibility: visible;
}

.KeyValueFeature .ActionsButton, .KeyOnlyFeature .ActionsButton, .KeyLinkFeature .ActionsButton,  .TreeNodeFeature .ActionsButton {
	visibility: hidden;
	cursor: pointer;
}

.ViewerActionBarWrapper {
	display: flex;
	flex-direction: row;
}

.ViewerActionBarWrapper .ViewerActionBar {
	visibility: hidden;
	border: 1px solid #EEEEEE;
	background-color: #FEFEFE;
	flex: 1;
	padding: 10px 10px 10px 0;
}

.ViewerActionBarWrapper:hover .ViewerActionBar {
	visibility: visible;
}

.form-group {
	display: flex;
	flex-direction: row;
	margin: 5px;
	align-items: center;
}

.form-group label {
	flex: 1 0 120px;
	margin-right: 10px;
}

.form-group input, .form-group select {
	flex: 2 0 120px;
}

.alert {
	padding: 5px;
	border-radius: 5px;	
}

.alert.alert-success {
	background-color: #AED677;
}

.alert.alert-danger {
	background-color: #F16D64;
}

.badge {
	font-weight: normal;
	font-size: medium;
	padding: 4px;
	margin: 10px;
	border-radius: 3px;
}

.badge.badge-danger {
	background-color: #F16D64;
	color: white;
}

.badge.badge-warning {
	background-color: #F16D64;
}

.badge.badge-success {
	background-color: #AED677;
}

.badge.badge-primary {
	background-color: #008CC9;
}

.badge.badge-default {
	background-color: #E6E9EC;
}

table caption {
	padding-left: 0px;
}

table tr th {
	text-align: left;
	padding: 5px;
}

table td {
	border-top: 1px solid #dee2e6;
	padding: 5px;
}

.badge {
	background-color: #EEEEEE;
	border-radius: 5px;
}

.DataManagerItem .badge {
	visibility: hidden;
}

.DataManagerItem:hover .badge {
	visibility: visible;
}

h6 {
	margin-bottom: 0px;
}

.tabs ul {
	margin-block-start: 0;
	margin-block-end: 0;
	padding-inline-start: 0;
}

.tabs .Tab.active .InnerTab {
	border-color: #DDDDDD;
	background-color: white;
}

.tabs .Tab {
	display: flex;
}

.tabs .Tab .LeftMargin, .tabs .Tab .RightMargin {
	border-bottom: 1px solid #DDDDDD;
	width: 3px;
}

.tabs .Tab:first-child .LeftMargin {
	width: 0px;
}

.tab-content {
	background-color: white;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}

.tabs .Tab {
	list-style: none;
	padding-top: 6px;
	margin-bottom: 0;
	cursor: pointer;
}

.tabs ul li.end-filler {
	list-style: none;
	flex: 1;
}

.tabs ul li.sub-filler {
	list-style: none;
	flex: 1;
}

.tabs ul li.before-filler {
	list-style: none;
}

.tabs .Tab {
	background-color: transparent;
}

.OptionSelector .OptionSelectorItem {
	margin: 5px;
	padding: 5px;
	border-radius: 5px;
	cursor: pointer;
}

table caption {
	text-align: left;
}

.list-group-item {
	margin: 10px;
}

.treeitem {
	background: url("../img/glyphicons-basic-224-chevron-right.svg");
	background-size: cover;
	width: 11px;
	height: 11px;
	cursor: pointer;
}

.treeitem.expanded {
	background: url("../img/glyphicons-basic-221-chevron-down.svg");
	background-size: cover;
}

.treeitem.expanded:hover {
	background: url("../img/glyphicons-basic-221-chevron-down.svg");
	background-size: cover;
}

.treeitem:hover {
	background: url("../img/glyphicons-basic-224-chevron-right.svg");
	background-size: cover;
}

.Option {
	background-color: #AAAAAA;	
}

.OptionSelectorSelected {
	background-color: #e09d5a;	
}

.OptionSelectorSelected:hover {
	background-color: #e09d5a;	
}

.Option:hover {
	background-color: #FFFFFF;	
}

.Option.Disabled {
	cursor: help;
	background-color: #d9d9d9;
}

.Option.Disabled:hover {
	background-color: #d9d9d9;
}

.circle-progress-background {
	stroke: #DDDDDD;
}

.circle-progress-foreground {
	stroke: #E68523;
}

.DataManagerItem:hover .circle-progress-background {
	stroke: #EEEEEE;
}

.MtMenu {
	list-style-type: none;
}

.MtMenuItem {
	border: 0;
	background-color: #EEEEEE;
	height: 50px;
	align-items: center;
}

.BimServerItem {
	cursor: pointer;
	user-select: none;
}

.BimServerItem:hover {
	background-color: #DDDDDD;
}

.SettingsMenu.MtMenu {
	display: flex;
	flex-direction: column;
}

.SettingsMenu li {
	height: 50px;
}

.NewMenuItem {
	cursor: pointer;
}

.NewMenuItem:hover {
	background-color: #DDDDDD;
}

.NewMenuItem.active {
	background-color: #FFFFFF;
}

.ButtonGroup {
	border: 1px solid #EEEEEE;
	padding: 0;
	transition-property: border;
	transition-duration: 0.2s;
	border-radius: 6px;
	margin: 5px;
}

.Button {
	transition: background-color 0.3s
}

.Button svg {
	transition: fill 0.3s
}

.buttonbar {
	background-color: #EEEEEE;
}

.ButtonGroup:hover {
	border: 1px solid #DDDDDD;
}

.SpecialMenuButton {
	border-bottom: 6px solid transparent;
}

.SpecialMenuButton svg {
	opacity: 0.2;
}

.SpecialMenuButton.Selected {
	border-bottom: 6px solid #F3C746;
}

.SpecialMenuButton.Selected svg {
	opacity: 1;
}

.SpecialMenuButton svg {
	opacity: 0.2;
}

.SpecialMenuButton svg {
	transition: opacity 0.2s;
}

.SpecialMenuButton:hover svg {
	opacity: 1;
}

.ButtonGroup button {
	
}

.DataManagerAddDropDown.DropDown {
	background-color: white;
	opacity: 1;
}

.AddDropBox .Option {
	max-width: 200px;
}

.AutoComplete .DropDownItem .Prefix {
	height: 100%;
}

.ModelBrowser .Item {
	flex: 1;
	border: 1px solid #CCCCCC;
	background-color: #F5F5F5;
	border-radius: 5px;
	cursor: pointer;
	padding: 10px;
	margin: 10px;
	height: 100px;
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	user-select: none;
	display: flex;
	flex-direction: row;
	border: 1px solid transparent;
	transition-property: border;
	transition-duration: 0.5s;
}

.ModelBrowser .Item.selected {
	border: 1px solid orange;
}

.ModelBrowser .Item.primaryselected {
	border: 1px solid red;
}

.ModelBrowser .Project {
}

.Icon {
	width: 24px;
	height: 24px;
}

.MainMenuBar {
	padding-left: 5px;
	flex-wrap: wrap;
}

.MainMenuBar button {
}

.MainMenuBar * {
	pointer-events: auto;
}

.Button {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.ActivatedButton {
	background-color: #CCCCCC;
}

button:not([disabled]).ActivatedButton:hover {
/*	background-color: #BBBBBB;*/
}

span.highlight {
	color: gray;
	font-style: italic;
}

.SlotType {
	margin: 10px;
	padding: 10px;
	cursor: pointer;
}

.SlotType.active {
	background-color: #CCCCCC;
}

.InfoBox {
	background-color: #FFFBE5;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 10px;
}

.form-group {
	margin-left: 0;
}

.separator {
	border-top: 1px solid #DDDDDD;
}

.panel {
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
	background-color: #EEEEEE;
	padding: 10px;
}

.panel-title {
}

.panel-header {
	
}

.panel-body {
	display: flex;
	flex-direction: column;
}

.ProgressOverlay {
	transition: width 0.5s;
}

.DataManager.Dragging {
	background-color: #00EE00;
}

.InnerTab {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-radius: 5px 5px 0px 0px;
	background-color: #EEEEEE;
	padding: 6px;
	border-bottom: 1px solid #DDDDDD;
}

.tabs .Tab.active .InnerTab {
	border-bottom: none;
}

.tab-content .buttonbar {
	background-color: white;
}

.ClipboardSpan {
}

.ClipboardSpan .PlaceHolder {
	padding: 3px;
	border-radius: 5px;
}

.UuidSpan:hover button {
}

.ClipboardSpan button {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 3px;
}

.ClipboardSpan .Copied {
	background-color: #7CB82F;
	padding: 3px;
	border-radius: 5px;
}

.ClipboardSpan .ShowButton, .ClipboardSpan .CopyButton {
	display: none;
	flex: 1;
	background-color: gray;
}

.ClipboardSpan:hover .ShowButton, .ClipboardSpan:hover .CopyButton {
	display: block;
}

.ClipboardSpan .Show {
	padding: 3px;
	background-color: #E68523;
	border-radius: 5px;
}

.ClipboardSpan:hover .PlaceHolder {
	display: none;
}

.PropertiesClipboardSpan .PlaceHolder {
	padding-right: 0px;
}

button:disabled, button:disabled svg {
	background-color: transparent;
}

.Accounts .Removed {
	color: gray;
}

.Account {
	margin: 10px;
}

.WindowWrapper.Modal {
	background-color: rgba(50, 50, 50, 0.3);
}

.modal-title {
	color: white;
}

.Menu a {
	transition: background-color 300ms;
	border-radius: 5px;
	padding: 6px;
}

.Menu a:hover {
	background-color: #0092DB;
}

.buttonbar.Large button {
	font-size: 20px;
}

.SdkImageLink {
	background-color: #DDDDDD;
}

.SdkImageLink:not(.Disabled):hover {
	background-color: #EEEEEE;
}

.SdkImageLink.Disabled {
	opacity: 0.5;
}

.SdkImageLink {
	margin-right: 10px;
}

.Console pre * {
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 0.9em;
}

.Console {
	padding: 10px;
	margin: 0px;
}

.Sdks .Info {
	background-color: #DDDDDD;
	border-radius: 5px;
	margin: 0px;
	padding: 5px;
}

.FeatureTable {
	background-color: #EEEEEE;
}

.FeatureTable .Namespace {
	font-family: Consolas;
}

.jsoneditor-menu {
	background-color: #EEEEEE;
}

.jsoneditor.jsoneditor-mode-code {
	border: 1px solid #EEEEEE;
	width: auto;
	height: auto;
	flex: 1;
}

.jsoneditor-statusbar {
	background-color: #EEEEEE;
	color: #888888;
}

.ace-jsoneditor .ace_marker-layer div.ace_active-line {
	background-color: #CFEDFB;
}

.yasqe {
	flex: 1;
}

.yasqe_buttons {
	display: none;
}

.DropDownButton svg path#menu {
	fill: #CCCCCC;
}

.DropDownButton:hover svg path#menu {
	fill: #FFFFFF;
}

.table .Button {
	margin: 0;
}

.table.HoverHighlight tr:hover {
	background-color: #EEEEEE;
}

.Documentation .Section p {
	max-width: 1000px;
}

.Documentation .Section img {
	float: right;
	margin: 20px;
}

.DocPage {
	padding: 10px;
}

.DropDown .Header {
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px solid #DDDDDD;
	color: #0092DB;
	background-color: #85C2EB;
}

.NewKvList .Title {
	text-decoration: underline;
}

label input[type="checkbox"] {
	margin-right: 5px;
}

.Viewer2D, .Viewer3D {
	background-color: #EEEEEE;
	transition: background-color 1s;
}

.Viewer2D:focus, .Viewer3D:focus {
	outline: none;
	background-color: #FFFFFF;
}


.Activities {
	display: grid;
	grid-template-columns: min-content auto auto;
	margin: 10px;
	grid-gap: 10px;
}

.Activity {
	display: flex;
	flex-direction: column;
	margin: 10px;
}

.Activities .Time {
	color: #888888;
	white-space: nowrap;
}

.Activity .Header {
	display: flex;
	flex-direction: column;
}

.Activity .Body {
	display: flex;
	flex-direction: column;
}

.Activity .Title {
	font-weight: bold;
}

.NewBreadCrumbItem {
	cursor: pointer;
}

.DocPage .Tabs button {
	margin-bottom: 2px;
	margin-right: 0px;
}

.DocPage .gutter {
	background-color: white;
}

.ace_editor div {
    font: inherit!important
}

.SearchDropDown {
	color: #1b2733;
	background-color: white;
	border-radius: 4px;
	padding: 8px 0px;
	box-shadow: 0 0 0 1px rgba(99,114,130,.16), 0 8px 16px rgba(27,39,51,.08);
	font-size: smaller;
}

.BsddWindow {
	color: #1b2733;
	background-color: white;
	border-radius: 4px;
	padding: 0px 0px;
	box-shadow: 0 0 0 1px rgba(99,114,130,.16), 0 8px 16px rgba(27,39,51,.08);
	font-size: smaller;
}

.SearchItem {
	padding: 10px;
	cursor: pointer;
	background-color: #FEFEFE;
	color: #555555;
}

.SearchItem:hover {
	background-color: #CFEDFB;
}

.ace_gutter-cell { 
	color: #888888;
}

.vertical-divider + .vertical-divider, .vertical-divider:first-child {
	display: none;
}

.vertical-divider {
	border-left: 1px solid #dddddd;
	margin-top: 10px;
	margin-bottom: 10px;
}

button.hamburger {
	padding: 0px;
}

button.hamburger svg {
	width: 24px;
	height: 24px;
}

.menuitem-delete:hover {
	background-color: #DD5143;
	color: white;
}

.queryv2 .and {
	color: red;
}

.BsddWindow .country {
	border: 1px solid white;
}

.BsddWindow .selected {
	border: 1px solid red;
}

.CircleProgressIndefinite {
}

.CircleProgressIndefinite .circle-progress-foreground {
	animation: 5s infinite circle-rotate;
}

@keyframes circle-rotate {
  from {
    stroke-dashoffset: 100
  }

  to {
    stroke-dashoffset: 0
  }
}

.glow {
	animation: 1s infinite glow;
}

@keyframes glow {
  from {
    filter: brightness(100%);
  }

  to {
    filter: brightness(50%);
  }
}

.DropDownLink svg {
	fill: white;
}

.DropDownButtonOpen, .DropDownLinkOpen {
	background-color: white;
}

.DropDownButtonOpen, .DropDownLinkOpen svg {
	fill: #0077b5;
}

.ButtonOpen {
	background-color: white;
}

.ButtonOpen svg {
	fill: #0077b5;
}

.FlatButton {
	height: 42px;
	margin: 0px;
	border-radius: 0;
	color: #555555;
	display: flex;
	flex-direction: row;
}

button:not([disabled]).FlatButton:hover {
	background-color: #E5F3FF;
}

button:not([disabled]).ProfileButton:hover {
	background-color: #0092DB;
}

button:not([disabled]).HomeButton:hover {
	background-color: #0092DB;
}

@media (max-width: 800px) {
	.HomeButton.Small {
		display: none;
	}
	.HomeButton.Large {
		display: none;
	}
}

@media (min-width: 800px) {
	.HomeButton.Small {
		display: none;
	}
	.HomeButton.Large {
		display: block;
	}
}

.ProfileWindow {
	box-shadow: 0 24px 54px rgb(0 0 0 / 15%), 0 4.5px 13.5px rgb(0 0 0 / 8%)
}

.logo .bodem{
	fill:#DBAD3A;
}
.logo .links{
	fill:#F3C746;
}
.logo .midden{
	fill:#F9E3A2;
}
.logo .rechts{
	fill:#FCF1D1;
}
.logo .bodem:hover{
	fill:#D48600;
}
.logo .links:hover{
	fill:#EB9A00;
}
.logo .midden:hover{
	fill:#EDB138;
}
.logo .rechts:hover{
	fill:#EEBE58;
}
.logo .logo_vlak:hover{
	transition: fill 250ms;
	cursor: pointer;
}
.logo .logo_vlak{
	transition: fill 1000ms;
}
.logo .bim{fill:white;}
.logo2 .bim{fill:#6B7173}
.logo .works{fill:#EFB920;}

.StartPage {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	overflow: hidden;
}

.youtube-wrapper {
	flex: 1;
    aspect-ratio: 16 / 9;
    overflow: hidden;
	max-width: calc(100vw - 40px);
}

.youtube-iframe {
	aspect-ratio: 16 / 9;
    display: block;
    width: 100%;
}

.ColorPicker {
	border-radius: 5px;
	border: 1px solid #55555555;
	overflow: hidden;
}

.ColorPicker .Cell {
	transition: all 0.3s;
}

.ColorPicker .Cell:hover {
	filter: brightness(110%);
	cursor: pointer;
}

.WindowManager.WindowManagerNonModal {
	pointer-events: none;
}

.WindowManager.WindowManagerModal {
	pointer-events: inherit;
}

.styled_bal div {
	display: inline;
}

.styled_bal .equal {
	color: red;
}

.styled_bal .for {
	color: darkorange;
}

.styled_bal .enum {
	color: blue;
}

.BreadCrumbFinalItem {
	padding: 5px;
	transition: background-color 300ms;
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.BreadCrumbHomeItem {
	padding: 5px;
	transition: background-color 300ms;
	display: flex;
	align-items: center;
}

.BreadCrumbItem {
	padding: 5px;
	transition: background-color 300ms;
	display: flex;
	align-items: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	min-width: 14px;
}

.BreadCrumbArrow {
	cursor: pointer;
	display: flex;
	align-items: center;
	transition: background-color 300ms;
}

.BreadCrumbArrow:hover, .BreadCrumbHomeItem:hover {
	background-color: #CFEDFB;
}

.BreadCrumbArrow svg {
	fill: #888888;
}

.BreadCrumbItem:hover {
	background-color: #CFEDFB;
}

.ActiveDropDownItem {
	font-weight: bold;
}

.ai_animate .logo {
	animation: ai 3s linear infinite;
	transform-origin: center;
}

@keyframes ai {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.ButtonGroupRadio .active {
	background-color: #0092DB;
}

.VectorPopup {
	padding: 5px;
	border-radius: 5px;
	background-color: white;
}