table { width: 100%; border-collapse: collapse; }


.responsive-table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  position:relative;
  padding-top:5px;
}

.responsive-table-wrapper table {
  min-width: 700px;
}


/* Mobile View: Convert to Accordion Style */
@media screen and (max-width: 768px) {
	

    .responsive-table-wrapper {

  }

  .responsive-table-wrapper table.sticky-mobile-header {
    border-collapse: separate;
    border-spacing: 0;
  }

  table.sticky-mobile-header thead th,
  table.sticky-mobile-header thead td {
    position: sticky;
    background: #fff;
    background-clip: padding-box;
    box-shadow: 0 2px 0 #ddd;
  }
  
	.responsive-table-container {
  margin-bottom: 1rem;
}

.responsive-table-hint {
  font-size: 0.85rem;
  color: #387a4c;
  font-weight:600;
  margin-bottom: 0.4rem;
  text-align: center;
}

.responsive-table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
      max-height: 90vh;
    overflow: auto;
        position: relative;
    }
	
	 .mobile-cards td,
	 .images_table td{
	 	border:none !Important;
	 	background: #FFF !important;
	 	max-width:90% !important;
	 }
	

 	table.images_table{
 		
 	}
  table.mobile-cards {
    border-collapse: collapse;
  }

  table.mobile-cards thead {
    display: none;
  }

  table.mobile-cards,
  table.mobile-cards tbody,
  table.mobile-cards tr,
  table.mobile-cards td {
    display: block;
    width: 100%;
  }
table.mobile-cards  tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: transparent !Important;
}
  /* ?? Selve kortet */
  table.mobile-cards tbody tr {
    margin-bottom: 1rem;
    padding: 1rem;
    border: none;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  }

  /* ?? Innhold i kortet */
  table.mobile-cards td {
    padding: 0.4rem 0;
    border: none;
  }
table.mobile-cards .lineFatUnder td{
		border-bottom: none !Important;
	}
  /* ?? Label */
  table.mobile-cards td::before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    font-size: 0.85rem;
    color: #666;
    margin-bottom: 0.15rem;
  }

  /* ? Første felt = tittel */
  table.mobile-cards td:first-child {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
  }

  table.mobile-cards td:first-child::before {
    display: none;
  }
  table.mobile-cards td + td {
  border-top: 1px solid #eee;
  margin-top: 0.4rem;
  padding-top: 0.4rem;
}

}