.lucid-viewer {
        border: #CCC solid 1px;
        position: relative;
        cursor: move;
        cursor: grab;
    }

    .lucid-viewer.dragging {
        cursor: move;
        cursor: grabbing;
    }

    .lucid-viewer .img-container {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: hidden;
    }

    .lucid-viewer .img-container img {
        position: absolute;
        max-width: none;
    }

    .lucid-viewer .page-control {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 33%;
        cursor: inherit;
    }

    .lucid-viewer .page-left {
        left: 0;
    }

    .lucid-viewer .page-right {
        right: 0;
    }

    .lucid-viewer .page-button {
        position: absolute;
        background: url(/s/-mxfiiu/9120013/1vaw5wt/1.12.1/_/download/resources/com.lucidchart.jira.plugins.lucid-jira:lucid-viewer-general/page-arrows.png) no-repeat;
        top: 50%;
        margin-top: -50px;
        height: 100px;
        width: 64px;
        display: none;
        cursor: pointer;
    }

    .lucid-viewer .page-control:hover .page-button {
        display: block;
    }

    .lucid-viewer .page-button-left {
        background-position: 0 0;
        left: 0;
    }

    .lucid-viewer .page-button-left:hover {
        background-position: 0 -100px;
    }

    .lucid-viewer .page-button-right {
        background-position: -64px 0;
        right: 0;
    }

    .lucid-viewer .page-button-right:hover {
        background-position: -64px -100px;
    }

    .lucid-viewer .page-counter {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        text-align: right;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 16px;
        height: 0;
        padding: 1px 1px 0;
        color: #999;
        cursor: default;
    }

    .lucid-viewer .zoom-controls {
        position: absolute;
        top: 5px;
        right: 5px;
    }

    .lucid-viewer .zoom-button {
        background: url(/s/-mxfiiu/9120013/1vaw5wt/1.12.1/_/download/resources/com.lucidchart.jira.plugins.lucid-jira:lucid-viewer-general/zoom-icons.png) no-repeat;
        height: 32px;
        width: 32px;
        padding: 0;
        float: right;
        border: transparent solid 1px;
        cursor: pointer;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .lucid-viewer .zoom-button.active:hover {
        border-color: #E5E5E5;
        background-color: rgba(255,255,255,.25);
    }

    .lucid-viewer .zoom-button-in {
        background-position: -32px 0;
    }

    .lucid-viewer .zoom-button-in.active {
        background-position: -32px -32px;
    }

    .lucid-viewer .zoom-button-in.active:hover {
        background-position: -32px -64px;
    }

    .lucid-viewer .zoom-button-out {
        background-position: 0 0;
    }

    .lucid-viewer .zoom-button-out.active {
        background-position: 0 -32px;
    }

    .lucid-viewer .zoom-button-out.active:hover {
        background-position: 0 -64px;
    }

    .lucid-rich-viewer {
        width: 0;
        height: 0;
        border: none;
    }