html { overscroll-behavior: none; }
html, body { height: 100%; width: 100%; background-color: #666; vertical-align: baseline; font-family: "Oxanium", 'Titillium Web', sans-serif; font-size: 14px; padding: 0; margin: 0; overflow: hidden; }
p { padding: 0; margin: 0; }
prevfont: { font: 13px/20px "Droid Sans", Arial, "Helvetica Neue", "Lucida Grande", sans-serif }
input[type=text], input[type=password], textarea { font-family: 'Titillium Web', sans-serif; width: 100%; border: 0; border-bottom: 1px solid #bbb; height: 30px; font-size: 125%; background: transparent; }
textarea { resize: none; }
*:focus { outline: none; }
::-webkit-input-placeholder { color: #bbb; }
::-moz-placeholder { color: #bbb; }
:-ms-input-placeholder { color: #bbb; }
:-moz-placeholder { color: #bbb; }
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.fullHeight { height: 100% !important; }
.floatRight { float:right !important; }
.floatLeft { float:left !important; }
.blink { animation: blinker 1s linear infinite; }
@keyframes blinker { 50% { opacity: 0; } }
.icons { height: 20px; width: 20px; }
.icons_Book { }
.icons_Notebook { padding-left: 18px; }
.icons_Document { padding-left: 36px; }
.tabs-nav { background: hsla(0, 0%, 0%, 0); border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; color: #fff; }
.hide { display: none!important; }
#userArea { position: absolute; display: none; top: 0; right: 0; height: 42px; white-space: nowrap; overflow: hidden; z-index: 99; }
#userArea[logged="y"] { width: fit-content; background-color: transparent; }
#userArea[logged="n"] { width: calc(100% - 110px); background-color: #eee; }
#userArea[logged="n"] #stateicons { display: none; }
#userArea #account { float: right; position: relative; text-align: right; height: 42px; margin-right: 6px; }
#uixTab { position: relative; top: 0; }
#uixTab .container-page { clear: both; margin-bottom: 20px; position: relative; top: 0px; width: calc(100% - 1px); height:calc(100% - 29px); }
#uixTab .tab-page { position:relative; background-color: #ebebeb; color: #000; height:100%; overflow-y: hidden; overflow-x: hidden; }
#uixTab .tab-page .header { display: block; height: 26px; line-height: 26px; text-align: right; border-bottom: 1px solid #aaa; background-color: #ebebeb; color: #666; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); position: relative; z-index: 2; }
#uixTab .tab-page .footer { display: block; height: 26px; line-height: 26px; text-align: right; background-color: #ebebeb; color: #666; position: relative; z-index: 2; }
.tabs-nav { list-style: none; margin: 0; padding: 0; background-color: #bbb; }
.tabs-nav { min-height: 30px; line-height: 30px; display: table-cell;}
.tabs-nav .tab-item,
.tabs-nav .tab-close,
.tabs-nav .tab-collapse { display: list-item; cursor: pointer; color: #333; float: left; text-align: left; padding: 0 4px; border: 0; border-top: 2px solid #666; background: hsla(0, 0%, 0%, 0); font-size: 100%; margin: 0; outline: 0;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.tabs-nav .tab-item:hover,
.tabs-nav .tab-close:hover,
.tabs-nav .tab-collapse:hover { background-color: #3c92ca; color: #f4f4f4; }
.tabs-nav .tab-item.tab-active { background-color: #ebebeb; color: #000; cursor: default; border-top: 2px solid #666666; }
.tabs-nav .tab-item.tab-active:hover { color: #3c92ca; }
.tabs-nav .tab-item.tab-active[data-switch="1"] { cursor: pointer; }
.tabs-nav .tab-item[state=modified] { border-top: 2px solid #d00; }
.tabs-nav .tab-item[state=waiting] { border-top: 2px solid #ff7; }
.tabs-nav .tab-item .icon { display: inline-block; width: 12px; }
.tabs-nav .tab-item #title { padding: 0 10px; text-align: center; }
.tabs-nav .tab-item #filestate { float: right; display: inline-block; height: 20px; width: 15px; text-align: right; }
.tabs-nav .tab-item #close { float: left; display: inline-block; height: 20px; width: 15px; text-align: left; cursor: pointer; }
.tabs-nav .tab-item #modified .icon { padding-right: 3px; }
.tabs-nav .tab-item #close .icon { padding-top: 10px; padding-left: 3px; width: 10px; }
.tabs-nav .tab-item #filestate #error.icon,
.tabs-nav .tab-item #filestate #ready.icon { padding-top: 10px; }
.tabs-nav .tab-item #filestate #waiting.icon,
.tabs-nav .tab-item #filestate #modified.icon { padding-top: 9px; }
.tab-vertical { }
#xredcode { display: block; width: 100%; height: 100%; color: #9ea1b4; overflow: hidden }
.column-left { display: none; height: 0; width: 0; }
.column-right { position: absolute; top: 0; right: 0; height: calc(100% - 1px); }
.column-right[data-style="min"] { width: 44px; }
.column-right[data-style="max"] { width: 390px; }
.column-right #left_tabs { float: right; }
.column-centerright { position: absolute; display: inline-block; top: 0; height: 100%; }
.column-centerright[data-style="min"] { left: 398px; width: calc(100% - 399px); }
.column-centerright[data-style="max"] { left: 50px; width: calc(100% - 51px); }
.column-centerleft { position: absolute; display: inline-block; top: 0; height: calc(100% - 1px); width: 396px; }
.column-centerleft[data-style="min"] { left: -349px }
.column-centerleft[data-style="max"] { left: 0; }
.column-centerleft #left_tabs { float: right; }
#left_tabs.tabs-nav,
#right_tabs.tabs-nav,
#centerHead_tabs.tabs-nav { height: 44px; line-height: 40px; }
.column-center { position:absolute; top:29px; left:350px; height: calc(100% - 0px); width: calc(100% - 351px); margin: 0 1px; overflow: hidden; z-index: 98; }
.column-center #head { position: relative; top: 0; height: 42px; width: 100%; margin: 0; padding: 0; overflow: hidden }
.column-center #container-center { position: relative; display: block; }
.column-center[data-bottom="off"] #container-center { height: calc(100% - 26px); }
.column-center[data-bottom="on"] #container-center { height: calc(100% - 40px); }
.column-center #top { position: relative; top: 0; left: 3px; height: calc(100% - 2px); width: calc(100% - 46px); overflow: hidden }
.column-center[data-bottom="off"] #top { }
.column-center[data-bottom="on"] #top { }
.column-center[data-bottom="off"] .gutter { display: none!important; }
.column-center[data-bottom="on"] .gutter { }
.column-center #bottom { position:relative; display: none; width: calc(100% - 44px); margin-top: 1px; overflow: hidden }
.column-center #left { float: left; position: relative; display: inline-block; height: 100%; width: 42px;; overflow: hidden }
.column-centerbottom { position: relative; display: inline-block; height: 200px; width: 100%;}
.column-close { width: 30px !important; }
#footer { display: block; position: absolute; background-color: #ebebeb; height: 40px; margin-top: 1px; color: #000; bottom: 0; width: 100%; border-top: 1px solid #666; }
#footer #account { float: left; text-align: left; width: 250px; }
#footer #stateicons { float: left; text-align: left; font-size: 24px;}
#footer #copyrights { float: right; text-align: right; width: 180px; }
#footer #account,
#footer #copyrights,
#footer #stateicons { position: relative;display: inline-block;padding: 3px 4px 0 4px; height: 100%; box-sizing: border-box; }
#stateicons { float: right;position: relative; height: 42px; padding-right: 16px; }
#stateicons #ws { width: 42px; height: 100%; }
#stateicons #xws[conn="online"] { background: url(../icons/_basic_elaboration/_SVG/basic_elaboration_cloud_check.svg) 0px 5px no-repeat; background-size: 32px; }
#stateicons #xws[conn="error"] { background: url(../icons/_basic_elaboration/_SVG/basic_elaboration_cloud_refresh.svg) 0px 5px no-repeat; background-size: 32px; }
#stateicons #xws[conn="error_notready"] { background: url(../icons/_basic_elaboration/_SVG/basic_elaboration_cloud_refresh.svg) 0px 5px no-repeat; background-size: 32px; }
#stateicons #Xws[conn="offline"] { background: url(../icons/_basic_elaboration/_SVG/basic_elaboration_cloud_remove.svg) 0px 5px no-repeat; background-size: 32px; }
#stateicons #xws[conn="error_close"] { background: url(../icons/_basic_elaboration/_SVG/basic_elaboration_cloud_noaccess.svg) 0px 5px no-repeat; background-size: 32px; }
#stateicons #xws[conn="waiting"] { background: url(../icons/_basic_elaboration/_SVG/basic_elaboration_cloud_search.svg) 0px 5px no-repeat; background-size: 32px; }
#stateicons #ws[conn]:before { position: absolute; display: inline-block; top: 8px; left: 3px; font-size: 26px; font-family: "Font Awesome 5 Free";; }
#stateicons #ws[conn="online"]:before { content: "\f0c2"; font-weight: 900; color: #eee; }
#stateicons #ws[conn="error"]:before { content: "\f0e7"; font-weight: 900; color: #bbb; }
#stateicons #ws[conn="error_notready"]:before { content: "\f0e7"; font-weight: 900; color: #bbb; }
#stateicons #ws[conn="offline"]:before { content: "\f0c2"; font-weight: 900; color: #900; }
#stateicona #ws[conn="error_close"]:before { content: "\f0c2"; font-weight: 900; color: #000; }
#stateicons #ws[conn="waiting"]:before { content: "\f382"; font-weight: 900; color: #ff0; }
.uixButton { display: inline-block; text-align: center; transition: background-color 150ms, opacity 150ms; }
.uixButton[state="ready"],
.uixButton[state="waiting"] { cursor: pointer; }
.uixButton[state="waiting"],
.uixButton[state="waiting"] #label,
.uixButton[state="waiting"] #label:hover { background-color: #aaa !important; color: #ddd !important; cursor: default; }
.uixButton[state="disabled"] { color: #bbb; background-color: #fafafa; }
.uixButton[state="disabled"] .icon { opacity: 0.4; }
.uixButton[state="hidden"] { display: none }
.uixButton.aright:last-child { }
.uixButton.aright { border-left: 1px solid #bbbbbb; }
.uixButton.aleft:first-child { }
.uixButton.aleft { float: left; border-right: 1px solid #bbbbbb; }
.uixButton.s0_3 { width: 30px; }
.uixButton.s0_4 { width: 40px; }
.uixButton.s0_42 { width: 42px; }
.uixButton.s1 { width: 100px; }
.uixButton.s1_5 { width: 150px; }
.uixButton.s2 { width: 200px; }
.uixButton #label { display: block; margin: 1px 6px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 26px; line-height: 26px }
.uixButton[state="ready"] #label:hover { background-color: #fff; }
.uixButton .green,
.uixButton .write { color: #0daa0d; }
.uixButton .red,
.uixButton .cancel { color: #aa0d0d; }
.icon { display: inline-block; vertical-align: middle; }
.icon.iconmin { width: 16px; height: 16px; }
.icon.iconmed { width: 24px; height: 24px; }
.icon.iconnormal { width: 32px; height: 32px; }
.icon.gripmenu { position: relative; top: 6px; }
.usericon { border-radius: 50%; border: 2px solid #666; display: inline-block; vertical-align: middle; }
.usericon.iconmin { width: 16px; height: 16px; border: 1px solid #666; }
.usericon.iconmed { width: 24px; height: 24px; }
.usericon.iconnormal { width: 32px; height: 32px; }
#login input { height: 20px; font-size: 12px; line-height:16px; }
.btnLogin { float: left; height: 100%; cursor: pointer; line-height: 42px; padding: 0 18px; color: #eee; background-color: #bcbabc; }
.btnLogin:hover { background-color: #3c92ca; }
.badge { position:relative; }
.badge[data-badge]:after { content:attr(data-badge); position:absolute; top:-10px; right:-10px; font-size:.7em; background:green; color:white; width:18px;height:18px; text-align:center; line-height:18px; border-radius:50%; box-shadow:0 0 1px #333; }
.badge-inrow { position:relative; }
.badge-inrow[data-badge]:after { content:attr(data-badge); position:absolute; font-size: 80%; background:#8e8e8e; color:#fff; width:18px;height:18px; text-align:right; line-height:18px; padding: 0 6px; border-radius: 9px; border: 1px solid #666; }
.checkbox-item { display:inline-block; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; position: relative; }
.checkbox-item+.checkbox-item { border-top:1px solid #f0f2f3 }
.checkbox { display:none }
.checkbox-mark { position:relative; display:inline-block; vertical-align:middle; margin-right:16px; width:20px; height:20px; border:1px solid #bbb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px }
.checkbox-mark:before { content:''; display:none; position:absolute; top:50%; left:50%; margin:-5px 0 0 -6px; height:4px; width:11px; border:solid #79c447; border-width:0 0 3px 3px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg) }
.checkbox:checked ~ .checkbox-mark { border:1px solid #79c447; }
.checkbox:checked ~ .checkbox-mark:before { display:block; }
.checkbox:disabled ~ .checkbox-mark { border:1px solid #f5f5f5; }
.checkbox:disabled ~ .checkbox-mark:before { border-color:#f5f5f5; }
.ql-undo{background:no-repeat scroll 50% 50% transparent!important;background-size:60%!important;background-image:url('/images/svg/undo.svg')!important;text-align:center;}
.ql-undo:hover{background-image:url('/images/svg/undo_hover.svg')!important }
.ql-redo{background:no-repeat scroll 50% 50% transparent!important;background-size:60%!important;background-image:url('/images/svg/redo.svg')!important;text-align:center;}
.ql-redo:hover{background-image:url('/images/svg/redo_hover.svg')!important }