/* Added to ensure consistent use of font Noto Sans throughout the portal*/
:root {
    --bs-font-sans-serif:"Noto Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  }

  /* Added to hide empty quick view element, which otherwise would show a redundant label */
.crmquickform-cell:has(iframe[src="about:blank"]) {
    display: none;
}

/* Content block styling */
div.page-copy .columnBlockLayout {
  background-color:#FFFFFF;
  border-radius:6px;
}
.crmEntityFormView, div.table-info label.field-label, div.container div.entitylist, div.entityList, div.card-body, #WebFormPanel, #step-content {
  background-color:#FFFFFF;
  border: none;
  border-radius: 6px;
}
div.card-body {
  padding:0px
}
.page-copy .container .columnBlockLayout {
  padding: 16px 32px !important;
  margin-bottom: 32px;
}
/* content block filters */
div.card-body {
  display: flex;
}
.card-body .float-end {
  align-content: end;
  margin-bottom: 1rem;
  margin-left: 1rem;
}
/*bootstrap datetimepicker widget*/
div .bootstrap-datetimepicker-widget {
  background-color:white;
}
/* multistepper */
div.page-copy .progress-numeric.top {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
}

/* medling action buttons */
div.actions .clearfix {
  column-gap: 6px;
  display: flex;
}

/* pagination */
ul.pagination li.page-item.active a.page-link {
  background-color: #3e1b68!important;
  border-radius: 6px;
}
.page-link {
  border: 1px solid #e9ecef!important;
  margin-right:6px;
}

/* table */
.table {
  --bs-table-striped-bg: #f8f9fc;
}
table thead tr {
  background-color: #f1f3f9;
}
.view-grid.table-responsive {
  border-radius: 6px;
}
input[type="radio"] {
  margin: 0px 5px 0px 5px  !important;
}
/* truncate text */
td[data-th="Meldingtype"]{
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* === Date Range Validation Styles === */
.field-error {
  border: 1px solid red !important;
  box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.05);
}

.date-error {
  display: block;
  margin-top: 6px;
  color: red;
  font-size: 0.9rem;
}


/* Target the stepper container */
div.progress-numeric.top {
  color: #3e1b68;
}

/* Style for the active step number */
div.progress-numeric.top > span.number:not(.total) {
  border-radius: 8px;
  background-color: #3e1b68;
  margin: 0 6px;
}

/* Style for the total step number */
div.progress-numeric.top > span.number.total {
  border-radius: 8px;
  background-color: #e0e0e0;
}

/* navigation */
nav a[aria-current="page"] {
  font-weight:bold;
}

/* textarea */
textarea.form-control {
    min-height: 5rem;
}

/* date component icon border radius */
span.input-group-addon.btn {
  border-radius: 0 6px 6px 0;
}

/* hide "Waarde verwijderen" button from records opzoeken / record search "entity-lookup" component (affects: taxateur, incident, premarketing) */
.entity-lookup button.remove-value {
    display: none;
}