/* NTU/DMP settings: de override-kolom is verborgen en de aan/uit-status wordt
   per rij via een klik bediend, met visuele feedback. De klassen worden alleen
   gezet op de settings-pagina's, dus deze regels zijn elders een no-op. */

/* Verborgen override-kolom (de verborgen override-checkbox-cellen). De header-
   "O"-cel is uit de markup verwijderd; !important voorkomt dat Bootstrap-grid-
   regels (col-md-*) op deze cellen de display alsnog overschrijven. */
.override-cell { display: none !important; }

/* Setting uit: gedimd en niet bewerkbaar; klik zet hem aan (pointer-events:none
   op de controls zodat de klik doorvalt naar de rij). */
tr.override-off { opacity: .5; cursor: pointer; }
tr.override-off .form-control,
tr.override-off .btn,
tr.override-off input,
tr.override-off select,
tr.override-off textarea { pointer-events: none; }
tr.override-off > th:first-child { border-left: 3px solid transparent; }

/* Setting aan: lichte tint + groene accentrand; de naam-cel zet hem weer uit. */
tr.override-on { background-color: #f6fff6; }
tr.override-on > th:first-child { border-left: 3px solid #5cb85c; cursor: pointer; }

/* Overerfde keuze: subtiel gestippeld/muted accent op de optie die via de
   default- of DMP-default-laag van toepassing is. Blijft ook zichtbaar als de
   override aanstaat (referentie tijdens het kiezen). De .btn-selector zorgt dat
   de gestippelde rand ook wint van Bootstraps .btn-default.active-rand wanneer
   de overerfde optie tegelijk de geselecteerde is. */
.inherited-option { border: 1px dashed #5cb85c; color: #3c763d; }
.btn.inherited-option,
.btn.inherited-option.active { border: 1px dashed #5cb85c; color: #3c763d; }