table, th, td { border: 1px solid black; } .blok1 { flex-wrap: wrap; padding: .75rem 1rem; /* margin-bottom: 1rem; */ list-style: none; background-color: #e9ecef; /* border-radius: .25rem; */ } .tekstvak{ background: aliceblue; padding: 10px; opacity: 0.8; } .blok2 { display: inline-block; color: #6c757d; } .blok3 { display: inline-block; float: right; color: #6c757d; } .tekst { margin-bottom: 15px; } .btn-outline-secondary { background: aliceblue !important; } .btn-outline-secondary:hover { background-color: #6c757d !important; } .btn-outline-secondary:disabled { background-color: white; color : red; } .subtotaal { font-size: 15px; font-style: italic; } .subtotaalpakket { float: right; font-style: italic; } .tooltip2 { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip2 .tooltiptext2 { visibility: hidden; width: 300px; background-color: #e9ecef; color: #000; text-align: justify; /* border-radius: 6px; */ padding: 10px 10px; font-size: 14px; /* Position the tooltip */ position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -60px; } .tooltip2:hover .tooltiptext2 { visibility: visible; } .blok { background-color: #e9ecef; padding: 10px; position: fixed; left: 0; bottom: 0; width: 100%; }