.htmlview{counter-reset:main;font-size:16px;font-family:"Georgia", "Times New Roman", serif;line-height:1.5em;padding:3em 3em 3em 45px;overflow-y:scroll;overflow-x:auto}.htmlview #caret{display:inline-block;width:2px;height:1em;overflow:hidden;margin-left:-1px;margin-right:-1px}.htmlview #caret textarea{border:none;background:#888}.htmlview #caret textarea:focus{background:red}.htmlview[data-tag-names-visible]{padding-left:90px}.htmlview *[x-node='RDF'][x-ns='http://www.w3.org/1999/02/22-rdf-syntax-ns#']{display:none}.htmlview *{position:relative}.htmlview div{max-width:36em}.htmlview #toc{display:none}.htmlview a{color:blue;text-decoration:none}.htmlview a:hover{text-decoration:none}.htmlview p{margin:0}.htmlview pre{overflow-x:auto;white-space:pre-wrap;white-space:-moz-pre-wrap !important;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.htmlview .anchor{position:relative;margin:0;left:-2.2em;color:#777;font-size:12px;width:2em;text-align:center;padding:0.25em 0.7em;line-height:1.5em}.htmlview .anchor:hover,.htmlview .anchor:active{color:#FFF;background-color:#CCC}.htmlview .strofa{margin:1.5em 0 0.5em auto}.htmlview *[x-verse]:after{content:"\feff"}.htmlview .strofa .wers_wciety,.htmlview .strofa .wers_wciety[x-a-wl-typ='1']{margin-left:1em}.htmlview .strofa .wers_wciety[x-a-wl-typ='2'],.htmlview .strofa .wers_cd{margin-left:2em}.htmlview .strofa .wers_wciety[x-a-wl-typ='3']{margin-left:3em}.htmlview .strofa .wers_wciety[x-a-wl-typ='4']{margin-left:4em}.htmlview .strofa .wers_wciety[x-a-wl-typ='5']{margin-left:5em}.htmlview .strofa .wers_wciety[x-a-wl-typ='6']{margin-left:6em}.htmlview *:not([x-node='strofa'])>*[x-verse]::after{content:"Ten wers znajduje się poza strofą.";display:inline;background:red;font-size:8pt;border:1px solid black;-moz-border-radius:10px;-webkit-border-radius:10px;padding:1px 1em;margin-left:1em;vertical-align:super}.htmlview .kwestia .strofa{margin:0}.htmlview div.ramka{border:1px darkgray solid}.htmlview hr.sekcja_asterysk{border:none;padding:0;margin:1.5em 0;text-align:center}.htmlview div.lista_osob ol{list-style:none;padding:0 0 0 1.5em}.htmlview .ilustr img{max-width:100%}.htmlview .parse-warning{display:block;font-size:10pt;background:#C0C0C0;margin:1em}.parse-warning .message{color:purple;font-weight:bold}.htmlview .uwaga{background-color:#96e0e4;border:1px solid black;-moz-border-radius:10px;-webkit-border-radius:10px;display:block;font-size:10pt;line-height:12pt;padding:2px 1em;float:right;max-width:20%;max-height:24pt;margin-left:0.5em;z-index:500}div[x-node]>.uwaga{float:none;padding:0.5em 1em;margin:1em;max-width:100%;max-height:100%;border:1px solid black}.htmlview .uwaga:hover{max-height:100%}.htmlview .annotation-inline-box .uwaga{max-height:100%}.htmlview .begin,.htmlview .end{background:green}.htmlview [x-node='motyw']{float:right;left:auto;clear:right;width:10em;font-style:normal;font-weight:normal;font-variant:normal;letter-spacing:0;text-transform:none;text-decoration:none;font-size:13px;line-height:18px;background-color:#fff;z-index:1;-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none;margin-right:-12em;text-align:left;color:#999}.htmlview .canon{color:black}.htmlview .noncanon{color:#d00}.htmlview .motyw[x-editable]{border-left:4px solid #DDD;padding:0.2em 0.2em 0.2em 0.5em;margin-top:0.2em}.annotation{font-style:normal}.htmlview .annotation:before{content:"[" counter(main) "]";counter-increment:main;vertical-align:super;text-decoration:none;font-size:66%}.htmlview .annotation:hover{background-color:#ffcccc}.htmlview .pe .annotation:hover{background-color:#96e0e4}*.htmlview *.annotation-inline-box{position:static}.htmlview .annotation-inline-box:hover>span[x-annotation-box],.htmlview .annotation-inline-box:hover>span[x-preview],.htmlview .reference-inline-box:hover>span[x-annotation-box],.htmlview .reference-inline-box:hover>span[x-preview]{display:block}.htmlview .annotation-inline-box>span[x-annotation-box],.htmlview .annotation-inline-box>span[x-preview],.htmlview .reference-inline-box>span[x-annotation-box],.htmlview .reference-inline-box>span[x-preview]{display:none;width:300px;font-size:10pt;line-height:12pt;font-weight:normal;font-style:normal;background:#fffe93;border:1px solid black;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:3px 5px;text-decoration:none;z-index:600;position:absolute;left:0;top:1em}.htmlview .annotation-inline-box>span[x-annotation-box].editing,.htmlview .annotation-inline-box>span[x-preview].editing,.htmlview .reference-inline-box>span[x-annotation-box].editing,.htmlview .reference-inline-box>span[x-preview].editing{display:block;background:#93ff93}.htmlview *[x-editable]{position:relative;padding:2px;margin-left:0;border:1px solid transparent}.htmlview *[x-editable]:hover{z-index:900}.htmlview *[x-editable][x-open]{visibility:hidden}.html-editarea-toolbar{display:flex;justify-content:space-between;position:absolute;top:-28px;left:-1px;height:28px;right:-1px}.html-editarea-toolbar .html-editarea-toolbar-left,.html-editarea-toolbar .html-editarea-toolbar-right{display:flex}.html-editarea-toolbar button{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:16px;line-height:1.5;display:block;padding:5px 5px 2px 5px;background-color:#FAFAFA;border:1px solid #DDD;border-bottom:none}.html-editarea-toolbar button:hover{background-color:#999;color:#FFF}.default-menu{visibility:inherit;opacity:0.2}.default-menu:hover{opacity:1;z-index:5000}.htmlview *[x-annotation-box]>.default-menu{opacity:1}.htmlview *[x-editable][x-open]>.default-menu{visibility:hidden}.htmlview *[x-editable][x-open] *[x-annotation-box]>.default-menu{visibility:hidden}.htmlview *[x-editable]>.edit-menu{visibility:hidden}.htmlview *[x-editable] *[x-annotation-box]>.edit-menu{visibility:hidden}.htmlview *[x-editable][x-open]>.edit-menu{visibility:visible}.htmlview *[x-editable][x-open] *[x-annotation-box]>.edit-menu{visibility:visible}.html-editarea{border:0;background-color:gray;padding:1px;z-index:2000;position:absolute;text-align:left}.html-editarea textarea{position:absolute;top:0;margin:0;padding:0;width:100%;height:100%;z-index:0;font-size:10pt;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;line-height:1.25}.htmlview .out-of-flow-text{display:block;font-family:monospace;border:2px solid red !important;white-space:pre-line}.htmlview .out-of-flow-text::before{content:"Tekst w tej ramce nie jest otagowany!";background-color:#ff6c6c;color:black;font-size:10pt;line-height:12pt;border:1px solid black;-moz-border-radius:10px;-webkit-border-radius:10px;padding:5px 1em;margin:0 0 0 1em;text-align:justify;display:inline;float:right;max-width:25%}.unknown-tag{background-color:yellow;margin:-0.25em;padding:0.25em;border:1px solid orange}.alien{color:red}#specialCharsContainer{text-align:center;width:640px;height:400px;padding:20px;background-color:gray;position:absolute;top:20px;right:20px;z-index:10000;overflow:auto}#specialCharsContainer a{color:white;font-weight:bold}#tableSpecialChars td input{background-color:transparent;border:0;color:white}#tableSpecialChars td input.recentSymbol{background-color:white;border:0;color:black}#media-chooser img{border:3px solid transparent}#media-chooser img.active{border-color:green}div[x-node="numeracja"]{background:lightblue;margin:2em;padding:2em;border-radius:1em}div[x-node="numeracja"]::before{content:"Reset numeracji"}*[x-number]::before{display:block;content:attr(x-number);position:absolute;text-align:right;width:40px;left:-60px;font-size:.9em;opacity:.8}

