/*
=========================================================
TABLES CSS
=========================================================
 * Innehåller styling av tabeller
 *
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/


/*
---------------------------------------------------------
TABELLER
--------------------------------------------------------- */

.sv-text-portlet-content table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 3rem;
  width: 100%;
}

.sv-text-portlet table.sv-standard caption {
  font-size: 2.8rem;
  line-height: 1.4;
  margin: 0 0 1rem;
}

.sv-text-portlet-content table.sv-standard th {
  padding: 1.2rem 2rem;
}

.sv-text-portlet-content table.sv-standard th p {
  font-weight: bold;
}

body .sv-text-portlet-content table.sv-standard thead th {
  background-color: var(--lp-color-4);
  vertical-align: top;
}

.sv-text-portlet-content table td {
  padding: 1.2rem 2rem;
  vertical-align: top;
}

.sv-text-portlet-content table tr:nth-child(odd) td,
.sv-text-portlet-content table tr:nth-child(odd) th {
  background-color: var(--lp-color-6);
}

.sv-text-portlet-content table thead + tbody tr:nth-child(even) td,
.sv-text-portlet-content table thead + tbody tr:nth-child(even) th {
  background-color: var(--lp-color-6);
}

.sv-text-portlet-content table thead + tbody tr:nth-child(odd) td,
.sv-text-portlet-content table thead + tbody tr:nth-child(odd) th {
  background-color: #fff;
}

.sv-text-portlet-content table thead + tbody tr:nth-child(odd):last-child td,
.sv-text-portlet-content table thead + tbody tr:nth-child(odd):last-child th {
  border-bottom: 1px solid #eee;
}

/* Header vid stapling av tabell */
.sv-text-portlet-content table th.sv-responsiveTable--stacked__headRow--main {
  background-color: #ccc;
}

.sv-text-portlet-content table .tablesorter-header {
  cursor: pointer;
}

.sv-text-portlet-content table .tablesorter-header:hover {
  text-decoration: underline;
}

/*
---------------------------------------------------------
IKONER FÖR SORTERING
--------------------------------------------------------- */

.sv-tablesorter thead th {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2024%2024\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23000\'%3E%3Cpath%20%20d%3D%22M11.665%203.056a1.52%201.52%200%200%200-.285.151c-.071.051-1.497%201.452-3.167%203.113-2.069%202.058-3.06%203.071-3.112%203.18-.186.395-.1.864.216%201.181.346.346-.214.319%206.683.319%206.896%200%206.337.027%206.682-.318.363-.364.421-.892.141-1.306-.045-.068-1.451-1.483-3.124-3.144-2.091-2.078-3.096-3.049-3.219-3.112-.223-.114-.601-.143-.815-.064M5.706%2013.065c-.274.084-.559.376-.643.657-.11.371-.071.641.133.92.057.079%201.463%201.494%203.124%203.145%202.051%202.038%203.076%203.03%203.195%203.091.345.175.754.149%201.075-.068.278-.188%206.197-6.107%206.29-6.291.205-.4.126-.876-.197-1.2-.345-.344.186-.319-6.7-.316-5.275.002-6.109.011-6.277.062%22%2F%3E%3C%2Fsvg%3E');
  background-position: bottom 50% left 5px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
}

.sv-tablesorter thead th.tablesorter-headerAsc {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2024%2024\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23000\'%3E%3Cpath%20%20d%3D%22M11.813%207.444a1.18%201.18%200%200%200-.28.091c-.062.033-1.439%201.388-3.059%203.012-2.425%202.431-2.954%202.981-2.997%203.113-.072.224-.065.496.018.713.086.225.391.512.616.579.119.036%201.58.048%205.899.048%206.237%200%205.903.012%206.204-.218.073-.056.185-.196.249-.312.143-.26.16-.634.039-.89-.106-.225-5.764-5.896-6.018-6.032a1.001%201.001%200%200%200-.671-.104%22%2F%3E%3C%2Fsvg%3E');
}

.sv-tablesorter thead th.tablesorter-headerDesc {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2024%2024\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23000\'%3E%3Cpath%20%20d%3D%22M6.122%209.047c-.567.164-.875.866-.606%201.383.045.085%201.362%201.431%203.031%203.097%202.865%202.859%202.959%202.949%203.17%203.01.269.078.297.078.566%200%20.211-.061.305-.151%203.17-3.01%201.745-1.742%202.987-3.012%203.038-3.107.237-.444.002-1.085-.487-1.328-.136-.068-.451-.072-5.944-.079-3.76-.004-5.849.008-5.938.034%22%2F%3E%3C%2Fsvg%3E');
}

/*
---------------------------------------------------------
FIX FÖR SCROLLBARA TABELLER
--------------------------------------------------------- */

.lp-scrollable-table__wrapper {
  max-width: 100%;
  overflow: auto;
}

.sv-responsiveTable.lp-scrollable-table {
  overflow: visible;
}

.lp-scrollable-table--has-scroll {
  position: relative;
}

.lp-scrollable-table--has-scroll:before {
  background-color: #fff;
  bottom: -1rem;
  content: '';
  left: calc(100% - 1.4rem);
  position: absolute;
  top: -1rem;
  width: 1.5rem;
  z-index: 1;

  -webkit-mask: var(--mask);
  --mask: linear-gradient(#000 0 0) right/calc(100% - 10px) 100% no-repeat, conic-gradient(from 45deg at left,#0000,#000 1deg 89deg,#0000 90deg) left/10px 20.00px repeat-y;
  mask: var(--mask);
}