@charset "UTF-8";

/* bootstrap variables */
:root {
	--dip-blue: hsl(226deg 45% 46%);
	--dip-black: hsl(203, 25%, 20%);
	--dip-title: hsl(226deg 73% 30%);
	--dip-darkblue: hsl(226deg 73% 30%);
	--dip-blue-active: hsl(226, 45%, 37%);
	--dip-background: hsl(215deg, 50%, 95%);
	--dip-table-stripe: hsl(0, 0%, 97%);
	--dip-table-hover-bg: hsl(209deg 53% 88% / 25%);
	--dip-tag-bg: hsl(209, 53%, 88%);

	--bs-primary: var(--dip-blue);
	--bs-primary-rgb: 65, 89, 170;
	--bs-secondary: hsl(0deg, 0%,92%);
	--bs-secondary-rgb: 235, 235, 235;
	--bs-body-color: var(--dip-black);
	--bs-body-color-rgb: 38, 54, 64;
	--bs-body-bg: var(--dip-background);
	--bs-body-bg-rgb: 237, 242, 249;

	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;

	--bs-gradient: none;
	--bs-border-width: 1px;
	--bs-link-color: var(--dip-blue);
	--bs-link-hover-color: var(--dip-darkblue);
	--bs-card-border-width: 0px;
	--bs-card-box-shadow: 0 3px 6px 0 rgb(65 69 88 / 10%), 0 3px 6px 0 rgb(0 0 0 / 7%);
}
.table {
	--bs-table-striped-bg: none;
	--bs-table-hover-bg: var(--dip-table-hover-bg);
	font-size: 0.9375rem;
}

/* dialog */
body.dialog {
	background-color: transparent;
}
dialog#global-dialog {
	min-width: 40vw;
	/*max-width: 60vw;*/
	margin: auto;
	min-height: 12rem;

	/* .card */
	border: 0;
	border-radius: 0.375rem;
}
@media (max-width: 1767px) {
	dialog#global-dialog {
		max-width: 96vw;
	}
}

a.open-dialog:has(svg) {
	text-decoration: none;
}

.table td {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

/* bootstrap dumbness */
.x-d-flex {
	display: flex;
}

/* bootstrap + selectize */
.was-validated .form-select.selectize-dropdown:invalid:not([multiple]):not([size]),
.was-validated .form-select.selectize-dropdown:invalid:not([multiple])[size="1"],
.form-select.selectize-dropdown.is-invalid:not([multiple]):not([size]),
.form-select.selectize-dropdown.is-invalid:not([multiple])[size="1"] {
	background-repeat: no-repeat;
	padding-right: 0;
}

[id] {
	scroll-margin-top: 30px;
}

/* notes */

.notes-timeline {
	position: relative;
}

.notes-timeline:has(.note-card)::before {
	content: '';
	position: absolute;
	top: 20px;
	bottom: 20px;
	left: 30px;
	width: 2px;
	background: var(--dip-blue);
	opacity: 0.7;
}

.assertion > .notes-timeline:has(.note-card):before {
	content: none;
}

.note-container:not(.show-note) > .note,
.note-container.show-note > .note-placeholder {
	display: none;
}

.note-container {
	padding-bottom: 1rem;
}

.note-card {
	background-color: lightyellow;
	border-radius: unset;
	min-height: 11rem;
}

.note-placeholder {
	background-color: transparent;
	border: 1px dashed lightgrey;
	box-shadow: none!important;
}

.note-smaller {
	font-size: 0.875rem;
	color: hsla(0deg, 0%, 0%, 0.6) !important;
}

.notes-timeline .note-card .card-body {
	padding:1rem;
}

/* timeline icon */

.icon-square {
	align-items: center;
	background-color: #dce6ef;
	border-radius: 0.75rem;
	display: flex;
	flex-shrink: 0;
	height: 2rem;
	justify-content: center;
	width: 2rem;
}

/* nog opruimen/uitzoeken */

.form-text {
	color: rgba(var(--bs-body-color-rgb), 0.75);
}
.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
	background-color: var(--dip-blue);
	border-color: var(--dip-blue);
}

/* buttons */

.btn {
	--bs-btn-padding-x: 0.75rem;
	--bs-btn-padding-y: 0.25rem;
}

