/* ISM QUOTATION CART */
.quotation-cart .cart-footer{ margin-top:15px; }
.quotation-cart .cart-footer .btn{ text-transform:uppercase; }

.quote-table{ width:100%;margin-bottom:30px;display:table; }
.quote-table td{ display:table-cell;vertical-align:middle; }
.quote-table td.right{ text-align:right;float:none!important; }
.quote-table td.no-products{ padding:15px 0;color:#666; }
.quote-table thead{ border-bottom:1px solid #ccc; }
.quote-table thead td{ font-weight:bold;padding:10px 0; }
.quote-table tbody td{ padding:10px 0; }
.quote-table tbody td.title{ padding:10px 15px; }
.quote-table tbody tr{  border-bottom:1px solid #ddd; }

.quote-table td.image{ width:15%; }
.quote-table td a:hover{ color:#000; }
.quote-table td .options{ padding-left:15px;font-size:14px; }
.quote-table td .options.no-options{ font-style:italic; }
.quote-table td .options strong{ padding-top:5px; }
.quote-table td .options span{ font-style:italic; }
.quote-table td .quantity input{ float:left;max-width:100px; }
.quote-table td .cart-product-remove{ float: right;display: inline-block!important;font-size: 18px;vertical-align: middle;line-height: 20px;padding: 10px 0; }

.quotation-content .button{ margin-bottom:60px; }

@media(max-width:767px){
	.quote-table td .options{ font-size:12px; }
  .quote-table td .quantity input{ float:left;max-width:55px; }
}
@media(max-width:600px){
  .quote-table td.image{ width:0;overflow:hidden;padding:0; }
  .quote-table td.image img{ display:none; }
  .quote-table tbody td.title{ padding-left:0; }
  .quote-table td .options{ font-size:11px; }
  .quote-table thead td.right{ width:100px;text-align: center;}
  .quote-table tbody td.right{ width:100px;text-align:center; }
  .quote-table td .cart-product-remove{ float:none; }
}

.quote-gegevens h1{ text-align:center; }
.quote-gegevens .content .cms-content{ text-align:center; }

.finish-quote-form{ width:100%;margin:auto; }
.finish-quote-form .form-section .form-row{ margin-left:-7.5px;margin-right:-7.5px;position:relative; }
.finish-quote-form .form-section .form-col{ float:left;padding:0 7.5px;padding-bottom:20px; }
.finish-quote-form .form-section .form-col.npb{ padding-bottom:0; }
.finish-quote-form .form-section .form-col-full{ width:100%; }
.finish-quote-form .form-section .form-col-half{ width:50%; }
.finish-quote-form .form-section label{ display:block; }
.finish-quote-form .form-section label.smaller{ font-size:12px; }
.finish-quote-form .form-section label span, .required{ color:#e96b2e;font-weight:bold; }
.finish-quote-form .form-section input[type='text'], .finish-quote-form .form-section select{ width:100%; }

/* custom */
/* Custom CSS voor tabel eigenschappen in Lightspeed Ecom */
table:not(.quote-table) {
  border-style: solid;
  border-width: 1px;
  border-color: #ccc; /* Zachtere kleur voor een subtielere rand */
  border-collapse: collapse;
  width: 100%; /* Tabel vult de breedte van de container */
  font-family: Arial, sans-serif; /* Meer leesbaar lettertype */
  margin-bottom: 20px; /* Ruimte onder de tabel voor betere lay-out */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Schaduw voor meer diepte */
}

table:not(.quote-table) th {
  background-color: #f2f2f2; /* Lichtgrijze achtergrond voor kolomtitels */
  font-weight: bold;
  text-align: left; /* Tekst uitgelijnd naar links voor consistentie */
  padding: 15px; /* Meer padding voor een duidelijker onderscheid tussen kolommen */
}

table:not(.quote-table) td {
  padding: 15px; /* Meer padding voor een betere lay-out */
  border: 1px solid #ccc;
  text-align: left;
}

table:not(.quote-table) tr:nth-child(even) {
  background-color: #f9f9f9; /* Alternatieve achtergrondkleur voor rijen om leesbaarheid te verbeteren */
}

table:not(.quote-table) tr:hover {
  background-color: #f1f1f1; /* Lichte kleur bij hover voor betere interactie feedback */
}

.btn-quote {color:var(--button-background-color);background-color:var(--button-text-color);border-color:var(--button-background-color);gap:0.5rem;}
.btn-quote:hover {color:var(--button-text-color);background-color:var(--button-background-color);}
.btn-quote:hover .icon-quote {color:var(--button-text-color);transition: .3s;}