html {
    width: 100%;
    height:  100%;
}

body {
    height: 100%;
    display: flex;
    flex-direction: column;
}

#editor {
    flex: 1;
}

#drag-layer {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1000;
    display: none;
    cursor: col-resize;
}

.editor {
    height: 100%;
}

.image-object {
    padding-left: 1em;
    font: 12px Sans, Helvetica, Verdana, sans-serif;
}
.image-object:hover {
    cursor: pointer;
}
#objects-list .delete {
    padding-left: 3px;
    font: 10px Sans, Helvetica, Verdana, sans-serif;
}
#objects-list .delete:hover {
    cursor: pointer;
}

#objects-list .active {
    color: #800;
}


#editor.readonly .editor {
	right: 0px;
}

#html-view {
    overflow: auto;
}

#header.saving {
	background-color: #E1C1C1;
}
#header.saving #save-button {
    display: none;
}
#save-attempt-info {
    color: #801000;
    display: none;
}
.saving #save-attempt-info {
    display: inline;
    font-weight: normal;
}


#header.out-of-date {
    background-color: #E1C1C1;
}
#header.out-of-date #save-button {
    display: none;
}
#out-of-date-info {
    color: #801000;
    display: none;
}
.out-of-date #out-of-date-info {
    display: inline;
}


