@randstad-design/orbit-multitheme/dist/assets/theme-spherion/components/data-table.css

multitheme Front-end code based on Randstad Human Forward components

.data-table {
  font-family: Montserrat, arial, sans-serif;
  font-size: 16px;
  text-transform: none;
  line-height: 25px; }
  .data-table__table {
    width: 100%; }
    .data-table__table th,
    .data-table__table td {
      padding-right: 30px;
      position: relative;
      text-align: left;
      vertical-align: top; }
      .data-table__table th.align-right,
      .data-table__table td.align-right {
        padding-left: 30px;
        padding-right: 0;
        text-align: right; }
    .data-table__table th {
      padding-bottom: 20px; }
    .data-table__table th .sort-by {
      cursor: pointer;
      display: inline-block;
      padding-right: 17px;
      position: relative; }
      .data-table__table th .sort-by:before, .data-table__table th .sort-by:after {
        border: 4px solid transparent;
        content: '';
        display: block;
        height: 0;
        position: absolute;
        right: 0;
        top: 15px;
        width: 0; }
      .data-table__table th .sort-by:before {
        margin-top: -10px; }
      .data-table__table th .sort-by:after {
        margin-top: 1px; }
    .data-table__table td {
      padding-bottom: 17px;
      padding-top: 17px; }
      .data-table__table td:first-child {
        padding-left: 0; }
      .data-table__table td .data-table__action {
        margin-top: 3px; }
  .data-table--compact {
    font-family: Montserrat, arial, sans-serif;
    font-size: 16px;
    text-transform: none;
    line-height: 25px; }
    .data-table--compact td {
      padding-bottom: 12px;
      padding-top: 12px; }
  .data-table--spacious {
    font-family: Montserrat, arial, sans-serif;
    font-size: 16px;
    text-transform: none;
    line-height: 25px; }
    @media (min-width: 941px) {
      .data-table--spacious {
        font-family: Montserrat, arial, sans-serif;
        font-size: 18px;
        text-transform: none;
        line-height: 30px; } }
    .data-table--spacious th .sort-by:before {
      margin-top: -8px; }
    .data-table--spacious th .sort-by:after {
      margin-top: 3px; }
    .data-table--spacious td {
      padding-bottom: 25px;
      padding-top: 25px; }
  .data-table__cell--small {
    width: 80px; }
  .data-table__cell--medium {
    width: 130px; }
  .data-table__cell--large {
    width: 180px; }
  .data-table .collapsible__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .data-table__content {
    font-family: Montserrat, arial, sans-serif;
    font-size: 18px;
    text-transform: none;
    line-height: 30px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 30px;
    width: 100%; }
    .data-table__content li + li {
      margin-top: 10px; }
    .data-table__content .text--alternative {
      font-family: Montserrat, arial, sans-serif;
      font-size: 16px;
      text-transform: none;
      line-height: 25px;
      display: block; }
      @media (min-width: 941px) {
        .data-table__content .text--alternative {
          font-family: Montserrat, arial, sans-serif;
          font-size: 18px;
          text-transform: none;
          line-height: 30px; } }

.data-table th .sort-by::before {
  border-bottom-color: #97999b; }

.data-table th .sort-by::after {
  border-top-color: #97999b; }

.data-table th .sort-by--up::before {
  border-bottom-color: #2e2e2e; }

.data-table th .sort-by--down::after {
  border-top-color: #2e2e2e; }

/*# sourceMappingURL=data-table.css.map */