.signature-pad-wrapper {
    position: relative;
    width: 400px;
    height: 200px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 30px;
}

@media (max-width: 500px) {
    .signature-pad-wrapper {
        width: 100%;
    }
    .signature-pad {
        width: 100% !important;
    }
}

.signature-pad-wrapper+.btn {
    margin-top: 20px !important;
}

.signature-pad {
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: 200px;
    background-color: white;
    cursor: crosshair;
    border: 2px dashed #ff8700;
}

.signature-pad-clear {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 999;
    color: orange;
    text-decoration: underline;
    cursor: pointer;
}

.signature-pad-text {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 999;
}