p { margin: 0;}

#loading-overlay {
    background-color: #FFF;
    position: absolute;
    z-index: 1000;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#loading-message {
    position: absolute;
    height: 20px;
    width: 120px;
    left: 50%;
    margin-left: -60px;
    top: 50%;
    margin-top: -10px;
}

#loading-message img {
    float: left;
    margin-right: 10px;
    margin-top: -6px;
}

/*
 * CodeMirror
 */

#source-editor {
    display: flex;
    flex-direction: column;
}
#source-editor .CodeMirror {
    flex: 1;
}

.CodeMirror-line-numbers {
	padding: 0px;
	padding-top: 5px;
	text-align: right;
	overflow: hidden;
	width: 40px;
	border-right: 1px solid black;
	background-color: #e6e6fa;
}

.CodeMirror-line-numbers div {
	display: block;
	font-family:"Lucida Console", monospace;
    font-size: 13px;
    line-height: 18px;
	padding-right: 5px;
}

img.tabclose {
	padding-left: 8px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	vertical-align: text-bottom;
}

/*
 * HTML Editor view
 */

#simple-editor {
    display: flex;
    flex-direction: column;
    position: relative;
}

#simple-editor #bubbles {
    position: absolute;
    bottom: 10px;
    right: 20px;
}
#simple-editor #bubbles .badge {
    display: block;
    margin-top: 5px;
}

.htmlview {
    flex: 1;
}

.htmlview .active[x-editable] {
    background-color: #FAFAFA;
    border: 1px solid #DDD;
/*    -webkit-transition: all 1s linear;*/
}

.blockOverlay {
	background-color: black;
	opacity: 0.4;
}





.saveNotify {
    position:absolute; 
    bottom:22px; 
    right:7px; 
    z-index:800;
    background-color: #FFFF69; 
    padding:10px; 
    border: 1px solid black;
    border-radius: 5px;
    -moz-border-radius: 15px;
}

.notifyTip {
    font-size:12px; float:right;
}

.saveNotify span {
    font-weight: bold;
}


#objects-editor, #motifs-editor {
    display: flex;
    flex-direction: column;
}

.scrolled {
    flex: 1;
    overflow: auto;
}

#source-editor .CodeMirror-wrap pre.CodeMirror-line,
#source-editor .CodeMirror-wrap pre.CodeMirror-line-like {
	word-wrap: anywhere;
}


