* {
  box-sizing: border-box;
  margin:0px;
  border:0px;
  padding:0px;
  --structureGrey:#CFCFCF;
  --structureGreyBright:#F3F3F3;
  --structureGreyDark:#BFBFBF;
  --iconColor:#535353;
  --popupColor:#F0F0F0;
}

@font-face {
  font-family: 'iconFont';
  src: url("../fonts/MaterialIcons-Regular.woff2") format('woff2'), url("../fonts/MaterialIcons-Regular.woff") format('woff');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Roboto Regular";
  src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");
  font-weight: 400;
}

@font-face {
  font-family: "Roboto Medium";
  src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff");
  font-weight: 500;
}

@font-face {
  font-family: "Roboto Bold";
  src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff");
  font-weight: 1000;
}

body, input, select, textarea, button, div, span, cell, a, pre, iframe {
  font-family: "Roboto Regular";
}

body, iframe {
  background-color:white;
  font-size:16px;
}

input, select, textarea, button {
  font-size:inherit;
}

a, a:link, a:visited, a:hover, a:active, .pseudoLink {
  color:var(--adoDark, red);
  text-decoration:none;
  cursor:pointer;
}

.divLink {
  cursor:pointer;
}

.clipboard {
  color:var(--adoDark, red);
}

table, th, tr, td {
  padding:2px;
  vertical-align:top;
  border-spacing:0px;
}

table {
  border:1px;
  border-collapse:collapse;
  margin:3px;
}

table td, table th {
  cursor:text;
}

.tableCellBase {
  border:1px solid black; 
  width:500px;
}

.tableRowHead {
  white-space:nowrap;
  border-right:3px solid var(--adoDark, red);
}

.fatLineAbove {
  border-top:3px solid var(--adoDark, red);
}

.tableColHead {
  white-space:nowrap;
  border-bottom:3px solid var(--adoDark, red);
}

.cellAddClass {
  border-bottom:5px solid blue;
}

.gridHeadCell {
  flex:1;
  font-size:13px;
  user-select: none;    
  padding:2px;
  background-color:var(--structureGreyBright, lightgrey);
  border-right:1px solid var(--structureGreyBright, lightgrey);
}

.gridCellBase {
  flex:1 0;
  padding:2px;
  border-right:1px solid var(--structureGrey, lightgrey);
}

.gridRow, .gridRow:hover {
  display:flex;
  align-content:stretch;
  border-top:1px solid var(--structureGrey, lightgrey);
}

.gridRow:hover {
  background-color:var(--structureGreyBright, lightgrey);
}

.fatLine {
  border-top:2px solid var(--adoDark, red);
}

.div.noWrap {
  white-space:nowrap; 
  display:inline; 
}

.niceFrame, .redFrame, .orangeFrame, .greenFrame, .frameBorderBottom, .frameBorderRight {
  margin-top:10px;
  padding:6px;
}

.orangeFrame {
  border:1px solid orange;
}

.redFrame {
  border:1px solid red;
}

.greenFrame {
  border:1px solid green;
}

.greyFrame {
  border:1px solid var(--structureGrey, grey);
}

.niceFrame {
  border:1px solid var(--adoDark, red);
}

.frameBorderBottom {
  border-bottom:1px solid var(--adoDark, red);
}

.frameBorderRight {
  border-right:1px solid var(--adoDark, red);
}

.niceFrameLabel {
  margin-top:-15px;
  color:var(--adoDark, red);
  font-size:11px;
  background-color:white;
  display:table;
  padding-left:5px;
  padding-right:5px;
}

.markBorderAdo {
  border-right:20px solid var(--adoDark, red);
  padding-right:10px;
}

.markBorderGrey {
  border-right:20px solid var(--structureGrey, grey);
  padding-right:10px;
}

.redColor  {
  color:red;
}

.orangeColor {
  color:orange;
}

.blueColor {
  color:blue;
}

.greenColor {
  color:green;
}

.buttonString {
  padding-left:5px;
  padding-right:5px;
  border-left:1px solid var(--structureGrey, grey);
}

.niceText {
  color:var(--adoDark, red);
}

.niceHeader, .listHeader, .bigHeader, .niceBlockHeader {
  font-family: "Roboto Bold";
  color:var(--adoDark, red);
}

