pipicar/resources/assets/sass/components/table.scss

.table-container {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: $box-shadow;

    .table-hover > tbody > tr:hover > * {
        --bs-table-accent-bg: #f2f2f2;
    }

    .table > :not(:first-child) {
        border-top: none;
    }

    .table {
        background-color: #fff;
        margin: 0;
        border-radius: 15px;

        th, td {
            padding: 10px 15px;
        }

        thead {
            th, td {
                font-weight: 500;

                a {
                    color: $primary-color;
                    text-decoration: none;
                    white-space: nowrap;

                    i {
                        font-size: 11px;
                    }
                }
            }
        }

        tbody {
            th, td {
                color: $gray-color;

                .no, .yes, .wait {
                    font-size: 16px;
                }

                .no {
                    color: $danger-color;
                }

                .yes {
                    color: $success-color;
                }

                .wait {
                    color: $primary-color;
                }
            }

            .td-actions {
                padding: 0 5px;
                text-align: center;
            }
        }

        .btn-action {
            width: 30px !important;
            height: 30px !important;
            padding: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-top: 5px;
            transition: 0.15s all ease;

            i {
                margin: 0 !important;
            }
        }

        .td-pagination {
            padding: 0;

            nav {
                padding: 10px;
                display: flex;
                justify-content: center;

                ul {
                    margin: 0;
                }
            }
        }
    }

    &.subcrud {
        .table {
            th, td {
                padding: 8px 10px;

                &:first-child {
                    padding: 8px 10px;
                }
            }

        }

        .select2-container {
            max-width: 250px;
        }

        .select2-container .select2-selection--single {
            border: none !important;
            background-color: transparent !important;

            &:focus, &:active {
                border: none !important;
                outline: none !important;
            }
        }
    }

    &.form-table {
        .table {
            white-space: nowrap;

            tbody {
                td, th {
                    .form-control {
                        margin: 0 !important;
                        background-color: transparent !important;
                        border: none;
                        height: 100%;
                        min-width: 100px;
                        min-height: 38px;
                        padding: 0 !important;
                        max-width: 100% !important;
                        width: 100% !important;
                        border-radius: 0 !important;

                        &:focus {
                            border: none !important;
                            outline: none !important;
                            box-shadow: none !important;
                        }
                    }
                }
            }
        }
    }
    .page-item {
        margin: 7px;

        .page-link {
            color: $gray-color;
            border-radius: 8px;
            box-shadow: 0 0 6px -3px rgb(143, 143, 143);
            border: none;
        }

         &.active > .page-link {
            background-color: $primary-color;
            border-color: $primary-color;
            color: $white;
        }
    }
}

tfoot:not(:empty) tr:last-child td:first-child {
    border-bottom-left-radius: 15px;
}

tfoot:not(:empty) tr:last-child td:last-child {
    border-bottom-right-radius: 15px;
}
tbody tr:last-child td:first-child {
    border-bottom-left-radius: 15px;
}

tbody tr:last-child td:last-child {
    border-bottom-right-radius: 15px;
}
tfoot tr:last-child {
    border-bottom: none;
}

tfoot tr:last-child td {
    border-bottom: none;
}
thead tr:first-child th:first-child,
{
    border-top-left-radius: 15px;
}
thead tr:first-child th:last-child {
    border-top-right-radius: 15px;
}

tbody tr:last-child td {
    border-bottom: none;
}