@include export-module('co-docsign-layout') {
  .co-docsign {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    iframe {
      border-style: none;
      height: 100%;
      width: 100%;
    }
    input[type="button"] {
      font-family: $sc-font-family;
      border-radius: $sc-signature-button-border-radius;
      border: $sc-signature-button-border;
      padding: $sc-signature-button-padding;
    }
    .button-sign-document {
      position: absolute;
      left: $sc-signature-button-sign-left;
      top: $sc-signature-button-sign-top;
      right: $sc-signature-button-sign-right;
      bottom: $sc-signature-button-sign-bottom;
    }
    .button-cancel {
      position: absolute;
      left: $sc-signature-button-cancel-left;
      top: $sc-signature-button-cancel-top;
      right: $sc-signature-button-cancel-right;
      bottom: $sc-signature-button-cancel-bottom;
    }
    .co-signatures {
      position: absolute;
      width: 100%;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
    .pdf-container {
      height: 100%;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }
    .pdf-page {
      display: block;
      max-width: 100%;
      margin: 0 auto 16px auto;
    }
  }
}