/*
	CSS definitions for sagi backend, in addition to base-layout.css and sagi.css
	created 2022 by daniel.ammann@n3xt.ch

	source_date = "2022-12-02T22:53:06.000Z"
	file_version = 35;

*/

/*  ========== page Layout ============= */

	.backend body {
		background-color: var(--accent-color);
	}
	.backend footer {
		display: none;
	}
	.backend nav:not(.hover) {
		height: 3.5em;
		background-color: var(var(--modal-backgroundcolor));
	}
	.backend nav:not(.hover):hover {
		filter: brightness(1.4) saturate(2) contrast(0.7);
	}

	.backend .plank {
		display: none;
	}
	.backend article.content {
		margin: 0;
		width: 99%;
		padding: 0% 4em;
	}


/*  ========== data tables ============= */

	.data-table {
		min-height: 2.4em;
	}
	.labels th.filtered {
/*		color: var(--filter-accent-color);*/
		border-bottom: 2px solid var(--filter-accent-color);
	}
	.labels th.filtered:before {
		content: "V";
		color: transparent;
		display: inline-block;
		vertical-align: text-top;
		margin-top: 0.1em;
		width: 1.1em;
		margin-right: 0.25em;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: var(--icon-filter-accent);
	}
	.filter th.show,
	.filter-btn:not(.active) .filter th:hover {
		position: absolute;
		z-index: 1000;
		display: block;
		background-color: var(--filter-accent-color);
		color: var(--font-color) !important;
/*		margin-to1p: -2px;*/
		opacity: 0;
		transition: opacity 0.1s 0.3s ease-out, visibility 0s 0.4s;
		visibility: hidden;
	}
	.filter th.show.hover,
	.filter-btn:not(.active) .filter th:hover {
		opacity: 1;
		visibility: visible;
		transition: opacity 0.1s ease-out, visibility 0s;
	}
	.filter th.sort:not(:empty):after {
		/* delete content icon ; shoud be a clickable node */ 
		content: 'X';
		color: transparent;
		display: inline-block;
		float: right;
		margin-right: -0.45em;
		vertical-align: middle;
		width: 1.2em;
		height: var(--line-height);
		background-position-y: 0.33em;
		background-repeat: no-repeat;
		background-size: 1em;
		opacity: 0.2;
		background-image: var(--icon-cancel-round);
	}
	.filter th.sort:not(:empty):hover:after {
		opacity: 1;
	}