.sm-form-dialog {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}
.dialog-platnosci {
    margin: 0 auto;
    width: 100%;
}
.dialog-platnosci .info {
    text-align: center;
}

.dialog-platnosci .amount {
    font-family: Montserrat;
    color: var(--main-lighter-color);
    font-size: 1.5em;
    font-weight: 500;
}
.dialog-platnosci .oid-info {
    text-align: center;
}

.dialog-platnosci table.platnosc {
    margin-top: 1.5em;
    border-collapse: collapse;
    width: 100%;
    border-bottom: 1px solid var(--main-table-td-border-color);
}
.dialog-platnosci table.platnosc th {
    font-weight: 500;
    border-bottom: 1px solid var(--main-table-th-border-color);
}

.dialog-platnosci table.platnosc th,
.dialog-platnosci table.platnosc td {
    padding: 0.5em;
    vertical-align: middle;
    text-align: left;
}
.dialog-platnosci table.platnosc th.center,
.dialog-platnosci table.platnosc td.center {
    text-align: center;
}
.dialog-platnosci table.platnosc th.right,
.dialog-platnosci table.platnosc td.right {
    text-align: right;
}

.dialog-platnosci table.platnosc tr.item {
    border-top: 1px solid var(--main-table-td-border-color);
}
.dialog-platnosci table.platnosc td.subitem{
    color: var(--main-accent-color);
}

.dialog-platnosci .button {
    min-width: var(--button-min-width);
}
.dialog-platnosci .dialog-buttons-panel {
    margin-top: 1em;
    display: flex;
    justify-content: center;
}

.dialog-platnosci .lp {
    color: var(--main-low-visibility-color);
    width: 1%;
}
.dialog-platnosci .vat {
    padding-right: 1em;
}

.dialog-platnosci .invoice .grid {
    --column-count: 4;
    display: grid;
    grid-template-columns: repeat(var(--column-count), 1fr);
    column-gap: 1em;
    row-gap: 1em;
}

.dialog-platnosci .invoice .grid .title {
    padding-bottom: 0.5em;
    color: var(--main-low-visibility-color);
}

.dialog-platnosci .container-amount {
    display: grid;
    grid-template-columns: 1fr max-content;
    align-items: baseline;
    text-align: right;
    column-gap: 1em;
    row-gap: 0.5em;
    margin-top: 1em;
    margin-bottom: 1em;
}