.pp-icon {
	display: inline-block;
	line-height: 1;
	text-align: center;
    transition: all .3s;
}

.pp-icon i,
.pp-icon svg {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
}

.pp-table {
    border: none;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    text-align: start;
    vertical-align: inherit;
	width: 100%;

	.pp-table-cell {
		text-align: inherit;
	}

    &-left {

        .pp-table-container {
            margin-inline-start: 0;
            margin-inline-end: auto;
        }
    }

    &-center {

        .pp-table-container {
            margin-inline-start: auto;
            margin-inline-end: auto;
        }
    }

    &-right {

        .pp-table-container {
            margin-inline-start: auto;
            margin-inline-end: 0;
        }
    }

    &-cell-icon-before {
        margin-inline-end: 10px;
    }

    &-cell-icon-after {
        order: 2;
        margin-inline-start: 10px;
    }

    &-container {
        overflow-x: auto;
    }

	&.tablesaw-stack {

		td,
		th {
			float: none;
		}
	}

    .pp-table-cell-content {
        display: inline-flex;
    }

	.tablesaw-sortable-btn {
		box-shadow: none;
		margin: 0;
		padding: 0;

		.pp-table-cell-content {
			display: inline-block;
		}

		.tablesaw-sortable-arrow {
			float: inline-end;
			margin-inline-start: 5px;
		}

		&:hover,
		&:focus {
			background: transparent;
			border: none;
			color: inherit;
		}
	}

	.tablesaw-sortable-head {

		.tablesaw-sortable-arrow::after {
			content: "\f0dc";
			font-family: 'Font Awesome 5 Free', sans-serif;
			font-weight: 900;
		}

		&.tablesaw-sortable-ascending .tablesaw-sortable-arrow::after {
			content: "\f0de";
		}

		&.tablesaw-sortable-descending .tablesaw-sortable-arrow::after {
			content: "\f0dd";
		}
	}
}

.pp-table-cell-icon {
	line-height: inherit;

	i,
	svg {
		display: initial;
	}
}

.pp-table-sortable-dd-hide {

	.tablesaw-sortable-switch {
		display: none;
	}
}

.pp-tooltip-click {
	cursor: pointer;
}

/** Remove Odd Row color due to theme Hello Elementor **/

.pp-table tr:nth-child(odd) td {
    background-color: unset;
}

.pp-table tr:nth-child(even) td {
    background-color: unset;
}