.#{$prefix} {
	.tablenav {
		height: auto;
		margin: 0.75rem 0;
		padding: 0;
		&-pages {
			display: flex;
			align-items: center;
			gap: 0.625rem;
			.pagination-links {
				display: flex;
				align-items: center;
				gap: 0.625rem;
				.tablenav-pages-navspan,
				.button {
					display: flex;
					align-items: center;
					justify-content: center;
					line-height: 0;
				}
			}
		}
	}
	.alternate,
	.striped>tbody> :nth-child(odd),
	ul.striped> :nth-child(odd) {
		background-color: rgba(var(--wpt-lms-primary-700), 3%);
	}
	.wp-list-table {
		a {
			color: rgb(var(--wpt-lms-primary-800));
		}
		button {
			color: rgb(var(--wpt-lms-primary-700));
		}
		.row-title {
			font-size: 0.938rem !important;
		}
		&.widefat {
			.check-column {
				width: 2.75rem;
				padding: 0.625rem;
			}
			td,
			td ol,
			td p,
			td ul {
				font-size: 0.938rem;
				line-height: 1.25em;
				padding-top: 0.75rem;
				.#{$prefix}-progress {
					margin-top: 0.313rem;
					overflow: hidden;
					position: relative;
					width: 5rem;
					height: 0.375rem;
					border-radius: 0.188rem;
					&::before {
						display: block;
						position: absolute;
						z-index: 0;
						top: 0;
						width: 100%;
						height: 100%;
						background: #ccc;
						content: "";
					}
					&-active {
						width: 100%;
						height: 100%;
						border-radius: 0.188rem;
						background: rgb(var(--wpt-lms-primary-800));
						position: absolute;
						z-index: 1;
					}
				}
				.#{$prefix}-quiz-result-passed {
					color: rgb(var(--wpt-lms-primary-800));
					font-weight: 500;
				}
				.#{$prefix}-fill-blank-list {
					li {
						display: flex;
						align-items: center;
						gap: 1.25rem;
						label {
							display: flex;
							align-items: center;
							gap: 0.625rem;
						}
					}
				}
			}
			ol {
				margin: 0;
				padding: 0;
				padding-top: 0 !important;
			}
			.order_status {
				span {
					display: flex;
					align-items: center;
					gap: 0.625rem;
					i {
						color: rgb(var(--wpt-lms-primary-700));
						font-size: 1.25rem;
					}
				}
			}
			tfoot,
			thead {
				tr {
					th,
					td {
						font-weight: 500;
						color: rgb(var(--wpt-lms-black));
					}
				}
				td {
					&.check-column {
						vertical-align: top;
					}
				}
				th {
					&.manage-column {
						a {
							padding-top: 0.75rem;
							padding-bottom: 0.75rem;
						}
					}
				}
			}
			tbody {
				.inline-edit-col {
					.#{$prefix}-grid {
						// column-gap: 0;
						row-gap: 1rem;
						label {
							margin: 0;
							p {
								margin: 0;
								padding-top: 0;
							}
						}
					}
				}
				td {
					.row-actions {
						.delete {
							display: inline-block;
							position: static;
							width: auto;
							font-size: 0.813rem;
							margin-right: 0.25rem;
							a {
								color: rgb(var(--wpt-lms-primary-800));
							}
						}
					}
				}
			}
		}
		th {
			&.sortable a,
			&.sorted a {
				color: rgb(var(--wpt-lms-black));
				&:focus,
				&:focus {
					box-shadow: inset 0 0 0 0.125rem rgb(var(--wpt-lms-primary-800));
					outline: 0.125rem solid transparent;
				}
			}
		}
	}
	.wp-person a:focus .gravatar,
	a:focus,
	a:focus .media-icon img,
	a:focus .plugin-icon {
		color: rgb(var(--wpt-lms-primary-800));
		box-shadow: 0 0 0 0.125rem rgb(var(--wpt-lms-primary-800));
		outline: 0.125rem solid transparent;
	}
	.#{$prefix}-question {
		table {
			tbody {
				tr {
					.actions {
						padding: 1.25rem 0.625rem 0.625rem 0px !important;
						.remove-answer {
							a {
								i {
									color: rgb(var(--wpt-lms-gray));
								}
							}
						}
					}
					td {
						input[type="text"] {
							width: 100%;
						}
					}
					.#{$prefix}-correction {
						padding-top: 1.25rem;
					}
				}
			}
		}
	}
	.#{$prefix}-table-wrapper {
		border: 0.063rem solid rgba(var(--wpt-lms-box-border), 0.5);
		border-radius: 0.75rem;
	}
	.#{$prefix}-course-table {
		border-collapse: collapse;
		width: 100%;
		border: 0;
		margin: 0;
		thead {
			border-color: rgba(var(--wpt-lms-box-border), 0.5);
			tr {
				th {
					border-bottom: 0.063rem solid rgba(var(--wpt-lms-box-border), 0.5);
					padding: 1rem 0.625rem;
					text-align: left;
					font-size: 0.938rem;
					line-height: 1.25em;
					font-weight: 500;
					border-right: 0;
				}
			}
		}
		tbody,
		tfoot {
			border-color: rgba(var(--wpt-lms-box-border), 0.5);
			tr {
				td {
					padding: 1rem 0.625rem;
					border: none;
					font-size: 0.938rem;
					line-height: 1.25em;
				}
			}
			.#{$prefix}-course-table-item {
				td {
					a {
						img {
							width: 100%;
							aspect-ratio: 16 / 9;
							object-fit: cover;
							height: auto;
							display: block;
							object-position: center;
							border-radius: 0.5rem;
							overflow: hidden;
						}
					}
					&:first-child {
						width: 8rem;
					}
				}
			}
		}
		// #material-file-list {
		// 	tr {
		// 		td {
		// 			text-align: left !important;
		// 		}
		// 	}
		// }
		tfoot {
			tr {
				td {
					border-top: 0.063rem solid rgba(var(--wpt-lms-box-border), 0.5);
					.#{$prefix}-pagination {
						margin: 0;
					}
				}
			}
		}
	}
	.#{$prefix}-order-table {
		tbody {
			tr {
				.course-thumbnail {
					width: 5rem;
					img {
						width: 100%;
					}
				}
			}
			.course-total {
				display: flex;
				align-items: center;
				gap: 0.313rem;
				.course-origin-price {
					font-weight: 700;
					color: rgb(var(--wpt-lms-gray));
					text-decoration: line-through;
				}
				.course-price {
					font-size: 1.125rem;
					color: rgb(var(--wpt-lms-black));
					font-weight: 700;
				}
			}
		}
		tfoot {
			tr {
				td {
					border: 0;
					p {
						margin: 0;
						padding-top: 0 !important;
					}
				}
				th {
					text-align: right;
					padding: 1rem 0.625rem;
					border: 0;
					font-size: 1.25rem;
				}
				.subtotal,
				.total {
					text-align: right;
					color: rgba(var(--wpt-lms-primary-700));
				}
			}
		}
	}
	.#{$prefix}-export-table {
		margin: 1.25rem 0;
	}
	.#{$prefix}-recent-export-table {
		margin-top: 1.25rem;
	}
	.#{$prefix}-quiz-result {
		margin-top: 1.25rem;
		tbody {
			tr {
				td {
					.dropdown-container {
						.view-button {
							margin-left: 0.313rem;
						}
					}
				}
			}
		}
	}
}