.form-control{
        min-height: 56px!Important;
    }
    sub,
    sup {
        position: absolute;
        margin-top: 2em;
        margin-left: .7em;
    }

    canvas {
        width: 100%;
        height: 100%;
        border: 1px #929fab dashed;
        border-radius: 5px;
    }

    .signature-pad-container {
        width: 100%;
        height: auto;
        padding: .5em;
        position: relative;
        background-color: white;
        box-shadow: 0 0 20px 1px #ddd;
        text-align: right;
        border-radius: 5px;
    }

    label.form-label-floating {
        position: absolute;
        font-size: .7em;
        margin-left: 1em;
    }

    #clear_button,
    #clear_button_2 {
        z-index: 10;
        position: absolute;
        right: 15px;
        color: #ff0000;
        font-weight: 600;
        font-size: 10pt;
        cursor: pointer;
    }

    #finish_button,
    #finish_button_2 {
        margin-top: 2em;
        cursor: pointer;
    }
    label.form-check-label {
    font-size: small!Important;
}
@media only screen and (max-width:571px) {
    canvas{
        min-height: 150px!Important;
    }
}