.cdemv-admin .r-align {
	text-align: right;
}

.cdemv-admin .c-align {
	text-align: center;
}

.cdemv-admin .flex-apart {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cdemv-admin .flex-center-gap {
	display: flex;
	align-items: center;
	gap: .5em;
}

.cdemv-admin .flex-centered {
	display: flex;
	align-items: center;
	justify-content: center; 
	gap: .5em;
}

.cdemv-admin .flex-gap-2em {
	display: flex;
	gap: 2em;
}

.cdemv-admin .flex-table-arrows {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 0;
	line-height: 1;
}

.cdemv-admin .new-record-card {
	max-width: 550px;
	width: 100%;
	margin: 0 auto;
}

.cdemv-admin .new-record-card form {
	display: block;
	padding: 3em;
}

.cdemv-admin .new-record-card .button-secondary {
	margin-top: -2em;
	margin-left: -2em;
}

.cdemv-admin .new-record-card h1 {
	text-align: center;
	margin: 1em 0;
}

.cdemv-admin .new-record-card label {
	display: block;
	text-align: center;
}

.cdemv-admin form label span {
	display: block;
	margin-bottom: .25em;
}

.cdemv-admin .new-record-card .submit {
	width: 50%;
	margin: 1em auto;
}

.cdemv-admin .x-overflow {
	overflow-x: auto;
}

.cdemv-admin .mt-1em {
	margin-top: 1em;
}

.cdemv-admin .mb-075em {
	margin-bottom: 0.75em;
}

.cdemv-admin .m-1em-centered {
	margin: 1em auto;
}

.cdemv-admin .p-2em {
	padding: 2em;
}

.cdemv-admin .h-2em {
	height: 2em;
}

.cdemv-admin .w-full {
	width: 100%;
}

.cdemv-admin .w-half {
	width: 50%;
}

.cdemv-admin .mw-15em {
	min-width: 15em;
}

.cdemv-admin #table-container,
.cdemv-card-container {
	padding-top: 1em;
}

.cdemv-admin .cdemv-filters-container {
	margin: 20px 0;
	display: flex;
	gap: 10px;
	align-items: center;
}

.cdemv-admin .cdemv-filters {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 1em;
}

.cdemv-admin .cdemv-filter-panel-left {
	display: flex;
	align-items: center;
	gap: 1em;
}

.cdemv-admin .cdemv-filter-group-container {
	display: flex;
	flex-direction: row;
	gap: .5em;
}

.cdemv-admin .cdemv-filter-group {
	display: flex;
	align-items: center;
	gap: .5em;
	flex-wrap: wrap;
}

.cdemv-admin .cdemv-filter-group .button {
	border-radius: 10em;
	line-height: 2;
	min-height: 1.25em;
}

.cdemv-admin .wp-list-table thead tr th.cdemv-action,
.cdemv-admin .wp-list-table thead tr th.cdemv-saved-by,
.cdemv-admin .wp-list-table thead tr th.cdemv-result {
	width: 7.5em;
	text-align: center;
}

.cdemv-admin .wp-list-table thead tr th.cdemv-added-at {
	width: 12.5em;
	text-align: center;
}

.cdemv-admin .wp-list-table tbody tr td.cdemv-centered {
	text-align: center;
}

.cdemv-admin .single-detail{
	background-color: #f6f7f7;
	border: 1px solid #c3c4c7;
	padding: .75em;
}

.cdemv-pagination-container {
	margin-top: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: .5em;
}

.cdemv-pagination-container .button {
	width: 2em;
	line-height: 2 !important;
	min-height: 2em !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cdemv-grid-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2em;
}


.cdemv-grid-container .card {
	max-width: 100%;
	margin: 0;
}

@media screen and ( max-width: 1200px ) {
	.cdemv-admin .cdemv-filters {
		align-items: end;
	}
	
	.cdemv-admin .cdemv-filter-panel-left {
		flex-direction: column;
		align-items: start;
	}

	.cdemv-admin .cdemv-filter-group-container {
		flex-direction: column;
		gap: 1em;
	}
} 

@media screen and ( max-width: 782px ) {
	.cdemv-admin .cdemv-filters {
		flex-direction: column;
		align-items: start;
	}

	.cdemv-admin .cdemv-filter-panel-left {
		width: 100%;
		align-items: start;
	}

	.cdemv-admin .wp-list-table .toggle-row {
		top: 2em;
	}

	.cdemv-admin .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary~td:not(.check-column) {
		text-align: initial;
		padding: 0.5em 0.5em 0.5em 7.5em;
	}

	.cdemv-admin .wp-list-table tbody tr td.cdemv-cell-action::before {
		content: "Action:" !important;
	}

	.cdemv-admin .wp-list-table tbody tr td.cdemv-cell-source::before {
		content: "Source:" !important;
	}

	.cdemv-admin .wp-list-table tbody tr td.cdemv-cell-added::before {
		content: "Modified At:" !important;
	}

	.cdemv-admin .wp-list-table tbody tr td.cdemv-cell-added {
		padding-bottom: 1.5em !important;
	}

	.cdemv-grid-container {
		grid-template-columns: 1fr;
		gap: 1em;
	}
}