:root {
    --color-silver: #a3a3a3;
    --color-blue: #15212F;
    --color-yellow: #f0a71c;
    --tb-fsize-th: 14px;
    --tb-fsize-td: 14px;
}

.highlight-font {
    color: white !important;
}

.tablaComprobante {
    border: 1px solid var(--color-silver);
    font-size: var(--tb-fsize-td);
    font-family: Arial;
    width: 100%;
    /*
    border: 1px solid #000; */
}

    .tablaComprobante th {
        font-family: Arial, sans-serif;
        font-size: var(--tb-fsize-th);
        font-weight: normal;
        padding: 10px 5px;
        border-style: solid;
        border-width: 1px;
        overflow: hidden;
        word-break: normal;
        border-color: var(--color-silver);
        color: #fff;
        background-color: var(--color-blue);
        width: 25%;
        /*
        width: 25%;
        text-align: left;
        vertical-align: top;
        border: 1px solid #000;
        border-collapse: collapse;
        padding: 0.3em;
        caption-side: bottom;
        */
    }

    .tablaComprobante td {
        text-align:justify;
        border: 1px solid var(--color-silver);
    }

    .tablaComprobante caption {
        padding: 0.3em;
        color: #fff;
        background: #000;
        caption-side:top !important;
    }

.btn-imp {
    font-size: 18pt;
    font-family: Bahnschrift;
    color: white;
    border: none;
    padding: 0;
    background: var(--color-yellow);
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    letter-spacing: 2.5px;
    padding: 10px;
}

    .btn-imp:hover {
        color: var(--color-yellow);
        background-color: white;
        box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.4);
        transform: translateY(-7px);
    }