.btn-primary {
	--bs-btn-border-color: var(--bs-btn-bg);
	--bs-btn-hover-border-color: var(--bs-btn-hover-bg);
	--bs-btn-active-border-color: var(--bs-btn-active-bg);
}

.btn-primary {
	--bs-btn-bg: var(--dip-blue);
	--bs-btn-hover-bg: var(--dip-darkblue);
	--bs-btn-active-bg: var(--dip-blue-active);
}

.btn-secondary {
	--bs-btn-bg: #EBEBEB;
	--bs-btn-color: var(--dip-black);
	--bs-btn-hover-bg: #d0d0d0;
	--bs-btn-hover-color: var(--dip-black);
	--bs-btn-active-bg: #959595;
	--bs-btn-active-color: white;
}

.btn-outline-primary {
	--bs-btn-color: var(--dip-blue);
	--bs-btn-border-color: var(--dip-blue);
	--bs-btn-hover-bg: var(--dip-blue);
	--bs-btn-hover-border-color: var(--dip-blue);
	--bs-btn-active-bg: var(--dip-blue);
	--bs-btn-active-border-color: var(--dip-blue);
}

.nav-pills {
	--bs-nav-pills-link-active-bg: var(--dip-blue);
}
.navbar {
	--bs-navbar-color: var(--dip-black);
}
.card, dialog#global-dialog {
	--bs-card-border-width: 0px;
	--bs-card-box-shadow: 0 3px 6px 0 rgb(65 69 88 / 10%), 0 3px 6px 0 rgb(0 0 0 / 7%);
	--bs-card-cap-bg: #f7f7f7;
	box-shadow: var(--bs-card-box-shadow);
}
.pagination {
	--bs-pagination-active-bg: var(--dip-blue);
	--bs-pagination-active-border-color: var(--dip-blue);
}
.progress-bar {
	--bs-bg-opacity: 0.75;
}
.alert-primary {
	--bs-alert-color: #273566;
	--bs-alert-bg: #d9deee;
	--bs-alert-border-color: #c6cde6;
}
.alert-primary .alert-link {
	color: var(--dip-darkblue);
}

.link-primary {
	color: var(--dip-blue) !important;
}
.link-primary:hover, .link-primary:focus {
	color: var(--dip-blue-active) !important;
}
.text-muted {
	color: rgba(var(--bs-body-color-rgb), 0.75) !important;
}

