.case-viewer{background-color:#222020;height:100vh}.case-viewer .case-viewer__canvas-container{padding-top:4.5rem;display:block}.case-viewer .case-viewer__canvas-container .case-viewer__thumbnail,.case-viewer .case-viewer__canvas-container .case-viewer__active-canvas{display:inline-block;vertical-align:top;height:calc(100vh - 150px)}.case-viewer .case-viewer__canvas-container .case-viewer__active-canvas{background-color:#222020;width:100%}.case-viewer .case-viewer__header{position:fixed;top:0;left:0;right:0;height:25px;background-color:#393737;box-shadow:0 4px 6px rgba(0,0,0,.44);z-index:1;color:#fff;font-weight:700;font-size:1.25rem;padding:23px}.case-viewer .case-viewer__header>span{cursor:pointer;margin-right:1rem}body{margin:0}.viewer-tools{border-bottom:1px solid #FFF;padding:1rem 1rem 0;display:flex;overflow:scroll;white-space:nowrap;max-height:54px;overflow-y:hidden;justify-content:space-between}.viewer-tools::-webkit-scrollbar{width:0;height:0}.viewer-tools .viewer-tools__select{height:40px;background-color:#222020;color:#fff;border-radius:10px;padding:5px;width:150px}.viewer-tools .viewer-tools__tool{cursor:pointer;width:50px;text-align:center;color:#fff}.viewer-tools .viewer-tools__tool svg{color:#fff}.viewer-tools .ant-menu-light{font-family:Lato,sans-serif;background-color:transparent!important}.viewer-tools .ant-menu-light.ant-menu-horizontal{line-height:15px}.viewer-tools .ant-menu-light .ant-menu-item,.viewer-tools .ant-menu-light .ant-menu-submenu{color:#fff;text-align:center}.viewer-tools .ant-menu-light .ant-menu-item .ant-menu-submenu-title,.viewer-tools .ant-menu-light .ant-menu-submenu .ant-menu-submenu-title{color:#fff}.viewer-tools .ant-menu-light .ant-menu-item.ant-menu-item-selected div,.viewer-tools .ant-menu-light .ant-menu-item.ant-menu-item-selected span,.viewer-tools .ant-menu-light .ant-menu-submenu.ant-menu-item-selected div,.viewer-tools .ant-menu-light .ant-menu-submenu.ant-menu-item-selected span,.viewer-tools .ant-menu-light .ant-menu-item:hover div,.viewer-tools .ant-menu-light .ant-menu-item:hover span,.viewer-tools .ant-menu-light .ant-menu-submenu:hover div,.viewer-tools .ant-menu-light .ant-menu-submenu:hover span{color:#1677ff}.viewer-tools .ant-menu-light .ant-menu-item span,.viewer-tools .ant-menu-light .ant-menu-submenu span{display:block;text-align:center}.viewer-tools .ant-menu-light .ant-menu-item .ant-menu-title-content,.viewer-tools .ant-menu-light .ant-menu-submenu .ant-menu-title-content{margin:15px 0 10px;font-size:.8rem;text-transform:uppercase}.viewer-tools .ant-menu-light .viewer-tools__grid-layout-menu .ant-menu-title-content{margin:0}.viewer-tools__grid-text{margin:15px 0 10px;font-size:.8rem}.viewer-tools__sub-menu.ant-menu-submenu-popup.ant-menu{background-color:#000;padding-top:0}.viewer-tools__sub-menu.ant-menu-submenu-popup.ant-menu .ant-menu-item{background-color:#000}.viewer-tools__sub-menu.ant-menu-submenu-popup.ant-menu .ant-menu-item .ant-menu-title-content{color:#fff}.viewer-tools__sub-menu.ant-menu-submenu-popup.ant-menu .ant-menu-item:not(.ant-menu-item-selected):hover{background-color:#000}.viewer-tools__sub-menu.ant-menu-submenu-popup.ant-menu .ant-menu-item:not(.ant-menu-item-selected):hover .ant-menu-title-content{color:#fff}button.ant-btn.ant-btn-variant-solid,button.ant-btn.ant-btn-variant-solid:hover{background-color:#1847e9}@media (max-width: 1080px){.viewer-tools__shortcut-menu-btn{display:none}}.grid-dropdown{padding:5px;display:flex;flex-direction:column}.grid-row{display:flex}.grid-cell{width:30px;height:30px;border:1px solid #ccc;cursor:pointer;margin:2px;background-color:#f0f0f0}.grid-cell.hovered{background-color:#1890ff}.keyboard-shortcut-table{overflow:hidden scroll;height:300px}.stack-thumbnail{position:relative;margin:15px 10px;width:calc(100% - 20px);height:130px;border:1px solid #FFF;border-radius:10px;cursor:pointer}.stack-thumbnail.active-thumbnail{border:1px solid #1677ff}.stack-thumbnail.disabled-thumbnail{user-select:none;cursor:not-allowed}.stack-thumbnail img{border-radius:10px;width:100%;height:100px;object-fit:cover}.stack-thumbnail .stack-thumbnail__series-description{color:#fff;font-size:.7rem;text-align:center;height:30px;display:block;align-items:center;padding:0 7px;width:calc(100% - 14px);justify-content:center;background-color:#000;border-radius:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}span.stack-thumbnail__count{color:#fff;position:absolute;bottom:15px;right:5px;font-size:13px}.stack-thumbnail__progress{width:100%;display:block;position:relative;margin-top:-12px;height:14px}.viewer-wrapper{height:100%}.viewer-wrapper .viewer-wrapper__canvas-wrapper.hide-thumbnails .viewer-wrapper__thumbnails{display:none}.viewer-wrapper .viewer-wrapper__canvas-wrapper.hide-thumbnails .viewer-wrapper__content-wrapper{width:99.9%}.viewer-wrapper .viewer-wrapper__thumbnails{width:8%;height:100%;overflow:scroll}.viewer-wrapper .viewer-wrapper__thumbnails,.viewer-wrapper .viewer-wrapper__content-wrapper{display:inline-block;vertical-align:top}.viewer-wrapper .viewer-wrapper__content-wrapper{width:calc(92% - 2px);border:1px solid #FFF;border-top:none;position:relative}.viewer-wrapper .viewer-wrapper__canvas-wrapper{height:calc(100vh - 150px);overflow:hidden}@media (max-width: 768px){.viewer-wrapper .viewer-wrapper__canvas-wrapper.hide-thumbnails .viewer-wrapper__thumbnails{display:none}.viewer-wrapper .viewer-wrapper__canvas-wrapper.hide-thumbnails .viewer-wrapper__content-wrapper{width:99.9%}.viewer-wrapper .viewer-wrapper__thumbnails{width:20%;height:calc(100vh - 150px);overflow:scroll}.viewer-wrapper .viewer-wrapper__content-wrapper{width:calc(80% - 2px);border:1px solid #FFF;border-top:none;position:relative}}.loader-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#000;z-index:10;display:block}.loader-wrapper__loader{position:absolute;left:0;right:0;bottom:0;top:0;height:15px;margin:auto;width:15px;aspect-ratio:1;border-radius:50%;animation:l5 1s infinite linear alternate}@keyframes l5{0%{box-shadow:20px 0 #1677ff,-20px 0 rgba(0,0,0,.133);background:#1677ff}33%{box-shadow:20px 0 #1677ff,-20px 0 rgba(0,0,0,.133);background:rgba(0,0,0,.133)}66%{box-shadow:20px 0 rgba(0,0,0,.133),-20px 0 #1677ff;background:rgba(0,0,0,.133)}to{box-shadow:20px 0 rgba(0,0,0,.133),-20px 0 #1677ff;background:#1677ff}}.threed-mpr{position:relative}.threed-vrt{position:relative;height:calc(100vh - 151px)}#threed-content{height:100%}.stack-scroll{display:block;position:relative}.stack-scroll #stack-content{display:flex;flex-wrap:wrap;margin:0 auto;background-color:#000;height:calc(100vh - 150px)}.stack-scroll #stack-content .cornerstone-element{border:1px solid #FFF}.stack-scroll #stack-content .stack-scroll__metadata{font-size:.75rem;line-height:1.25rem;color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.stack-scroll #stack-content .stack-scroll__patient-details{position:absolute;top:10px;left:10px}.stack-scroll #stack-content .stack-scroll__date{position:absolute;top:10px;right:10px}@media (max-width: 768px){.stack-scroll #stack-content .stack-scroll__date{display:none}}.stack-scroll #stack-content .stack-scroll__image-data{position:absolute;bottom:10px;left:10px}@media (max-width: 768px){.stack-scroll #stack-content .stack-scroll__image-data{display:none}}.stack-scroll #stack-content .stack-scroll__image-manipulation-data{position:absolute;bottom:10px;right:10px}@media (max-width: 768px){.stack-scroll #stack-content .stack-scroll__image-manipulation-data{display:none}}.stack-scroll #stack-content .stack-scroll__position-labels>div{position:absolute;width:10px;height:10px;font-weight:700;font-size:1rem}.stack-scroll #stack-content .stack-scroll__position-labels>div.stack-scroll__position-top{top:10px;left:0;right:0;margin:0 auto}.stack-scroll #stack-content .stack-scroll__position-labels>div.stack-scroll__position-bottom{bottom:20px;left:0;right:0;margin:0 auto}.stack-scroll #stack-content .stack-scroll__position-labels>div.stack-scroll__position-right{right:10px;top:0;bottom:0;margin:auto 0}.stack-scroll #stack-content .stack-scroll__position-labels>div.stack-scroll__position-left{left:10px;top:0;bottom:0;margin:auto 0}body{font-family:Lato,sans-serif;font-weight:400;font-style:normal}
