/* Here you can add your CSS classes */

/*
body {
  font-size: 12px; /* Pas aan naar de gewenste grootte */
}
*/

/* Pas fontgrootte van alle standaard Bootstrap form controls aan */
/*
.form-control,
.form-select,
.btn,
input,
textarea,
select {
  font-size: 12px ;
}
*/

/* Gebruik !important alleen als je merkt dat Bootstrap jouw stijl overschrijft.  
  font-size: 11px !important;
*/


/* Stap 1: Standaard alles zonder focusring */
:focus {
  outline: none;
  box-shadow: none !important;
}

/* Stap 2: Alleen focusring bij toetsenbordgebruik */
body.user-is-tabbing *:focus {
  outline: 2px solid #0d6efd; /* Bootstrap blauw */
  outline-offset: 2px;
  box-shadow: none !important;
}

/* Override Bootstrap componenten expliciet */
.btn:focus,
.form-control:focus,
.nav-link:focus,
.dropdown-item:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Optioneel: een subtiele hover zonder focusring */
.btn:hover,
.form-control:hover {
  box-shadow: none;
}


/*
.list-group{
    max-height: 600px;
    margin-bottom: 10px;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
}
*/

.list-group-item.active {
background-color: #0F172A;
border-color: #0F172A; }


.card_header {
  background-color: #0F172A; /* gewenste achtergrondkleur */
  color: #FFFFFF;            /* optioneel: tekstkleur */
}

/* Beperk dropdown hoogte tot max 200px met scrollbar */
.lookup-limited-height select {
  max-height: 150px;
  overflow-y: auto;
}

/* Of vaste hoogte met aantal zichtbare items */
.lookup-limited-height select {
  size: 10; /* Toont max 10 items */
  height: auto;
  max-height: 220px;
  overflow-y: auto;
}