.niceBlockHeader {
  font-size:14px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--structureGrey, grey);
  margin-bottom:10px;
}

.niceHeader {
  font-size:18px;
  margin-top:20px;
  margin-bottom:10px;
}

.listHeader {
  margin-bottom:10px; 
}

.bigHeader {
  font-size:1.5em;
}

.italic {
  font-style:italic;
}

.bold {
  font-weight:bold; 
}

.explainUi {
  margin-top:5px;
  margin-bottom:1px;
  cursor:pointer;
}

/* forms */

.sfForm {
}

.sfFormRow, .sfDiv {
  position:relative; 
  margin-bottom:6px;
}

.flexFrame, .sfFormRow {
  display:flex;
}

.sfFirstLabel {
  padding:5px 5px 2px 0px;
}

.sfLabel {
  padding:5px 5px 2px 15px;
}

.overflow {
  outline: none;
  overflow:hidden;
  text-overflow:ellipsis;
  border:0px; 
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
}

.sfInput, .sfArea, .sfSelect, .sfColorBox, .sfFileUpload, .modalInput {
  padding:2px 2px 0px;
  background-color:inherit;
  border-bottom: 1px solid var(--structureGrey, grey);
  outline: none;
  overflow:hidden;
  text-overflow:ellipsis;
}

.modalInput {
  width:100%;
}

.sfDatalistFrame {
  padding:4px 2px 0px;
}

.sfDatalist {
  padding:2px 2px 0px;
}

.sfInput:hover, .sfArea:hover, .sfSelect:hover, .sfColorBox:hover, .sfFileUpload:hover, .modalInput:hover,
.sfInput:focus, .sfArea:focus, .sfSelect:focus, .sfColorBox:focus, .sfFileUpload:focus, .modalInput:focus {
  border-bottom: 1px solid var(--adoDark, red);
  outline: none;
  overflow:hidden;
  text-overflow:ellipsis;
}

.sfReverse, .sfReverse:hover, .sfReverse:focus {
  border-bottom: 1px solid var(--structureGrey, grey);
  color:var(--iconColor, grey);
}

.sfReverse:hover, .sfReverse:focus {
  color:black; 
  transition: 0.40s ease-in;
}
  
.sfItemList {
  padding:2px;
}

.sfFileUpload {
  position:absolute;
  height:23px;
}

.inlineSelect {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==);
  background-position : right center;
  background-repeat: no-repeat;
  margin:0px;
  overflow: hidden;
  text-overflow:ellipsis;
}

.sfSelect {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: white;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==);
  background-position : right center;
  background-repeat: no-repeat;
  margin:0px;
  overflow: hidden;
  text-overflow:ellipsis;
  padding-right:25px;
  padding-bottom:0px;
}

option {
  border:1px solid var(--adoDark, red);
  padding:0px;
  margin:0px;
  overflow:hidden;
  text-overflow:ellipsis;
}

.smallFont {
  font-size:13px;
}

.verySmallFont {
  font-size:11px;
}

.extremSmallFont {
  font-size:9px;
}

.sfCheckList, .sfRadio {
  position:relative;
  background-color:transparent;
  border:20px;
  padding:3px;
  padding-right:10px;
}

.sfCheck {
  display:inline;
}

.rhizomEl {
  margin-top:10px; 
  font-family: "Roboto Regular";
}

.rhizomElWithCover {
  margin-left:120px; 
  margin-bottom:20px; 
  min-height:60px; 
}

.coverForRhizomEl {
  position:absolute; 
  margin-left:10px; 
  margin-top:-60px; 
  display:none;
}

.coverImg {
  max-width:90px; 
}

.checklistFrame {
  margin-right:10px; 
  display:flex; 
  justify-content:flex-start; 
  align-items:center; 
}

.taggingLabel, .tagLink, .tagLink:hover, .tagLink:visited, .tagLink:link, .tagLink:active {
  color:var(--adoDark, red);
  cursor:pointer;
}

.sfDisplay {
  padding-top:5px;
  padding-bottom:2px;
}

