#viewer,body,html{height:100%;width:100%;overflow:hidden}.header{display:block;width:100%;font-size:30px;height:40px;line-height:40px;position:relative}.header .contentContainer{width:calc(100% - 20px);height:100%;position:absolute;left:10px;top:0}.header .background{width:100%;height:100%;position:absolute;left:0;top:0}.header .headerText{font-size:20px;line-height:39px;width:100%;height:39px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left}.header .icon{width:29px;height:29px;float:right;line-height:29px;text-align:center;font-size:20px;cursor:pointer;margin:5px;border-radius:5px}.header .icon.left{float:left}#groupedHeaderItems .inlineContextMenu .item .icon.constructed,.header .icon.constructed{position:relative}#groupedHeaderItems .itemContainer .item .icon.border,.header .icon.border{width:25px;height:25px;line-height:27px;border:2px solid;border-radius:5px}#groupedHeaderItems .inlineContextMenu .item .icon.constructed .fa-file:not(:first-of-type),.header .icon.constructed .fa-file:not(:first-of-type){position:absolute;font-size:8px;top:13px;left:12px}#groupedHeaderItems .inlineContextMenu .item .icon.constructed .annotation,.header .icon.constructed .annotation{position:absolute;font-size:12px;left:0;top:2px;width:17px;height:17px;line-height:17px;text-align:center;border-radius:50%}#groupedHeaderItems .inlineContextMenu .item .icon.constructed .annotation.small,.header .icon.constructed .annotation.small{font-size:7px}.header .icon .blinkContainer{width:29px;height:29px;border-radius:5px;line-height:30px}.header .icon .blinkContainer input{position:fixed;top:-50px}.header .icon .blinkContainer.blink{background-color:#E8B018!important;animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:0}}#groupedHeaderItems{width:100%;height:calc(100% - 40px);z-index:1000000;overflow:auto;top:initial}#groupedHeaderItems .inlineContextMenu{width:250px;border-top-left-radius:0;border-top-right-radius:0;overflow:hidden;right:10px}#groupedHeaderItems .inlineContextMenu .item .icon{cursor:pointer}#groupedHeaderItems .inlineContextMenu .item .icon.constructed .annotation{background-color:#0080dd!important;color:#fff!important;left:2px;top:2px;width:15px;height:15px;line-height:15px}#groupedHeaderItems .inlineContextMenu .item .text{height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#viewer .contentHolder{height:100%;overflow:hidden;position:relative}#viewer.demoMode .contentHolder{box-shadow:0 10px 30px rgba(73,78,92,.2)}#viewer .menu{width:300px;height:100%;background:#fff;overflow:hidden;float:left;display:block;position:absolute;top:0;left:0}#viewer .menu .menuUserBlock{width:100%;height:200px;display:inline-block;position:relative}#viewer .menu .menuUserBlock .blockBackground{position:absolute;left:0;top:0;width:100%;height:100%}#viewer .menu .menuUserBlock .iconHolder{position:absolute;left:0;top:0;width:100%;height:39px}#viewer .menu .menuUserBlock .iconHolder .icon{width:29px;height:29px;float:left;line-height:29px;text-align:center;font-size:20px;margin:5px;cursor:pointer}#viewer .menu .menuUserBlock .iconHolder .icon.right{float:right}#viewer .menu .menuUserBlock .userContentHolder{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;display:flex;justify-content:center;align-items:center}#viewer .menu .menuUserBlock .userContentHolder .avatar{height:75px;width:75px;background-size:100% 100%;border-radius:50%;margin-left:auto;margin-right:auto}#viewer .menu .menuUserBlock .userContentHolder .initial{height:100px;width:100px;border-radius:50%;line-height:100px;text-align:center;margin-left:auto;margin-right:auto}#viewer .menu .menuUserBlock .userContentHolder .name{width:100%;text-align:center;float:left;margin-top:10px}#viewer .menu .optionsContainer{height:calc(100% - 260px);width:100%;overflow:auto}#viewer .menu .option{width:calc(100% - 10px);min-height:30px;text-align:left;padding:5px;overflow:hidden;cursor:pointer;border:0;background-color:#fff;color:#000;position:relative;margin:0;display:flex;align-items:center}#viewer .menu .option .icon{text-align:center;float:left;background-size:100% 100%}#viewer .menu .option .icon:not(:first-child){margin-right:0;margin-left:5px}#viewer .menu .option .text{display:block;float:left;margin-left:5px}#viewer .menu .option .text.clipped{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#viewer .menu .option .counter{text-align:center;float:left;border-radius:50%;margin-left:5px;overflow:hidden}#viewer:not(.collapsedView) .menu>.option{min-height:50px}#viewer.demoMode{display:flex!important;justify-content:center;align-items:center}#viewer.demoMode .menu{display:none}#viewer .demoModeWrapper{height:50px;width:calc(100% - 20px);position:absolute;bottom:10px;left:10px;display:flex;justify-content:center;overflow:hidden}#viewer .demoModeWrapper .ribbon{background-color:transparent;height:50px;float:left;border-radius:25px}#viewer .demoModeWrapper .ribbon .button{height:40px;width:40px;border-radius:20px;margin:5px 5px 5px 0;float:left;line-height:40px;text-align:center;background-color:#0080dd;color:#fff;cursor:pointer}#viewer .demoModeWrapper .ribbon .button:first-child{margin-left:5px}