.signature-pad {
    height: 150px;
    max-width: 450px;
    width: 100%;
}

    .signature-pad .clear-button {
        text-decoration: none;
    }

    .signature-pad canvas {
        cursor: url("https://secure.thirdcoastcoding.com/Content/plugins/signature-pad/v2021.01.03/pen.cur"), crosshair;
        border: 1px solid #ccc;
    }

    .signature-pad .pen-colour {
        float: left;
        padding: 1px;
        margin: 1px;
        border: 2px solid #fff;
        cursor: pointer;
    }

        .signature-pad .pen-colour i {
            width: 16px;
            height: 16px;
            display: block;
        }

        .signature-pad .pen-colour.selected {
            border-color: #337ab7;
        }

        .signature-pad .pen-colour.pen-colour-black i {
            background: #000;
        }

        .signature-pad .pen-colour.pen-colour-blue i {
            background: #145394;
        }

        .signature-pad .pen-colour.pen-colour-red i {
            background: red;
        }