.sfCard, .sfCardTabRow, .winMain, .modalDiv, .calApplet, .toolBar, .buttonMenuToolBar {
  position:relative; 
  border:1px solid var(--structureGrey, grey);
  background-color:white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); 
  border-radius:3px;
}

.toolBar {
  padding:5px 13px 5px;
  margin:10px 0px; 
}

.buttonMenuToolBar {
  display:flex;
  flex-wrap:wrap; 
  padding:5px 13px 0px;
  margin:10px 0px; 
}

.menuToolBarButton {
  margin-bottom:5px;
}

.sfCard {
  padding:20px 13px 13px;
  z-index:101;
  margin-bottom:10px;
}

.sfCardTabRow {
  border-radius:3px 3px 0px 0px;
  padding:3px 0px 3px;
  top:1px;
  margin-top:15px;
  z-index:51;
}

.sfFrameTab {
  position:relative;
  padding: 1.5px 1em 1px 1em;
  color:var(--adoDark, red);
}

.sfTab, .sfTab:hover, .sfMultiLangTab, .sfMultiLangTab:hover, .sfActiveTab {
  position:relative;
  text-decoration:none;
  padding: 1.5px 0.7em 1px 0.7em;
  cursor:pointer;
  font-family: "Roboto Regular";
}

.sfTab:hover, .sfMultiLangTab:hover, .sfActiveTab {
  color:var(--adoDark, red);
}

.sfActiveTab {
  border-bottom:2px solid var(--adoDark, red);
}

.sfMultiLangTab, .sfMultiLangTab:hover {
  font-size:0.6rem;
  padding: 0px 1em 0px;
}

.sfTabHintFrame {
  float:right;    
  padding:2px 10px 2px;
  color:var(--adoDark, red);
  font-size:13px;
}

.sfFieldset {
  border-top:0.5px solid var(--adoDark, grey);
/*  border:0.5px solid var(--adoDark, grey);*/
  margin-bottom:13px;
  padding-top:2px;
  z-index:101;
  width:100%;
}

.sfLegend {
  font-family: "Roboto Medium";
  color:var(--adoDark, red);
  padding-right:3px;
  padding-left:3px;
  margin-left:15px;
}

/* buttons */

.textButton, .textButtonCurrent,
.textButton:hover, .textButton:focus {
  background-color:var(--structureGrey, grey);
  border-radius: 3px;
  height: 24px;
  padding: 2px 15px;
  vertical-align: middle;
  margin-right:6px;
  cursor: pointer;
  transition: 0.40s ease-out;
}

.textButton:hover, .textButton:focus, .textButtonCurrent {
  background-color:var(--adoDark, red);
  color:white;
}

.pointer {
  cursor: pointer;
}

.iconButton, .iconButton:hover, .iconButton:focus {
  font-family: 'iconFont';
  background-color:transparent;
  color:var(--iconColor, grey);
  cursor: pointer;
  transition: 0.40s ease-out;
  outline: none;
  height:auto;  
  border-radius:0px;
}

.iconButton:hover, .iconButton:focus {
  color:black; 
  background-color:transparent;
  transition: 0.40s ease-in;
}

.iconFont, .iconFontColor {
  font-family: 'iconFont';
  color:var(--iconColor, grey);
  cursor:pointer;
  transition: 0.40s ease-out;
}

.iconFont:hover, .iconFont:focus {
  color:black; 
  transition: 0.40s ease-in;
}

.buttonAddedText {
  position:absolute;
  top:24px;
  font-size:10px;
  color:var(--iconColor, grey);
}

.iconFontColor,.iconFontColor:hover, iconFontColor:focus {
  color:var(--adoDark, red);
}

.iconColor {
  color:var(--adoDark, red);
}

.iconFontBig {
  font-size:24px;
}

.iconFontMiddle {
  font-size:20px;
}

.iconFontSmall {
  font-size:12px;
  color:grey;
}

.veryBigCenterIcon {
  font-size:46px;
}

