.signpreview-plate-container {
  white-space: pre;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor; }

.preview-display {
  position: relative; }
  .preview-display .previewContainer {
    width: 100%;
    height: 100%; }
    .preview-display .previewContainer .preview {
      background-color: #000000;
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0; }
      .preview-display .previewContainer .preview .preview-page {
        display: none !important; }
        .preview-display .previewContainer .preview .preview-page.show {
          display: block !important; }
        .preview-display .previewContainer .preview .preview-page .preview-block {
          white-space: pre;
          image-rendering: -moz-crisp-edges;
          /* Firefox */
          image-rendering: -o-crisp-edges;
          /* Opera */
          image-rendering: -webkit-optimize-contrast;
          /* Webkit (non-standard naming) */
          image-rendering: crisp-edges;
          image-rendering: pixelated;
          -ms-interpolation-mode: nearest-neighbor;
          display: none !important; }
          .preview-display .previewContainer .preview .preview-page .preview-block.show {
            display: block !important; }
    .preview-display .previewContainer .actions {
      margin-top: 5px;
      width: 100%; }
      .preview-display .previewContainer .actions button {
        width: calc(100% / 3);
        min-width: 30px;
        max-width: none;
        height: 40px;
        min-height: 30px;
        max-height: 40px;
        background: #FFFFFF;
        border: 1px solid #F2F2F2;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 35px; }
      .preview-display .previewContainer .actions .pageNumber {
        width: 100%;
        text-align: right; }
  .preview-display .preview-display-number {
    position: absolute;
    right: -15px;
    top: -10px;
    width: 20px;
    height: 20px;
    line-height: 15px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid red;
    background-color: yellow; }
