#payform .panel{ padding: 2em; margin: 0 0.5em; flex: 1; /*width: 32%;*/ }
#payform table{ width: 100%; }

#payform .row{ display: flex; flex: none; align-items: center; }
#payform .row lab{ width: 25%; }
#payform .row.fullline{ flex-direction: column; font-size: 1.5em; margin: 1em 0; }
#payform .row.fullline lab{ width: auto; text-align: center; }
#payform .row.fullline dom{ justify-content: center; }
#payform .row.fullline .reduc{ margin: 0.5em; }
#payform .row.fullline .reduc span{ display: inline-block; width: auto; }
#payform .row.fullline .reduc .am{ text-decoration: line-through; color: var(--pay-cancel); }
#payform .row.fullline .reduc .minus{ background: #ff0; padding: 0.25em; transform: rotate(5deg); box-shadow: 2px 2px 4px #0004; }
#payform .row.fullline .fst{ font-size: 1.5em; color: var(--reverse-text); background: var(--pay-refund); border-radius: 0.25em; }

#payform .nav{ text-align: center; }

#recap{  border: 2px solid var(--main-color); }
#payiframe{ display: none; min-width: 453px;  border: 2px solid var(--main-color); }
#payiframe iframe{ width: 100%; height: 73vh; min-height: 600px; border: none; }

.pageLegend{ margin-top: 1em; }

#mainListe .nav{ text-align: right; padding: 1em; }
#mainListe .details{ display: none; }
#mainListe .details > td{ padding: 0 0 2em; background: var(--details-back); }
#mainListe .detailsTab{ width: 100%; }

.detailsTot{ display: flex; flex: none; flex-direction: column; align-items: center; margin-top: 2em; }
.detailsTot .tot lab{ width: auto; }
.detailsTot .tot dom{ font-weight: bold; }