.table-listing {
    --table-icon-size: 40px;
    --table-row-padding: 12px;

    border-collapse: separate;
    border-spacing: 0 8px;

    .table-list-icon {
        width: var(--table-icon-size);
        box-sizing: content-box;

        span {
            width: var(--table-icon-size);
            height: var(--table-icon-size);
            border-radius: var(--table-icon-size);
            background-color: var(--ssg-green);
            display: flex;
            align-items: center;
            justify-content: center;

            i {
                background-color: var(--bs-white);
            }

            &.waitingDocument {
                background-color: var(--bs-orange);
                i {
                    background-color: var(--bs-black);
                }
            }
        }
    }

    .table-list-title {
        padding: 10px 0;
        color: var(--bs-secondary);
    }

    tbody {
        tr {

            td {
                padding-top: var(--table-row-padding);
                padding-bottom: var(--table-row-padding);
            }

            td:first-child {
                padding-left: var(--table-row-padding);
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
            }

            td:last-child {
                padding-right: var(--table-row-padding);
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
            }
        }

        .btn-radius {
            border-radius: 100px;
            padding-left: 30px;
            padding-right: 30px;
        }
    }

}