.app{width:100%;height:100%;margin:3px;display:grid;gap:3px;text-align:center;grid-template-rows:auto 1fr auto;overflow:hidden}.app.desktop{grid-template-columns:auto auto 1fr;grid-template-areas:"header header header" "panel-left width-regulator panel-main" "footer footer footer"}.app:is(.mobile,.tablet){grid-template-columns:1fr;grid-template-areas:"header" "panel-main" "footer"}.panel-left{grid-area:panel-left}.panel-main{grid-area:panel-main}.appbar{padding:3px 0;max-width:100%!important;width:100%!important;min-width:100%!important;grid-area:header;border-bottom:1px solid var(--borderColor);color:var(--additionalColor)}.dirs-tree,.dir-entries{white-space:nowrap}.dirs-tree{overflow-y:auto;overflow-x:hidden;cursor:e-resize}.width-regulator{grid-area:width-regulator;background-color:var(--borderColor);width:1px;border:solid 5px var(--bgColor);height:calc(100% - 10px);cursor:e-resize}.panel-main{overflow:auto}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-items:center}.dir-entries.drag-over,.dirs-tree.drag-over{background-color:var(--bgColorHover)}.mobile .dir-entries{overflow-y:auto;overflow-x:hidden}.footer{grid-area:footer;border-top:1px solid var(--borderColor);color:var(--additionalColor)}.spinner{height:30px;position:relative;top:-20px;left:-70px;animation-name:spin,spin;animation-duration:1s,.1s;animation-delay:0ms,1s;animation-direction:normal,normal;animation-timing-function:ease-in,linear;animation-iteration-count:1,infinite}.spinner.spinner-in-des{top:auto;left:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.invalid{border:1 px solid var(--errorColor);color:var(--errorColor)}.logo-iskra-r{height:60px;margin-left:6px;transform:translateY(-2px)}button{outline:none;border:none;color:inherit}img{user-select:none}.file-upload{border:1px solid #ccc;display:inline-block;padding:6px 12px;cursor:pointer;margin:10px 0}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content{position:absolute!important;background-color:var(--bgColorOfModal);border-radius:20px;padding:2px;z-index:10}@media screen and (orientation: portrait){.app.mobile .modal-content{bottom:5px;max-height:calc(80% - 5px);max-width:90%;left:calc(5% - 2px);overflow:auto}}@media screen and (orientation: landscape){.app.mobile .modal-content{top:5px;max-height:calc(95% - 5px);overflow:auto}.app.mobile .modal-content.popup-left{left:30px}.app.mobile .modal-content.popup-right{right:30px}}:is(.app.tablet,.app.desktop) .modal-content{top:70px;max-height:calc(95% - 70px);overflow:auto}:is(.app.tablet,.app.desktop) .modal-content.popup-left{left:30px}:is(.app.tablet,.app.desktop) .modal-content.popup-right{right:30px}:is(.app.tablet,.app.desktop) .modal-content.popup-center{left:calc(50% - 135px)}.modal-content.app{background-color:var(--bgColorOfModal);margin:1% auto;width:96%;height:96%}.test.menu{border:solid 1px green;width:95%;margin:auto}.test.menu .divider{background-color:gray}.test.menu i{border:solid 1px green}.test.menu span{border:solid 1px deepskyblue}.test.menu.vertical{background:rosybrown;width:60%;margin:20px auto}.test.menu.horizontal{background:palegoldenrod;margin:20px auto}.test.menu .horizontal-buttons-group{background:cyan}.test.menu .item{border:solid 1px mediumvioletred}.test.menu .equal-width>.item:first-of-type{background:red}.test.menu .equal-width>.item:last-of-type{background:red}.test.menu .equal-width>.item.span-i:first-of-type{background:green}.test.menu .equal-width>.item.span-i:last-of-type{background:blue}.inputWithIconContainer{display:flex;align-items:center;position:relative;display:inline-flex;margin-right:20px}.inputWithIconContainer>input{padding-left:40px;padding-right:40px;font-size:25px}.inputWithIconContainer>i{position:absolute;left:0px}.inputWithIconContainer>div.right{position:absolute;right:0px}.inputWithIconContainer i{width:25px!important}.inputWithIconContainer{width:240px}.inputWithIconContainer>input{width:200px}.app.mobile .inputWithIconContainer{width:calc(100vw - 120px);background-color:#f5f5f5;border:none}.app.mobile .inputWithIconContainer>input{width:calc(100vw - 95px);background-color:#f5f5f5;border:none}.app.mobile .inputWithIconContainer>input:focus{border:none;outline:none!important}:not(.app.mobile) :is(.dir-entries,.dirs-tree) div.dir-entry:hover{background-color:var(--bgColorHover)}.app.mobile :is(.dir-entries,.dirs-tree) div.dir-entry:hover{background-color:var(--bgColor)}div.dir-entry.drag-over{background-color:var(--bgColorHover)}.app div.dir-entry.checked{background-color:#d3d3d3}.app:not(.mobile) .active div.dir-entry.checked{background-color:var(--bgColorSelected)}.dir-entry>i.location{position:absolute}i.circled{display:inline-block;border-radius:60px;box-shadow:0 0 2px #888;padding:.5em .6em;background-color:#000}.dir-entry.title span{white-space:normal}.mobile .dir-entry.title>img{padding:2px;margin:2px;width:152px;height:152px}.mobile .dir-entry.title>i{padding:6px 2px 2px;margin:2px;font-size:138px;height:152px}.tablet .dir-entry.title>img{padding:2px;margin:2px;width:230px;height:230px}.tablet .dir-entry.title>i{padding:6px 2px 2px;margin:2px 54px 2px 2px;font-size:210px;height:230px}.dir-entries.tile{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;justify-content:flex-start;gap:2px}.tile .dir-entry{padding:6px;text-align:center;position:relative}.tile .dir-entry>i.checkbox{font-size:24px!important;top:50%;left:0px}.tile .dir-entry>i.location{font-size:16px;top:36px;right:20px}:is(.desktop,.tablet) .tile .dir-entry{width:128px;height:168px}.mobile .tile .dir-entry{width:96px;height:136px}:is(.desktop,.tablet) .tile .dir-entry>img{padding:2px;border:0px;margin:2px;width:108px;height:108px}:is(.desktop,.tablet) .tile .dir-entry>i{padding:9px 2px 0;margin:2px;font-size:96px;height:108px}.mobile .tile .dir-entry>img{padding:2px;margin:2px;width:78px;height:78px}.mobile .tile .dir-entry>i{padding:6px 2px 2px;margin:2px;font-size:72px;height:78px}.tile .dir-entry>span{width:100%;white-space:normal;display:block;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.3em;max-height:2.6em}.tile .dir-entry>textarea{width:inherit;z-index:1;position:absolute;display:block;outline:none}.list .dir-entry>input{outline:none;width:calc(100% - 82px)}.list .dir-entry{position:relative;padding:2px 8px;width:calc(100% - 20px);text-align:left}.list .dir-entry>i.checkbox{font-size:24px!important;vertical-align:middle}.list .dir-entry>i.location{font-size:12px;top:12px;right:0px}.list.dirs-tree .dir-entry>i.location{font-size:8px;left:38px;right:initial}.list .dir-entry>img{padding:2px;margin:2px 10px 2px 2px;width:32px;height:32px;vertical-align:middle}.list .dir-entry>i{padding:2px;margin:2px 10px 4px 7px;font-size:30px;width:28px;vertical-align:middle}.desktop .list .dir-entry>img{padding:0;margin:0 10px 0 2px;width:24px;height:24px;vertical-align:middle}.desktop .list .dir-entry>i{padding:0;margin:0 10px 0 5.5px;font-size:20px;width:20px;vertical-align:middle}.progress{position:absolute;bottom:20px;right:20px;width:250px;border:1px solid var(--borderColor);border-radius:10px;padding:10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.progress-success{background:var(--successColor);color:#fff;font-size:bold}.progress h4{flex:1 0 100%;margin:10px 0;padding:0}progress{width:250px;height:20px}progress[value]{-webkit-appearance:none;appearance:none}progress::-webkit-progress-bar{background-color:#f5f5f5;border-radius:5px;border:1px solid gray}progress::-webkit-progress-value{border-radius:5px;background-color:var(--successColor)}.object-viewer{position:relative;overflow:hidden!important}.object-viewer.zooming-in{cursor:zoom-in!important}.object-viewer.zooming-out{cursor:zoom-out!important}.object-viewer.zooming-no{cursor:default!important}.object-viewer.dragging.zooming-no{cursor:move!important}.object-viewer-zoom-wrapper{width:100%;height:100%}.object-viewer .drag-wrapper{top:0px;left:0px;position:absolute}.callee-view-frame{top:0px;left:0px;position:absolute;border:3px dashed lightblue}.remote-mouse-pointer{position:absolute;height:20px;width:20px;border:2px solid deepskyblue;border-radius:50%;display:inline-block}.object-viewer :is(canvas,img){border:solid 1px var(--borderColor)}.object-viewer-model{top:0px;left:0px;position:absolute;border:solid 1px blue;z-index:10000}.img-or-pdf-model{position:absolute;border:solid 1px lawngreen;z-index:10000}.qr-code-scanner{width:300px;height:300px}.qr-code-scanner canvas{left:0px}html,body,#root{width:100%;height:100%;margin:0;display:flex;place-items:center;background-color:var(--bgColor);color:var(--mainColor)}.clearfix:after{content:"";clear:both;display:table}:root{--bgColorHover: #BCE1FE;--bgColorSelected: #92CEFE}html:has(div.app){--borderColor: #B0BEC5;--bgColor: #fefefe;--bgColorHover: #BCE1FE;--bgColorSelected: #92CEFE;--bgColorOfModal: #fefefe;--bgDividerColor: #EEEEEE;--mainColor: black;--additionalColor: #90A4AE;--accentColor: #2962FF;--successColor: #43a047;--warningColor: #ed6c02;--errorColor: #d32f2f}html:has(div.app.theme-dark){--borderColor: #B0BEC5;--bgColor: rgba(0, 0, 0, .5);--bgColorOfModal: rgb(48,48,48);--bgColorHover: #BCE1FE;--bgColorSelected: #92CEFE;--bgDividerColor: #212121;--mainColor: white;--additionalColor: #90A4AE;--accentColor: #FFD600;--warningColor: #ffa726;--errorColor: #f44336;--successColor: #43a047}.additional{color:var(--additionalColor)}.warning{color:var(--warningColor)}.error{color:var(--errorColor)}.menu.horizontal{width:99%;display:flex;justify-content:space-between;align-items:center}.menu i{padding:2px;margin:2px;font-size:40px;width:48px;text-align:center}.tablet .footer.menu i,.mobile .footer.menu i{font-size:25px}.desktop .appbar.menu i{font-size:30px}:is(.tablet,.mobile) .appbar.menu i{font-size:34px}.menu span{padding:2px;margin:2px}.tablet .footer.menu span{font-size:12px;padding:1px;margin:1px}.mobile .footer.menu span{font-size:.7rem;padding:1px;margin:1px}.menu .title{font-size:30px;font-weight:700;text-align:center;color:var(--mainColor);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.5rem;margin-top:.5rem}.mobile .menu .title{font-size:16px}.tablet .menu .title,.desktop .menu .title{font-size:18px}.menu .title :is(i,img){width:100px;height:100px;font-size:100px}.menu .divider{background-color:var(--bgDividerColor);height:5px;margin:0;padding:0}.menu .divider:hover{background-color:var(--bgDividerColor)}.menu.vertical .divider{height:5px}.menu.horizontal .divider{width:5px}.menu .horizontal-buttons-group{display:flex;align-items:flex-end}.menu .item{display:flex;justify-content:space-between;align-items:center}.menu .item.narrow{display:flex;justify-content:center;align-items:center}.app.desktop .menu .item:hover{background-color:var(--bgColorHover)}.app:is(.mobile,.tablet) .menu .item:hover{background-color:var(--bgColor)}.app .menu .item.no-highlight:hover{background-color:var(--bgColor)!important}.menu .item :is(a:link,a:visited,a:active){color:var(--mainColor);text-decoration:none}.menu.vertical .item.center :is(span,button){margin:auto}.menu.vertical .item.button{background-color:var(--bgDividerColor);height:46px;margin:4px;border-radius:10px}.menu.vertical .item.button.accent{color:var(--accentColor)}.menu .span-i{flex-direction:row-reverse}.menu .i-on-span{flex-direction:column;overflow:hidden;flex:1;padding:5px}.menu .equal-width>div{flex-grow:1;flex-basis:0px;justify-content:center}.menu .with-title>div.title{flex-grow:1.5}.menu .equal-width>.item:first-of-type{justify-content:flex-start}.menu .equal-width>.item:last-of-type{justify-content:flex-end}.menu .equal-width>.item.span-i:first-of-type{justify-content:flex-end}.menu .equal-width>.item.span-i:last-of-type{justify-content:flex-start}input[type=file]{display:none}.custom-file-upload{display:inline-block;cursor:pointer}.menu .i-tooltip{position:relative}:not(.app.mobile,.app.tablet) .menu .i-tooltip:hover span{visibility:visible}:is(.app.mobile,.app.tablet) .menu .i-tooltip:hover span{visibility:hidden}.menu .i-tooltip span{visibility:hidden;width:120px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;top:130%;left:50%;margin-left:-60px}.menu .i-tooltip:first-of-type span{left:130%}.menu .i-tooltip:last-of-type span{left:-30%}.menu .i-tooltip span:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent black transparent}.menu .i-tooltip:first-of-type span:after{left:25%}.menu .i-tooltip:last-of-type span:after{left:75%}