.row-header-colour {
    background: linear-gradient(to right, black, #333) !important;
}
.p-sm {
    margin-bottom: 0rem;
}
.span-h6 {
    font-size: 1rem; /* Adjust as needed */
    font-weight: 500; /* Adjust as needed */
}
.invoice-background {
    background-color: #fff200;
}
/* Signature */
/* Signature Pad Container */
.signature-pad {
    position: relative; /* Relative so canvas is positioned relative to container */
    height: 100%; /* Set height to a fixed value */
    width: auto; /* Full width */
    max-width: auto; /* Adjust max-width as needed */
    margin: 0 auto; /* Center horizontally */
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box; /* Include padding and border in width calculation */
}

/* Signature Pad Canvas */
.signature-pad canvas {
    display: block; /* Ensure canvas behaves like a block element */

    width: 100%; /* Fill the parent container */
    max-width: none; /* Override max-width to fill container */
    height: 100%; /* Allow canvas to resize proportionally */
    touch-action: none; /* Prevent default touch actions */
}