#people img {
    margin-left: -10px;
    border-radius: 100%;
    opacity: .5;
}
#people img.active {
    opacity: 1;
}

/*
 * Toolbars
 */

.toolbar > .button_group_container {
    overflow: hidden;
}

.toolbar .button_group {
    line-height: 2;
}

#sidebar {
    background-color: #FFF;
}

#side-search {
    height: 100%;
    display: none;
    background-color: #C1C1C1;
}

#side-properties {
    height: 100%;
    overflow: auto;
}
#side-properties #parents li {
    cursor: pointer;
}

#side-annotations {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

#side-annotations #annotations-container {
    flex: 1;
    position: relative;
    overflow: hidden;
}

.annotations-list {
    flex: 1;
    height: 100%;
    overflow: auto;
    padding: 1em 1em 0 1em;
}

#side-annotations .error-message {
    padding: 1em;
}

#side-annotations .spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

#side-annotations [x-node="akap"] {
    font-size: 16px;
    font-family: "Georgia", "Times New Roman", serif;
    line-height: 1.5em;
    margin-bottom: 1em;
    position: relative;
}

#side-annotations .src {
    font-family: monospace;
    font-size: 10px;
    font-weight: 400;
    line-height: 13px;
    position: absolute;
    top: 0;
    bottom: -.5em;
    display:none;
    background: white;
    border: 1px solid #888;
    width: 100%;
}

#side-annotations [x-node="akap"]:hover .src {
    display: block;
}

/* =========== */
/* = Gallery = */
/* =========== */

#side-gallery {
    height: 100%;
    display: flex;
    flex-direction: column;
}


.change-gallery-panel {
    width: 100%;
    border-bottom: 1px solid #777;
    background-color: #C1C1C1;
    margin: 0;
    padding: 2px;
    z-index: 10;
}

.gallery-image {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.gallery-image img {
    position: absolute;
    -moz-drag: none;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    cursor: pointer;

	background-color: white;
	min-height: 100px;
	min-width: 100px;
}

.gallery-image img[src=''] {
	background-color: red;
}

#motifs-editor .toolbar {
    height: auto;
}

#objects-editor .toolbar {
    height: auto;
}

#history-view-editor {
    display: flex;
    flex-direction: column;
}

#history-view {
    flex: 1;
    overflow: auto;

}

#history-view .message-box {
    text-align: center;
}

/*
 * File History
 */
#changes-list-container {
    margin: 1em auto;
    width: 70%;
}

table#changes-list-container {
    border-spacing: 0px 15px;
}

#changes-list {
    margin: 0.5em 0.2em;
}

#changes-list td {
    padding: 0.5em 1em;
}

#changes-list .entry {
    position: relative;
    padding: 0.5em;
    padding-left: 3em;
    margin: 0.5em;
}

#changes-list .entry:hover {
    background-color: #f0f0f0;
}

#changes-list .entry.selected {
    background-color: #ffec63;
}

#changes-list .tag {
    display: inline-block;
    visibility: hidden;
    width: 60px;
    margin: 0 0.5em 0 0;
    font-size: 11px;
    padding: 3px 2px;
    text-align: center;
    color: black;
    background: #add8e6;
    cursor: pointer;
    vertical-align: middle;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#changes-list .entry:hover .tag {
    visibility: visible;
}

#changes-list .tag:hover {
    background: #bde8f6;
}

#changes-list *[data-version-tag] {
    visibility: visible;
    border: 1px solid black;
    color: black;
}

#changes-list *[data-stub-value =
'version'] {
    font-weight: bold;
}

#changes-list td {
    vertical-align: text-top;
}

.can-approve #changes-list .approved:hover {
    cursor: pointer;
}
#pubmark-changeset-button {display: none;}
.can-approve #pubmark-changeset-button {display: inline-block;}

#changes-list *[data-approved = 'false'] .approved:after {
    content: '☐';
    color: red;
    white-space: pre-line;
}
#changes-list *[data-approved = 'true'] .approved:after {
    content: '🗹';
    font-size: .8em;
    color: #80ff80;
    white-space: pre-line;
}

