.web-viewer-html{height:100%;overscroll-behavior-y:contain}.web-viewer-html>body{height:100%;overscroll-behavior-y:contain}.web-viewer-html>body>.container-fluid{height:100%}.web-viewer-height{height:calc(100% - 20px);width:100%;position:absolute}.body-padding .web-viewer-height{height:calc(100% - 70px)}.web-viewer-container{position:absolute;overflow:hidden;cursor:grab}.fluorescence-canvas-parent .web-viewer-container{background:#000}.bright-field-canvas-parent .web-viewer-container{background:#fff}.fluorescence-canvas-parent #scale-bar-canvas{background:rgba(0,0,0,.5)}.bright-field-canvas-parent #scale-bar-canvas{background:rgba(255,255,255,.5)}.mirror{transform:scaleX(-1)}#transform-canvas{position:absolute;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.normal-device #transform-canvas{will-change:transform,left,top}.normal-device #transform-canvas.animate-translate-and-zoom{-webkit-transition-property:left,top,-webkit-transform;transition-property:left,top,-webkit-transform;-o-transition-property:transform,left,top;transition-property:transform,left,top;transition-property:transform,left,top,-webkit-transform;-webkit-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;will-change:auto}#annotation-canvas.hide-while-animation{opacity:0}#main-canvas>img{position:absolute;display:block;float:none;margin:0;padding:0;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;-webkit-backface-visibility:hidden;overflow:hidden}.normal-device #main-canvas>img{will-change:transform}#main-canvas>img.hidden-tile{opacity:0}.normal-device #main-canvas>img.slow-opacity-transition{-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.normal-device #main-canvas>img.fast-opacity-transition{-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.normal-device #main-canvas>img.fast-opacity-transition-delay{-webkit-transition:opacity .3s .3s;-o-transition:opacity .3s .3s;transition:opacity .3s .3s}#highlighter{position:relative;background:#000;border:#fff solid;border-width:10px;z-index:1000000000000;border-radius:50%;animation:blinker .5s linear infinite;animation:size-blinker 1s linear infinite;opacity:.7;transform:scale(1)}@keyframes blinker{50%{opacity:0}}@keyframes size-blinker{50%{transform:scale(.05)}}#annotation-canvas{position:absolute;pointer-events:none;overflow:visible}#annotation-canvas>*{position:absolute;overflow:visible;display:block;z-index:1000000000}.bottom-toolbar{position:fixed;right:0;bottom:0;margin:0;padding:5px 5px 5px;background:#9bf;border-radius:5px 5px 0 0}#canvas-saving-symbol{position:absolute;left:20px;top:0;width:100px;height:100px;color:#eeeef2;z-index:1000000000;pointer-events:none}#canvas-loading-animation{position:absolute;left:5px;top:0;width:100px;height:100px;color:#eeeef2;z-index:1000000000;pointer-events:none}#canvas-loading-animation.cache-loading-color{color:#adb9ca}#canvas-loading-animation.cache-loading-color>.fa-spin{-webkit-animation:fa-spin 6s infinite linear;animation:fa-spin 6s infinite linear}#scale-bar-canvas{bottom:0;position:absolute}.histogram-control-opened #scale-bar-canvas{bottom:240px}.normal-device #histogram-container,.normal-device #histogram-sidebar-button,.normal-device #reload-histogram-sidebar-button{transition-property:width,opacity,left,bottom;transition-duration:.5s}.fade-hideable{opacity:1}.normal-device .fade-hideable{transition:opacity .5s}.fade-hide{opacity:0}.status-bar{background:#22559a;position:relative;z-index:1020;height:20px}.status-bar .slide-path{text-align:left;display:block;margin-left:auto;margin-right:auto;padding:0 90px;height:100%;direction:rtl;white-space:nowrap}.status-bar .slide-path>div{overflow:hidden}.status-bar .display-container{position:absolute;right:0;top:0}.status-bar .display-container>*{display:initial;padding-right:10px}.status-bar .display-container>*>label{font-weight:bold}body.is-fullscreen .navbar{display:none}body.is-fullscreen .web-viewer-container{height:calc(100% - 20px)}body.is-fullscreen.body-padding{padding:0}@media(max-width:490px){.status-bar .display-container>*{padding-right:0}.status-bar .display-container>*>label{display:none}}.svg-icon{fill:#eeeef2;width:20px;display:block}.normal-device #scale-bar-canvas{transition:.7s cubic-bezier(1,0,.52,.95);transition-property:left,width,bottom}#histogram-container{bottom:0;position:absolute;border:solid 1px #14325a;border-radius:2px;pointer-events:all;overflow:hidden;display:flex;width:0;z-index:100;overflow-y:auto}.bright-field-canvas-parent #histogram-container{background:#fff;color:#000}.fluorescence-canvas-parent #histogram-container{background:#000;color:#fff}#histogram-channel-list{width:35%;max-width:250px;height:100%;float:left;border-right:solid 1px #14325a;padding:5px;overflow:hidden;overflow-y:auto}#histogram-channel-list>div{width:100%;height:35px;border-bottom:#999 solid 1px;position:relative}#histogram-channel-list>div.selectable{cursor:pointer}#histogram-channel-list>div.selectable:hover{border-top:#999 solid 2px;border-bottom:#999 solid 2px}#histogram-channel-list>div.selected{background:#888}#histogram-channel-list>div>.channels-button-column{width:40px;margin:3px 10px 3px 0;height:27px;display:inline-block;vertical-align:middle}#histogram-channel-list .channel-name{word-break:keep-all;overflow:hidden;white-space:nowrap;position:absolute;padding-top:7px}#histogram-channel-list>div .overview-channel-text{position:absolute}#histogram-channel-list>div>[selected-color]{position:absolute;right:0;width:40px;height:100%;pointer-events:none;top:0}#histogram-channel-list>div.selectable>[selected-color]{pointer-events:inherit}#histogram-channel-list>div>select:focus,#histogram-channel-list>div>select:hover,#histogram-channel-list>div>select:active{outline:none!important}#histogram-canvas-button-container{display:block;position:relative;float:left;height:100%;padding:5px 5px 0 5px;flex:auto}#histogram-canvas-container{width:100%;height:175px;position:relative;border:solid 1px #888}#histogram-canvas-container>canvas{position:absolute}.animate #histogram-canvas,.animate #histogram-gamma-canvas,.animate #gamma-curve-container{transition:width .2s}#gamma-curve-container{position:absolute;height:100%;cursor:move}#gamma-curve-container>*{height:100%}#gamma-curve-container>.gamma-border{cursor:ew-resize;width:4px}#gamma-curve-container>.gamma-curve-grip{cursor:ns-resize;position:absolute;width:15px;height:15px;border-radius:50%;background:#14325a;border:#22559a solid 1px}.fluorescence-canvas-parent #gamma-curve-container>.gamma-border{background:#fff}.bright-field-canvas-parent #gamma-curve-container>.gamma-border{background:#000}#gamma-curve-middle{float:left;width:calc(100% - 8px)}#gamma-curve-left-border{float:left}#gamma-curve-right-border{float:right}.histogram-toolbar{width:100%;display:block;float:left;margin:0}.histogram-toolbar.row>div{padding:0 2px;display:initial}.histogram-toolbar.row>div>*{display:inline-block}.histogram-toolbar>div>label{font-weight:normal;font-size:.8em}.histogram-toolbar input[type=number]{color:#000}#histogram-black-box,#histogram-white-box{width:60px}#histogram-gamma-box{width:50px}.gamma-fields-container{position:absolute;left:50%;transform:translateX(-50%)}@media(max-width:1200px){#histogram-channel-list>div>.channels-button-column{margin-right:0;width:20px;padding:2px}#histogram-channel-list>div>[selected-color]{width:20px}.histogram-toolbar.row>div{padding:0}}@media(max-width:900px){.histogram-toolbar>div>label{display:none}.histogram-toolbar>div>.btn{padding:5px 0;vertical-align:top}.histogram-toolbar input[type=number]{vertical-align:super}}.histogram-zoom-container{height:25px;padding:10px 0}#histogram-zoom-slider{-webkit-appearance:none;width:100%;height:3px;border-radius:1px;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}#histogram-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:25px;border-radius:90% 0 50% 50%;background:#22559a;cursor:pointer}#histogram-zoom-slider::-moz-range-thumb{width:15px;height:25px;border-radius:50% 0 50% 50%;background:#22559a;cursor:pointer}.viewer-controls-container{pointer-events:none}.viewer-sidebar{color:#eeeef2;position:relative;height:100%;padding:20px 0;pointer-events:auto;transition:opacity 1s;opacity:0}.info-loaded.settings-loaded .viewer-sidebar{opacity:1}.viewer-sidebar>.side-bar-button{position:absolute;border:#22559a solid 1px;background:#22559a;padding:20px;font-size:19px;cursor:pointer;width:40px}.viewer-sidebar>.side-bar-button.secondary-button{background:#eeeef2;border:#adb9ca solid 1px}.viewer-sidebar>.side-bar-button.secondary-button.selected{background:#d2d2d9;border:#22559a solid 1px}.viewer-sidebar>.side-bar-button.secondary-button .netscope-icon,.viewer-sidebar>.side-bar-button.secondary-button .fa{color:#14325a}.viewer-sidebar>.side-bar-button.container-visible{background:#14325a}.viewer-sidebar>.side-bar-button>.hide-on-pinned{display:block}.viewer-sidebar>.side-bar-button>.show-on-pinned{display:none}.viewer-sidebar .sidebar-container>*{padding:10px;height:100%;position:relative;overflow:hidden}.viewer-sidebar .sidebar-container{width:0;transition:width .1s linear;height:100%;top:10px;display:inline-block;overflow:hidden;float:left}.viewer-sidebar .sidebar-container.sidebar-slide-animation{transition:width .7s cubic-bezier(1,0,.52,.95)}.viewer-sidebar>.sidebar-container.container-visible{width:200px}.viewer-sidebar>.side-bar-button.pinned>.show-on-pinned{display:block}.viewer-sidebar>.side-bar-button.pinned>.hide-on-pinned{display:none}.viewer-sidebar .viewer-scroll-container{overflow-y:auto}.viewer-sidebar>*{background:#14325a}.side-bar-button .netscope-icon{margin-left:-8px;margin-right:-8px;font-size:20px;line-height:19px}.fa.side-bar-center-fa{margin-left:-5px;margin-right:-5px}.side-bar-button>.fa.fa-map-pin{margin-left:-5px;margin-right:-5px}#viewer-sidebar-left{left:0;float:left}#viewer-sidebar-left>.side-bar-button{border-radius:0 5px 5px 0;border-left:none;left:100%}#viewer-sidebar-left .side-bar-center-fa{margin-left:-10px}#info-sidebar-button{top:40px}#scenes-sidebar-button{top:120px}#folder-sidebar-button{top:120px}#scenes-sidebar-button+div+#folder-sidebar-button{top:200px}.normal-device #scale-sidebar-button{transition:bottom .5s}#slide-name-container{word-break:break-all}#scale-sidebar-button{bottom:80px}#histogram-sidebar-button{bottom:160px;z-index:100}#reload-histogram-sidebar-button{bottom:30px;z-index:100}.histogram-control-opened #histogram-sidebar-button{bottom:105px}.histogram-control-opened #reload-histogram-sidebar-button{bottom:30px}.histogram-control-opened #scale-sidebar-button{bottom:320px}.fluorescence-canvas-parent .navigator{background:#000}.bright-field-canvas-parent .navigator{background:#fff}.navigator{width:160px;float:none;margin:auto;cursor:pointer}.navigator-container{display:grid}.navigator-container>*{grid-column:1;grid-row:1;float:none;margin:auto}#viewer-sidebar-left .all-slider{min-height:30px;height:calc(100% - 200px);width:200px}#viewer-sidebar-left>.sidebar-container{border-radius:0 5px 5px 0;overflow-y:auto}.sidebar-container>.container-box{overflow-x:hidden;height:auto;padding-bottom:0}.sidebar-container footer .col-sm-4{position:relative;width:100%}.sidebar-container footer .col-sm-4>.pull-right{float:left!important}#label-image{width:100%;max-height:180px;cursor:pointer;object-fit:contain;height:1px;transition:height .5s}#label-image.loaded{height:180px}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.rotate-270{transform:rotate(270deg)}.can-edit{cursor:pointer}.rating-container.can-edit{cursor:inherit}.rating-container.can-edit>.rating-element>*{cursor:pointer}.rating-container{padding-top:10px;height:40px}.comment-container{min-height:40px;padding-top:10px;height:auto;overflow-x:hidden;overflow-y:auto;width:100%!important;resize:none;word-break:break-all;background:#adb9ca;color:#22559a}.comment-container.can-edit{pointer-events:all;color:#14325a}#buttons-container{overflow:visible}.tool-buttons-row{overflow:visible;margin-bottom:10px;display:inline-block}.tool-buttons-row>*{position:relative;height:30px;top:0}.tool-buttons-row>*>img{height:100%}.tool-buttons-row>.btn.activated,#settings-container .btn.activated{background:#9bf}#zoom-button-container{width:100%;position:relative}#zoom-button-container:after{display:none}#display-zoom-container{cursor:pointer}#display-zoom-container .over-resolution{color:#faa}#zoom-display-text-box{height:18px;width:90px;text-align:center}.zoom-objectiv-button{font-size:.6em;width:13.6%;padding-left:0;padding-right:0;float:left;margin-right:1px;background:#22559a;border-radius:1px}.higher-zoom-objectiv-button{color:#999}.zoom-objectiv-button:after{width:400%}.zoom-objectiv-button:before{content:"";position:absolute;left:-1px;top:22px;width:calc(100% + 2px);pointer-events:none;border-bottom:4px solid}.zoom-objectiv-button.shot-with-magnification{border:#adb9ca solid 2px}.zoom-objectiv-button.current-magnification{background:#d2d2d9;color:#22559a}#zoom-button-container>[data="1.25"]:before{color:#000}#zoom-button-container>[data="2.5"]:before{color:#a50}#zoom-button-container>[data="5"]:before{color:red}#zoom-button-container>[data="10"]:before{color:#ff0}#zoom-button-container>[data="20"]:before{color:#0a0}#zoom-button-container>[data="40"]:before{color:#8df}#zoom-button-container>[data="80"]:before{color:#00a}#settings-container{overflow:visible}.no-write-entry{display:none}.no-write>.no-write-entry{display:inline-block}.session-config{position:relative}.session-config>.btn{font-size:14px;line-height:15px;padding:8px 10px;position:initial}.sidebar-list>*{border:solid #d2d2d9 2px;border-radius:2px;padding:2px;margin-bottom:5px;display:inline-block;width:100%}.sidebar-list>*>*{word-break:break-all}.sidebar-list>.selected-settings{background:#22559a}.live-badge{float:right;background:#adb9ca}.live-badge>.badge{background:#adb9ca}.live-badge>ul{display:none;color:#fff;position:absolute;background:#22559a;border:solid #fff 1px;list-style:none;z-index:1;left:10px;margin-top:10px;overflow:hidden;padding:5px}.live-badge>ul>li{text-align:left}.live-badge:hover>ul{display:block}#scene-container{overflow:hidden;width:100%}.scene-element{cursor:pointer;margin-bottom:8px;display:block;position:relative;padding:2px}.scene-element.selected{border:#eeeef2 solid 2px;padding:0}.scene-element:hover{border:#adb9ca solid 1px;padding:1px}.scene-element>img{float:none;margin:auto;display:block}.scene-element>span{text-overflow:ellipsis;overflow:hidden;width:100%;display:block;min-height:10px}#folder-container>a{border:solid 1px #fff;display:block;padding:5px;margin-top:5px}#folder-container>a.selected{cursor:not-allowed;background:#22559a}#folder-container>a>img,#folder-container>a>div{max-width:100%;height:150px;display:block;text-align:center;margin:auto;object-fit:contain}#folder-container>a>span{word-break:break-all}.viewer-sidebar-right{right:0;float:right}#annotation-sidebar-button{bottom:220px}#rotate-sidebar-button{bottom:140px}#help-sidebar-button{bottom:60px}@media(max-height:500px){#info-sidebar-button{top:10px}#scenes-sidebar-button{top:75px}#folder-sidebar-button{top:75px}#scenes-sidebar-button+div+#folder-sidebar-button{top:140px}#histogram-sidebar-button{bottom:145px}#reload-histogram-sidebar-button{bottom:30px}#annotation-sidebar-button{bottom:140px}#rotate-sidebar-button{bottom:75px}#help-sidebar-button{bottom:10px}}.viewer-sidebar-right>.side-bar-button{border-radius:5px 0 0 5px;border-right:none;right:100%}.viewer-sidebar-right .all-slider{min-height:30px;height:calc(100% - 200px);width:200px}.viewer-sidebar-right>.sidebar-container{border-radius:5px 0 0 5px}.annotation-list-element{height:34px;width:100%;margin-left:5px;margin-right:5px;position:relative;display:flex;border-radius:2px;padding:2px;cursor:pointer;background:#22559a;filter:grayscale(30%);border:#14325a solid 1px}.annotation-list-element.annotation-selected{border:#eeeef2 solid 1px;filter:none}.annotation-list-element>*{float:left}.annotation-list-element>*>.netscope-icon{position:relative;display:block;width:30px;height:30px;font-size:30px;top:0;line-height:30px}.annotation-list-element>span{width:30px}.annotation-list-element>div{overflow:hidden;text-overflow:ellipsis;padding:0 5px;white-space:nowrap}.annotation-mode{cursor:crosshair}.annotation-handle{width:5px;height:5px;background:#fff;border:solid #000 1px;cursor:grab}#annotation-settings{border:#22559a solid 1px;padding:1px}#annotation-color-control{width:30px;height:30px;cursor:pointer;border:#22559a solid 1px;margin:auto;float:none;display:block}#annotation-control-container>div.btn,#annotation-control-container>div>button{line-height:20px;padding-left:10px;padding-right:10px}.fa-check-box-additions{font-size:30px;display:block;text-align:center;cursor:pointer}.fa-check-box-additions.fa-check-square{color:#22559a}.fa-check-box-additions.fa-check-square:before{background:#fff;border:solid #fff;border-width:0 2px;border-radius:3px}.fa-check-box-additions.fa-square{color:#adb9ca}.quantification-list-element{height:34px;width:100%;margin-left:5px;margin-right:5px;position:relative;display:flex;border:#eeeef2 solid 1px;border-radius:2px;padding:2px;cursor:pointer;background:#22559a}.quantification-list-element>div{overflow:hidden;text-overflow:ellipsis;padding:0 5px;white-space:nowrap;width:100%}.quantification-list-element.hidden-quantification{filter:grayscale(30%);border:#14325a solid 1px}.quantification-count{border:#22559a solid 1px;padding:0 5px;float:right;font-size:1.2em;font-weight:bold;display:flex;justify-content:flex-end}.slider-container{width:90px;float:left;height:100%}.slider-container>.slider-name{height:30px}.slider-container>span{text-align:center;display:block}.slider-container>.minimum-label{margin:auto auto 10px auto}.slider-container>.maximum-label{margin:10px auto auto auto}.slider-container .direct-slider-container{height:calc(100% - 80px);width:15px;margin:auto}.slider-container .web-viewer-slider{background:#adb9ca}.web-viewer-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:50px;background:#d2d2d9;cursor:pointer;border-radius:4px;border:#22559a solid 1px}.web-viewer-slider::-moz-range-thumb{width:20px;height:50px;background:#d2d2d9;cursor:pointer;border-radius:4px;border:#22559a solid 1px}.sidebar-container .rotate-container{height:200px;padding:2px}#rotate-ring{border-radius:50%;background:#adb9ca;width:100%;height:100%;display:block;margin-left:auto;margin-right:auto;position:relative;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#rotate-ring .cover-ring{border-radius:50%;width:75%;height:75%;background:#d2d2d9;position:relative;margin:0;top:50%;left:50%;transform:translate(-50%,-50%);cursor:default}.cover-ring>.rotate-r{overflow:visible;color:#d2d2d9;width:35%;height:auto;position:absolute;font-size:94px;line-height:91px;stroke:#eeeef2;-webkit-text-stroke-color:#eeeef2;stroke-width:.8px;-webkit-text-stroke-width:.8px;overflow:hidden;cursor:pointer}.cover-ring>.rotate-r:hover{stroke-width:2;-webkit-text-stroke-width:2px}#right-rotate{right:0;transform-origin:50% 50%;top:16%;margin-right:-3px}#bottom-rotate{transform-origin:0 50%;transform:rotate(90deg);bottom:0;left:51%}#left-rotate{transform:rotate(180deg);transform-origin:50% 50%;left:0;top:18%;margin-left:-4px}#top-rotate{transform:rotate(-90deg);transform-origin:0;top:0;left:49%}.cover-ring>.rotation-label{position:absolute;padding:10px;color:#000;width:100%;pointer-events:none}.cover-ring>.top-label{text-align:center}.cover-ring>.bottom-label{text-align:center;bottom:0}.cover-ring>.left-label{height:100%;display:flex;align-items:center}.cover-ring>.right-label{height:100%;display:flex;align-items:center;justify-content:right;display:grid}.cover-ring>.value-container{width:50px;position:relative;transform:translate(-50%,-50%) scale(.8);left:50%;top:50%;color:#000}#rotation-value{width:40px;background:transparent;text-align:center}.rotate-indexer-container{position:absolute;left:50%;transform:translate(-50%,0);height:100%;pointer-events:none}#rotate-indexer{font-size:55px;line-height:40px;height:100%;transform-origin:50% 50%}@media(max-height:500px){.viewer-sidebar{padding:5px 0}.slider-container>.slider-name{height:20px}.viewer-sidebar .sidebar-container>*{padding:5px}.slider-container>.minimum-label{margin:auto auto 0 auto}.slider-container>.maximum-label{margin:0 auto auto auto}.slider-container .direct-slider-container{height:calc(100% - 55px)}}#share-qr-image{object-fit:contain;padding-top:100%}#share-qr-image.element-loaded{padding-top:0}#permission-request-modal{height:calc(100% - 40px);overflow:inherit;overflow-y:auto}#request-modal-counter{position:inherit}.users-groups-container .list-group{max-height:200px;overflow-y:auto}