/* Bootstrap 3-ish base typography on Bootstrap 5 */
:root {
  --bs-body-font-size: 0.875rem;        /* 14px if root is 16px */
  --bs-body-line-height: 1.428571429;   /* BS3's 20/14 */
  --bs-body-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.highlightedRow {
	background-color: #fdfd96 !important;
}

.errorRow {
	background-color: #ED2939;
	color: white !important;
	::placeholder { 
		color: white !important;
		opacity: 1;
	}
	:-ms-input-placeholder {
		color: white !important;		
	}
	::-ms-input-placeholder {
		color: white !important;
	}
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit;
}
.panel-title > a {
	color: inherit;
	text-decoration: none;
}
.panel-group {
  margin-bottom: 20px;
}
.hide {
    display: none !important;
}
.btn-soft{
  filter: saturate(.75) brightness(.98);
}
/* ---- BS3 glyphicon checkbox compat (no icon font needed) ---- */
.glyphicon.filterCheck{
  /* ignore the   inside the span */
  font-size: 0 !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 14px;
  height: 14px;
  margin-right: 7px; /* you can remove inline style later */

  border: 1px solid currentColor;
  border-radius: 2px;
  background: transparent;
  vertical-align: middle;
}

/* unchecked: no symbol */
.glyphicon.filterCheck::before{
  content: "";
  font-size: 12px;   /* controls checkmark size */
  line-height: 1;
}

/* checked: show tick when glyphicon-ok is added */
.glyphicon.filterCheck.glyphicon-ok::before{
  content: "✔";      /* "✓" or "✔" */
  font-size: 12px;
  font-weight: 700;
}

.glyphicon.filterCheck.fa-check::before{
  content: "✔";
  font-size: 12px;
  font-weight: 700;
}

button.multiselect.btn-outline-secondary {
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-color: var(--bs-secondary);
  --bs-btn-hover-border-color: var(--bs-secondary);
  --bs-btn-active-bg: #fff;
  --bs-btn-active-color: var(--bs-secondary);
  --bs-btn-active-border-color: var(--bs-secondary);
}

.bootstrap-filestyle.input-group{
  width: auto !important;
  flex: 0 0 auto !important;
}

.bginfo-row {
	background-color: #d9edf7 !important;
}

.pageViewContentWrap .card-header h4 {
    margin: 0 0 0 12px;
    font-weight: bold;
}

.h3, h3 {
	font-size: 24px;
}

.h4, h4 {
	font-size: 18px;
}