div.colors1, div.colors2, div.colors3 { display: flex; margin: 20px 0; }

div.colors1 div, div.colors2 div, div.colors3 div { width: 80px; height: 80px; border: 10px solid white; }

div.colors1 div.c1, div.colors2 div.c1, div.colors3 div.c1 { background: #4c6160; }

div.colors1 div.c2, div.colors2 div.c2, div.colors3 div.c2 { background: #98aead; }

div.colors1 div.c3, div.colors2 div.c3, div.colors3 div.c3 { background: #b4c5c4; }

div.colors1 div.c4, div.colors2 div.c4, div.colors3 div.c4 { background: #d1dbdb; }

div.colors1 div.c5, div.colors2 div.c5, div.colors3 div.c5 { background: #eef1f1; }

div.colors2 div.c2 { background-color: #75bdb9; }

div.colors2 div.c3 { background-color: #b3e6e3; }

div.colors2 div.c4 { background-color: #d6f5f3; }

div.colors2 div.c5 { background-color: #e6f4f4; }

div.colors3 div.c1 { background-color: #525f63; }

div.colors3 div.c2 { background-color: #8a999e; }

div.colors3 div.c3 { background-color: #abc7cf; }

div.colors3 div.c4 { background-color: #d5e3e7; }

div.colors3 div.c5 { background-color: #e7f3f6; }

div.webetui-modal { position: fixed; z-index: 15; width: 100%; height: 100%; top: 0; left: 0; background: rgba(76, 97, 96, 0.75); }

div.webetui-dialog { font: small "Trebuchet MS"; position: absolute; width: 400px; padding: 10px 20px 20px 20px; background: #b4c5c4; left: calc(50% - 150px); top: 200px; border-radius: 6px; }

div.webetui-dialog h1 { margin: 0 0 1em; font-size: 135%; color: black; }

div.webetui-dialog a.dialog-close { position: absolute; right: 10px; top: 10px; color: black; }

div.webetui-dialog a.dialog-close:hover { color: white; }

div.webetui-dialog label { display: block; margin: 0 0 4px; }

div.webetui-dialog label:after { content: ':'; }

div.webetui-dialog p.message { font-size: 115%; margin: 0 0 2em; }

div.webetui-dialog p.error { color: #ee0000; }

div.webetui-dialog input[type=text], div.webetui-dialog input[type=password], div.webetui-dialog textarea, div.webetui-dialog div.static, div.webetui-dialog select { display: block; font: 13px "Trebuchet MS"; padding: 3px; border: 1px solid #888; width: calc(100% - 8px); margin: 0 0 10px; }

div.webetui-dialog a.eye { position: absolute; margin: 4px 0 0 0; right: 25px; }

div.webetui-dialog a.eye svg.fa-eye { display: none; }

div.webetui-dialog a.eye.selected svg.fa-eye { display: block; }

div.webetui-dialog a.eye.selected svg.fa-eye-slash { display: none; }

div.webetui-dialog select { width: 180px; }

div.webetui-dialog fieldset[name=newlabel] { border: 0; padding: 0; display: none; }

div.webetui-dialog fieldset.selected[name=newlabel] { display: block; }

div.webetui-dialog fieldset[name=newlabel] input[type=text] { width: 180px; }

div.webetui-dialog a.more { display: block; position: relative; right: 5px; top: 18px; width: 12px; height: 12px; left: 384px; transition: transform 0.3s ease 0s; }

div.webetui-dialog a.more:before { content: ' '; display: block; position: relative; width: 2px; height: 12px; top: 0px; left: 5px; background: black; }

div.webetui-dialog a.more:after { content: ' '; display: block; position: relative; width: 12px; height: 2px; top: -7px; left: 0px; background: black; }

div.webetui-dialog a.more:hover:before, div.webetui-dialog a.more:hover:after { background: #4c6160; }

div.webetui-dialog a.more.selected { transform: rotate(45deg); }

div.webetui-dialog input[type=submit], div.webetui-dialog button { display: inline-block; text-decoration: none; text-align: center; background: #ff6300; color: white; border-radius: 8px; width: 70px; padding: 6px 12px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); cursor: pointer; border: 0; margin-right: 10px; }

div.webetui-dialog input[type=submit]:hover, div.webetui-dialog button:hover { background: black; }

div.webetui-dialog div.date-attrs { margin: -10px 0 20px 0; }

div.webetui-dialog div.date-attrs div { display: grid; grid-template-columns: 70px 110px 1fr; grid-gap: 20px; }

div.webetui-dialog div.icons { display: flex; position: absolute; right: 20px; bottom: 20px; }

div.webetui-dialog div.icons a { display: block; text-align: center; padding: 6px 12px; margin: 0 0 0 8px; color: black; background: #eef1f1; text-decoration: none; font: 13px "Roboto"; text-transform: uppercase; line-height: 1em; }

div.webetui-dialog div.icons a.selected { color: white; background: #4c6160; }

div.webetui-toolbar { display: flex; margin: 10px; min-height: 33px; }

div.webetui-toolbar section { display: flex; padding: 1px 0 0 0px; border-right: 1px solid #b4c5c4; }

div.webetui-toolbar section:last-child { border: 0; padding-right: 0; }

div.webetui-toolbar section.filter a { display: inline-block; position: relative; padding: 8px 10px 8px 20px; margin: 0 0px 0 10px; color: black; font: 13px "Roboto"; font-weight: 400; text-transform: uppercase; text-decoration: none; padding-right: 0; }

div.webetui-toolbar section.filter a svg { display: block; position: absolute; font-size: 16px; left: 0px; top: 7px; color: #ff6300; }

div.webetui-toolbar section.filter a svg { transition: transform 0.3s ease 0s; }

div.webetui-toolbar section.filter a.selected svg { transform: rotate(180deg); }

div.webetui-toolbar section.filter a.label { font-weight: 500; color: #4c6160; margin: 0; padding: 8px 0 8px 4px; text-transform: none; }

div.webetui-toolbar section.filter a.label span.close { display: inline-block; position: absolute; right: -5px; top: -5px; width: 17px; height: 17px; border-radius: 8px; background: #ff6300; border: 0; position: absolute; transition: transform 0.3s ease 0s; display: none; top: -2px; right: -8px; }

div.webetui-toolbar section.filter a.label span.close:before { content: ' '; display: block; width: 2px; height: 10px; left: 7.7px; top: 3.5px; background: #d1dbdb; position: absolute; transform: rotate(45deg); }

div.webetui-toolbar section.filter a.label span.close:after { content: ' '; display: block; width: 2px; height: 10px; left: 7.5px; top: 3.5px; background: #d1dbdb; position: absolute; transform: rotate(-45deg); transition: all 0.3s ease 0s; }

div.webetui-toolbar section.filter a.label span.close:hover { transform: rotate(45deg); }

div.webetui-toolbar section.filter a.label span.close:hover:after { height: 2px; top: 7.5px; }

div.webetui-toolbar section.filter a.label:hover { color: #4c6160; }

div.webetui-toolbar section.filter a.label:hover span.close { display: block; }

div.webetui-toolbar section.filter div.webetui-status-filter { margin-right: 10px; }

div.webetui-toolbar section.labels { display: block; line-height: 0.4em; position: relative; padding: 5px 8px 1px 88px; }

div.webetui-toolbar section.buttons a, div.webetui-toolbar a.button { display: inline-block; position: relative; padding: 8px 10px 8px 20px; margin: 0 0px 0 10px; color: black; font: 13px "Roboto"; font-weight: 400; text-transform: uppercase; text-decoration: none; }

div.webetui-toolbar section.buttons a svg, div.webetui-toolbar a.button svg { display: block; position: absolute; font-size: 16px; left: 0px; top: 7px; color: #ff6300; }

div.webetui-toolbar section.buttons a.rename_url, div.webetui-toolbar section.buttons a.title, div.webetui-toolbar section.buttons a.description, div.webetui-toolbar section.buttons a.hyperlink, div.webetui-toolbar a.button.rename_url, div.webetui-toolbar a.button.title, div.webetui-toolbar a.button.description, div.webetui-toolbar a.button.hyperlink { text-transform: none; }

div.webetui-toolbar section.buttons a.description span.title, div.webetui-toolbar a.button.description span.title { display: inline-block; white-space: nowrap; overflow: hidden; max-width: 58px; text-overflow: ellipsis; }

div.webetui-toolbar section.buttons a.description span.description, div.webetui-toolbar a.button.description span.description { display: none; }

div.webetui-toolbar section.labels a.addlabel { position: absolute; left: 4px; top: 0px; }

div.webetui-toolbar section.submenu { border: 0; padding: 0; }

div.webetui-toolbar section.aspectratio span.ratio { display: inline-block; color: black; font-size: 13px; margin: -20px 4px 4px 4px; padding: 4px 3px 3px 3px; font-weight: 400; text-align: center; border-radius: 5px; line-height: 1.3em; }

div.webetui-toolbar section.aspectratio span.ratio.selected { color: white; background: #4c6160; }

div.webetui-toolbar section.formview { margin-left: 100px; border-right: 0; }

div.webetui-toolbar section.search { margin-left: auto; }

div.webetui-toolbar section.search form.webetui-search { position: relative; width: 332px; /*width:32px;*/ padding: 0; transition: width 0.6s ease 0s; /* &.selected {  width:232px; input[type=text] { padding:2px 6px;  } button { background:$color3 } } */ }

div.webetui-toolbar section.search form.webetui-search input[type=text] { display: block; font: 16px Roboto; border: 0; width: calc(100% - 18px); height: 28px; padding: 2px 6px 2px 12px; /*padding:2px 0;*/ background: #b4c5c4; }

div.webetui-toolbar section.search form.webetui-search input[type=text]:focus { background: white; }

div.webetui-toolbar section.search form.webetui-search input[type=submit] { border: 0; padding: 0; position: absolute; }

div.webetui-toolbar section.search form.webetui-search span.close { display: inline-block; position: absolute; right: -5px; top: -5px; width: 17px; height: 17px; border-radius: 8px; background: #ff6300; border: 0; position: absolute; transition: transform 0.3s ease 0s; top: 8px; left: -9px; cursor: pointer; }

div.webetui-toolbar section.search form.webetui-search span.close:before { content: ' '; display: block; width: 2px; height: 10px; left: 7.7px; top: 3.5px; background: #d1dbdb; position: absolute; transform: rotate(45deg); }

div.webetui-toolbar section.search form.webetui-search span.close:after { content: ' '; display: block; width: 2px; height: 10px; left: 7.5px; top: 3.5px; background: #d1dbdb; position: absolute; transform: rotate(-45deg); transition: all 0.3s ease 0s; }

div.webetui-toolbar section.search form.webetui-search span.close:hover { transform: rotate(45deg); }

div.webetui-toolbar section.search form.webetui-search span.close:hover:after { height: 2px; top: 7.5px; }

div.webetui-toolbar section.search form.webetui-search svg.fa-search { display: block; position: absolute; right: 5px; top: 7px; }

div.webetui-toolbar section.save { margin-left: auto; position: relative; }

div.webetui-toolbar section.save h5 { display: inline-block; position: relative; padding: 8px 10px 8px 20px; margin: 0 0px 0 10px; color: black; font: 13px "Roboto"; font-weight: 400; text-transform: uppercase; text-decoration: none; display: none; }

div.webetui-toolbar section.save h5 svg { display: block; position: absolute; font-size: 16px; left: 0px; top: 7px; color: #ff6300; }

div.webetui-toolbar section.save h5.modified { color: #98aead; }

div.webetui-toolbar section.save h5.saving { color: #ff6300; }

div.webetui-toolbar section.save h5.saved { color: #489b15; }

div.webetui-toolbar section.save h5.error { color: #ee0000; }

div.webetui-toolbar section.save.modified h5.modified, div.webetui-toolbar section.save.saving h5.saving, div.webetui-toolbar section.save.saved h5.saved, div.webetui-toolbar section.save.error h5.error, div.webetui-toolbar section.save.error p.error { display: block; }

div.webetui-toolbar section.save p.error { display: none; z-index: 30; position: absolute; right: 0; top: 15px; padding: 10px; border: 1px solid #ee0000; background: white; color: #ee0000; font-size: 13px; line-height: 1.4em; width: 300px; }

div.webetui-toolbar section.back { padding-right: 0; }

div.webetui-toolbar section.labels div.label { display: inline-block; padding: 8px 0 8px 0; position: relative; font-weight: 500; font-size: 13px; color: #4c6160; cursor: pointer; }

div.webetui-toolbar section.labels div.label a.del { display: inline-block; position: absolute; right: -5px; top: -5px; width: 17px; height: 17px; border-radius: 8px; background: #ff6300; border: 0; position: absolute; transition: transform 0.3s ease 0s; display: none; right: -12px; }

div.webetui-toolbar section.labels div.label a.del:before { content: ' '; display: block; width: 2px; height: 10px; left: 7.7px; top: 3.5px; background: #d1dbdb; position: absolute; transform: rotate(45deg); }

div.webetui-toolbar section.labels div.label a.del:after { content: ' '; display: block; width: 2px; height: 10px; left: 7.5px; top: 3.5px; background: #d1dbdb; position: absolute; transform: rotate(-45deg); transition: all 0.3s ease 0s; }

div.webetui-toolbar section.labels div.label a.del:hover { transform: rotate(45deg); }

div.webetui-toolbar section.labels div.label a.del:hover:after { height: 2px; top: 7.5px; }

div.webetui-toolbar section.labels div.label:hover a.del { display: block; }

div.webetui-toolbar section.labels strong { display: inline-block; padding: 6px 4px 8px 1px; color: #4c6160; font-weight: 400; }

div.webetui-toolbar section.date div.date-attrs { display: none; }

div.webetui-toolbar section.date a.button { max-width: 120px; overflow: hidden; text-overflow: ellipsis; }

div.webetui-toolbar div.webetui-choices a { font-size: 16px; min-width: 18px; }

div.webetui-filter { max-height: 0; overflow: hidden; transition: max-height 0.3s ease 0s; display: flex; gap: 40px; }

div.webetui-filter div.col { font-size: 13px; padding: 0px 0px 20px 20px; flex: 0 0 auto; }

div.webetui-filter div.col h4 { margin: 0 0 10px; padding: 0 0 10px; font-weight: normal; border-bottom: 1px solid #eef1f1; text-transform: uppercase; }

div.webetui-filter div.col h4 a { margin: 0; }

div.webetui-filter div.col h4 a svg { display: none; margin: 0 0 0 4px; }

div.webetui-filter div.col a { display: block; color: black; font-weight: 500; margin: 0 0 10px; text-decoration: none; }

div.webetui-filter div.col a:hover { color: white; }

div.webetui-filter div.col a svg { display: none; position: absolute; margin: 2px 0 0 -13px; }

div.webetui-filter div.col a svg.fa-sort-up, div.webetui-filter div.col a svg.fa-sort-down { right: 0; top: 0; }

div.webetui-filter div.col a.selected { color: black; }

div.webetui-filter.selected { max-height: 800px; }

div.webetui-filter.selected div.col a.selected svg { display: block; }

div.webetui-filter.selected div.col a svg.fa-plus-circle { display: block; margin-left: -15px; }

div.webetui-filter.selected div.col.order a { position: relative; padding-right: 12px; }

div.webetui-filter.selected div.col.order a svg.fa-sort-up, div.webetui-filter.selected div.col.order a svg.fa-sort-down { display: none; }

div.webetui-filter.selected div.col.order a.selected.up svg.fa-sort-up, div.webetui-filter.selected div.col.order a.selected.down svg.fa-sort-down { display: block; }

body.editor_article div.webetui-toolbar section.save { left: -250px; top: 47px; z-index: 100; }

div.webetui-choices { display: flex; }

div.webetui-choices.type, div.webetui-choices.editorview, div.webetui-choices.orientation { margin-left: auto; }

div.webetui-choices.view { margin-left: 16px; }

div.webetui-choices a { display: block; text-align: center; padding: 7px; color: black; background: #eef1f1; text-decoration: none; border-radius: 5px; margin-right: 4px; font-size: 16px; line-height: 1em; }

div.webetui-choices a.selected { color: white; background: #4c6160; }

div.webetui-choices a:last-child { border-right: none; }

div.webetui-stylebar { display: flex; padding: 5px 15px 5px 3px; border-bottom: 1px solid #eef1f1; }

div.webetui-stylebar section { padding: 0 12px 0 12px; border-right: 1px solid #eef1f1; }

div.webetui-stylebar section:last-child { border: 0; margin-left: auto; }

div.webetui-stylebar section span { position: relative; display: inline-block; cursor: pointer; width: 30px; /*overflow:hidden; position:relative*/ }

div.webetui-stylebar section svg { color: #444; padding: 6px 7px; display: inline-block; font-size: 16px; border-radius: 5px; }

div.webetui-stylebar section svg.selected { color: #4c6160; background: #eef1f1; }

div.webetui-stylebar section svg.fa-link { font-size: 15px; }

div.webetui-stylebar section em { position: absolute; display: inline-block; font-size: 7px; text-transform: uppercase; font-weight: 500; font-style: normal; }

div.webetui-stylebar section em.link { right: 2px; bottom: 2px; }

div.webetui-stylebar section em.rect { left: 9px; bottom: 11px; color: white; }

div.webetui-stylebar section span.inactive svg, div.webetui-stylebar section span.inactive em.link { color: #bbb; }

div.webetui-stylebar section span.selected svg { color: white; background: #4c6160; }

div.webetui-stylebar section span.selected em { color: white; }

div.webetui-stylebar section span.inactive.orange svg { color: #ff6300; }

div.webetui-stylebar a.fa-icon { color: #444; padding: 6px 7px; display: inline-block; font-size: 16px; border-radius: 5px; }

div.webetui-stylebar a.fa-icon.selected { color: #4c6160; background: #eef1f1; }

div.webetui-stylebar div.webetui-choices a { color: #888; background: white; padding: 7px; font-size: 16px; border-radius: 5px; }

div.webetui-stylebar div.webetui-choices a.selected { color: #4c6160; background: #eef1f1; }

div.webetui-editor-margin.markdown section { display: none; }

div.webetui-editor-margin.markdown section:last-child { display: block; }

div.webetui-list-overflow { max-width: calc(100vw - 16px); max-width: 100vw; overflow: auto; }

div.webetui-items div.label { color: #4c6160; display: inline; font-size: 13px; }

div.webetui-items div.label:after { content: ', '; }

div.webetui-items div.label b { font-weight: 500; }

div.webetui-items div.label em, div.webetui-items div.label i { display: none; }

div.webetui-items div.label:last-child:after { display: none; }

div.webetui-items span.hidden-count { display: none; }

div.webetui-items.blocks div.item { cursor: pointer; background: white; /*box-shadow:0 0 4px rgba(0,0,0,0.3);*/ color: #444; height: 100%; width: 100%; height: 245px; color: #888; position: relative; overflow: hidden; font-size: 11px; }

div.webetui-items.blocks div.item.selected { border: 3px solid #4c6160; height: 242px; margin: 0px -3px 0px -3px; }

div.webetui-items.blocks div.item.selected div.bg { opacity: 1; }

div.webetui-items.blocks div.item div { position: relative; }

div.webetui-items.blocks div.item div.photo { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

div.webetui-items.blocks div.item div.bg { height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; color: #ddd; background-color: #bbb; background-color: #888; }

div.webetui-items.blocks div.item div.bg.png { background-size: contain; }

div.webetui-items.blocks div.item div.bg span { display: none; }

div.webetui-items.blocks div.item div.title { color: white; font-size: 14px; padding: 4px; font-weight: 500; background: rgba(0, 0, 0, 0.3); z-index: 10; }

div.webetui-items.blocks div.item div.url { color: white; padding: 4px; position: absolute; top: 60px; opacity: 0.8; }

div.webetui-items.blocks div.item div.copy-url { color: black; background: #b4c5c4; position: absolute; right: 20px; top: 60px; padding: 2px 5px; border-radius: 4px; opacity: 0; transition: opacity 0.3s; transition-delay: 0.5s; }

div.webetui-items.blocks div.item div.copy-url.selected { opacity: 0.8; }

div.webetui-items.blocks div.item div.text { color: white; background: rgba(0, 0, 0, 0.3); padding: 0 4px 4px 4px; }

div.webetui-items.blocks div.item div.labels { padding: 6px; position: absolute; top: 122px; left: 0; max-height: 74px; overflow: auto; }

div.webetui-items.blocks div.item div.labels div.label { background: rgba(255, 255, 255, 0.8); padding: 2px; margin: 0 2px 2px 0; }

div.webetui-items.blocks div.item div.media, div.webetui-items.blocks div.item div.weight, div.webetui-items.blocks div.item div.fields { position: absolute; left: 8px; bottom: 20px; }

div.webetui-items.blocks div.item div.media svg, div.webetui-items.blocks div.item div.weight svg, div.webetui-items.blocks div.item div.fields svg { margin: 0 4px 0 2px; font-size: 12px; }

div.webetui-items.blocks div.item div.fields:after { content: ' fields'; }

div.webetui-items.blocks div.item div.words, div.webetui-items.blocks div.item div.size, div.webetui-items.blocks div.item div.pages, div.webetui-items.blocks div.item div.reactions, div.webetui-items.blocks div.item div.lines { position: absolute; left: 8px; bottom: 4px; }

div.webetui-items.blocks div.item div.words.words:after, div.webetui-items.blocks div.item div.size.words:after, div.webetui-items.blocks div.item div.pages.words:after, div.webetui-items.blocks div.item div.reactions.words:after, div.webetui-items.blocks div.item div.lines.words:after { content: ' words'; }

div.webetui-items.blocks div.item div.words.pages:after, div.webetui-items.blocks div.item div.size.pages:after, div.webetui-items.blocks div.item div.pages.pages:after, div.webetui-items.blocks div.item div.reactions.pages:after, div.webetui-items.blocks div.item div.lines.pages:after { content: ' pages'; }

div.webetui-items.blocks div.item div.words.lines:after, div.webetui-items.blocks div.item div.size.lines:after, div.webetui-items.blocks div.item div.pages.lines:after, div.webetui-items.blocks div.item div.reactions.lines:after, div.webetui-items.blocks div.item div.lines.lines:after { content: ' lines'; }

div.webetui-items.blocks div.item div.words.reactions:after, div.webetui-items.blocks div.item div.size.reactions:after, div.webetui-items.blocks div.item div.pages.reactions:after, div.webetui-items.blocks div.item div.reactions.reactions:after, div.webetui-items.blocks div.item div.lines.reactions:after { content: ' reactions'; }

div.webetui-items.blocks div.item div.editor { position: absolute; right: 8px; bottom: 20px; }

div.webetui-items.blocks div.item div.modified { position: absolute; right: 8px; bottom: 4px; }

div.webetui-items.blocks div.item.set div.thumbs { display: grid; grid-gap: 4px; grid-template-columns: 1fr 1fr 1fr; padding: 4px; max-width: 100%; }

div.webetui-items.blocks div.item.set div.thumbs div.bg { background: #ddd; opacity: 1; height: 56px; background-size: contain; background-repeat: no-repeat; background-position: center center; overflow: hidden; }

div.webetui-items.blocks div.item.set div.thumbs div.bg.arttitle { display: block; padding: 2px; color: #444; font-size: 7px; }

div.webetui-items.blocks div.item.set div.thumbs div.bg.arttitle span { display: block; }

div.webetui-items.blocks div.item.set div.thumbs h1 { display: none; }

div.webetui-items.blocks div.item.set div.labels { position: absolute; left: 0; top: 0; }

div.webetui-items.blocks div.item.set div.views { display: none; }

div.webetui-items.blocks div.item.set > div.photo { display: none; }

div.webetui-items.blocks div.item.article div.photo { height: 122px; background: black; }

div.webetui-items.blocks div.item.article div.title { background: none; }

div.webetui-items.blocks div.item.article div.text { display: none; }

div.webetui-items.blocks div.item.photo div.photo { height: 100%; }

div.webetui-items.blocks div.item.photo div.bg { opacity: 1; }

div.webetui-items.blocks div.item.photo div.size, div.webetui-items.blocks div.item.photo div.weight, div.webetui-items.blocks div.item.photo div.editor, div.webetui-items.blocks div.item.photo div.modified, div.webetui-items.blocks div.item.photo div.labels { display: none; }

div.webetui-items.blocks div.item.photo div.media { color: white; left: auto; right: 5px; top: 6px; }

div.webetui-items.blocks div.item.photo div.text { display: none; }

div.webetui-items.blocks div.item.photo a.media { color: white; }

div.webetui-items.blocks div.item.photo div.labels { display: block; }

div.webetui-items.blocks div.item.photo.selected div.size, div.webetui-items.blocks div.item.photo.selected div.weight, div.webetui-items.blocks div.item.photo.selected div.editor, div.webetui-items.blocks div.item.photo.selected div.modified, div.webetui-items.blocks div.item.photo.selected div.text { display: block; color: white; background: rgba(0, 0, 0, 0.3); }

div.webetui-items.blocks div.item.document div.photo { height: 100%; }

div.webetui-items.blocks div.item.document div.bg { background-size: 140px 190px; background-position: center 30px; }

div.webetui-items.blocks div.item.document div.weight, div.webetui-items.blocks div.item.document div.pages, div.webetui-items.blocks div.item.document div.text, div.webetui-items.blocks div.item.document div.editor, div.webetui-items.blocks div.item.document div.modified { display: none; }

div.webetui-items.blocks div.item.document.selected div.url, div.webetui-items.blocks div.item.document.selected div.text, div.webetui-items.blocks div.item.document.selected div.weight, div.webetui-items.blocks div.item.document.selected div.pages, div.webetui-items.blocks div.item.document.selected div.editor, div.webetui-items.blocks div.item.document.selected div.modified { display: block; color: white; background: rgba(0, 0, 0, 0.3); }

div.webetui-items.blocks div.item.document.selected div.url.url, div.webetui-items.blocks div.item.document.selected div.text.url, div.webetui-items.blocks div.item.document.selected div.weight.url, div.webetui-items.blocks div.item.document.selected div.pages.url, div.webetui-items.blocks div.item.document.selected div.editor.url, div.webetui-items.blocks div.item.document.selected div.modified.url { color: black; background: rgba(255, 255, 255, 0.7); }

div.webetui-items.blocks div.item.video div.photo { height: 100%; }

div.webetui-items.blocks div.item.form div.photo div.bg svg { display: none; }

div.webetui-items.blocks div.item.form div.fields { width: 158px; height: 180px; padding: 8px; margin: 0 auto; background: #888; overflow: auto; position: absolute; top: 24px; opacity: 0.7; }

div.webetui-items.blocks div.item.form div.fields div { background-color: #eef1f1; color: black; padding: 3px; margin: 0 0 6px; font-size: 9px; }

div.webetui-items.blocks div.item.form div.reactions, div.webetui-items.blocks div.item.form div.modified { color: white; background: none; padding: 0; }

div.webetui-items.blocks div.item.form div.url, div.webetui-items.blocks div.item.form div.editor, div.webetui-items.blocks div.item.form div.labels { display: none; }

div.webetui-items.blocks div.item.form.selected div.labels { display: block; }

div.webetui-items.blocks div.item.form.selected div.labels label { background: white; }

div.webetui-items.blocks div.item.userdata, div.webetui-items.blocks div.item.user { padding: 28px 10px; padding-top: 132px; width: calc(100% - 20px); height: 189px; height: 85px; background-color: #888; }

div.webetui-items.blocks div.item.userdata div.photo, div.webetui-items.blocks div.item.user div.photo { max-height: none; height: 122px; background: black; margin: 0; padding: 0; opacity: 1; }

div.webetui-items.blocks div.item.userdata div.photo div.bg, div.webetui-items.blocks div.item.user div.photo div.bg { background-color: #888; }

div.webetui-items.blocks div.item.userdata div.photo div.bg svg, div.webetui-items.blocks div.item.user div.photo div.bg svg { display: none; }

div.webetui-items.blocks div.item.userdata > div, div.webetui-items.blocks div.item.user > div { background-color: #eef1f1; max-height: 44px; opacity: 0.7; background-color: rgba(238, 241, 241, 0.9); color: black; padding: 3px; margin: 0 0 4px; font-size: 9px; text-overflow: ellipsis; }

div.webetui-items.blocks div.item.userdata div.title, div.webetui-items.blocks div.item.user div.title { position: absolute; padding: 0; left: 10px; top: 4px; color: white; font-size: 14px; background: none; opacity: 1; }

div.webetui-items.blocks div.item.userdata div.editor, div.webetui-items.blocks div.item.userdata div.modified, div.webetui-items.blocks div.item.user div.editor, div.webetui-items.blocks div.item.user div.modified { opacity: 1; }

div.webetui-items.blocks div.item.userdata div.url, div.webetui-items.blocks div.item.userdata div.media, div.webetui-items.blocks div.item.userdata div.weight, div.webetui-items.blocks div.item.userdata div.fields, div.webetui-items.blocks div.item.userdata div.words, div.webetui-items.blocks div.item.userdata div.size, div.webetui-items.blocks div.item.userdata div.pages, div.webetui-items.blocks div.item.userdata div.reactions, div.webetui-items.blocks div.item.userdata div.lines, div.webetui-items.blocks div.item.user div.url, div.webetui-items.blocks div.item.user div.media, div.webetui-items.blocks div.item.user div.weight, div.webetui-items.blocks div.item.user div.fields, div.webetui-items.blocks div.item.user div.words, div.webetui-items.blocks div.item.user div.size, div.webetui-items.blocks div.item.user div.pages, div.webetui-items.blocks div.item.user div.reactions, div.webetui-items.blocks div.item.user div.lines { position: static; }

div.webetui-items.blocks div.item.userdata div.labels, div.webetui-items.blocks div.item.user div.labels { display: none; opacity: 1; }

div.webetui-items.blocks div.item.userdata.selected div.labels, div.webetui-items.blocks div.item.user.selected div.labels { display: block; }

div.webetui-items.blocks div.item.userdata.selected div.labels label, div.webetui-items.blocks div.item.user.selected div.labels label { background: white; }

div.webetui-items.blocks div.item.html, div.webetui-items.blocks div.item.template, div.webetui-items.blocks div.item.scss, div.webetui-items.blocks div.item.js { background: black; }

div.webetui-items.blocks div.item.html div.text, div.webetui-items.blocks div.item.template div.text, div.webetui-items.blocks div.item.scss div.text, div.webetui-items.blocks div.item.js div.text { padding: 0 8px; height: 174px; overflow: hidden; }

div.webetui-items.blocks div.item.html div.text pre, div.webetui-items.blocks div.item.template div.text pre, div.webetui-items.blocks div.item.scss div.text pre, div.webetui-items.blocks div.item.js div.text pre { margin: 0; }

div.webetui-items.blocks div.item.html div.text pre code, div.webetui-items.blocks div.item.template div.text pre code, div.webetui-items.blocks div.item.scss div.text pre code, div.webetui-items.blocks div.item.js div.text pre code { height: 174px; background: #2b2b2b; }

div.webetui-items.blocks div.item.html div.text pre code ul, div.webetui-items.blocks div.item.template div.text pre code ul, div.webetui-items.blocks div.item.scss div.text pre code ul, div.webetui-items.blocks div.item.js div.text pre code ul { list-style-type: none; margin: 0 0 0 10px; padding: 0; }

div.webetui-items.blocks div.item.set div.labels { color: #4c6160; background: rgba(238, 241, 241, 0.9); padding: 4px 10px 4px 4px; width: calc(100% - 14px); position: absolute; left: 0; bottom: 0; top: auto; }

div.webetui-items.blocks div.item.set div.labels div.label { padding: 0; margin: 0; background: none; }

div.webetui-items.blocks div.item.set div.text, div.webetui-items.blocks div.item.set div.words { display: none; }

div.webetui-items.blocks div.item.set div.title { background: none; color: #4c6160; position: absolute; right: 0; bottom: 0; font-size: 11px; }

div.webetui-items.blocks div.item.set div.title span { display: none; }

div.webetui-items.blocks div.item.set div.title span.nr { display: block; }

div.webetui-items.blocks div.item.set div.bg { position: relative; }

div.webetui-items.blocks div.item.set div.bg span { font-size: 7px; color: black; position: absolute; left: 4px; top: 4px; }

div.webetui-items.list { display: table; overflow: auto; }

div.webetui-items.list header, div.webetui-items.list div.item { display: table-row; background: white; cursor: poiner; }

div.webetui-items.list header.selected, div.webetui-items.list div.item.selected { color: white; background: #4c6160; }

div.webetui-items.list header.selected div.labels div.label, div.webetui-items.list div.item.selected div.labels div.label { color: white; }

div.webetui-items.list header > div, div.webetui-items.list div.item > div { display: table-cell; padding: 6px 10px; font-size: 75%; /* white-space:nowrap;*/ text-overflow: ellipsis; border-right: 1px solid #eef1f1; border-bottom: 1px solid #eef1f1; cursor: pointer; }

div.webetui-items.list header > div.photo, div.webetui-items.list div.item > div.photo { padding: 0 0 0 32px; position: relative; }

div.webetui-items.list header > div.photo span, div.webetui-items.list div.item > div.photo span { display: none; }

div.webetui-items.list header div.bg, div.webetui-items.list div.item div.bg { position: absolute; left: 0; top: 0; width: 36px; height: 28px; height: 100%; background-color: #888; background-size: cover; background-position: center center; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; }

div.webetui-items.list header div.bg svg, div.webetui-items.list div.item div.bg svg { color: #bbb; font-size: 15px; }

div.webetui-items.list header div.title, div.webetui-items.list div.item div.title { display: table-cell; }

div.webetui-items.list header div.text, div.webetui-items.list div.item div.text { display: table-cell; }

div.webetui-items.list header div.folder, div.webetui-items.list div.item div.folder { padding: 0; position: relative; }

div.webetui-items.list header div.folder div.bg, div.webetui-items.list div.item div.folder div.bg { background: #888; display: flex; justify-content: center; align-items: center; }

div.webetui-items.list header div.folder svg, div.webetui-items.list div.item div.folder svg { font-size: 18px; color: #bbb; }

div.webetui-items.list header div, div.webetui-items.list header div.photo { color: black; background: #b4c5c4; display: table-cell; }

div.webetui-items.list div.item.document div.photo { background: black; }

div.webetui-items.list div.item.document div.bg { background-size: contain; background-color: rgba(255, 255, 255, 0.7); }

div.webetui-items.list div.item.form div.bgfields { display: none; }

div.webetui-items.list div.item.userdata div.bg svg { display: none; }

div.webetui-items.list div.media { text-align: right; }

div.webetui-items.list div.media svg { margin: 0 4px 0 2px; font-size: 12px; }

div.webetui-items.list div.item.set div.thumbs { display: none; }

div.webetui-metabar { background: white; margin: 0 10px 10px 10px; padding: 15px; border-radius: 5px; display: none; }

div.webetui-metabar.show { display: block; }

div.webetui-metabar label { font-size: 12px; text-transform: uppercase; font-weight: 400; display: inline-block; width: 120px; }

div.webetui-metabar span { font-weight: 300; font-size: 90%; line-height: 1em; }

div.webetui-metabar div:first-child { margin: 0 0 5px; }

div.webetui-mediabar { display: flex; flex-direction: column; flex: 0 0 90px; overflow: hidden; overflow-y: scroll; background: white; margin: 0 10px 10px 0; padding: 5px 10px 10px 10px; border-radius: 5px; }

div.webetui-mediabar div.media-sections { display: flex; flex-direction: column; }

div.webetui-mediabar section { display: flex; flex-direction: column; margin-bottom: 10px; }

div.webetui-mediabar section a.button { display: inline-block; position: relative; padding: 8px 10px 8px 20px; margin: 0 0px 0 10px; color: black; font: 13px "Roboto"; font-weight: 400; text-transform: uppercase; text-decoration: none; font-size: 11px; margin: 0 0 10px; padding-bottom: 12px; border-bottom: 1px solid #eef1f1; }

div.webetui-mediabar section a.button svg { display: block; position: absolute; font-size: 16px; left: 0px; top: 7px; color: #ff6300; }

div.webetui-mediabar section div.photos, div.webetui-mediabar section div.videos, div.webetui-mediabar section div.documents, div.webetui-mediabar section div.articles { display: flex; flex-direction: column; padding: 0; }

div.webetui-mediabar section div.photos div.bg, div.webetui-mediabar section div.videos div.bg, div.webetui-mediabar section div.documents div.bg, div.webetui-mediabar section div.articles div.bg { position: relative; height: 90px; width: 90px; margin: 0 0 10px; background-color: #888; background-size: cover; background-position: center center; cursor: pointer; }

div.webetui-mediabar section div.photos div.bg.png, div.webetui-mediabar section div.videos div.bg.png, div.webetui-mediabar section div.documents div.bg.png, div.webetui-mediabar section div.articles div.bg.png { background-size: contain; background-repeat: no-repeat; background-color: #f2f2f2; }

div.webetui-mediabar section div.photos div.bg a.del, div.webetui-mediabar section div.videos div.bg a.del, div.webetui-mediabar section div.documents div.bg a.del, div.webetui-mediabar section div.articles div.bg a.del { display: inline-block; position: absolute; right: -5px; top: -5px; width: 17px; height: 17px; border-radius: 8px; background: #ff6300; border: 0; position: absolute; transition: transform 0.3s ease 0s; display: none; }

div.webetui-mediabar section div.photos div.bg a.del:before, div.webetui-mediabar section div.videos div.bg a.del:before, div.webetui-mediabar section div.documents div.bg a.del:before, div.webetui-mediabar section div.articles div.bg a.del:before { content: ' '; display: block; width: 2px; height: 10px; left: 7.7px; top: 3.5px; background: #d1dbdb; position: absolute; transform: rotate(45deg); }

div.webetui-mediabar section div.photos div.bg a.del:after, div.webetui-mediabar section div.videos div.bg a.del:after, div.webetui-mediabar section div.documents div.bg a.del:after, div.webetui-mediabar section div.articles div.bg a.del:after { content: ' '; display: block; width: 2px; height: 10px; left: 7.5px; top: 3.5px; background: #d1dbdb; position: absolute; transform: rotate(-45deg); transition: all 0.3s ease 0s; }

div.webetui-mediabar section div.photos div.bg a.del:hover, div.webetui-mediabar section div.videos div.bg a.del:hover, div.webetui-mediabar section div.documents div.bg a.del:hover, div.webetui-mediabar section div.articles div.bg a.del:hover { transform: rotate(45deg); }

div.webetui-mediabar section div.photos div.bg a.del:hover:after, div.webetui-mediabar section div.videos div.bg a.del:hover:after, div.webetui-mediabar section div.documents div.bg a.del:hover:after, div.webetui-mediabar section div.articles div.bg a.del:hover:after { height: 2px; top: 7.5px; }

div.webetui-mediabar section div.photos div.bg:hover a.del, div.webetui-mediabar section div.videos div.bg:hover a.del, div.webetui-mediabar section div.documents div.bg:hover a.del, div.webetui-mediabar section div.articles div.bg:hover a.del { display: block; }

div.webetui-mediabar section div.photos div.bg div.text, div.webetui-mediabar section div.photos div.bg div.labels, div.webetui-mediabar section div.videos div.bg div.text, div.webetui-mediabar section div.videos div.bg div.labels, div.webetui-mediabar section div.documents div.bg div.text, div.webetui-mediabar section div.documents div.bg div.labels, div.webetui-mediabar section div.articles div.bg div.text, div.webetui-mediabar section div.articles div.bg div.labels { display: none; }

div.webetui-mediabar section div.photos div.bg video, div.webetui-mediabar section div.videos div.bg video, div.webetui-mediabar section div.documents div.bg video, div.webetui-mediabar section div.articles div.bg video { width: 112px; height: 72px; }

div.webetui-mediabar section div.photos div.bg svg.fa-youtube, div.webetui-mediabar section div.videos div.bg svg.fa-youtube, div.webetui-mediabar section div.documents div.bg svg.fa-youtube, div.webetui-mediabar section div.articles div.bg svg.fa-youtube { display: none; }

div.webetui-mediabar section div.photos div.bg svg.fa-link, div.webetui-mediabar section div.videos div.bg svg.fa-link, div.webetui-mediabar section div.documents div.bg svg.fa-link, div.webetui-mediabar section div.articles div.bg svg.fa-link { display: none; }

div.webetui-mediabar section div.photos div.bg span, div.webetui-mediabar section div.videos div.bg span, div.webetui-mediabar section div.documents div.bg span, div.webetui-mediabar section div.articles div.bg span { display: block; font-size: 8px; padding: 4px; color: white; }

div.webetui-mediabar section:last-child { border: 0; }

body.editor_article div.webetui-mediabar-flex.webetui-prosemirror, body.editor_form div.webetui-mediabar-flex.webetui-prosemirror { display: flex; flex-direction: row-reverse; max-height: calc(100vh - 10px); }

body.editor_article div.webetui-mediabar-flex.webetui-prosemirror div#webetui-editor-view, body.editor_form div.webetui-mediabar-flex.webetui-prosemirror div#webetui-editor-view { overflow: hidden; max-height: calc(100vh - 61px); }

body.editor_article div.webetui-mediabar-flex.webetui-prosemirror div#webetui-editor-view.scrollable, body.editor_form div.webetui-mediabar-flex.webetui-prosemirror div#webetui-editor-view.scrollable { overflow-y: scroll; }

div.webetui-prosemirror div.photo, div.webetui-prosemirror div.photo img { max-width: 400px; }

div.webetui-properties, form.login, div.bedankt { background: white; max-width: 900px; margin: 0; padding: 15px; border-radius: 5px; }

div.webetui-properties div.group, form.login div.group, div.bedankt div.group { margin: 0 0 40px; }

div.webetui-properties div.group.content, form.login div.group.content, div.bedankt div.group.content { display: none; }

div.webetui-properties h1, div.webetui-properties h2, form.login h1, form.login h2, div.bedankt h1, div.bedankt h2 { color: #444; font-size: 110%; border-bottom: 1px dotted #444; padding: 0 0 4px; margin: 0 0 20px; }

div.webetui-properties h6, form.login h6, div.bedankt h6 { font-size: 100%; margin: 0 0 1.5em; color: #444; }

div.webetui-properties a.edit, form.login a.edit, div.bedankt a.edit { display: inline-block; position: relative; padding: 8px 10px 8px 20px; margin: 0 0px 0 10px; color: black; font: 13px "Roboto"; font-weight: 400; text-transform: uppercase; text-decoration: none; display: block; float: right; }

div.webetui-properties a.edit svg, form.login a.edit svg, div.bedankt a.edit svg { display: block; position: absolute; font-size: 16px; left: 0px; top: 7px; color: #ff6300; }

div.webetui-properties a.edit:hover, form.login a.edit:hover, div.bedankt a.edit:hover { color: #4c6160; }

div.webetui-properties div.dialog-ctls, form.login div.dialog-ctls, div.bedankt div.dialog-ctls { display: none; }

div.webetui-properties div.text, form.login div.text, div.bedankt div.text { padding: 0; }

div.webetui-properties div.fielderror, form.login div.fielderror, div.bedankt div.fielderror { color: #ee0000; position: absolute; left: 180px; bottom: 12px; font-size: small; padding: 8px; }

div.webetui-properties div.fielderror:before, form.login div.fielderror:before, div.bedankt div.fielderror:before { content: 'Error: '; }

div.webetui-properties div.ctl-text, div.webetui-properties div.ctl-textm, div.webetui-properties div.ctl-date, div.webetui-properties div.ctl-list, div.webetui-properties div.ctl-listmulti, div.webetui-properties div.ctl-repeatdate, form.login div.ctl-text, form.login div.ctl-textm, form.login div.ctl-date, form.login div.ctl-list, form.login div.ctl-listmulti, form.login div.ctl-repeatdate, div.bedankt div.ctl-text, div.bedankt div.ctl-textm, div.bedankt div.ctl-date, div.bedankt div.ctl-list, div.bedankt div.ctl-listmulti, div.bedankt div.ctl-repeatdate { display: flex; position: relative; }

div.webetui-properties div.ctl-text label, div.webetui-properties div.ctl-textm label, div.webetui-properties div.ctl-date label, div.webetui-properties div.ctl-list label, div.webetui-properties div.ctl-listmulti label, div.webetui-properties div.ctl-repeatdate label, form.login div.ctl-text label, form.login div.ctl-textm label, form.login div.ctl-date label, form.login div.ctl-list label, form.login div.ctl-listmulti label, form.login div.ctl-repeatdate label, div.bedankt div.ctl-text label, div.bedankt div.ctl-textm label, div.bedankt div.ctl-date label, div.bedankt div.ctl-list label, div.bedankt div.ctl-listmulti label, div.bedankt div.ctl-repeatdate label { flex: 1 1 20%; }

div.webetui-properties div.ctl-text input[type=text], div.webetui-properties div.ctl-text textarea, div.webetui-properties div.ctl-text div.radio, div.webetui-properties div.ctl-text div.checkbox, div.webetui-properties div.ctl-text div.input-date, div.webetui-properties div.ctl-text div.repeatdate, div.webetui-properties div.ctl-text select, div.webetui-properties div.ctl-textm input[type=text], div.webetui-properties div.ctl-textm textarea, div.webetui-properties div.ctl-textm div.radio, div.webetui-properties div.ctl-textm div.checkbox, div.webetui-properties div.ctl-textm div.input-date, div.webetui-properties div.ctl-textm div.repeatdate, div.webetui-properties div.ctl-textm select, div.webetui-properties div.ctl-date input[type=text], div.webetui-properties div.ctl-date textarea, div.webetui-properties div.ctl-date div.radio, div.webetui-properties div.ctl-date div.checkbox, div.webetui-properties div.ctl-date div.input-date, div.webetui-properties div.ctl-date div.repeatdate, div.webetui-properties div.ctl-date select, div.webetui-properties div.ctl-list input[type=text], div.webetui-properties div.ctl-list textarea, div.webetui-properties div.ctl-list div.radio, div.webetui-properties div.ctl-list div.checkbox, div.webetui-properties div.ctl-list div.input-date, div.webetui-properties div.ctl-list div.repeatdate, div.webetui-properties div.ctl-list select, div.webetui-properties div.ctl-listmulti input[type=text], div.webetui-properties div.ctl-listmulti textarea, div.webetui-properties div.ctl-listmulti div.radio, div.webetui-properties div.ctl-listmulti div.checkbox, div.webetui-properties div.ctl-listmulti div.input-date, div.webetui-properties div.ctl-listmulti div.repeatdate, div.webetui-properties div.ctl-listmulti select, div.webetui-properties div.ctl-repeatdate input[type=text], div.webetui-properties div.ctl-repeatdate textarea, div.webetui-properties div.ctl-repeatdate div.radio, div.webetui-properties div.ctl-repeatdate div.checkbox, div.webetui-properties div.ctl-repeatdate div.input-date, div.webetui-properties div.ctl-repeatdate div.repeatdate, div.webetui-properties div.ctl-repeatdate select, form.login div.ctl-text input[type=text], form.login div.ctl-text textarea, form.login div.ctl-text div.radio, form.login div.ctl-text div.checkbox, form.login div.ctl-text div.input-date, form.login div.ctl-text div.repeatdate, form.login div.ctl-text select, form.login div.ctl-textm input[type=text], form.login div.ctl-textm textarea, form.login div.ctl-textm div.radio, form.login div.ctl-textm div.checkbox, form.login div.ctl-textm div.input-date, form.login div.ctl-textm div.repeatdate, form.login div.ctl-textm select, form.login div.ctl-date input[type=text], form.login div.ctl-date textarea, form.login div.ctl-date div.radio, form.login div.ctl-date div.checkbox, form.login div.ctl-date div.input-date, form.login div.ctl-date div.repeatdate, form.login div.ctl-date select, form.login div.ctl-list input[type=text], form.login div.ctl-list textarea, form.login div.ctl-list div.radio, form.login div.ctl-list div.checkbox, form.login div.ctl-list div.input-date, form.login div.ctl-list div.repeatdate, form.login div.ctl-list select, form.login div.ctl-listmulti input[type=text], form.login div.ctl-listmulti textarea, form.login div.ctl-listmulti div.radio, form.login div.ctl-listmulti div.checkbox, form.login div.ctl-listmulti div.input-date, form.login div.ctl-listmulti div.repeatdate, form.login div.ctl-listmulti select, form.login div.ctl-repeatdate input[type=text], form.login div.ctl-repeatdate textarea, form.login div.ctl-repeatdate div.radio, form.login div.ctl-repeatdate div.checkbox, form.login div.ctl-repeatdate div.input-date, form.login div.ctl-repeatdate div.repeatdate, form.login div.ctl-repeatdate select, div.bedankt div.ctl-text input[type=text], div.bedankt div.ctl-text textarea, div.bedankt div.ctl-text div.radio, div.bedankt div.ctl-text div.checkbox, div.bedankt div.ctl-text div.input-date, div.bedankt div.ctl-text div.repeatdate, div.bedankt div.ctl-text select, div.bedankt div.ctl-textm input[type=text], div.bedankt div.ctl-textm textarea, div.bedankt div.ctl-textm div.radio, div.bedankt div.ctl-textm div.checkbox, div.bedankt div.ctl-textm div.input-date, div.bedankt div.ctl-textm div.repeatdate, div.bedankt div.ctl-textm select, div.bedankt div.ctl-date input[type=text], div.bedankt div.ctl-date textarea, div.bedankt div.ctl-date div.radio, div.bedankt div.ctl-date div.checkbox, div.bedankt div.ctl-date div.input-date, div.bedankt div.ctl-date div.repeatdate, div.bedankt div.ctl-date select, div.bedankt div.ctl-list input[type=text], div.bedankt div.ctl-list textarea, div.bedankt div.ctl-list div.radio, div.bedankt div.ctl-list div.checkbox, div.bedankt div.ctl-list div.input-date, div.bedankt div.ctl-list div.repeatdate, div.bedankt div.ctl-list select, div.bedankt div.ctl-listmulti input[type=text], div.bedankt div.ctl-listmulti textarea, div.bedankt div.ctl-listmulti div.radio, div.bedankt div.ctl-listmulti div.checkbox, div.bedankt div.ctl-listmulti div.input-date, div.bedankt div.ctl-listmulti div.repeatdate, div.bedankt div.ctl-listmulti select, div.bedankt div.ctl-repeatdate input[type=text], div.bedankt div.ctl-repeatdate textarea, div.bedankt div.ctl-repeatdate div.radio, div.bedankt div.ctl-repeatdate div.checkbox, div.bedankt div.ctl-repeatdate div.input-date, div.bedankt div.ctl-repeatdate div.repeatdate, div.bedankt div.ctl-repeatdate select { flex: 1 1 80%; }

div.webetui-properties div.ctl-text.error, div.webetui-properties div.ctl-textm.error, div.webetui-properties div.ctl-date.error, div.webetui-properties div.ctl-list.error, div.webetui-properties div.ctl-listmulti.error, div.webetui-properties div.ctl-repeatdate.error, form.login div.ctl-text.error, form.login div.ctl-textm.error, form.login div.ctl-date.error, form.login div.ctl-list.error, form.login div.ctl-listmulti.error, form.login div.ctl-repeatdate.error, div.bedankt div.ctl-text.error, div.bedankt div.ctl-textm.error, div.bedankt div.ctl-date.error, div.bedankt div.ctl-list.error, div.bedankt div.ctl-listmulti.error, div.bedankt div.ctl-repeatdate.error { padding-bottom: 20px; }

div.webetui-properties div.ctl-text.error input[type=text], div.webetui-properties div.ctl-text.error input[type=date], div.webetui-properties div.ctl-text.error input[type=password], div.webetui-properties div.ctl-text.error textarea, div.webetui-properties div.ctl-textm.error input[type=text], div.webetui-properties div.ctl-textm.error input[type=date], div.webetui-properties div.ctl-textm.error input[type=password], div.webetui-properties div.ctl-textm.error textarea, div.webetui-properties div.ctl-date.error input[type=text], div.webetui-properties div.ctl-date.error input[type=date], div.webetui-properties div.ctl-date.error input[type=password], div.webetui-properties div.ctl-date.error textarea, div.webetui-properties div.ctl-list.error input[type=text], div.webetui-properties div.ctl-list.error input[type=date], div.webetui-properties div.ctl-list.error input[type=password], div.webetui-properties div.ctl-list.error textarea, div.webetui-properties div.ctl-listmulti.error input[type=text], div.webetui-properties div.ctl-listmulti.error input[type=date], div.webetui-properties div.ctl-listmulti.error input[type=password], div.webetui-properties div.ctl-listmulti.error textarea, div.webetui-properties div.ctl-repeatdate.error input[type=text], div.webetui-properties div.ctl-repeatdate.error input[type=date], div.webetui-properties div.ctl-repeatdate.error input[type=password], div.webetui-properties div.ctl-repeatdate.error textarea, form.login div.ctl-text.error input[type=text], form.login div.ctl-text.error input[type=date], form.login div.ctl-text.error input[type=password], form.login div.ctl-text.error textarea, form.login div.ctl-textm.error input[type=text], form.login div.ctl-textm.error input[type=date], form.login div.ctl-textm.error input[type=password], form.login div.ctl-textm.error textarea, form.login div.ctl-date.error input[type=text], form.login div.ctl-date.error input[type=date], form.login div.ctl-date.error input[type=password], form.login div.ctl-date.error textarea, form.login div.ctl-list.error input[type=text], form.login div.ctl-list.error input[type=date], form.login div.ctl-list.error input[type=password], form.login div.ctl-list.error textarea, form.login div.ctl-listmulti.error input[type=text], form.login div.ctl-listmulti.error input[type=date], form.login div.ctl-listmulti.error input[type=password], form.login div.ctl-listmulti.error textarea, form.login div.ctl-repeatdate.error input[type=text], form.login div.ctl-repeatdate.error input[type=date], form.login div.ctl-repeatdate.error input[type=password], form.login div.ctl-repeatdate.error textarea, div.bedankt div.ctl-text.error input[type=text], div.bedankt div.ctl-text.error input[type=date], div.bedankt div.ctl-text.error input[type=password], div.bedankt div.ctl-text.error textarea, div.bedankt div.ctl-textm.error input[type=text], div.bedankt div.ctl-textm.error input[type=date], div.bedankt div.ctl-textm.error input[type=password], div.bedankt div.ctl-textm.error textarea, div.bedankt div.ctl-date.error input[type=text], div.bedankt div.ctl-date.error input[type=date], div.bedankt div.ctl-date.error input[type=password], div.bedankt div.ctl-date.error textarea, div.bedankt div.ctl-list.error input[type=text], div.bedankt div.ctl-list.error input[type=date], div.bedankt div.ctl-list.error input[type=password], div.bedankt div.ctl-list.error textarea, div.bedankt div.ctl-listmulti.error input[type=text], div.bedankt div.ctl-listmulti.error input[type=date], div.bedankt div.ctl-listmulti.error input[type=password], div.bedankt div.ctl-listmulti.error textarea, div.bedankt div.ctl-repeatdate.error input[type=text], div.bedankt div.ctl-repeatdate.error input[type=date], div.bedankt div.ctl-repeatdate.error input[type=password], div.bedankt div.ctl-repeatdate.error textarea { border-color: #ee0000; }

div.webetui-properties div.ctl-repeatdate label, form.login div.ctl-repeatdate label, div.bedankt div.ctl-repeatdate label { padding-top: 13px; }

div.webetui-properties div.ctl-repeatdate div.checkbox, form.login div.ctl-repeatdate div.checkbox, div.bedankt div.ctl-repeatdate div.checkbox { display: none; }

div.webetui-properties div.ctl-repeatdate div.repeatdate, form.login div.ctl-repeatdate div.repeatdate, div.bedankt div.ctl-repeatdate div.repeatdate { padding: 8px 16px; flex: 1 1 calc(80% - 32px); }

div.webetui-properties div.ctl-repeatdate div.repeatdate input[type="number"], form.login div.ctl-repeatdate div.repeatdate input[type="number"], div.bedankt div.ctl-repeatdate div.repeatdate input[type="number"] { width: 30px; display: inline; padding: 3px; margin: 0 4px; }

div.webetui-properties div.ctl-repeatdate div.repeatdate span.wdays a.wday, form.login div.ctl-repeatdate div.repeatdate span.wdays a.wday, div.bedankt div.ctl-repeatdate div.repeatdate span.wdays a.wday { display: inline-block; font-weight: normal; color: black; background: white; text-decoration: none; text-align: center; line-height: 24px; font-size: 12px; width: 24px; height: 24px; border: 1px solid #bbb; border-radius: 20px; margin: 0 4px; }

div.webetui-properties div.ctl-repeatdate div.repeatdate span.wdays a.wday.selected, form.login div.ctl-repeatdate div.repeatdate span.wdays a.wday.selected, div.bedankt div.ctl-repeatdate div.repeatdate span.wdays a.wday.selected { color: white; background: #4c6160; }

div.webetui-properties div.ctl-repeatdate div.repeatdate div.end.radio, form.login div.ctl-repeatdate div.repeatdate div.end.radio, div.bedankt div.ctl-repeatdate div.repeatdate div.end.radio { padding: 20px 0 0 70px; position: relative; }

div.webetui-properties div.ctl-repeatdate div.repeatdate div.end.radio label, form.login div.ctl-repeatdate div.repeatdate div.end.radio label, div.bedankt div.ctl-repeatdate div.repeatdate div.end.radio label { padding: 0; text-align: left; position: absolute; left: 0; top: 20px; }

div.webetui-properties div.ctl-repeatdate div.repeatdate div.end.radio div.item, form.login div.ctl-repeatdate div.repeatdate div.end.radio div.item, div.bedankt div.ctl-repeatdate div.repeatdate div.end.radio div.item { margin: 0 0 8px; }

div.webetui-properties div.ctl-repeatdate div.repeatdate div.end.radio input[type="date"], form.login div.ctl-repeatdate div.repeatdate div.end.radio input[type="date"], div.bedankt div.ctl-repeatdate div.repeatdate div.end.radio input[type="date"] { display: inline; border: 1px solid #bbb; padding: 6px 3px; margin: 0 4px; }

div.webetui-properties div.ctl-list div.item.textfield input[type="text"], form.login div.ctl-list div.item.textfield input[type="text"], div.bedankt div.ctl-list div.item.textfield input[type="text"] { margin: 8px 0; width: 200px; background: white; border: 1px solid #bbb; }

div.webetui-properties label, form.login label, div.bedankt label { display: block; margin-right: 10px; text-align: right; padding: 4px 0; font-size: small; }

div.webetui-properties div.static, div.webetui-properties div.radio, div.webetui-properties div.checkbox, div.webetui-properties input[type=text], div.webetui-properties input[type=date], div.webetui-properties input[type=password], div.webetui-properties select, div.webetui-properties div.slider, div.webetui-properties textarea, div.webetui-properties div.repeatdate, form.login div.static, form.login div.radio, form.login div.checkbox, form.login input[type=text], form.login input[type=date], form.login input[type=password], form.login select, form.login div.slider, form.login textarea, form.login div.repeatdate, div.bedankt div.static, div.bedankt div.radio, div.bedankt div.checkbox, div.bedankt input[type=text], div.bedankt input[type=date], div.bedankt input[type=password], div.bedankt select, div.bedankt div.slider, div.bedankt textarea, div.bedankt div.repeatdate { display: block; background: #eef1f1; margin: 0 0 20px 0; padding: 4px; font-size: small; }

div.webetui-properties div.static:after, div.webetui-properties div.radio:after, div.webetui-properties div.checkbox:after, div.webetui-properties input[type=text]:after, div.webetui-properties input[type=date]:after, div.webetui-properties input[type=password]:after, div.webetui-properties select:after, div.webetui-properties div.slider:after, div.webetui-properties textarea:after, div.webetui-properties div.repeatdate:after, form.login div.static:after, form.login div.radio:after, form.login div.checkbox:after, form.login input[type=text]:after, form.login input[type=date]:after, form.login input[type=password]:after, form.login select:after, form.login div.slider:after, form.login textarea:after, form.login div.repeatdate:after, div.bedankt div.static:after, div.bedankt div.radio:after, div.bedankt div.checkbox:after, div.bedankt input[type=text]:after, div.bedankt input[type=date]:after, div.bedankt input[type=password]:after, div.bedankt select:after, div.bedankt div.slider:after, div.bedankt textarea:after, div.bedankt div.repeatdate:after { content: ' '; }

div.webetui-properties div.bg, form.login div.bg, div.bedankt div.bg { margin: 0 auto; width: 500px; height: 700px; border: 1px solid #888; background-size: cover; background-position: center top; background-repeat: no-repeat; }

div.webetui-properties div.preview div.bg, form.login div.preview div.bg, div.bedankt div.preview div.bg { background-size: contain; }

div.webetui-properties div.pre, form.login div.pre, div.bedankt div.pre { white-space: pre; }

div.webetui-properties div.radio, form.login div.radio, div.bedankt div.radio { padding: 4px 8px; }

div.webetui-properties div.item, form.login div.item, div.bedankt div.item { margin: 0 0 4px; cursor: pointer; color: #4c6160; }

div.webetui-properties div.item input[type=radio], form.login div.item input[type=radio], div.bedankt div.item input[type=radio] { margin: 0 4px 0 0; }

div.webetui-properties div.item:hover, div.webetui-properties div.item.selected, form.login div.item:hover, form.login div.item.selected, div.bedankt div.item:hover, div.bedankt div.item.selected { color: black; }

div.webetui-properties input[type=text], div.webetui-properties input[type=date], div.webetui-properties input[type=password], div.webetui-properties textarea, form.login input[type=text], form.login input[type=date], form.login input[type=password], form.login textarea, div.bedankt input[type=text], div.bedankt input[type=date], div.bedankt input[type=password], div.bedankt textarea { border: 1px solid #eef1f1; }

div.webetui-properties input[type=text]:focus, div.webetui-properties input[type=date]:focus, div.webetui-properties input[type=password]:focus, div.webetui-properties textarea:focus, form.login input[type=text]:focus, form.login input[type=date]:focus, form.login input[type=password]:focus, form.login textarea:focus, div.bedankt input[type=text]:focus, div.bedankt input[type=date]:focus, div.bedankt input[type=password]:focus, div.bedankt textarea:focus { background: white; border: 1px solid orange; }

div.error div.webetui-properties input[type=text], div.error div.webetui-properties input[type=date], div.error div.webetui-properties input[type=password], div.error div.webetui-properties textarea, div.error form.login input[type=text], div.error form.login input[type=date], div.error form.login input[type=password], div.error form.login textarea, div.error div.bedankt input[type=text], div.error div.bedankt input[type=date], div.error div.bedankt input[type=password], div.error div.bedankt textarea { border-color: #ee0000; }

div.webetui-properties input[type=date], form.login input[type=date], div.bedankt input[type=date] { width: 110px; }

div.webetui-properties input[type=submit], form.login input[type=submit], div.bedankt input[type=submit] { display: inline-block; padding: 6px 12px; text-align: center; background: #ff6300; color: white; border-radius: 8px; font-size: 13px; text-transform: uppercase; text-decoration: none; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); cursor: pointer; border: 0; margin: 0 0 0 180px; }

div.webetui-properties input[type=submit]:hover, form.login input[type=submit]:hover, div.bedankt input[type=submit]:hover { background: black; }

div.webetui-properties select, form.login select, div.bedankt select { border: 1px solid #eef1f1; width: 308px; }

div.webetui-properties div.ctl-list.textpart, div.webetui-properties div.ctl-list.items, form.login div.ctl-list.textpart, form.login div.ctl-list.items, div.bedankt div.ctl-list.textpart, div.bedankt div.ctl-list.items { display: none; }

div.webetui-properties div.group.styleguide, form.login div.group.styleguide, div.bedankt div.group.styleguide { position: relative; height: 250px; }

div.webetui-properties div.children.styleguide, form.login div.children.styleguide, div.bedankt div.children.styleguide { background: #eef1f1; }

div.webetui-properties div.ctl-css, form.login div.ctl-css, div.bedankt div.ctl-css { display: inline-block; }

div.webetui-properties div.ctl-css a, form.login div.ctl-css a, div.bedankt div.ctl-css a { color: black; padding: 7px; display: block; }

div.webetui-properties div.ctl-css a:hover, form.login div.ctl-css a:hover, div.bedankt div.ctl-css a:hover { color: white; background: #4c6160; }

div.webetui-properties div.ctl-css a.p, form.login div.ctl-css a.p, div.bedankt div.ctl-css a.p { font-size: 0.75em; padding: 10px 4px 7px 11px; }

div.webetui-properties div.ctl-css div.css, form.login div.ctl-css div.css, div.bedankt div.ctl-css div.css { display: none; position: absolute; left: 0; top: 110px; }

div.webetui-properties div.ctl-css div.css div.slider, form.login div.ctl-css div.css div.slider, div.bedankt div.ctl-css div.css div.slider { height: 23px; position: relative; padding: 0; background: none; }

div.webetui-properties div.ctl-css div.css div.slider div.ruler, form.login div.ctl-css div.css div.slider div.ruler, div.bedankt div.ctl-css div.css div.slider div.ruler { background: #888; height: 1px; position: absolute; width: 100%; top: 11px; }

div.webetui-properties div.ctl-css div.css div.slider div.ruler div.tick, form.login div.ctl-css div.css div.slider div.ruler div.tick, div.bedankt div.ctl-css div.css div.slider div.ruler div.tick { position: absolute; width: 1px; height: 9px; top: -4px; background: #888; }

div.webetui-properties div.ctl-css div.css div.slider div.thumb, form.login div.ctl-css div.css div.slider div.thumb, div.bedankt div.ctl-css div.css div.slider div.thumb { position: absolute; top: 0; cursor: pointer; border: 1px solid #888; background: #e5ecf2; padding: 4px; height: 13px; width: 34px; margin-left: -20px; text-align: center; border-radius: 4px; line-height: 1em; }

div.webetui-properties div.ctl-css div.css div.slider div.thumb.selected, form.login div.ctl-css div.css div.slider div.thumb.selected, div.bedankt div.ctl-css div.css div.slider div.thumb.selected { background: #4c6160; color: white; }

div.webetui-properties div.ctl-css.selected div.css, form.login div.ctl-css.selected div.css, div.bedankt div.ctl-css.selected div.css { display: block; }

div.webetui-properties div.ctl-css.selected a, form.login div.ctl-css.selected a, div.bedankt div.ctl-css.selected a { color: white; background: #4c6160; }

div.webetui-properties div.ctl-css > label, form.login div.ctl-css > label, div.bedankt div.ctl-css > label { display: none; }

div.webetui-properties div.ctl-fontexample iframe, form.login div.ctl-fontexample iframe, div.bedankt div.ctl-fontexample iframe { border: 0; width: 100%; height: 800px; }

div.webetui-properties a.button, form.login a.button, div.bedankt a.button { display: inline-block; position: relative; padding: 8px 10px 8px 20px; margin: 0 0px 0 10px; color: black; font: 13px "Roboto"; font-weight: 400; text-transform: uppercase; text-decoration: none; margin: 0 auto; }

div.webetui-properties a.button svg, form.login a.button svg, div.bedankt a.button svg { display: block; position: absolute; font-size: 16px; left: 0px; top: 7px; color: #ff6300; }

div.webetui-properties div.center, form.login div.center, div.bedankt div.center { text-align: center; }

div.webetui-properties div.group.fotoact, form.login div.group.fotoact, div.bedankt div.group.fotoact { display: none; }

div.webetui-properties div.pagecontrols, form.login div.pagecontrols, div.bedankt div.pagecontrols { font-size: 13px; margin: 20px auto; display: flex; justify-content: center; }

div.webetui-properties div.pagecontrols div.anc, form.login div.pagecontrols div.anc, div.bedankt div.pagecontrols div.anc { width: 20px; height: 20px; position: relative; }

div.webetui-properties div.pagecontrols div.anc a svg, form.login div.pagecontrols div.anc a svg, div.bedankt div.pagecontrols div.anc a svg { position: absolute; left: 6px; top: 2px; }

div.webetui-login form.login, div.webetui-login div.bedankt { max-width: 500px; margin: 20px auto; }

div.webetui-login form.login div.field, div.webetui-login div.bedankt div.field { position: relative; display: flex; }

div.webetui-login form.login div.field label, div.webetui-login div.bedankt div.field label { font-size: 15px; width: 145px; margin-right: 10px; display: block; }

div.webetui-login form.login div.field a.suggestion, div.webetui-login div.bedankt div.field a.suggestion { display: block; font-size: 10px; font-weight: 300; width: 100px; margin-left: 20px; text-decoration: none; }

div.webetui-login form.login div.field span.eye, div.webetui-login div.bedankt div.field span.eye { position: absolute; left: 340px; top: 7px; cursor: pointer; }

div.webetui-login form.login div.field span.eye svg, div.webetui-login div.bedankt div.field span.eye svg { font-size: 13px; }

div.webetui-login form.login div.field span.eye svg.fa-eye, div.webetui-login div.bedankt div.field span.eye svg.fa-eye { display: none; }

div.webetui-login form.login div.field span.eye svg.fa-eye-slash, div.webetui-login div.bedankt div.field span.eye svg.fa-eye-slash { display: block; }

div.webetui-login form.login div.field span.eye.selected svg.fa-eye, div.webetui-login div.bedankt div.field span.eye.selected svg.fa-eye { display: block; }

div.webetui-login form.login div.field span.eye.selected svg.fa-eye-slash, div.webetui-login div.bedankt div.field span.eye.selected svg.fa-eye-slash { display: none; }

div.webetui-login form.login div.errormsg, div.webetui-login div.bedankt div.errormsg { font-weight: 500; color: #ee0000; margin: 0 0 20px 155px; }

div.webetui-login form.login input[type=text], div.webetui-login form.login input[type=password], div.webetui-login div.bedankt input[type=text], div.webetui-login div.bedankt input[type=password] { width: 200px; margin-left: 0; font-size: 15px; }

div.webetui-login form.login input[type=submit], div.webetui-login div.bedankt input[type=submit] { display: block; height: 28px; margin: 20px auto 20px auto; }

div.webetui-login form.login input[type=submit]:hover, div.webetui-login div.bedankt input[type=submit]:hover { background: #4c6160; }

div.webetui-login form.login a.forgotpw, div.webetui-login div.bedankt a.forgotpw { display: block; font-weight: normal; font-size: 13px; width: 130px; text-align: center; margin: 15px auto 15px auto; }

p.progress svg { display: inline-block; margin: 0 8px; }

div#webetui_body { margin: 0; padding: 106px 0 0 0; padding-top: 212px; height: calc(100vh - 106px); }

body.webetui-sheet { background: #d1dbdb; overflow-x: hidden; }

div.webetui-hdr div.webetui-bar { background: white; height: 64px; display: flex; }

div.webetui-hdr div.webetui-bar img.webetui-logo { display: block; height: 44px; position: absolute; left: 10px; top: 10px; background: #ff6300; border-radius: 22px; transition: all 0.3s ease 0s; }

div.webetui-hdr div.webetui-bar a.editor img.webetui-logo { transform: rotate(45deg); }

div.webetui-hdr div.webetui-bar h1 { font-size: 18px; font-weight: 400; margin: 0; }

div.webetui-hdr div.webetui-bar h1.website-title { position: absolute; left: 60px; /*left:90px;*/ top: 20px; }

div.webetui-hdr div.webetui-bar h1.sheet-title { text-align: center; }

div.webetui-hdr div.webetui-bar ul.menutabs { list-style-type: none; margin: 0 auto; padding: 0; display: block; height: 64px; }

div.webetui-hdr div.webetui-bar ul.menutabs li { display: inline-block; border-right: 1px solid #b4c5c4; }

div.webetui-hdr div.webetui-bar ul.menutabs li a { display: block; padding: 24px 15px 0; height: 40px; color: black; font-weight: 400; text-transform: uppercase; font-size: 80%; text-decoration: none; }

div.webetui-hdr div.webetui-bar ul.menutabs li a:hover { color: white; background: #4c6160; }

div.webetui-hdr div.webetui-bar ul.menutabs li a.selected { background: #d1dbdb; position: relative; }

div.webetui-hdr div.webetui-bar ul.menutabs li a.selected:hover { color: black; background: #d1dbdb; }

div.webetui-hdr div.webetui-bar ul.menutabs li a.more { font-weight: 700; }

div.webetui-hdr div.webetui-bar ul.menutabs li a span.count { display: block; padding-top: 4px; position: absolute; width: calc(100% - 30px); text-align: center; font-size: 80%; }

div.webetui-hdr div.webetui-bar ul.menutabs li:first-child { border-left: 1px solid #b4c5c4; }

div.webetui-hdr div.webetui-bar ul.menutabs li.more ul { height: auto; position: absolute; z-index: 20; top: -200px; padding: 0; transition: top 0.3s ease 0s; }

div.webetui-hdr div.webetui-bar ul.menutabs li.more ul li { border: 0; display: block; border: 1px solid #b4c5c4; border-top: 0; background: yellow; }

div.webetui-hdr div.webetui-bar ul.menutabs li.more ul li a { padding: 6px 12px; background: white; height: auto; }

div.webetui-hdr div.webetui-bar ul.menutabs li.more ul li a:hover { background: #4c6160; }

div.webetui-hdr div.webetui-bar ul.menutabs li.more.selected ul { top: 0; }

div.webetui-hdr div.webetui-bar a.webetui5beta { right: 20px; }

div.webetui-hdr div.webetui-bar div#webetui_logininfo { right: 20px; top: 35px; }

div.webetui-hdr div.nav-view, div.webetui-hdr div.menu-view { position: absolute; width: 180px; z-index: 30; top: calc(64px + 52px); left: -180px; transition: left 0.3s ease 0s; }

div.webetui-hdr div.nav-view a { display: block; color: black; background: #b4c5c4; text-decoration: none; font-weight: 400; text-transform: uppercase; padding: 6px 12px; font-size: 90%; border-bottom: 1px solid white; }

div.webetui-hdr div.nav-view a:hover, div.webetui-hdr div.nav-view a.selected { color: white; background: #4c6160; }

div.webetui-hdr div.nav-view.selected { left: 0; }

div.webetui-hdr div.menu-view ul { list-style-type: none; margin: 0; padding: 0; }

div.webetui-hdr div.menu-view ul li.cat { padding: 0; background: #b4c5c4; }

div.webetui-hdr div.menu-view ul li.cat:last-child { padding-bottom: 20px; }

div.webetui-hdr div.menu-view ul h2 { display: none; font-size: 80%; font-weight: 400; margin: 0 0 5px; padding: 0; text-align: center; color: #98aead; background: #b4c5c4; position: relative; }

div.webetui-hdr div.menu-view ul h2:before { display: block; content: ' '; position: absolute; width: 100%; height: 1px; background: #98aead; top: 8px; }

div.webetui-hdr div.menu-view ul h2 em { display: inline-block; position: relative; font-style: normal; padding: 0 8px; background: #b4c5c4; }

div.webetui-hdr div.menu-view ul a { display: block; color: black; background: #b4c5c4; text-decoration: none; font-weight: 400; text-transform: uppercase; padding: 6px 12px; font-size: 80%; border-bottom: 1px solid white; }

div.webetui-hdr div.menu-view ul a:hover, div.webetui-hdr div.menu-view ul a.selected { color: white; background: #4c6160; }

div.webetui-hdr div.menu-view ul li:last-child a { border-bottom: none; }

div.webetui-hdr div.menu-view ul span.inwork { font-size: 80%; text-transform: uppercase; color: #98aead; font-style: italic; padding: 2px 12px; }

div.webetui-hdr nav.selected div.menu-view { left: 0; }

body.webetui-sheet form.upload { opacity: 0; position: absolute; width: 10px; height: 10px; }

div.webetui-items { margin: 0 10px 10px 10px; }

div.webetui-items.inactive { opacity: 0.3; }

div.webetui-items form.upload { opacity: 0; }

div.webetui-items.blocks { display: grid; grid-template-columns: repeat(auto-fill, minmax(172px, 1fr)); grid-gap: 10px; grid-auto-flow: dense; }

div.webetui-items.blocks.photos, div.webetui-items.blocks.userphotos, div.webetui-items.blocks.Photo { grid-template-columns: repeat(auto-fill, minmax(245px, 1fr)); }

div.webetui-items.blocks.videos, div.webetui-items.blocks.Video { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }

div.webetui-items.blocks header { display: none; }

div.webetui-labels div.label { display: inline-block; position: relative; color: #4c6160; cursor: pointer; }

div.webetui-labels div.label b { display: inline-block; font-size: 90%; font-weight: 400; background: #b4c5c4; padding: 2px 10px 2px 10px; border-bottom-right-radius: 7px; margin: 0 3px 3px 0; position: relative; }

div.webetui-labels div.label b:before { content: ' '; display: block; width: 3px; height: 3px; border-radius: 2px; background: #4c6160; position: absolute; left: 4px; top: 6px; }

div.webetui-labels div.label b svg { font-size: 11px; margin: 0 0 0 6px; }

div.webetui-labels div.label i { font-style: normal; font-size: 75%; }

div.webetui-labels div.label em { display: none; }

div.webetui-labels div.label.selected b { background: #4c6160; color: white; }

div.webetui-labels div.label.selected b:before { background: white; }

div.webetui-labels div.label.parent { padding-right: 0px; }

div.webetui-labels div.label.parent.parent-selected b { color: white; background: #98aead; }

div.webetui-labels div.label.selected-parent b { background: #98aead; color: white; }

div.webetui-labels div.levels div.level { display: none; }

div.webetui-labels div.levels div.level.selected { display: block; }

div.webetui-labels.horizontal div.level { padding: 0; border-bottom: 1px solid #b4c5c4; }

div.webetui-labels.horizontal div.level div.label { margin: 0 0 10px 10px; }

div.webetui-labels.horizontal div.levels div.level { padding-top: 10px; }

div.webetui-labels.vertical div.level { width: auto; padding: 0 4px 0 10px; float: left; border-right: 1px solid white; height: calc(100vh - 168px); overflow: auto; }

div.webetui-labels.vertical div.level div.label { display: block; margin: 0 0 10px 0; }

div.webetui-labels.vertical div.level div.label i { float: right; margin: 4px 0 0 4px; }

div.webetui-labels.sitemap div.levels div.level { display: block; padding: 0; }

div.webetui-labels.sitemap div.label { position: absolute; }

div.webetui-instruction { font-size: small; margin: 0 0 10px; display: block; padding: 10px 20px; background: #b4c5c4; }

div.webetui-instruction h2 { margin: 0 0 1em; font-size: 135%; color: #444; }

div.webetui-instruction ul { list-style-type: none; margin: 0 0 1em; padding: 0; }

div.webetui-instruction ul li { margin: 0 0 0.7em; padding: 0 0 0 20px; position: relative; }

div.webetui-instruction ul li svg { position: absolute; display: block; left: 0; top: 2px; }

div.webetui-instruction a.button { display: inline-block; text-decoration: none; text-align: center; background: #ff6300; color: white; border-radius: 8px; width: 70px; padding: 6px 12px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); cursor: pointer; border: 0; margin-right: 10px; }

div.webetui-instruction a.button:hover { background: black; }

div.webetui-instruction.selected { display: block; }

form.insert { opacity: 0; position: absolute; }

div.webetui-editor { padding: 0 10px 10px 10px; flex: 1 1 100%; }

div.webetui-editor div.webetui-editor-margin { background: white; /*box-shadow:0 0 4px rgba(0,0,0,0.3);*/ color: #444; height: 100%; width: 100%; margin-bottom: 12px; position: relative; border-radius: 5px; }

div.webetui-editor div.webetui-editor-margin label { position: absolute; right: 8px; top: 4px; color: #ff6300; font-size: 85%; }

div.webetui-editor div.webetui-editor-margin div.webetui-toolbar { margin: 0; min-height: auto; }

div.webetui-editor div.webetui-editor-margin div.webetui-toolbar a { color: #ff6300; font-size: 10px; padding-left: 14px; }

div.webetui-editor div.webetui-editor-margin div.webetui-toolbar a svg { font-size: 10px; }

div.webetui-editor div.webetui-editor-margin div.webetui-toolbar a:hover { color: black; }

div.webetui-editor div.webetui-editor-margin div.webetui-toolbar a.delblk { margin-left: auto; }

div.webetui-editor div.webetui-editor-margin div.webetui-toolbar a.addblk { display: none; position: relative; top: 30px; }

div.webetui-editor div.webetui-editor-margin:first-child div.webetui-toolbar a.delblk { display: none; }

div.webetui-editor div.webetui-editor-margin:first-child div.webetui-toolbar a.chgblk { margin-left: auto; }

div.webetui-editor div.webetui-editor-margin:last-child div.webetui-toolbar a.addblk { display: block; }

div.webetui-editor div.webetui-wysiwyg, div.webetui-editor div.webetui-prosemirror { outline: none; cursor: text; padding: 0 0 40px; }

div.webetui-editor div.webetui-wysiwyg span.bracket, div.webetui-editor div.webetui-prosemirror span.bracket { color: #ff6300; }

div.webetui-editor div.webetui-wysiwyg div.ProseMirror, div.webetui-editor div.webetui-prosemirror div.ProseMirror { outline: none; }

div.webetui-editor div.webetui-wysiwyg div.ProseMirror div.ProseMirror-selectednode, div.webetui-editor div.webetui-wysiwyg div.ProseMirror a.ProseMirror-selectednode, div.webetui-editor div.webetui-prosemirror div.ProseMirror div.ProseMirror-selectednode, div.webetui-editor div.webetui-prosemirror div.ProseMirror a.ProseMirror-selectednode { border: 5px solid #4c6160; margin-top: -5px; margin-left: -5px; }

div.webetui-editor div.webetui-wysiwyg { margin: 0; max-width: 100%; }

div.webetui-editor textarea.webetui-xmltext { font: small Cousine; line-height: 1.3em; width: calc(100% - 20px); height: calc(100vh - 136px); padding: 8px; border-radius: 4px; border: 0; }

div.webetui-editor div.CodeMirror { /*font:small Monaco; width:100%; */ height: calc(100vh - 126px); border: 0; }

body.editor div.webetui-toolbar a.view { display: block; }

div.webetui-media { max-height: 0; overflow: hidden; transition: max-height 0.3s ease 0s; }

div.webetui-media.selected { max-height: 800px; }

div.webetui-media div.webetui-toolbar { border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }

div.webetui-media div.webetui-toolbar a.insert, div.webetui-media div.webetui-toolbar a.edit, div.webetui-media div.webetui-toolbar a.del, div.webetui-media div.webetui-toolbar a.newvideo { display: none; }

div.webetui-media div.webetui-toolbar section.type { margin-left: auto; }

div.webetui-media div.webetui-content { display: none; padding: 10px; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); background: orange; }

div.webetui-media div.webetui-content.selected { display: grid; }

div.webetui-media div.webetui-content p.webetui-instruction { grid-column: 1/-1; }

div.webetui-media input[type=file] { position: absolute; opacity: 0; }

div.photoedit { height: calc(100vh - 128px); }

div.photoedit div.photocrop { background: #eef1f1; position: relative; background: #333; margin: 0 auto; }

div.photoedit div.photocrop img { display: block; width: 100%; }

div.photoedit div.photocrop div.outer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

div.photoedit div.photocrop div.outer div { position: absolute; background: rgba(255, 255, 255, 0.8); }

div.photoedit div.photocrop div.outer div.left { left: 0; top: 0; height: 100%; width: 10%; }

div.photoedit div.photocrop div.outer div.right { right: 0; top: 0; height: 100%; left: 90%; }

div.photoedit div.photocrop div.outer div.top { left: 10%; top: 0; width: 80%; height: 10%; }

div.photoedit div.photocrop div.outer div.bottom { left: 10%; top: 90%; bottom: 0; width: 80%; }

div.photoedit div.photocrop div.outer div.handle { width: 10px; height: 10px; background: white; position: absolute; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); }

div.photoedit div.photocrop div.outer div.handle.lt, div.photoedit div.photocrop div.outer div.handle.rb { cursor: nwse-resize; }

div.photoedit div.photocrop div.outer div.handle.rt, div.photoedit div.photocrop div.outer div.handle.lb { cursor: nesw-resize; }

body.editor_photo div.webetui-editor-margin { margin: 0; background: none; }

div.webetui-xmlview { font-size: 85%; }

div.webetui-xmlview div.indent { margin-left: 20px; }

body.webetui-sheet.statistics div#dashboard.statistics { margin: 10px; }

/*# sourceMappingURL=labels.css.map */