.pmd-table {
	.table-bordered {
		th {
			border: none;
			border-top: 1px solid #e9ecef;
		}
		td {
			border: none;
			border-top: 1px solid #e9ecef;
		}
	}

	.child-table {
		background-color: transparent;
		> td {
			padding: 0 !important;
			.table {
				> thead {
					> tr {
						background-color: transparent;
					}
				}
			}
		}
		.table-sm {
			th {
				padding: 0.25rem 0.75rem;
			}
			td {
				padding: 0.25rem 0.75rem;
			}
		}
	}

	&.table {
		.table {
			background-color: transparent;
		}
		thead {
			th {
				vertical-align: bottom;
				// border-bottom: 2px solid #e9ecef;
			}
		}
		tbody {
			+ {
				tbody {
					border-top: 2px solid #e9ecef;
				}
			}
		}
		> thead {
			> tr {
				transition: all 0.2s ease-in-out;
				> th {
					vertical-align: middle;
					text-align: left;
					transition: all 0.2s ease-in-out;
					font-weight: 400;
					border-top: none;
					border-bottom-width: 1px;
					font-size: 0.8rem;
				}
				> td {
					vertical-align: middle;
					text-align: left;
					transition: all 0.2s ease-in-out;
				}
			}
		}
		> tbody {
			> tr {
				transition: all 0.2s ease-in-out;
				> th {
					vertical-align: middle;
					text-align: left;
					transition: all 0.2s ease-in-out;
					font-weight: 400;
					border-top: none;
					border-bottom-width: 1px;
					font-size: 0.8rem;
				}
				> td {
					vertical-align: middle;
					text-align: left;
					transition: all 0.2s ease-in-out;
				}
			}
		}
		> tfoot {
			> tr {
				transition: all 0.2s ease-in-out;
				> th {
					vertical-align: middle;
					text-align: left;
					transition: all 0.2s ease-in-out;
					font-weight: 400;
					border-top: none;
					border-bottom-width: 1px;
					font-size: 0.8rem;
				}
				> td {
					vertical-align: middle;
					text-align: left;
					transition: all 0.2s ease-in-out;
				}
			}
		}
	}
	&.table-sm {
		th {
			padding: 0.25rem;
		}
		td {
			padding: 0.25rem;
		}
	}
	&.table-hover {
		tbody {
			tr {
				&:hover {
					background-color: rgba(0, 0, 0, 0.075);
				}
			}
		}
	}
	&.table-inverse {
		> thead {
			> tr {
				> th {
					color: rgba(255, 255, 255, 0.54);
				}
			}
		}
	}
	&.table-striped.table-inverse {
		tbody {
			tr {
				&:nth-of-type(odd) {
					background-color: rgba(255, 255, 255, 0.02);
				}
			}
		}
	}
	&.table-hover.table-inverse {
		tbody {
			tr {
				&:hover {
					background-color: rgba(255, 255, 255, 0.075);
				}
			}
		}
	}
	&.table-bordered {
		.table-heading {
			border: none;
		}
		.table-footer {
			border: none;
		}
	}
	&.table-reflow {
		display: block;
		overflow-x: scroll;
		thead {
			display: table-cell;
			vertical-align: top;
			float: none;
			position: absolute;
		}
		tr {
			display: table-cell;
			vertical-align: top;
			float: none;
			width: 130px;
			background-color: transparent;
		}
		tbody {
			margin-left: 130px;
		}
		> thead {
			> tr {
				> th {
					font-size: 1rem;
					white-space: nowrap;
					text-overflow: ellipsis;
					overflow: hidden;
					width: 131px;
				}
			}
		}
		> tbody {
			> tr {
				> td {
					border: none;
					border-left: 1px solid #e9ecef;
					border-bottom: 1px solid #e9ecef;
				}
			}
		}
	}
}

@media screen and (max-width: 768px) {
	.pmd-table {
		.child-table {
			margin-top: -20px;
		}

		&-card {
			.pmd-table {
				.table {
					margin-bottom: 0;
				}
			}
			.table.pmd-table {
				thead {
					display: none;
				}
				tfoot {
					display: none;
				}
				tbody {
					display: block;
					tr {
						display: block;
						border-radius: 0.125rem;
						margin-bottom: 1.25rem;
						-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),
							0 1px 2px rgba(0, 0, 0, 0.24);
						-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),
							0 1px 2px rgba(0, 0, 0, 0.24);
						box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),
							0 1px 2px rgba(0, 0, 0, 0.24);
						td {
							background-color: transparent;
							display: block;
							vertical-align: middle;
							text-align: right;
						}
						td[data-title] {
							&:before {
								content: attr(data-title);
								float: left;
								font-size: inherit;
								font-weight: 400;
								text-transform: capitalize;
							}
						}
					}
				}
			}
			> &.table-striped {
				> tbody {
					> tr {
						> td {
							background-color: transparent;
							&:nth-child(odd) {
								background-color: rgba(0, 0, 0, 0.05);
							}
						}
						&:nth-child(odd) {
							background-color: transparent;
						}
					}
				}
			}
			> &.table-inverse {
				> tbody {
					> tr {
						> td[data-title] {
							&:before {
								color: rgba(255, 255, 255, 0.54);
							}
						}
					}
				}
			}
			> &.table-hover.table-inverse {
				> tbody {
					> tr {
						> td {
							&:hover {
								background-color: rgba(255, 255, 255, 0.075);
							}
						}
					}
				}
			}
			> &.table-striped.table-inverse {
				> tbody {
					> tr {
						> td {
							background-color: #333333;
							&:nth-child(odd) {
								background-color: rgba(255, 255, 255, 0.02);
							}
						}
						&:nth-child(odd) {
							background-color: #333333;
						}
					}
				}
			}
			> .table-hover {
				> tbody {
					> tr {
						> td {
							&:hover {
								background-color: rgba(0, 0, 0, 0.075);
							}
						}
					}
				}
			}

			&.pmd {
				&-card-main {
					background-color: transparent;
					box-shadow: none;
				}
				&-z-depth {
					background-color: transparent;
					box-shadow: none;
				}
			}
		}
	}
	.table-bordered.table-inverse {
		th {
			border-color: #464646;
		}
		td {
			border-color: #464646;
		}
	}
}