/* Koppen en velden beginnen op dezelfde lijn.
 *
 * Waarom dit bestand bestaat
 * --------------------------
 * Gemeld door Martijn (X6): "koppen, vakken en randen beginnen net niet op dezelfde plek."
 *
 * Gemeten 11-09-2026 op Product toevoegen: de kop staat op 35 px met 6 px eigen ruimte ernaast,
 * dus de tekst begint op 41. Het veld eronder zit in een kolomvak met 10 px ruimte, dus de rand
 * van het veld begint op 45. Vier pixels verschil, op elke regel, in elk venster. Je ziet het niet
 * meteen, maar het maakt een scherm onrustig.
 *
 * Dat verschil komt niet uit de schermen zelf maar uit het raster eronder: een kop is een kolom en
 * het veld zit in een tweede kolom, en die twee kolommen hebben niet dezelfde ruimte aan de zijkant.
 *
 * Wat hier staat
 * --------------
 * De ruimte aan de linkerkant gaat eraf bij allebei, zodat de tekst van de kop en de rand van het
 * veld op dezelfde lijn beginnen. Alleen bij het eerste kolomvak in een veldgroep: staan er twee
 * kolommen naast elkaar, dan houdt de tweede zijn ruimte en blijft de tussenruimte staan.
 *
 * Dit bestand wordt in elke layout na de themabestanden geladen en wint dus van alle negen.
 */

/* --- de kop ----------------------------------------------------------------------------------- */
.form-group > label,
.form-group > .control-label {
    padding-left: 0;
}

/* --- het veld eronder --------------------------------------------------------------------------
 *
 * Alleen het eerste kolomvak: dat is het vak dat tegen de linkerlijn aan hoort te staan.
 */
.form-group > div[class*="col-"]:first-of-type {
    padding-left: 0;
}

/* Het balkje dat zegt dat de kassa op zijn eigen kopie draait. (OF2, 12-09-2026.)

   Onderaan en over de volle breedte, want het moet opvallen zonder een knop te bedekken: wie
   afrekent kijkt naar de bon en naar de knoppen, niet naar de hoeken van het scherm. */
.kassa-offlinebalk {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    padding: 6px 12px;
    background: #8a6d3b;
    color: #fff;
    font-size: 13px;
    text-align: center;
}