.m-signature-pad--body {

    border: 1px solid #f4f4f4;
  }

  .m-signature-pad {
    font-size: 10px;

    border: 1px solid #e8e8e8;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
    border-radius: 4px;
  }


  .m-signature-pad:before, .m-signature-pad:after {

    z-index: -1;
    content: "";

      background: transparent;
      -webkit-transform: skew(-3deg) rotate(-3deg);
      -moz-transform: skew(-3deg) rotate(-3deg);
      -ms-transform: skew(-3deg) rotate(-3deg);
      -o-transform: skew(-3deg) rotate(-3deg);
      transform: skew(-3deg) rotate(-3deg);
      box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
  }


.m-signature-pad:after {


	-webkit-transform: skew(3deg) rotate(3deg);
	-moz-transform: skew(3deg) rotate(3deg);
	-ms-transform: skew(3deg) rotate(3deg);
	-o-transform: skew(3deg) rotate(3deg);
	transform: skew(3deg) rotate(3deg);
}

.m-signature-pad--body
  canvas {
    width: 100%;
    height: 100%;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
  }

.clear {
    border-color: gray;
}

.m-signature-pad--footer
    .description {
      color: #C3C3C3;
      text-align: center;
      font-size: 1.2em;
      margin-top: 1em;
    }