:root {
	/* font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
		"Lucida Sans", Arial, sans-serif; */
	--clr-blk: rgba(0, 0, 0, 1);
	--clr-blk-90: rgba(0, 0, 0, 0.9);
	--clr-blk-80: rgba(0, 0, 0, 0.8);
	--clr-blk-70: rgba(0, 0, 0, 0.7);
	--clr-blk-60: rgba(0, 0, 0, 0.6);
	--clr-blk-50: rgba(0, 0, 0, 0.5);
	--clr-blk-40: rgba(0, 0, 0, 0.4);
	--clr-blk-30: rgba(0, 0, 0, 0.3);
	--clr-blk-20: rgba(0, 0, 0, 0.2);
	--clr-blk-10: rgba(0, 0, 0, 0.1);

	--clr-wht: rgba(255, 255, 255, 1);
	--clr-wht-90: rgba(255, 255, 255, 0.9);
	--clr-wht-80: rgba(255, 255, 255, 0.8);
	--clr-wht-70: rgba(255, 255, 255, 0.7);
	--clr-wht-60: rgba(255, 255, 255, 0.6);
	--clr-wht-50: rgba(255, 255, 255, 0.5);
	--clr-wht-40: rgba(255, 255, 255, 0.4);
	--clr-wht-30: rgba(255, 255, 255, 0.3);
	--clr-wht-20: rgba(255, 255, 255, 0.2);
	--clr-wht-10: rgba(255, 255, 255, 0.1);

	--clr-main-v2: rgba(20, 80, 150, 1);
	--clr-main-v2-90: rgba(20, 80, 150, 0.9);
	--clr-main-v2-80: rgba(20, 80, 150, 0.8);
	--clr-main-v2-70: rgba(20, 80, 150, 0.7);
	--clr-main-v2-60: rgba(20, 80, 150, 0.6);
	--clr-main-v2-50: rgba(20, 80, 150, 0.5);
	--clr-main-v2-40: rgba(20, 80, 150, 0.4);
	--clr-main-v2-30: rgba(20, 80, 150, 0.3);
	--clr-main-v2-20: rgba(20, 80, 150, 0.2);
	--clr-main-v2-10: rgba(20, 80, 150, 0.1);

	--clr-sub-v2: rgba(180, 180, 20, 1);
	--clr-sub-v2-90: rgba(180, 180, 20, 0.9);
	--clr-sub-v2-80: rgba(180, 180, 20, 0.8);
	--clr-sub-v2-70: rgba(180, 180, 20, 0.7);
	--clr-sub-v2-60: rgba(180, 180, 20, 0.6);
	--clr-sub-v2-50: rgba(180, 180, 20, 0.5);
	--clr-sub-v2-40: rgba(180, 180, 20, 0.4);
	--clr-sub-v2-30: rgba(180, 180, 20, 0.3);
	--clr-sub-v2-20: rgba(180, 180, 20, 0.2);
	--clr-sub-v2-10: rgba(180, 180, 20, 0.1);
}

.bg-custom-sub {
	background-color: var(--clr-sub-v2);
}
.bg-custom-sub-90 {
	background-color: var(--clr-sub-v2-90);
}
.bg-custom-sub-80 {
	background-color: var(--clr-sub-v2-80);
}
.bg-custom-sub-70 {
	background-color: var(--clr-sub-v2-70);
}
.bg-custom-sub-60 {
	background-color: var(--clr-sub-v2-60);
}
.bg-custom-sub-50 {
	background-color: var(--clr-sub-v2-50);
}
.bg-custom-sub-40 {
	background-color: var(--clr-sub-v2-40);
}
.bg-custom-sub-30 {
	background-color: var(--clr-sub-v2-30);
}
.bg-custom-sub-20 {
	background-color: var(--clr-sub-v2-20);
}
.bg-custom-sub-10 {
	background-color: var(--clr-sub-v2-10);
}

