/*
Custom Beat-it css. Move to TW?
*/

.btn-koongo {
    color: #ffffff;
    background: rgb(254, 184, 12);
    background: linear-gradient(to left, #fcac09 0%, #f68c00 100%) !important;
}



body {
  
}
/*MENU*/
.container.nav::before {
    right: 100%;
    background-color: #233965;
}
.container.nav::after {
    right: 100%;
    background-color: #233965;
}
/*ICE*/
.ice .container.mb-btm {
    padding-left: 0;
    padding-right: 0;
}
.ice .break_cols {
     display: flex;
     /* align-items: center; */
     justify-content: space-between;
     column-gap: 30px;
 }

.ice .tableRowHead h3 {
    background: #fff;
    margin: 0;
    padding: 10px 15px;
    font-size: 1rem;
    font-weight: 700;
}


.ice .tableRow .inner-data:nth-child(2n) {
    background: #f2f7fb;
 /*   background: #fafafa;*/
}
.ds_label,
.ds_data {
    padding:5px 10px;
}


.ice .table {
    border-radius: 0px !important;
    border: 1px solid #fff !important;
    width:100%;
}

.ice .inner-data {
    display: flex;
    align-items: center;
    padding: 5px;
    justify-content: space-between;
}

.ice .spec-column {
    width: 50%;
}

.ice .ds_label {
    width: 50%;
}

.ice .ds_data {
    width: 50%;
}

/* Tooltip-vindbaarheid: features met een Icecat-omschrijving krijgen een subtiele
   stippellijn zodat zichtbaar is dat er iets te hoveren valt. De omschrijving zit
   in het title-attribuut dat de generator meegeeft (IceCatUpdateProduct.php).
   :not([title=""]) is nodig — features zonder omschrijving krijgen een leeg
   title-attribuut. Bewust geen cursor:help (designkeuze, zie voorraad-tooltip). */
.ice .ds_label span[title]:not([title=""]) {
    text-decoration: underline dotted #cbd5e1;
    text-underline-offset: 3px;
}

.ice .ds_label span[title]:not([title=""]):hover {
    text-decoration-color: #233965;
}

/* Ja/nee-waarden. Vervangt de inline style="color: green/red" die de generator
   voorheen in de opgeslagen HTML schreef (niet overschrijfbaar zonder !important).
   Kleuren uit het Beat-it palet i.p.v. browser-defaults. Bestaande producten
   houden hun inline kleur tot ze opnieuw geïmporteerd worden. */
.ice .ds_data.ds_yes {
    color: #15803d;
}

.ice .ds_data.ds_no {
    color: #b91c1c;
}

@media (min-width: 768px) {
    .customer-account-create .field input[name="street[]"] {
        width: 100%;
    }
    .customer-account-create .field input[name="street_2"] {
        width: 60%;
    }
}
.field-aantal_werkplekken {
    display:none;
}