.no-padding{margin:0;padding:0}.uppercase{text-transform:uppercase!important}.list{margin:0;padding:0}.list li{display:block}.rounded{border-radius:10px}.shadow-light{-webkit-box-shadow:0 0 10px 6px rgba(0,0,0,.11);-moz-box-shadow:0 0 10px 6px rgba(0,0,0,.11);box-shadow:0 0 10px 6px rgba(0,0,0,.11)}.locked{opacity:.5;pointer-events:none!important}.search-bar-placholder{color:#fff5!important;font-style:italic}#dlgScreenView.ui-dialog-content{padding:0}#dlgScreenView>.ajax-web-control,.screen-view{height:100%}.droppable *{pointer-events:none}#screenview-drag-placeholder{border:2px dashed rgba(0,43,112,.6);text-align:center;padding:10px 20px;display:inline-block;font-weight:bold;color:rgba(0,43,112,.6);position:absolute;top:-100px;left:-200px;background-color:#fff;border-radius:4px}.screenContent{display:flex;min-height:500px;height:100%}.screenContent .locale-switch{font-weight:bold;padding:0;margin:0;float:left}.screenContent .locale-switch a{display:inline-block;padding:10px 15px 10px 0}.screenContent .locale-switch a.active{color:#0053ff}.screenContent .resourcelist-toolbar{float:right}.screenContent .resourcelist-toolbar a{display:inline-block;padding:10px 5px;color:#ccc}.screenContent .resourcelist-toolbar a:hover{color:#3476ff}.screenContent .screenshot-placeholder{width:300px;height:300px;z-index:100;border-radius:8px;border:2px solid #efefef;text-align:center;background-color:#f5f5f5;display:block}.screenContent .screenshot-placeholder i{color:#fff;font-size:6em;margin-top:50px}.screenContent .screenshot-placeholder .drop-hint{display:block;text-align:center;color:#9c9c9c;padding:50px 15px 10px 15px;font-size:.9em;margin:auto}.screenViewContainer{flex:1;min-width:515px;height:auto;position:relative;overflow:hidden}#screenView{height:100%;overflow:auto}.screenContent .pager{display:block;width:100%;text-align:center;padding:10px 20px;position:absolute;top:0;z-index:200;background-color:rgba(255,255,255,.8)}.screenContent .pager ul{margin:0;padding:0;line-height:0}.screenContent .pager li{list-style:none;display:inline-block;cursor:pointer;overflow:hidden;position:relative;border-radius:2px;margin-left:3px;vertical-align:top}.screenContent .pager li span.char-index{height:40px;width:100%;opacity:0;color:#fff;background-color:rgba(0,0,0,.6);display:block;position:absolute;top:0;left:0;line-height:1.4em;text-align:center;font-size:2em}.screenContent .pager li:hover span.char-index{opacity:1;transition:ease-in opacity;transition-duration:.04s;background-color:rgba(0,43,112,.6);height:20px;width:20px;font-size:1em}.screenContent .pager li.selected span.char-index{opacity:1;height:40px!important;width:100%!important;font-size:2em!important}.screenContent .pager .add-screen-button{border:rgba(0,0,0,.09) 2px dashed;width:40px;height:40px;border-radius:2px;display:inline-block}.screenContent .pager .add-screen-button i{font-size:24px;padding-top:6px;color:rgba(0,0,0,.09);display:block}.screenContent .pager .add-screen-button:hover{color:#fff;background-color:#c7d0d9;border-color:#c7d0d9;transition:background-color linear .2s;transition:border-color linear .2s}.screenContent .pager .add-screen-button:hover i{color:#fff;transition:color linear .2s}.screenContent .pager .upload-progress{display:none}.screenContainer{border:1px solid #d3d3d3;background-color:#fff;position:relative}.screenContainer .layer{position:absolute;border:1px dashed #ff6d00;border-radius:1px}.screenContainer .layer:hover{background-color:#0053ff;cursor:pointer;opacity:.3}.screenContainer .layer.selected{border:1px dashed #005ee0}.screenContainer .layer.highlighted{background-color:#0053ff;opacity:.3}.screenContaiener img{touch-action:none;user-select:none}.layer .id-badge{text-align:center;position:absolute;top:-7px;left:-7px;padding:3px 5px;line-height:1em;background-color:#0080ff;font-weight:bold;font-size:.8em;opacity:.7;border:1px solid #fff;border-radius:2px;color:#fff;-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.09);-moz-box-shadow:0 0 1px 1px rgba(0,0,0,.09);box-shadow:0 0 1px 1px rgba(0,0,0,.09)}.screenContent .image-title span{display:block;text-align:center;padding:5px 20px;font-style:italic}.screenContent .image-name{display:block;text-align:center;position:absolute;background-color:rgba(255,255,255,.66);color:#4f4f4f;bottom:-26px;left:0;padding:0 7px 2px 0;font-weight:bold;width:100%}.screenContent .a-index{text-align:center;display:inline-block;padding:4px 5px;min-width:30px;height:30px;color:#fff;border:1px solid #fff;font-weight:bold;border-radius:4px;background-color:#1bc874;position:absolute;top:-7px;left:-7px}#bgMesh{min-width:100%;width:100%;min-height:100%;padding:40px 70px 20px 80px;display:flex;justify-content:center;align-items:center;touch-action:none}.mesh{background-image:linear-gradient(transparent 0,transparent 2px,#fff 2px,#fff 20px),linear-gradient(to right,#c8c3c7 0,#c8c3c7 2px,#fff 2px,#fff 20px);background-size:20px 20px;background-position:529px -2px}.overlay{background-color:#fff;opacity:.7;border-radius:4px;padding:10px;z-index:200}.overlay.tools-zoom{text-align:center;min-width:52px;border:1px solid #e2e2e4}.tools-zoom{position:absolute;left:10px;top:80px;display:inline-block;margin:auto}.tools-zoom a{display:block;font-size:1.6em}.tools-zoom [data-command='resetzoom']{padding:10px 0 5px 0;font-size:12px;text-align:center;display:block;cursor:pointer;font-weight:bold}.tools-zoom [data-command='resetzoom']::after{content:"%"}.resizer{opacity:0;width:6px;height:100%;background-color:#ffd800;display:flex;align-items:center;justify-content:center;position:absolute;top:0;z-index:100;cursor:col-resize}.resizable[data-side="right"] .resizer{right:100%}#rightSidebar{width:100%;height:100%;position:relative;z-index:100;overflow:auto}aside.resizable{flex:0 0 auto;width:30%;height:100%;position:relative;background-color:#f2f2f2}#rightSidebarWrapper{min-width:290px}aside.resizable.resizing .resizer,aside.resizable:hover .resizer{opacity:1}.resourceView{padding:0 20px}.resourceView .unlinked-prompt{text-align:center;padding:30px 20px;margin:20px 0;display:block}.resourceView .link-prompt{text-align:center;padding:10px 20px;margin-bottom:10px;display:block}.resourceView.screenView .grid-empty{display:block;text-align:center;padding:100px 10px}.screenGallery ul{padding:0;margin:0}.screenGallery li{display:block;float:left;margin-left:14px;margin-top:18px;position:relative}.actionbar1{float:right;font-size:11px;padding:2px 2px 0 0}.actionbar1 a{cursor:pointer;text-align:center;margin:0 3px}.actionbar1 a:hover i{color:#0053ff}.actionbar1 a[data-role='delete']:hover i{color:#c30!important}.actionbar1 a[role='main']{display:inline-block;color:#a1abb4}.screenGallery div[data-role="thumb"]{border:1px solid #e5e5e5;background-color:#fff;overflow:hidden;border-radius:4px}.screenGallery li .name{font-size:11px;line-height:12px;margin-left:5px}.screenGallery li .name::before{font-weight:900;font-family:'Font Awesome 5 Pro';margin-right:4px;color:#bac4cc}.screenGallery li[container-id] .name{margin-left:0;cursor:pointer}.screenGallery li[container-id] .name::before{content:""}.screenGallery li.linking-in-progess .name{margin-left:0}.screenGallery li.linking-in-progess .actionbar{display:none}.screenGallery li.linking-in-progess div[data-role="thumb"]{opacity:.3}.screenGallery li.linking-in-progess .name::before{content:"";display:inline-block;animation:fa-spin 2s infinite linear}.screenGallery.dark{color:#e5e5e5}.screenGallery.dark div[data-role="thumb"]{border:1px solid #7e7e7e}.screenview-resourcelist{margin:0;padding:0 0 5px 0}.screenview-resourcelist li{display:block;margin:5px 0;padding:7px;border:1px solid #e5e5e5;border-radius:4px;position:relative}.screenview-resourcelist li::before{font-weight:500;display:inline-block;content:"";font-family:'Font Awesome 5 Pro';color:#007dbd;margin-right:8px;font-size:.8em}.screenview-resourcelist li[layer-id]::before{font-weight:900}.screenview-resourcelist li .unlink{position:absolute;top:5px;right:10px;color:#a1abb4}.screenview-resourcelist li .unlink:hover i{color:#c30}#pnlCreateResourceItem{position:relative;background-color:#fff;border-bottom:solid 6px #f2f2f2;padding:15px 20px;cursor:pointer}#pnlCreateResourceItem #frmAddResource{display:none;margin-top:5px;position:relative}#pnlCreateResourceItem #frmAddResource .form-close{position:absolute;display:inline-block;right:-18px;top:-25px;padding:5px}#pnlCreateResourceItem .drop-panel{display:flex}#pnlCreateResourceItem .drop-panel .drop-hint{margin-left:32px}#pnlCreateResourceItem span[data-role='editor']{background-color:#f7f7f7}#pnlCreateResourceItem div[name='resourceID']{display:flex}#pnlCreateResourceItem div[name='resourceID'] .r{flex:1 0 70%}#pnlCreateResourceItem div[name='resourceID'] .buttons{white-space:nowrap}#pnlCreateResourceItem div[name='resourceID'] .buttons{padding-left:20px;flex:1 0 25%;text-align:right}.screenView .resourceItems ul{background-color:#fff;margin:0;padding:0;margin-bottom:20px}ul[data-role='container'] li{display:block;position:relative;border-bottom:solid 1px #f2f2f2;border-left:solid 0 #eee;padding:7px 0}.screenView .resourceItems li{min-height:70px;border-left:2px solid #fff}.screenView .resourceItems li:hover{border-left-color:#89c4ff;transition:border-right-color linear .2s}.screenView .resourceItems li.active{border-left-color:#0080ff}.resourceItems li:last-child{border-bottom-width:0}.resourceView .resourceItems li span[data-role='editor']{margin-left:46px;margin-right:24px;display:block}.resourceItems .layerIndex{border:2px dashed #a19c9c;background-color:transparent;content:"?";color:#a19c9c;opacity:.3;position:absolute;font-weight:bold;border-radius:4px;text-align:center;left:10px;top:10px;padding:2px 4px;font-size:11px;min-width:24px}.resourceItems *[layer-id] .layerIndex{background-color:#7fe0b1;color:#fff;border:2px solid #7fe0b1;opacity:1}.resourceItems *.drag-over .layerIndex{opacity:1;background-color:transparent!important;color:#a19c9c;border:2px dashed #a19c9c}.resourceItems li.resourcePair.saved:before,.resourceItems li.resourcePair.saving:before{left:0}#pnlCreateResourceItem .layerIndex{left:10px;top:15px}.quick-add-resource{background-color:#fff;width:320px;z-index:101;padding:20px 10px;top:40px;border:0}