.bigDivCenter {
  width:100%;
  height:150px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.flexAlignButtons {
  display:flex;
  justify-content:flex-end;
  margin-top:10px;
}

.deletetag {
  cursor:pointer;
}

/* sgList */

.sgGrid, .sfForm {
  margin-bottom:10px;
}

.multiGridHint {
  color:var(--adoDark, red);
  background-color:var(--structureGreyBright, lightgrey);
  padding:2px 0px 2px;
  margin-bottom:10px;
  border-bottom:1px solid var(--structureGrey, lightgrey);
  border-top:1px solid var(--structureGrey, lightgrey);
}

.sgBody {
}

.sgNewPageEdit {
  padding-left:5px;
  padding-right:5px;
  margin-left:5px;
  margin-left:5px;
  border-bottom:1px solid var(--structureGrey, lightgrey);
}

.sgRow, .sgRow:hover {
  display:flex;
  align-items:center;
  padding-top:2px;
  padding-bottom:2px;
  border-bottom:1px solid var(--structureGrey, lightgrey);
  min-height:24px;
}

.sgRow:hover {
  background-color:var(--structureGreyBright, lightgrey);
}
    
.sgCell, .sgHeadCell {
}

.sgHeadCell {
  font-size:13px;
  user-select: none;    
}

.actionCell {
  width:16px;    
}

.sgBarBase, .sfBarBase {
  margin-bottom:10px; 
}

.sgBarFrame, .sfBarFrame {
  display:flex; 
  justify-content: space-between;
  margin-bottom:10px; 
}

.sgBarFrameSingle, .sfBarFrameSingle {
  display:flex; 
  justify-content: flex-end;
  margin-bottom:10px; 
}

.formButtons {
  display:flex;
  justify-content:flex-start; 
}

.sgFilterBar {
  display:flex; 
  justify-content:flex-end; 
  align-items:center;
  font-size:13px;
  margin-bottom:10px;   
}

.filterLabel {
  padding-right:5px;
  padding-left:15px;
}

.sgGridMenu, .sgNavBar {
  display:flex; 
  justify-content:flex-end; 
}

[contenteditable]:focus {
  outline: 0px solid transparent;
}

.firstEntryText {
}

.editable {
  cursor:text; 
}

.entryText {
  padding-left:5px; 
  overflow:hidden;
  text-overflow:ellipsis;
}

.entryTextDone {
  color:var(--structureGreyDark, darkgrey);
}

.entryTextDone:hover, .entryTextDone:focus {
  color:black;
}

.entryTextFavorite {
  color:var(--adoDark, red);
}

[draggable=true] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

.dragOver {
  color:var(--adoDark, red);
}

.noentries {
  font-size:13px;
  margin-bottom:15px;
}

/* modalwindows */
/*  */
.modalDiv {
  display:none;
  position:absolute;
  background-color:var(--popupColor, darkgrey);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
  z-index:700000;
}

.calApplet {
}

.modalButtons {
  text-align:right;
  margin-top:20px;
}

.winMain {
  position:absolute; 
}

.winTitle {
  margin:7px 13px 12px;
  padding-bottom:2px;
  border-bottom:1px solid var(--adoDark, red);
  cursor:move;
}

.winContent {
  margin:0px 13px 0px;
}

.mainPage {
  display:flex;
  width:100%;
  padding-right:4px;
  padding-left:4px;
  margin-top:20px;
}

.configOptionsFrame {
  display:flex;
  flex-wrap: wrap;
  width:100%;
}

.configOptionsCell {
  max-width:400px;
  padding-right:20px;
}

.mainNavigation {
  display:flex;
  width:100%;
  height:37px;
  background-color:var(--adoDark, red);
}

.firstCol {
  border-right:1px solid var(--structureGrey, lightgrey);
  padding:7px;
  max-width:200px;
}

.secondCol {
  border-right:1px solid var(--structureGrey, lightgrey);
  padding:7px;
  max-width:300px;
}

.pageView {
  padding-top:5px;
  padding-right:15px;
  padding-left:15px;
  flex:1;
}

.registrationView {
  padding-top:60px;
  padding-right:150px;
  padding-left:150px;
}

.toolFrame {
  padding-top:30px;
  border-top:1px solid var(--structureGrey, lightgrey);
  margin-top:4px;
}

@media only screen and (max-width: 700px) {
  /* For smaller than phones: */
  .adminCol {
    display:none;
  }
}

.toolboxMainPage {
  position:absolute;
  top:100px;
  left:20px;
  width:calc(100% - 40px);
  min-width:700px;
}

.installMainPage {
  position:absolute;
  top:20px;
  left:230px;
  width:680px;
}

/* das ist was anderes => checken */
.menuElement {
  margin:5px 15px;
}

/* applets and menus */

.appletBox {
  position:absolute;
  border:1px solid var(--structureGrey, grey);
  background-color:white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); 
  border-radius:3px;
  z-index:600000;
  margin-top:5px;
  display:none;
  font-size:13px;
  padding:5px;
}

