#viewer{width:1000px;height:800px;background-color:white}.control{position:absolute;z-index:1;margin:0 !important}.icon{width:38px;height:38px;padding:0 !important;border:none !important;outline:none !important;margin:0 20px 0 0 !important}.icon.disabled{opacity:.7}.icon:last-of-type{margin:0 !important}.text{font-family:sans-serif;color:#000;text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff}.toolbar{bottom:0;left:0;padding:20px}.toolbar:hover{background-color:rgba(0,0,0,0.25)}.progress{bottom:90px;left:20px;pointer-events:none}.counter{bottom:25px;right:30px;pointer-events:none}.preloader{top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;width:150px;height:150px;background:url(../img/preload.gif) no-repeat;background-size:100% 100%}.page-up{background:url(../img/icons.png) 0 0}.page-down{background:url(../img/icons.png) -38px 0}.zoom-in{background:url(../img/icons.png) -76px 0}.zoom-out{background:url(../img/icons.png) -114px 0}.display-state{background:url(../img/icons.png) -152px 0}.display-scroll{background:url(../img/icons.png) -190px 0}.display-slide{background:url(../img/icons.png) -228px 0}.progress-bar{width:200px}.progress-text{position:relative}.page-total{font-size:14px}.page-current{font-size:38px}.control.footer{bottom:0;height:54px;background:#1c1c1c;position:absolute;width:100%;padding:0;margin:0}.control.footer .center,.control.footer .right,.control.footer .left{position:absolute;top:10px}.control.footer .progress{height:4px;left:0px;top:0px;position:absolute;background-color:#7a7a7a;width:100%}.control.footer .progress .fill{background-color:#333;height:100%}.control.footer .pages_block{padding:0;float:none;height:50px;line-height:38px;position:relative}.control.footer .pages_block span:last-child{margin-right:0px}.control.footer .pages_block .page_number,.control.footer .pages_block .page_numbers,.control.footer .pages_block .slash{font-size:11px;color:#999;float:none;margin-right:5px}.control.footer .center{left:50%;margin-left:-22px}.control.footer .center button{position:absolute;top:0px;margin-right:0px}.control.footer .center button:first-child{left:-46px}.control.footer .center button:last-child{position:absolute;right:-66px;margin-right:0px;top:0px}.control.footer .right{right:30px}.control.footer .left{left:30px}.control.footer#viewer-below{bottom:auto !important;position:relative !important;width:calc(1000px - 38px)}.control.share{padding-left:40px}.control.share:hover{background-color:rgba(0,0,0,0.25)}.control.share .social{height:35px !important}#viewer{background-color:white;width:auto}#viewer-below{width:auto !important}.control.actions{display:table;top:17px;left:10px}.control.actions .panel{display:none;background-color:#101010;padding:20px}.control.actions .panel a{color:white}