.bg-custom-main {
	background-color: var(--clr-main-v2);
}
.bg-custom-main-90 {
	background-color: var(--clr-main-v2-90);
}
.bg-custom-main-80 {
	background-color: var(--clr-main-v2-80);
}
.bg-custom-main-70 {
	background-color: var(--clr-main-v2-70);
}
.bg-custom-main-60 {
	background-color: var(--clr-main-v2-60);
}
.bg-custom-main-50 {
	background-color: var(--clr-main-v2-50);
}
.bg-custom-main-40 {
	background-color: var(--clr-main-v2-40);
}
.bg-custom-main-30 {
	background-color: var(--clr-main-v2-30);
}
.bg-custom-main-20 {
	background-color: var(--clr-main-v2-20);
}
.bg-custom-main-10 {
	background-color: var(--clr-main-v2-10);
}

.bg-custom-light {
	background-color: var(--clr-wht);
}
.bg-custom-light-90 {
	background-color: var(--clr-wht-90);
}
.bg-custom-light-80 {
	background-color: var(--clr-wht-80);
}
.bg-custom-light-70 {
	background-color: var(--clr-wht-70);
}
.bg-custom-light-60 {
	background-color: var(--clr-wht-60);
}
.bg-custom-light-50 {
	background-color: var(--clr-wht-50);
}
.bg-custom-light-40 {
	background-color: var(--clr-wht-40);
}
.bg-custom-light-30 {
	background-color: var(--clr-wht-30);
}
.bg-custom-light-20 {
	background-color: var(--clr-wht-20);
}
.bg-custom-light-10 {
	background-color: var(--clr-wht-10);
}

.bg-custom-dark {
	background-color: var(--clr-blk);
}
.bg-custom-dark-90 {
	background-color: var(--clr-blk-90);
}
.bg-custom-dark-80 {
	background-color: var(--clr-blk-80);
}
.bg-custom-dark-70 {
	background-color: var(--clr-blk-70);
}
.bg-custom-dark-60 {
	background-color: var(--clr-blk-60);
}
.bg-custom-dark-50 {
	background-color: var(--clr-blk-50);
}
.bg-custom-dark-40 {
	background-color: var(--clr-blk-40);
}
.bg-custom-dark-30 {
	background-color: var(--clr-blk-30);
}
.bg-custom-dark-20 {
	background-color: var(--clr-blk-20);
}
.bg-custom-dark-10 {
	background-color: var(--clr-blk-10);
}

.dazidev_responsive_title {
	display: none;
}

.site_table {
	border-collapse: collapse;
	width: 100%;
	box-shadow: 0 0 5px var(--clr-blk-50);
	/* font-size: 0.8rem; */
	/* margin: 0 1em; */
	/* border: 3px solid var(--clr-blk); */
}

.site_table__row {
	padding: 0.45em;
}

.site_table__row:nth-child(even) {
	background-color: var(--clr-main-v2);
	color: var(--clr-wht);
}
.site_table__headings {
	background-color: var(--clr-main-v2);
	/* display: none; */
}

.site_table__body {
	background-color: var(--clr-wht);
	color: var(--clr-main-v2);
}

.site_table__heading,
.site_table__cell {
	padding: 0.5em 0.25em;
	text-align: center;
	vertical-align: middle;

	/* max-width: 250px; */
}

.site_table__heading {
	color: var(--clr-wht);
	font-size: 1.15em;
	font-variant: small-caps;
	padding: 0.25em;
}

@media (max-width: 715px) {
	.responsive_table__body {
		border: 3px solid var(--clr-blk);
	}
	.responsive_table__headings {
		display: none;
	}

	.responsive_table__row {
		display: block;
	}
	/* .responsive_table__row:nth-child(even) {
		background-color: var(--clr-wht);
		color: var(--clr-main);
	} */
	.responsive_table__cell {
		text-align: center;
		align-items: center;
		display: block;
		padding: 0.25em;
	}
	/* .responsive_table__cell::before {
		content: attr(data-title) ": ";
		float: left;
		font-variant: small-caps;
	} */

	.dazidev_responsive_title {
		display: block;
	}

	.status_btn {
		justify-content: flex-end;
	}
}

dialog::backdrop {
	background-color: rgba(
		255,
		255,
		255,
		0.1
	); /* Semi-transparent dark background */
	backdrop-filter: blur(5px); /* Apply blur effect */
}
dialog {
	/* padding: 20px; */
	border: none;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	background: var(--clr-wht-40);
}