.appletBoxTitle {
  cursor:pointer;
  padding-bottom:5px;
  font-size:13px;
  color:var(--adoDark, red);
  font-weight:bold;
}

.appletSection {
  border-bottom:1px solid var(--adoDark, red);
  padding:5px;
}

.appletSectionBottom {
  border-top:1px solid var(--adoDark, red);
  padding:5px;
}

.appletListEntry, .appletListEntryLast, .appletListEntry:hover, .appletListEntryLast:hover {
  display:flex;
  font-size:13px;
  padding:4px;
  cursor:pointer;
}

.appletListEntry:hover, .appletListEntryLast:hover {
  background-color:var(--structureGreyBright, lightgrey);
}
    

.appletListEntry, .appletListEntry:hover {
  border-bottom:1px solid var(--structureGrey, grey);
  padding-bottom:7px;
}

.litListEntry {
  cursor: pointer;
  margin-bottom:4px;
}

/* login */

.loginlinks {
  position:absolute;
  left:650px;
  top:300px;
  width:300px;
}

.login {
  position:absolute;
  left:650px;
  top:430px;
}

.tooltip {
  z-index:100000;
  position:absolute;
  background-color:var(--structureGreyBright, red);
  padding:7px 10px 7px;
  text-align:center;
  font-family:"Roboto Regular";
  font-size:13px;
  color: var(--adoDark, red);
  border-radius:6px;
  box-shadow: 5px 5px 8px #CCC;
  margin-top:15px;
  margin-left:-5px;
}

.tooltipAlignLeft {
  text-align:left;
}

.tooltipAlignRight {
  text-align:right;
}

.tooltip::before {
  content: " ";
  position: absolute;
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-bottom: solid var(--structureGreyBright, red) 10px;
  top:-10px;
  margin-left:-5px;
}

.formNavLinks, .formNavLinks:hover, .formNavLinks:focus, .navBarText {
  color:var(--iconColor, grey);
  font-size:13px;
}

.shift {
  margin-left:5px; 
}

.smallGrey {
  color:var(--iconColor, grey);
  font-size:13px;
}

.formNavLinks, .formNavLinks:hover, .formNavLinks:focus {
  cursor:pointer;
}

.formNavLinks:hover, .formNavLinks:focus {
  color:black;
}

/* others */

.pageTitle {
  font-family: "Roboto Bold";
  color:var(--adoDark, red);
  font-size:24px;
  margin-bottom:4px;
}

.pageToolsHeader {
  font-family: "Roboto Bold";
  color:var(--adoDark, red);
  margin-top:7px;
  margin-bottom:10px;
  padding-top:5px;
  border-top:1px solid var(--adoDark, red);
}

.upperNote {
  vertical-align:10px; 
  font-size:80%;
}

.editFieldInput {
  vertical-align:top; 
  font-size:70%;
}

.editFieldSelect {
  font-size:120%;
}

/* editorcontent */

h1 {
  margin-top:26px;
  margin-bottom:5px;
}

h2 {
  color:var(--adoDark, red);
  font-size:24px;
  font-weight:bold;
  margin-top:14px;
  margin-bottom:3px;
}

h3 {
  color:black;
  font-weight:bold;
  margin-top:12px;
  margin-bottom:3px;
}

ul, ol {
  padding-left:10px;
  margin:10px;
}

li {
  display: list-item;
  margin-bottom:3px;
  margin-top:1px;
}

p {
  margin-bottom:5px;
}

/* css for for tagline */

.tagClass {
  color:var(--adoDark, red);
  text-decoration:none;
  cursor:pointer;
}

.cloudClass {
  text-align:center;
  margin-top:20px; 
}

