#sign_by_hand {
    display: none;
}

#sign_with_digidoc {
    display: none;
}

#signature_wrapper {
    display: none;
}

#toggle {
  position: fixed;
  right: 4px;
  top: 0;
  text-align: right;
  font-size: 3.5em;
  cursor: pointer;
  background-color: transparent;
  opacity: 0.3;
  z-index: 20;
}

.signature-pad {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 10px;
  width: 95%;
  height: 250px;
  //max-width: 700px;
  //max-height: 460px;
  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;
  padding: 16px;
}

.signature-pad--body
canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
}

#upload_signed {
    display: none;
}

#clear {
    right: 1em;
    z-index: 1;
    position: absolute;
    color: red;
    max-width: 2em;
}

.wrapper {
  width: 100%;
  height: 100%;
  align: center;
   
    }