/* ============================================================
   SCC - Mobile styles
   ============================================================ */


/* ------------------------------------------------------------
   Responsive tables
   ------------------------------------------------------------ */

/* Kolommen die nooit mogen afbreken */
.scc-nowrap {
    white-space: nowrap;
}

/* Omschrijvingen in tabellen */
.scc-table-description {
    min-width: 180px;
    max-width: 320px;
    white-space: normal;
    overflow-wrap: break-word;
}


/* ------------------------------------------------------------
   Mobile
   ------------------------------------------------------------ */

@media (max-width: 767.98px) {

    /* Description maximaal 3 regels */
    .scc-table-description {
        max-width: 240px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
}