.f06 { font-size: 06px; line-height: 06px; }
.f07 { font-size: 07px; line-height: 07px; }
.f08 { font-size: 08px; line-height: 08px; }
.f09 { font-size: 09px; line-height: 09px; }
.f10 { font-size: 10px; line-height: 10px; }
.f11 { font-size: 11px; line-height: 11px; }
.f12 { font-size: 12px; line-height: 12px; }
.f13 { font-size: 13px; line-height: 13px; }
.f14 { font-size: 14px; line-height: 14px; }
.f15 { font-size: 15px; line-height: 15px; }
.f16 { font-size: 16px; line-height: 16px; }
.f17 { font-size: 17px; line-height: 17px; }
.f18 { font-size: 18px; line-height: 18px; }
.f19 { font-size: 19px; line-height: 19px; }
.f20 { font-size: 20px; line-height: 20px; }
.f21 { font-size: 21px; line-height: 21px; }
.f22 { font-size: 22px; line-height: 22px; }
.f23 { font-size: 23px; line-height: 23px; }
.f24 { font-size: 24px; line-height: 24px; }
.f25 { font-size: 25px; line-height: 25px; }
.f26 { font-size: 26px; line-height: 26px; }
.f27 { font-size: 27px; line-height: 27px; }
.f28 { font-size: 28px; line-height: 28px; }
.f29 { font-size: 29px; line-height: 29px; }
.f30 { font-size: 30px; line-height: 30px; }
.f31 { font-size: 31px; line-height: 31px; }
.f32 { font-size: 32px; line-height: 32px; }
.f33 { font-size: 33px; line-height: 33px; }
.f34 { font-size: 34px; line-height: 34px; }
.f35 { font-size: 35px; line-height: 35px; }
.f36 { font-size: 36px; line-height: 36px; }
.f37 { font-size: 37px; line-height: 37px; }
.f38 { font-size: 38px; line-height: 38px; }
.f39 { font-size: 39px; line-height: 39px; }
.f40 { font-size: 40px; line-height: 40px; }
.f41 { font-size: 41px; line-height: 41px; }
.f42 { font-size: 42px; line-height: 42px; }
.f43 { font-size: 43px; line-height: 43px; }
.f44 { font-size: 44px; line-height: 44px; }
.f45 { font-size: 45px; line-height: 45px; }
.f46 { font-size: 46px; line-height: 46px; }
.f47 { font-size: 47px; line-height: 47px; }
.f48 { font-size: 48px; line-height: 48px; }
.f49 { font-size: 49px; line-height: 49px; }
.f50 { font-size: 50px; line-height: 50px; }
.f51 { font-size: 51px; line-height: 51px; }
.f52 { font-size: 52px; line-height: 52px; }
.f53 { font-size: 53px; line-height: 53px; }
.f54 { font-size: 54px; line-height: 54px; }
.f55 { font-size: 55px; line-height: 55px; }
.f56 { font-size: 56px; line-height: 56px; }
.f57 { font-size: 57px; line-height: 57px; }
.f58 { font-size: 58px; line-height: 58px; }
.f59 { font-size: 59px; line-height: 59px; }
.f60 { font-size: 60px; line-height: 60px; }
.f61 { font-size: 61px; line-height: 61px; }
.f62 { font-size: 62px; line-height: 62px; }
.f63 { font-size: 63px; line-height: 63px; }
.f64 { font-size: 64px; line-height: 64px; }

/* pages */

.footer, .tagfoot {
  border-top:1px solid var(--adoDark, red);
  padding:2px;
  font-size:13px;
  min-height:5px;
  margin-top:5px;
}


.innerInfo {
  color:var(--adoDark, red);
  padding:2px;
  font-size:13px;
}

/* calendar */ 

.datePickerForm {
  margin: 0px;
}

.monthChoose, .monthChoose, .monthChoose:hover, .monthChoose:focus {
  text-decoration:none;
  color:#000000;
  cursor:pointer;
}

.monthPicker, .yearPicker {
  font-size:11px;
  color:black;
  width:55px;
}

.weekDay {
  border-bottom: 1px solid var(--adoDark, red);
  margin-bottom: 2px;
  font-size:13px;
}

.monthday {
  text-align:center;
}