html, body {
	min-height: 100vh;
}
html {
	overflow-y: scroll;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6, h1 > a, h2 > a, h3 > a, h4 > a {
	font-weight: 700;
	color: var(--dip-black);
}

button.loading {
	--moving-color: black;
	background-image: linear-gradient(120deg, transparent, transparent 30px, var(--moving-color) 30px, var(--moving-color) 80px, transparent 80px);
	background-position: 0px center;
	animation: button-bg-loading 20s linear infinite;
}
button.loading.btn-danger {
	--moving-color: #bbb;
	color: black;
}
/*button.loading::after {
	content: " ⌛";
	margin-left: 0.5em;
}*/

a.site-check:empty,
body:not(.role-admin) .checkable[data-scid] a.site-check {
	display: none;
}
.checkable[data-scid] a.redo svg {
	display: inline-block;
	animation: spin 1.5s linear infinite;
}
.card.checkable.done-checking,
.card:target {
	--bs-card-cap-bg: #dfd;
}

.text-darkblue {
	color: var(--dip-black);
}

.code {
	font-family: var(--bs-font-monospace);
	font-size: 1em;
}

a.btn,
h2 > a,
.h2 > a {
	text-decoration: none;
}

@media (max-width: 767px) {
	.page-title {
		flex-wrap: wrap;
	}
}
@media (min-width: 768px) {
	.page-title {
		flex-wrap: nowrap;
	}
}
.cta-buttons .btn {
	white-space: nowrap;
}

.dip-tag {
	display: inline-flex;
	margin-bottom: 0.5rem;
	margin-right: 0.25rem;
	color: #144e81;
	background: var(--dip-tag-bg);
	letter-spacing: 0.6px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: .875rem;
	line-height: 1;
	padding: 6px 8px 4px;
}

.dip-tag.inactive {
	opacity: 0.5;
	filter: grayscale(1);
}

.dip-tag-toggle {
	background-color: transparent;
	color: #747576;
	margin-bottom: 0;
	cursor: pointer;
	border: 1px dashed lightgrey;
}

input.dip-tag-toggle:checked + .dip-tag-toggle	{
	background-color: #d2e2f1;
	color: #144e81;
	border: 1px solid #d2e2f1;
}

.dip-tag.small {
	font-size: .6rem;
}

svg.bi {
	width: min(1.1rem, 1em);
	height: min(1.1rem, 1em);
}

.dip-back-link {
}
.dip-back-link:before {
	display: inline-block;
	vertical-align: middle;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}

.assertion[data-status="solved"] .assertions-body .card {
	background-color: rgba(248, 249, 250, 1);
}
.assertion[data-status="solved"] .a11y-result {
	text-decoration: line-through;
	opacity: 0.3;
}
.assertion[data-status="solved"] .btn-group-sm {
	opacity: 0.3;
}
.assertion[data-status="solved"] .a11y-result:hover {
	text-decoration: none;
	opacity: 1;
}

.assertion:target .card {
	box-shadow: 0 .5rem 1rem rgba(65, 69, 88, .40);
	border: 2px dotted rgba(65, 69, 88, .40);
}

/*.form-switch,*/
.form-switch input,
.form-switch label {
	cursor: pointer;
}
.form-switch > input:checked + label > .unchecked,
.form-switch > input:not(:checked) + label > .checked {
	display: none;
}

.flex-fourtwo {
	flex: 1 0 calc(50% - 5px);
}
@media (min-width: 520px) {
	.flex-fourtwo {
		flex: 1 0 calc(25% - 5px);
	}
}

/* forms */
.form-label {
	font-weight: 500;
}
.is-invalid .form-label {
	color: var(--bs-danger);
}
.control-label.required::after,
.form-label.required::after {
	content: "*";
	margin-left: 0.25em;
	color: var(--bs-danger);
	font-weight: bold;
}

.form-inline .form-group,
.form-inline .form-check {
	margin-right: 0.5em;
}
.form-inline * {
	display: inline-block;
}
.form-inline :not(.form-check-input) {
	width: auto;
}
.form-actions {
	margin-top: 1rem;
}
.form-actions > * {
	display: inline-block;
	margin-right: 1rem;
}
.form-actions.sticky {
	position: sticky;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	padding: 1rem;
	border-top: solid 1px #000;
}

.form-group {
	margin-bottom: 1rem;
}
td > .form-group {
	margin-bottom: 0;
}

select[name="organization"],
select[name="organization_id"],
select[name="site"],
select[name="site_id"] {
	max-width: 20em;
}

* {
	tab-size: 4;
}

/* form checkboxes select all */
label.select-all {
	margin-left: 0.5em;
	scale: 0.9;
}
label.select-all > input {
	margin-right: 0.25em;
}

/* upload markdown */
.form-group:not(:has([data-upload-markdown].js-upload-markdowned)) button.upload-markdown-select {
	display: none;
}

/* markup */
.markup img {
	max-width: 100%;
	outline: dashed 1px #000;
}

.markup.max-height:not(.showing-height) {
	max-height: 80px;
	overflow-y: hidden;
}
.markup.max-height.hiding-height:not(.showing-height) {
	/*outline: dashed 1px #000;*/
	/*border-bottom: solid 4px greenyellow;*/
	/*box-shadow: inset 0px -10px 20px -15px #0007;*/
	cursor: pointer;
	cursor: zoom-in;
	position: relative;
}
.markup.max-height.hiding-height:not(.showing-height)::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 20px;
	z-index: 2;
	background: linear-gradient(to bottom, transparent 0%, #0003 100%);
}
.markup.max-height.hiding-height:not(.showing-height) * {
	pointer-events: none;
}

.url-box,
.contact-box {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.url-box.invalid a,
a.site-url.invalid {
	color: var(--bs-danger);
}

p.intro,
div.intro {
	max-width: 700px;
}

/* site introduction toggle */
p.collapsing {
	height: 45px !important;
}
p.collapse:not(.show) {
	display: block;
	height: 45px !important;
	overflow: hidden;
}

/* site contacts block */
.site-contacts:not(.showing-all) > .too-many,
.site-contacts.showing-all + .show-all {
	display: none;
}

/* drag-sortable */
.drag-handle {
	cursor: move;
}

thead.sticky-top {
	background-color: #fff;
	box-shadow: 0 1px #000;
}

.table-responsive {
	margin-bottom: 1rem;
}
.table-responsive > .table {
	margin-bottom: 0;
}
.table + .form-submit {
	margin-top: 1rem;
}

.table-responsive.overflow-shadow {
	animation: scroll-shadow-inset linear;
	animation-timeline: scroll(self inline);

	--shadow-blur: 30px;
	--shadow-color: #0004;
	--shadow-y: 1rem;
	---shadow-y: calc(var(--shadow-y) * -1);
}

/* table tbodies */
.table-striped-tbodies > tbody:nth-of-type(odd) > tr > * {
	--bs-table-accent-bg: var(--bs-table-striped-bg);
	color: var(--bs-table-striped-color);
}
.table-hover-tbodies > tbody:hover > tr > * {
	--bs-table-accent-bg: var(--bs-table-hover-bg);
	color: var(--bs-table-hover-color);
}
.table:not(.borderless-tbodies) > :not(:first-child) {
	border-top: 2px solid currentColor;
}
.table.borderless-tbodies > thead + tbody {
	border-top: 2px solid currentColor;
}

/* theadless table with top border */
.no-thead-border > tbody:first-child {
	border-top: solid 2px currentColor;
}

.table-nowrap td,
.table-nowrap th {
	white-space: nowrap;
}

/* sf tables */
table.numbered-rows td[data-n]::after {
	content: attr(data-n);
}
td.url-width {
	max-width: calc(100vw / 3);
}

/* field collections */
@media (max-width: 768px) {
	.field-collection > .collection-child + .collection-child {
		margin-top: 1em;
		border-top: solid 2px #ced4da;
		padding-top: 1em;
	}

	.field-collection > .collection-child > .form-group[data-name=delete] > label {
		display: none;
	}
}
@media (min-width: 768px) {
	.field-collection > .collection-child {
		display: flex;
	}

	.field-collection > .collection-child > .form-text {
		margin-top: 0;
	}

	.field-collection > .collection-child > .form-group {
		width: 50%;
	}

	.field-collection > .collection-child > .form-group[data-name=delete] {
		width: 26px;
	}

	.field-collection[data-name=responsibles] > .collection-child > .form-group[data-name=contact_id] {
		width: 33%;
		flex: 33% 0 0;
	}

	.field-collection > .collection-child > .form-group + .form-group {
		margin-left: 15px;
	}

	.field-collection > .collection-child:first-child > .form-group.form-checkbox,
	.field-collection > label:first-child + .collection-child > .form-group.form-checkbox {
		padding-top: calc(2em + 0.5rem);
	}

	.field-collection > .collection-child + .collection-child .form-group:not(.form-checkbox) > label {
		display: none;
	}
}
.collection-child > .form-group[data-name=delete] button {
	background: transparent none;
	border: none;
	overflow: hidden;
}

.collection-child:first-child:last-child > .form-group[data-name=delete] button,
.auto-empty-item > .collection-child:last-child > .form-group[data-name=delete] button {
	visibility: hidden;
}

table.custom-query td.null::after {
	content: "∅";
	color: orange;
}

details.querylog {
	margin-top: 0.5rem;
	background-color: white;
}

.date-smaller {
	font-size: 0.9rem;
	color: hsla(0deg, 0%, 0%, 0.8) !important;
}

body.login {
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 0;
	background: linear-gradient(to top left, var(--dip-blue) 0%, var(--dip-black) 100%);
}

body:not(.show-details) .hide-detail {
	display: none;
}

.form-signin {
	width: 100%;
	max-width: 400px;
	padding: 25px;
	margin: auto;
}
.form-signin .checkbox {
	font-weight: 400;
}
.form-signin .form-floating:focus-within {
	z-index: 2;
}

.line:hover {
	background: var(--dip-background);
}
.line:hover::before {
	opacity: 1;
}
.line::before {
	transition: 0.1s ease;
	content: "";
	position: absolute;
	left: 0;
	height: 30px;
	border-left: 3px solid var(--dip-blue);
	border-radius: 2px;
	opacity: 0;
}

.dip-bg {
	background-size: cover;
	background-position: left;
	background-repeat: no-repeat;
}
.dip-bg-bl, .dip-bg-0 {
	background-image: url(../images/card-bg-bl.png);
}
.dip-bg-rd, .dip-bg-3 {
	background-image: url(../images/card-bg-rd.png);
}
.dip-bg-or, .dip-bg-2 {
	background-image: url(../images/card-bg-or.png);
}
.dip-bg-gr, .dip-bg-1 {
	background-image: url(../images/card-bg-gr.png);
}
.dip-bg-bl-flip, .dip-bg-0 {
	background-image: url(../images/card-bg-bl-flip.png);
}
.dip-bg-rd-flip, .dip-bg-3 {
	background-image: url(../images/card-bg-rd-flip.png);
}
.dip-bg-or-flip, .dip-bg-2 {
	background-image: url(../images/card-bg-or-flip.png);
}
.dip-bg-gr-flip, .dip-bg-1 {
	background-image: url(../images/card-bg-gr-flip.png);
}

@media (min-width: 992px) {
	.dip-bg-bl-bottom {
		background-image: url(../images/card-bg-bl-bottom.svg);
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.card-body {
		padding: 1.5rem;
	}
}

.recent-scans-done {
	background-color: var(--dip-blue);
	border-radius: 50%;
	color: white;
	padding: 2px;
	-webkit-animation: pulse 1000ms infinite;
	animation: pulse 1000ms infinite;
}
.active .recent-scans-done {
	background-color: white;
	fill: black;
}
#pending-auto {
	position: absolute;
	right: 1rem;
}
#pending-auto.loading {
	animation: 200ms sideway-wiggle infinite;
}

body.auth h1,
body.auth .h1,
body.auth .display-3,
body.auth .display-5,
body.auth .display-6 {
	color: var(--dip-title);
}

h1 + .badge {
	margin-bottom: 0.5rem;
}

.max-width-500 {
	max-width: 500px;
}

.max-width-700 {
	max-width: 700px;
}
.messages ul {
	margin-bottom: 0;
}

.alert.floating {
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 3442323;
	filter: drop-shadow(0px 0px 10px #0008);
	cursor: pointer;
	white-space: pre-line;
}
.alert.floating.new {
	filter: drop-shadow(0px 0px 10px #000);
}

.form-group.cols-2 .options-wrapper {
	columns: 2;
}

.site-filter-column {
	list-style: none;
	-webkit-columns: 4 250px;
	-moz-columns: 4 250px;
	columns: 4 250px;
	gap: 2rem;
	white-space: nowrap;
	padding-left: 0;
}
.site-filter-check {
	padding-left: 0;
}

.sites-filter select,
.sites-filter input[type="search"] {
	max-width: 12em;
}

a.filter-check {
	text-decoration: none;
}

/* toggle arrow */

.btn-toggle {
	display: inline-flex;
	align-items: center;
	padding-bottom: 1rem;
	background-color: transparent;
	border: 0;
}

.btn-toggle::after {
	width: 1.25em;
	line-height: 0;
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
	transition: transform 0.35s ease;
	transform-origin: 0.5em 50%;
	margin-left: 0.3rem;
}

.btn-toggle[aria-expanded=true]::after {
	transform: rotate(90deg);
}

/* sorting arrows */
th[data-sortable] {
	cursor: pointer;
}
th[data-sortable] .sortable-marker {
	white-space: nowrap;
}
th[data-sortable] .sortable-marker:after {
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M11.5 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L11 2.707V14.5a.5.5 0 0 0 .5.5zm-7-14a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L4 13.293V1.5a.5.5 0 0 1 .5-.5z'/></svg>");
	margin-left: 0.3em;
	display: inline-block;
	content: "";
	vertical-align: -.125em;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.4;
}
th[data-sorting=asc] .sortable-marker:after,
th[data-sorting=desc] .sortable-marker:after {
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z'/></svg>");
	opacity: 1.0;
}
th[data-sorting=asc] .sortable-marker:after {
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z'/></svg>");
}

/* quality indicator */
.notification-indicator {
	position: relative;
	padding-left: 2rem!important;
}
.notification-indicator::before {
	position: absolute;
	content: "";
	left: 0.6rem;
	top: 1.25rem;
	border-radius: 50%;
	border: 5px solid transparent;
}
.notification-indicator-1::before, .notification-indicator-success::before {
	border-color: var(--bs-success);
}
.notification-indicator-2::before, .notification-indicator-warning::before {
	border-color: var(--bs-warning);
}
.notification-indicator-3::before, .notification-indicator-danger::before {
	border-color: var(--bs-danger);
}

/* progress circles */
.progress-circle {
	width: 76px;
	height: 76px;
	background: none;
	position: relative;
	font-size: 0.9rem;
	font-weight: 800;
}
.progress-circle.big {
	width: 100px;
	height: 100px;
	font-size: 1rem;
}
.progress-circle > svg,
.progress-circle-value {
	width: 100%;
	height: 100%;
}
.progress-circle .progress-circle-value {
	position: absolute;
	top: 0;
	left: 0;
}
.progress-circle.big .h5 {
	font-size: 1.5rem;
}

/* hilited */
table tr.dialog-hilite > *,
table tr.hilited > * {
	background-color: #f6f6c9;
	--bs-table-accent-bg: #f6f6c9 !important;
}
.table-hover tbody tr.dialog-hilite:hover > *,
.table-hover tbody tr.hilited:hover > * {
	background-color: hsl(60deg 71% 76%);
	--bs-table-accent-bg: hsl(60deg 71% 76%) !important;
}

/* dashboard label */
.dashboard-label {
	border-radius: 10px;
	padding: 5px 0;
	margin: 0 1px;
	text-decoration: none;
	text-align: center;
	flex:1;
}
a.dashboard-label[href]:hover {
	background-color: var(--bs-body-bg);
}
.dashboard-label .active {
	font-weight: 700;
	color: var(--dip-black);
}
.dashboard-label.inactive {
	opacity: 50%;
}
.dashboard-label h3 {
	font-size: 1rem;
	font-weight: normal;
	color: rgba(var(--bs-body-color-rgb), 0.75);
	margin-bottom: 0;
	padding-bottom: 4px;
}
a.dashboard-label[href]:hover h3 {
	text-decoration: underline;
}
.dashboard-label .text {
	font-weight: 700;
}
.dashboard-label .number {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: normal;
	display: inline-flex;
	align-items: flex-end;
	color: var(--dip-black);
}
.dashboard-label .number .inactive {
	font-weight: 300;
	font-size: 1rem;
}
.dashboard-label .number a {
	text-decoration: none;
	color: var(--dip-black);
}
.dashboard-label .change {
	font-size: 0.9rem;
	padding-left: 0.5rem;
	color: var(--dip-black);
}

@media (prefers-reduced-motion: reduce) {
	.line::before,
	.nav-link[data-bs-toggle="collapse"]:after,
	.btn-toggle::after {
		transition: none;
	}
}

/* global search */
#global-search-results {
	display: block;
	background-color: white;
}
#global-search-results:empty {
	display: none;
}

/* lazy load html */
.lazy-load-html:empty::before {
	content: "...";
	display: block;
	margin-top: 1em;
}

/* digest, checks results, url statuses */
.result-header,
.result-intro {
	margin: 0 0 0.5rem 0;
	max-width: 700px;
}
.result-table {
	margin-bottom: 2rem;
}

html .selectize-dropdown-emptyoptionlabel {
	text-align: inherit;
}

@keyframes pulse {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
}

@keyframes opacity-pulse {
	0%, 100% {
		opacity: 1.0;
	}
	50% {
		opacity: 0.3;
	}
}

@keyframes sideway-wiggle {
	0%, 100% {
		translate: 0px 0;
	}
	25% {
		translate: -3px 0;
	}
	75% {
		translate: 3px 0;
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes button-bg-loading {
	0% {
		background-position: 0px center;
	}
	100% {
		background-position: 3000px center;
	}
}

@keyframes scroll-shadow-inset {
	0% {
		box-shadow: inset var(---shadow-y) 0 var(--shadow-blur) var(---shadow-y) var(--shadow-color);
	}
	100% {
		box-shadow: inset var(--shadow-y) 0 var(--shadow-blur) var(---shadow-y) var(--shadow-color);
	}
}

.dip-grid-two-columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: center;
}