/****** System styles ******/

#signature {
  width:auto;
  box-shadow: 0 0 5px 1px #ddd inset;
  border:dashed 2px #53777A;
  border: dashed 1px #53777A;
  margin:0;
  text-align:center;
  min-height:80px;
  min-width:340px;
  transition:.2s;
}
/*#signature:hover {
  border-color:#54492a;
}
#signature:active {
  border-color:#C02942;
}*/

/* Big Red Button  https://cdpn.io/MwoOeW/ */
.big-red-button {
  border:none;
  outline:none;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.5em;
  letter-spacing:.1rem;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight:300;
  width: 5rem;
  height: 4rem;
  line-height:4rem;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  background: #f74d4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f74d4d), color-stop(100%, #f86569));
  background-image: -moz-gradient(linear, left top, left bottom, color-stop(0%, #f74d4d), color-stop(100%, #f86569));
  box-shadow: 0 .4rem #e24f4f; 
}
.big-red-button:active {
  box-shadow: 0 0 #e24f4f;
  transform: translate(0px, .4rem);
  transition: 0.1s all ease-out;
}

#reset { 
  margin:1.5em auto; 
}
#signature_capture {
  width:100%; 
  height:7em; 

}