a.dayLink, a.dayLink:hover, a.dayLinkToday, a.dayLinkSelected {
  font-size:13px;
  text-decoration:none;
  color:black;
}

a.dayLink:hover, a.dayLinkSelected {
  color:var(--adoDark, red);
}

a.dayLinkToday {
  color:var(--structureGreyBright, darkgrey);
  background-color:var(--adoDark, red);
}

.uploadzone {
  position:relative;
  margin: 1em 0;
  border: 1px dashed var(--adoDark, red);
  cursor: default;
  height:70px;
  z-Index:5000;
}

.uploadzonehover {
  background-color:var(--adoDark, red);
}

.uploadtext {
  position:absolute;
  padding: 1em 0;
  text-align: center;
  width:100%;
}

.uploadprogress {
  position:absolute;
  background-color:var(--adoDark, red);
  height:100%;
}

.uploadfilename {
  text-align: center;
}

.comment {
  padding-top:5px;
  padding-bottom:5px;
  margin-bottom:3px;
  border-top:1px solid var(--structureGrey, darkgrey);
}

.buttonRowTopLine {
  padding-top:5px;
  padding-bottom:5px;
  border-top:1px solid var(--structureGrey, darkgrey);
}

.fastImportArea {
  height:170px; 
  width:450px; 
}

.commentHead {
  width:100%;
  margin-bottom:10px;
}

.dateInList, .dateOnPage, .dateInComment {
  color:#707070; 
  text-align:right;
  overflow-x:hidden;
}

.dateInList {
  margin-left:5px; 
  font-size:13px; 
  padding-left:5px;
  padding-right:5px;
}

.loginAbstract {
  padding:10px;
  flex:0 1 450px;
}

.loginForm {
  padding:10px;
  flex:0 1 450px;
}

.loginFrame {
  display:flex;
  justify-content:space-around;
  align-items:center;
  flex-wrap: wrap;
  width:100%;
  height:450px;
}

.listItem {
  border:1px solid var(--adoDark, red);
  margin-top:10px;
  padding:6px;
}

.listItemLineLayout {
  border-bottom:1px solid var(--adoDark, red);
  padding:12px;
}

.listItemTopLineLayout {
  border-top:1px solid var(--adoDark, red);
  padding:12px;
}

.listItemMore {
  text-align:right;
}

.addPoint {
  padding-bottom:6px;
  border-bottom:1px solid var(--structureGrey, red);
  margin:6px;
  font-size:13px;
}

.addPointLast {
  margin:6px;
  font-size:13px;
}

.annotationHighlight {
  margin-left:20px; 
  margin-bottom:10px; 
  font-size:0.95em;
  font-style:italic;
}

.annotationFreetext {
  margin-bottom:10px; 
}

.annotationLine {
  width:100%; 
  border-bottom:1px solid var(--adoDark, red); 
}

input::placeholder { 
  color: black;
  font-size:13px;
  font-weight:normal;
  opacity:0.5;
}

.showPassIcon {
  position: relative;
  background-color: transparent;
  color: var(--structureGrey, grey);
  border-bottom: 1px solid var(--structureGrey, grey);
  font-size:15px;
}            

.clearIcon {
  position: relative;
  background-color: transparent;
  color: var(--structureGrey, grey);
  right:18px;
  font-size:11px;
  padding:4px;
}            

.stampEl {
  font-size:13px;
}

.authorYearMark {
  margin-top:20px;
  font-style:italic; 
}

// choose Language

div.chooseLanguage {
  position:absolute;
  left:0px;
  top:5px;
  width:98%;
  text-align:right;
  font-size:11px;
  line-height:13px;
}

.langChoose, .currLangChoose {
  color:var(--adoDark, red);
  background-color:transparent;
  border:0px;
  font-size:11px;
  cursor:pointer;
}

.currLangChoose {
  font-weight:bolder;
  font-size:13px;
}

// breadCrump

.breadCrumpNav {
  border-bottom:1px solid var(--adoDark, red);
  padding-bottom:1px;
  margin-bottom:3px;
}

.breadCrumpSpan, .breadCrumpElement, .breadCrumpNav {
  margin-bottom:10px;
  font-size:11px;
}

