#document-panel .details {
    background-color: #fff;
    width: 706px;
    height: 706px;
    overflow: hidden;
}

#view-document {
    border: solid #ccc 4px;
    width: 76.92% !important;
    height: 76.92% !important;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.user-view-document {
    background-image: url('../images/user_view_document.png') !important;
}

.ux-button-document {
    background-image: url('../images/view_document.png') !important;
    width: 42px;
    height: 42px;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.signed .x-panel-body {
    background-color: #DFE8F7;
}

.signed-buttom .x-toolbar-ct .x-toolbar-left  {
    padding-left: 38%;
}

.clear-bg .x-btn-tl, .clear-bg .x-btn-tr, .clear-bg .x-btn-tc, .clear-bg .x-btn-ml, .clear-bg .x-btn-mr,
.clear-bg .x-btn-mc, .clear-bg .x-btn-bl, .clear-bg .x-btn-br, .clear-bg .x-btn-bc {
    background-position: 500px 500px;
}

.clear-bg .x-btn-over .x-btn-tl {
    background-position: -6px 0;
}

.clear-bg .x-btn-over .x-btn-tr {
    background-position: -9px 0;
}

.clear-bg .x-btn-over .x-btn-tc {
    background-position: 0 -9px;
}

.clear-bg .x-btn-over .x-btn-ml {
    background-position: -6px -24px;
}

.clear-bg .x-btn-over .x-btn-mr {
    background-position: -9px -24px;
}

.clear-bg .x-btn-over .x-btn-mc {
    background-position: 0 -2168px;
}

.clear-bg .x-btn-over .x-btn-bl {
    background-position: -6px -3px;
}

.clear-bg .x-btn-over .x-btn-br {
    background-position: -9px -3px;
}

.clear-bg .x-btn-over .x-btn-bc {
    background-position: 0 -18px;
}

.clear-bg .x-btn-click .x-btn-tl {
    background-position: -12px 0;
}

.clear-bg .x-btn-click .x-btn-tr {
    background-position: -15px 0;
}

.clear-bg .x-btn-click .x-btn-tc {
    background-position: 0 -12px;
}

.clear-bg .x-btn-click .x-btn-ml {
    background-position: -12px -24px;
}

.clear-bg .x-btn-click .x-btn-mr {
    background-position: -15px -24px;
}

.clear-bg .x-btn-click .x-btn-mc {
    background-position: 0 -3240px;
}

.clear-bg .x-btn-click .x-btn-bl {
    background-position: -12px -3px;
}

.clear-bg .x-btn-click .x-btn-br {
    background-position: -15px -3px;
}

.clear-bg .x-btn-click .x-btn-bc {
    background-position: 0 -21px;
}