.DeliveryRulesTable {
    border-radius: 12px;
    border: 1px solid var(--gray-150);
    padding: 10px;

    .GridTable-row-cell:last-child::before {
        pointer-events: none;
    }

    .SuitePagination-arrow {
        box-shadow: unset;
    }

    &-img {
        padding-bottom: 20px;
    }

    &-empty-state-body {
        display: flex;
        margin: auto;
        text-align: center;

        &-title {
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
        }

        &-subtitle {
            font-weight: 400;
            font-size: 12px;
            line-height: 18px;
            color: #847c7c;
            padding-bottom: 50px;
        }
    }

    &-pagination {
        display: flex;
        margin-top: 10px;

        .SuitePagination {
            margin-left: auto;
        }
    }

    &-table {
        .GridTable.bordered.shadowed.empty {
            box-shadow: none;
            border: none;
            padding-top: 20px;
        }

        .GridTable-cell {
            border-left: 1px solid var(--gray-300);
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            color: #1c1c1c;
        }

        .GridTable-column {
            border-left: 1px solid var(--gray-300);
        }

        &-country-cell {
            display: flex;
            align-items: center;

            &-img {
                float: left;
            }

            &-title {
                margin: 0 0 0 10px;
            }
        }

        &-actions-cell {
            margin: auto;
            &-empty {
                display: flex;
                margin: auto;
            }
            .editButton,
            .trashButton {
                background: var(--midnight-150) none;
                color: var(--midnight-750);
                border-radius: 16px;
                justify-content: center;
                padding: 0;
                width: 32px;
                height: 32px;
                box-shadow: unset;
                border: 0;

                &:hover {
                    background-color: var(--midnight-200);
                }

                .GlyphIcon {
                    color: currentColor;
                }
            }

            .trashButton {
                margin-left: 10px;
            }
        }

        &-header {
            display: inline-flex;
            align-items: center;

            &-actions {
                display: inline-flex;
                align-items: center;

                &-selected-items {
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 20px;
                    color: #6d6565;

                    p {
                        margin: 0;
                    }
                }

                &-buttons {
                    margin-left: 10px;

                    .TableActionButton[disabled] {
                        opacity: 40%;
                    }

                    &-trash-button {
                        margin-left: 15px;
                    }
                }
            }

            &-pagination.margin {
                margin-left: 20px;
            }

            &-pagination {
                .SuitePagination-message {
                    font-weight: 500;
                    font-size: 12px;
                    line-height: 18px;
                }
            }
        }
    }
}