a.breadCrumpElement, a.breadCrumpElement:link, a.breadCrumpElement:hover, a.breadCrumpElement:active, a.breadCrumpElement:visited {
  font-size:11px;
  text-decoration:none;
  color:black;
}

a.breadCrumpElement:hover {
  text-decoration:underline;
}

// treemenu

a.treeMenuMain, a.treeMenuMain:hover, a.treeMenuMain:visited, a.treeMenuMain:link, a.treeMenuMain:active {
  width:190px;
  text-decoration:none;
  border-bottom:1px solid var(--adoDark, red);
  font-size:13px;
  line-height:1.4;
}

a.treeMenuMainActive, a.treeMenuMainActive:hover, a.treeMenuMainActive:visited,
a.treeMenuMainActive:link, a.treeMenuMainActive:active {
  width:170px;
  text-decoration:none;
  border-bottom:2px solid var(--adoDark, red);
  font-size:13px;
  line-height:1.4;
  font-weight:bold;
}

a.treeMenuSub, a.treeMenuSub:hover, a.treeMenuSub:visited,
a.treeMenuSub:link, a.treeMenuSub:active {
  text-decoration:none;
  font-size:11px;
  line-height:1.4;
}

.treeMenuSubBlock {
  margin-top:5px;
  margin-bottom:5px;
  padding-left:10px;
}

#showCountDiv {
  height:70px;
  margin-top:10px;
  margin-bottom:10px;
}

.invisible {
  visibility:hidden;
}

.padding10 {
  padding:10px; 
}

.marginTop {
  margin-top:10px; 
}

.marginTop20 {
  margin-top:20px; 
}

.marginTop30 {
  margin-top:30px; 
}

.marginTop50 {
  margin-top:50px; 
}

.marginBottom {
  margin-bottom:10px; 
}

.marginBottom30 {
  margin-bottom:30px; 
}

.marginRight {
  margin-right:10px; 
}

.marginLeft {
  margin-left:10px; 
}

.thinMarginRight {
  margin-right:5px; 
}

.noBottomMargin {
  margin-bottom:0px;
}

.flexRow {
  display:flex;
  align-items:center;
}

.flexItem {
  flex:1 0 0;
}

.flexCenter {
  display:flex; 
  justify-content:center;
}

.flexLeft {
  display:flex; 
  justify-content:flex-start; 
}

.flexRight {
  display:flex; 
  justify-content:flex-end; 
}

.flexAlignMiddle {
  align-items: center;     
}

.flexSpaceBetween {
  display:flex; 
  justify-content:space-between; 
}

.warnMessage {
  margin-top:10px;
  color:#FF0000;
}

.regInfo {
  position:absolute;
  top:100px;
  left:200px;
  width:170px;
}

.listCell {
  padding:1px;
  cursor:pointer;
  color:#000000;
  vertical-align:top;
}

.listCheck {
  position:relative; 
  color:#000000;
  border:0px;
}

#svgSpinner {
  width:30px;
  height:30px;
}

#svgSpinnerPath {
  fill:var(--adoDark, red);
}

.problemArised {
  border-bottom:1px solid var(--adoDark, red);
  margin-bottom:10px;
}

.ocrFrame {
  border:1px solid var(--adoDark, red);
  width:750px;
}

pre {
  color:darkblue; 
  font-family:Courier,monospace; 
  font-size:0.8em;
  padding: 10px;
}

.pageTagCloud {
  margin-top:20px;
  width:100%;
}

.horizMenuFrame {
}

.horizMenuBulletBase {
  font-size:9px; 
  padding-right:5px;
  padding-left:5px;
  margin-top:5px;
}

.horizMenuBullet {
  font-size:9px; 
  margin-top:-15px;
  padding-right:5px;
  padding-left:5px;
}

.horizMenuItem {
  font-size:16px; 
}

.legendDiv {
  margin-bottom:-25px; 
  background-color:white; 
  padding:5px;
  margin-right:50px;
}

@media only screen and (min-width: 700px) {
  /* For bigger than phones: */
  .mainPage {
    padding-right:7px;
    padding-left:7px;
  }

  .loginAbstract {
    padding:30px;
  }

  .loginForm {
    padding:30px;
  }
}

.displayNone {
  display:none;
}