/* 
:root {
  /* --portalThemeColor1: #86bc25; /* brand green */
  /* --portalThemeColor4: #6dacde; /* brand blue */
  /* --portalThemeColor7: #ffffff; /* white */
  /* --portalThemeColor8: #2a2c2e; /* black */
  /* --portalThemeColor2: #f0f0f0; /* light grey */
  /* --portalThemeColor3: #919191; /* dark grey */
  /* --portalThemeColor5: #40863a; /* dark green */
  /* --portalThemeColor6: #0052ac; /* dark blue */
  /* --portalThemeColor9: #701f85; /* purple */
  /* --portalThemeColor10: #ff7525; /* orange */
  /* --portalThemeColor11: #be2137; /* red 
 }
*/ 

a:has(.siteTitle.custom-sitetitle) {
  text-decoration: none !important;
}

.static-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
  border-right: 1px solid var(--portalThemeColor7);
  border-left: 1px solid var(--portalThemeColor7);
}

.navbar-dark .navbar-nav > li > a:hover, .navbar-dark .navbar-nav > li.dropdown > a:hover {
  color: var(--portalThemeColor7) !important;
}

.navbar-dark .navbar-nav a.show, .navbar-dark .navbar-nav a.dropdown-toggle.show {
  color: var(--portalThemeColor7) !important;
}

.navbar-dark .navbar-nav > li > a:focus-visible, .navbar-dark .navbar-nav > li.dropdown > a:focus-visible {
  color: var(--portalThemeColor7) !important;
}

.navbar-dark .navbar-nav > li > a:focus, .navbar-dark .navbar-nav > li.dropdown > a:focus {
  color: var(--portalThemeColor7) !important;
}

.navbar-dark .navbar-nav .show.dropdown-menu > li > a:hover {
  color: var(--portalThemeColor1) !important;
  background-color: var(--portalThemeColor7) !important;
}

.navbar-dark .navbar-nav .show.dropdown-menu > li > a {
  color: var(--portalThemeColor7) !important;
}

.navbar-dark .navbar-toggler:focus {
  border: 1px solid var(--portalThemeColor7) !important;
  background-color: var(--portalThemeColor1) !important;
}

.navbar-dark .navbar-toggler:hover {
  border: 1px solid var(--portalThemeColor7) !important;
  background-color: var(--portalThemeColor1) !important;
}

footer .footer-bottom {
  color: var(--portalThemeColor7) !important;
  background-color: var(--portalThemeColor8) !important;
}

/* Special styling for classic list element */

.view-grid.table-responsive a {  
  font-size: 16px;
  color: var(--portalThemeColor4);
  text-decoration: none;
}

.view-grid.table-responsive a:hover {  
  filter: brightness(80%);
}

.entitylist {
  border: 0px !important;
}

.entitylist .view-grid th a {  
  font-weight: bold;  
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover {
  background-color: var(--portalThemeColor4) !important;
}

/* Special styling for search functions (header and lists) */

.view-search .query, .form-search .form-control {
  border: 1px solid var(--portalThemeColor2) !important;
  border-right: none;
  border-radius: 4px 0 0 4px !important;
  font-size: 14px;
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
  height: 38px;
}

.view-search .query:focus, .form-search .form-control:focus {
  outline: none;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), -8px 0 8px rgb(255, 255, 255) !important;
  border-color: var(--portalThemeColor2);
}

.view-search .query::placeholder, .form-search .form-control::placeholder {
  color: #6c757d !important;
}

.view-search .btn, .form-search .btn {
  background-color: var(--portalThemeColor4);
  border: none;
  border-radius: 0 4px 4px 0 !important;
  color: var(--portalThemeColor7);
  padding: 8px 12px;
  font-size: 14px;
  cursor: pointer;
  height: 38px;
}

.view-search .btn:hover, .form-search .btn:hover {
  filter: brightness(90%);
}

.view-search .btn:focus, .form-search .btn:focus {
  outline: none !important;
  box-shadow: none !important;
}

.view-search {
  display: flex;
  align-items: center;
}

.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  --bs-table-accent-bg: rgba(0,0,0,0.02) !important;
}