#idLedger {

    .li {
        margin: 2px 20px;
        padding: 3px;
        padding-right: 15px;
        cursor: pointer;
        display: grid;
        grid-template-columns: 1fr auto;
        background-color: ivory;
    }

   .li:nth-child(2n) {
        background-color: beige;
    }

    [data-list="description"] {
        font-size: 1.1rem;
    }

    [data-list="category"] {
        font-size: small;
        color: blue;
    }
   [data-list="paymentmethod"] {
        font-size: small;
        color: green;
    }

    [data-list="amounteuro"] {
        font-size: small;
        font-weight: normal;
        color: red;
    }

    .ledger-amount {
        font-weight: bold;
        color: red;
        text-align: right;
    }

    summary {
        padding: 5px 0;
        font-weight: 600;
        font-size: 1.1rem;
    }
    .temp  {
        font-size: x-small;
        color: gray;
    }
    .private {
        border-right: 1px solid darkgreen;
    }
}