a.button.raised,.button.raised{color:rgba(0,0,0,0.87);background-color:rgba(250,250,250,0.57)}.ow-button.fab.mini{overflow:visible}#img-dri,#img-rov{display:none}.image-container{position:absolute;top:0;left:0;width:100%;height:100%;vertical-align:middle;box-sizing:border-box}.image-container .image{display:block;margin:auto;max-width:100%;max-height:100%;vertical-align:middle;position:relative;top:50%;transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);box-sizing:border-box}.zoom-view{position:absolute;display:none;top:0;left:0;width:100%;height:100%;background-color:white;box-sizing:border-box}.zoom-view .zoom-image{cursor:crosshair;box-sizing:border-box}.zoom-image{visibility:hidden;box-sizing:border-box}.grid-view{position:absolute;display:none;top:0;left:0;width:100%;height:100%;background-color:white;box-sizing:border-box}.grid-view .image-container{position:absolute;top:0;left:0;width:100%;height:100%;vertical-align:middle;padding:0;box-sizing:border-box}.grid-view .grid-image{padding:24px;cursor:crosshair;box-sizing:border-box}.overlay-grid{position:absolute;display:block;box-sizing:border-box}.overlay-grid .lines{position:absolute;display:block;top:24px;left:24px;bottom:24px;right:24px;border:1px solid #000;box-sizing:border-box}.overlay-grid .lines .v-line{position:absolute;border-left:1px solid #00f;box-sizing:border-box}.overlay-grid .lines .h-line{position:absolute;border-bottom:1px solid #00f;box-sizing:border-box}.overlay-grid .ruler{position:absolute;display:block;box-sizing:border-box}.overlay-grid .ruler.top{top:0;left:24px;right:24px;height:24px;line-height:24px;box-sizing:border-box}.overlay-grid .ruler.right{right:0;top:24px;bottom:24px;width:24px;box-sizing:border-box}.overlay-grid .ruler.bottom{bottom:0;left:24px;right:24px;height:24px;line-height:24px;box-sizing:border-box}.overlay-grid .ruler.left{left:0;top:24px;bottom:24px;width:24px;box-sizing:border-box}.overlay-grid .ruler.top .h-text,.overlay-grid .ruler.bottom .h-text{position:absolute;display:block;width:8.33333%;height:24px;line-height:24px;vertical-align:middle;text-align:center;box-sizing:border-box}.overlay-grid .ruler.left .v-text,.overlay-grid .ruler.right .v-text{position:absolute;display:block;width:24px;height:8.33333%;line-height:100%;text-align:center;box-sizing:border-box}.overlay-grid .ruler.left .v-text div,.overlay-grid .ruler.right .v-text div{position:relative;top:50%;transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);box-sizing:border-box}#color-list{display:block;padding:8px 0;margin:0;background-color:#FFF;box-sizing:border-box}#color-list li{display:block;width:48px;height:48px;cursor:pointer;margin:auto;border-radius:50%;line-height:48px;vertical-align:middle;box-sizing:border-box}#color-list li a{margin:0 4px}#color-list li i{display:none}#color-list li.active i{color:white;cursor:default;display:inline-block}#color-list li a.grey i{color:black}#color-list li a.green i{color:black}#color-list li a.grey{background-color:lightgray}#color-list li a.black{background-color:#000}#color-list li a.red{background-color:red}#color-list li a.green{background-color:#0f0}#color-list li a.blue{background-color:#00f}.ruler-view{position:absolute;display:none;top:0;left:0;width:100%;height:100%;background-color:white;box-sizing:border-box}.ruler-view .image-container{position:absolute;top:0;left:0;width:100%;height:100%;vertical-align:middle;padding:0;box-sizing:border-box}.ruler-view .ruler-image{padding:24px;box-sizing:border-box}.overlay-ruler{position:absolute;display:block;box-sizing:border-box}.overlay-ruler .lines{position:absolute;display:block;top:24px;left:24px;bottom:24px;right:24px;border:1px solid #000;overflow:hidden;cursor:crosshair;box-sizing:border-box}.overlay-ruler .lines .v-line{position:absolute;width:1px;height:100%;top:0;left:0;bottom:0;border-left:1px solid #00f;cursor:ew-resize;box-sizing:border-box}.overlay-ruler .lines .h-line{position:absolute;width:100%;height:1px;left:0;right:0;top:0;border-bottom:1px solid #00f;cursor:ns-resize;box-sizing:border-box}.overlay-ruler .lines .tag-x,.overlay-ruler .lines .tag-y{position:absolute;padding:0 2px;margin:0;top:0;left:0;font-size:14px;color:#000;background-color:#FFF;border:1px solid #000;white-space:nowrap;box-sizing:border-box}.overlay-ruler .ruler{position:absolute;display:block;box-sizing:border-box}.overlay-ruler .ruler.top{top:0;left:24px;right:24px;height:24px;line-height:24px;box-sizing:border-box}.overlay-ruler .ruler.right{right:0;top:24px;bottom:24px;width:24px;box-sizing:border-box}.overlay-ruler .ruler.bottom{bottom:0;left:24px;right:24px;height:24px;line-height:24px;box-sizing:border-box}.overlay-ruler .ruler.left{left:0;top:24px;bottom:24px;width:24px;box-sizing:border-box}.overlay-ruler .ruler .v-line{position:absolute;border-left:1px solid #000;box-sizing:border-box}.overlay-ruler .ruler .h-line{position:absolute;border-bottom:1px solid #000;box-sizing:border-box}.overlay-ruler .ruler.top .h-text,.overlay-ruler .ruler.bottom .h-text{position:absolute;display:block;font-size:14px;text-align:left;box-sizing:border-box}.overlay-ruler .ruler.left .v-text{position:absolute;display:block;font-size:14px;text-align:center;transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);box-sizing:border-box}.overlay-ruler .ruler.right .v-text{position:absolute;display:block;font-size:14px;text-align:center;transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);box-sizing:border-box}.overlay-ruler .ruler.left .v-text div,.overlay-ruler .ruler.right .v-text div{position:relative;top:50%;transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);box-sizing:border-box}#image-info-panel{display:block;max-width:840px;max-height:100%;margin:0 auto;top:auto;bottom:0;left:0;right:0;background-color:rgba(250,250,250,0.7);box-sizing:border-box}#image-info-panel .title{margin-left:16px}#image-info-panel .image-info-content{padding:16px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}#menu-image-popup{top:70px;left:8px;right:8px;box-sizing:border-box}#btnImageMenu .ow-caret-up{top:21px}@media screen and (min-width:480px){#menu-image-popup{top:70px;left:8px;right:auto}#btnImageMenu .ow-caret-up{top:21px}}#colors-popup{top:auto;bottom:70px;left:8px;right:auto;min-width:64px;box-sizing:border-box}#btnImageGridColor .ow-caret-down,#btnImageRulerColor .ow-caret-down{top:-28px}@media screen and (min-width:480px){#btnImageGridColor .ow-caret-down,#btnImageRulerColor .ow-caret-down{top:-28px}}