a { vertical-align: baseline; }
.ShowHideTree { position: unset; transform: unset; }
#Config { position: unset; width: auto; height: auto; display: inline-block; margin: 0 2px; }
#Config > div { top: 0; left: 0; transform: unset; }
.flex-container > *+* .RightPanel { background: paleGreen; }
.desc span { vertical-align: baseline; }
/* .desc input[type="checkbox"] { vertical-align: baseline; } */

div.context { position: static; display: inline-block; }

.flex-container { display: flex; flex-flow: row wrap; padding: 0; border: 1px solid red  !important ; }
.flex-container > * { flex: 0 0 auto; padding: 0; border: 1px solid darkGreen !important; width: max-content; }
.flex-container > *+* { margin: 0 0 0 1em; }
.align-left { text-align: left !important; }
.nowrap { white-space: nowrap; }
.float-right { float: right; }
.float-container { display: table-cell; }

* { user-select: auto; }

body { margin: 2px 0 2px 2px; }

body > div:not(:first-child) { border-top: 4px solid green; margin-top: 8px; }
body > div > div { display: inline-block; }
body > div > div > div:first-child { padding: 3px; text-align: center; font-weight: bold; font-size: large; }
body > div > div > div:first-child * { font-size: large; }
.red-hint {color: red; font-weight: bold; }
.span-crosshair { font-weight: bold; font-size: larger; }

.ins-tooltip { position: relative; display: inline-block; left: 0 !important; transform: none !important; margin-bottom: 10px; min-width: 0; }
.ins-tooltip:after { content: ''; display: block; position: absolute; pointer-events: none; z-index: 100;
  top: 100%; border-top: 10px solid black;
  border-left: 5px solid transparent; border-right: 5px solid transparent;
  left: calc(50% - 5px);
}


label {  display: inline-block; height: auto; }

ul, ol { margin: 0em; padding-left: 1.2em; }

p { margin: 0; padding: 0; }
p.de ~ p.de, p.en ~ p.en, p + ul, div ~ p, p ~ div, div ~ div, p ~ table { margin: 6px 0 0 0; }
p.desc button, li button { font-size: 0.8em; padding: 0; min-height: auto; height: auto; }

select { margin: 2px 0; }
span.de, span.en { vertical-align: baseline; }
span.desc, div.desc, table.desc { float:right; margin: 2px 0 2px 10px; }
span.example { display: inline; background-color: lightGray; vertical-align: baseline; }
span[onclick] { cursor: pointer; }

table { border-collapse: collapse; margin: 1px; }
tr { padding: 0; }
tr:not(:first-child) { border-top: 1px solid blue;  }
td { vertical-align:middle; margin: 0; padding: 3px; border-spacing: 10px; }
td:first-child  { text-align: center;  }
td:first-child  button { margin-top: 1px; margin-bottom: 1px; }
td:not(:first-child ) { border-left: 1px solid blue; }

table table tr:not(:first-child), table table td:not(:first-child ) { border-color: red; }

:target, li.border:not(:last-child):target { background-color: LightYellow; border: 3px solid red !important }

p.popUpBtns { margin: 0 0 1px 0; }

.marg-right-1 { margin-right: 1px !important; }
.marg-right { margin-right: 2px !important; }

div.popUpWin { position: static; transform: unset; display: inline-block; border-width: 8px !important; 
  margin-top: 6px; }