:root {
	--bs-border-radius: 0rem; /*0.375rem;*/
	--bs-border-radius-sm: 0rem; /*0.25rem;*/
	--bs-border-radius-lg: 0rem; /*0.5rem;*/
	--bs-border-radius-xl: 0rem; /*1rem;*/
	--bs-border-radius-xxl: 0rem; /*2rem;*/
	--bs-border-radius-2xl: 0rem; /*var(--bs-border-radius-xxl);*/
}

html, body {
	height: 100%;
	width: 100%;
}
body {
	background-image: url('../media/bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	
	padding: 10px;
	
	font-family: var(--bs-body-font-family);
}

body > nav.bg-body-tertiary {
	--bs-bg-opacity: 0.8;
}

body .card {
	background: color-mix(in srgb, var(--bs-card-bg) 80%, transparent);
	background-image: url('../media/title_bg.png');
	background-repeat: repeat-x;
	background-position: center top;
	
	border-top-color: rgba(255,255,255,0.3);
	border-left-color: rgba(255,255,255,0.3);
	border-bottom-color: rgba(0,0,0,0.3);
	border-right-color: rgba(0,0,0,0.3);
}

body .card .card-header {
	background-color: transparent !important;
	border-bottom: none;
	min-height: 40px;
	
	font-family: 'construction_sans_bold', var(--bs-body-font-family);
/*	-webkit-text-stroke: 1px black;
	font-size:22px;*/
}

body .card .card-footer {
	background-color: transparent !important;
	border-top: none;
	min-height: 40px;
}

/* increase tab sizes */
body .nav {
	--bs-nav-link-padding-x: 2rem;
	--bs-nav-link-padding-y: 1rem;
}

body .nav-link {
	color: var(--bs-nav-tabs-link-active-color);
}

.nav-link:focus, .nav-link:hover {
	color: var(--bs-nav-tabs-link-active-color);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
	border-color: var(--bs-nav-tabs-link-hover-border-color);
	
	border-radius: 5px 5px 0px 0px;
}


.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {

}


body .list-group .list-group-item {
	background: color-mix(in srgb, var(--bs-list-group-bg) 15%, transparent);
}

body .list-group .list-group-item:hover,
body .list-group .list-group-item:focus {
	background: color-mix(in srgb, var(--bs-success) 25%, transparent);
}

body .dropdown-item.active, body .dropdown-item:active {
	color: var(--bs-dropdown-link-active-color);
	background-color: var(--bs-success);
}


/* pagination */
body .pagination {
  --bs-pagination-color: #cccccc;

  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-hover-color: #198754;
  --bs-pagination-focus-color: #198754;
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #198754;
  --bs-pagination-active-border-color: #198754;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
}

body .page-link {
	background: color-mix(in srgb, var(--bs-pagination-bg) 80%, transparent);
}

body .active > .page-link,
body .page-link.active {
	color: var(--bs-pagination-active-color);
	background-color: color-mix(in srgb, var(--bs-pagination-active-bg) 80%, transparent);
	border-color: var(--bs-pagination-active-border-color);
}





body .accordion {
	--bs-accordion-bg: transparent;
	--bs-accordion-active-color: var(--bs-success-text-emphasis);
	--bs-accordion-active-bg: color-mix(in srgb, var(--bs-success-bg-subtle) 50%, transparent);
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(117, 183, 152, 0.25);
}



/* custom table highlight */
.table-success {
  --bs-table-color:#000;
  --bs-table-bg:color-mix(in srgb, #d1e7dd 50%, transparent);
  --bs-table-border-color:#a7b9b1;
  --bs-table-striped-bg:color-mix(in srgb, #c7dbd2 50%, transparent);
  --bs-table-striped-color:#000;
  --bs-table-active-bg:color-mix(in srgb, #bcd0c7 50%, transparent);
  --bs-table-active-color:#000;
  --bs-table-hover-bg:color-mix(in srgb, #c1d6cc 50%, transparent);
  --bs-table-hover-color:#000;
  color:var(--bs-table-color);
  border-color:var(--bs-table-border-color)
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg:color-mix(in srgb, #f8d7da 50%, transparent);
  --bs-table-border-color: #c6acae;
  --bs-table-striped-bg: color-mix(in srgb, #eccccf 50%, transparent);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: color-mix(in srgb, #dfc2c4 50%, transparent);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: color-mix(in srgb, #e5c7ca 50%, transparent);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}


.report-item-container {
  --bs-gutter-x: 1.5rem;
  padding: 0px calc(.5 * var(--bs-gutter-x)) 0px;
  border-bottom: 1px solid #eee2;
}

.report-item {
  padding: 5px 0px;
  cursor: pointer;
}

.report-item:hover {
  background: rgba(0,255,0,0.2);
}

.report-item-details {
  
}