#changes-list *[data-stub-value = 'description'] {
    font-size: .8em;
    color: gray;
    white-space: pre-line;
}

#changes-list *[data-stub-value = 'published'] {
    font-size: .7em;
    color: gray;
}

/*
 * Graphical DIFF view
 *
 */
#history-view .diff_table {
    width: 90%;
}

.editor.DiffPerspective {
    overflow-y: scroll;
}

.diff_table {
    border-width: 1px;
    border-style: solid;
    border-color: black;
    empty-cells: show;
    border-spacing: 0px;
}

.diff_table td {
    border-width: 0px 1px 1px 0px;
    border-style: dotted;
    border-color: grey;
    font-size: 10px;
    line-height: 20px;
    font-family: monospace;
    padding: 0px;
    white-space: pre-line;
    /*word-wrap:break-word;
     word-break:break-all; */
}

.diff_table th {
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: black;
    background: #e5ffe5;
}

/* .diff_table td.left, .diff_table td.right {
 width: 50%;
 }*/
.diff_table tr.change {
    background-color: #dcdcdc;
}

.diff_mark {
    display: inline-block;
    padding: 2px;
}

.diff_mark_removed {
    background-color: #ff9c94;
}

.diff_mark_added {
    background-color: #90ee90;
}

.diff_mark_changed {
    background-color: yellow;
}

#summary-view-editor {
	background: white;
}

#summary-view {
	padding: 1em;
}

#summary-view .summary-cover-area {
	float: left;
	margin: 1em;
	margin-right: 2em;
}

#summary-view .book-cover {
	height: 300px;
	width: 216px;
}

#summary-view p {
	margin: 0.5em;
}

#summary-view label {
	font-weight: bold;
}

#summary-view .book-cover {

}

/*
 * imgAreaSelect default style
 */

.imgareaselect-border1 {
	background: url("../img/jquery.imgareaselect/border-v.d451d8134998.gif") repeat-y left top;
}

.imgareaselect-border2 {
    background: url("../img/jquery.imgareaselect/border-h.033ed6441775.gif") repeat-x left top;
}

.imgareaselect-border3 {
    background: url("../img/jquery.imgareaselect/border-v.d451d8134998.gif") repeat-y right top;
}

.imgareaselect-border4 {
    background: url("../img/jquery.imgareaselect/border-h.033ed6441775.gif") repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.imgareaselect-outer {
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.imgareaselect-selection {  
}

.dialog{display:none;padding:5px;text-align:left;cursor:auto;background-color:#E1E1E1}.dialog .help_text{font-size:11px;color:#2e3536}.dialog .action_area{padding:1em 0.5em 0.5em;border-top:1px solid black;margin-top:0.5em}.dialog p{margin:0.5em}*[data-ui-error-for]{color:red;font-weight:bold}#save_dialog textarea,#revert_dialog textarea{width:90%;margin:0.2em 4%}#meta-chooser .form-check{margin:1em}#meta-chooser .meta-chooser_toggle{position:absolute;top:1.5em;left:0;cursor:pointer}#meta-chooser .name{font-weight:bold}

#splitter{flex:1;display:flex;overflow:hidden}#splitter #vsplitbar{width:30px;border-left:2px solid #999;border-right:2px solid #999;cursor:pointer;background:#C1C1C1;cursor:col-resize;display:flex;align-items:center;justify-content:center}#splitter #vsplitbar:hover{background-color:#E6E6E6}#splitter #vsplitbar.active p::before{content:"\25bc"}#splitter #vsplitbar.active p::after{content:"\25bc"}#splitter #vsplitbar p{font-size:12px;-moz-transform:rotate(270deg);-moz-transform-origin:50% 50%;-webkit-transform:rotate(270deg);-webkit-transform-origin:50% 50%;-o-transform:rotate(-270deg);-o-transform-origin:bottom left;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);margin:0;white-space:nowrap}#splitter #vsplitbar p::before{content:"\25b2";margin-right:1em}#splitter #vsplitbar p::after{content:"\25b2";margin-left:1em}

#html-view .edit-button{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;line-height:1.5}