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


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

.sv-text-portlet table.sv-standard td p a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.sv-text-portlet table.sv-standard td p a {
  border-radius: 6px;
  display: flex;
  margin-left: -1rem;
  min-height: 44px;
  padding-left: 1rem;
  /*align-items: center;*/
}

.sv-text-portlet table.sv-standard td li a:hover,
div .pagecontent .sv-text-portlet-content table .normal a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.sv-text-portlet table.sv-standard td li a,
div .pagecontent .sv-text-portlet-content table .normal a {
  align-items: center;
  border-radius: 6px;
  display: flex;
  margin-left: -3rem;
  min-height: 44px;
  padding-left: 3rem;
}

.pagecontent .sv-text-portlet-content table .normal a {
  background: none;
  border-radius: 0;
  color: #222 !important;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.pagecontent .sv-text-portlet-content table .normal a:before {
  display: none;
}

.sv-text-portlet-content table {
  border-collapse: collapse;
  border-radius: 6px;
  border-spacing: 0;
  /*margin: 0 0 3rem;*/
  overflow: hidden;
  width: 100%;
}

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

div.sv-text-portlet-content .sv-standard th,
.sv-limepark-app-job-listing-visma .env-table--zebra th {
  padding: 1.2rem 2rem;
}

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

div.sv-text-portlet-content .sv-standard thead th {
  background-color: #f7efc8;
  vertical-align: top;
}

.tablesorter-header-inner p {
  background-color: #f7efc8;
}

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

div.sv-text-portlet-content .sv-standard td,
div.sv-text-portlet-content .sv-standard tbody th {
  background-color: #fcf9ef;
}

div.sv-text-portlet-content tbody tr {
  border-bottom: 2px solid #f7efc8;
}

div.sv-text-portlet-content tbody tr:last-child {
  border-bottom: none;
}

.sv-text-portlet-content table[class*='sv-standard'] td,
.sv-text-portlet-content table[class*='sv-standard'] th {
  vertical-align: top;
}

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

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

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

/* Fix för breda tabeller */

.sv-text-portlet-content .sv-responsiveTable {
  max-width: 100%;
  overflow: auto;
  mask-image: linear-gradient(90deg, rgba(0,0,0,1) calc(100% - 2rem), rgba(0,0,0,0));
  -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,1) calc(100% - 2rem), rgba(0,0,0,0));
  padding-right: 2rem;
  margin-right: -2rem;
  margin-bottom: 3rem; 
}

/* Safari */
@supports (-webkit-hyphens: none) and (not (hyphens: none)) {
  .sv-text-portlet-content .sv-responsiveTable {
    mask-image: none;
    -webkit-mask-image: none;
    padding-right: 0;
    margin-right: 0;
  }
}