.table {
    border-collapse: collapse;
    width: 100%;
    font-family: "Noto Sans", sans-serif;
    margin-bottom: 20px; }
.table th,
.table td {
    padding: 6px 12px;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap; }
.table th:last-child,
.table td:last-child {
    text-align: right; }
/*WF178042 added left & right to override semantics Mari H.*/
#autoSuggestionsList .table td:last-child {
    text-align: left; }
.table td {
    font-family: "Noto Sans", sans-serif;
    font-weight: 400; }
.table:not(.table--dark):not(.table--no-stripe) tbody tr:nth-child(odd):not(.table__lead-row) {
    background-color: #f4f8fd; }
/*WF176347 changed padding to match styleguide*/
.ui.table.evotable thead tr th {
    font-weight: 500 !important;
    padding: 6px 8px;
    background-color: #ffffff;
    border-bottom: 2px solid #9d57b2; }
.table:not(.table--dark) tbody tr td,
.table:not(.table--dark) tbody tr th {
    border-bottom: 1px solid #84909b; }
.table:not(.table--dark) tbody tr:hover td,
.table:not(.table--dark) tbody tr:hover th {
    background-color: #f5eef7; }
.table:not(.table--dark) tbody tr:hover td a,
.table:not(.table--dark) tbody tr:hover th a {
    text-decoration: underline; }
.table tfoot td,
.table tfoot th {
    border-top: 1px solid #84909b;
    border-bottom: none; }
.table__lead-row th {
    font-size: 14px;
    line-height: 18px;
    padding: 20px 10px 8px 10px; }
.table__head-icon {
    background: transparent;
    padding: 0;
    margin: 0 0 0 16px; }
.table__link {
    color: #0067dc;
    text-decoration: none; }
th a, th a:hover {
    color: #354657;
    text-decoration: none; }
.table__link:hover {
    text-decoration: underline; }
.table__link--underline {
    text-decoration: underline; }
.table__link--underline:hover {
    text-decoration: none; }
.table__icon {
    position: relative;
    top: 1px;
    left: 4px;
    margin-right: 4px; }
.table__caption {
    padding: 21px 12px 8px;
    caption-side: top;
    border-bottom: 1px solid #84909b;
    min-height: 52px; }
.table__caption-inner {
    display: flex;
    align-items: center;
    justify-content: space-between; }
.table__caption-heading {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 0; }
.table__caption-buttons {
    display: flex; }
@media screen and (min-width: 768px) {
    .table--mr-md {
        margin-right: 10px; } }
@media screen and (min-width: 768px) {
    .table--ml-md {
        margin-left: 10px; } }
@media screen and (min-width: 1024px) {
    .table--mr-lg {
        margin-right: 10px; } }
@media screen and (min-width: 1024px) {
    .table--ml-lg {
        margin-left: 10px; } }
.table--dark {
    background-color: #354657 !important;
    color: #ffffff !important; }
.table--dark .table__caption {
    background-color: #354657 !important; }
.table--dark .table__caption-icon {
    opacity: 0.75; }
.table--dark thead tr th {
    background-color: transparent; }
.table--dark tbody tr:nth-child(odd):not(.table__lead-row) {
    background: #6e7a8666; }
.table--dark tbody.inverted-stripes tr:nth-child(odd):not(.table__lead-row) {
    background: transparent; }
.table--dark tbody.inverted-stripes tr:nth-child(even):not(.table__lead-row) {
    background: #6e7a8666; }
.table--dark tbody a {
    color: #ffffff; }
.table--dark .table__head {
    background-color: transparent;
    border: none;
    color: #bd8bca;
    font-weight: 700;
    text-align: left !important;
    padding-bottom: 4px; }
.table--dark .table__head--padded {
    padding-top: 15px; }
.table--mini {
    margin-bottom: 15px; }
.table--mini .table__caption {
    position: relative;
    padding-top: 8px;
    padding-bottom: 4px;
    min-height: auto;
    border-bottom: none; }
.table--mini .table__caption-inner {
    flex-direction: row-reverse; }
.table--mini .table__caption-heading {
    margin-right: auto;
    font-weight: 800;
    font-size: 16px;
    line-height: 24px; }
.table--mini thead tr th,
.table--mini thead tr td,
.table--mini tbody tr th,
.table--mini tbody tr td {
    text-align: left; }
.table--mini thead tr th:last-child,
.table--mini thead tr td:last-child,
.table--mini tbody tr th:last-child,
.table--mini tbody tr td:last-child {
    text-align: center; }
.table--mini thead tr th,
.table--mini thead tr td,
.table--mini tbody tr th,
.table--mini tbody tr td {
    padding-top: 0;
    padding-bottom: 0; }
.table--mini tbody tr th {
    font-weight: 500 !important;
    border: none; }
.table--mini tbody tr td {
    border: none;
    font-weight: 700; }
.table--mini tbody tr:hover td,
.table--mini tbody tr:hover th {
    background-color: transparent !important; }
.table--small thead tr th {
    border-bottom: 1px solid #d1d1d1;
    padding: 6px 12px;
    font-weight: 500 !important;
    font-size: 12px;
    line-height: 22px; }
.table--small tbody tr td,
.table--small tbody tr th {
    border-bottom: 1px solid #d1d1d1;
    font-size: 12px;
    line-height: 20px; }
.table--small tbody tr:last-of-type td,
.table--small tbody tr:last-of-type th {
    border-bottom: none; }
.table--indent .table__caption-icon {
    position: absolute;
    left: 5px; }
.table--indent .table__caption {
    padding-left: 45px; }
.table--indent thead tr th:first-child,
.table--indent tbody tr th:first-child {
    padding-left: 45px; }
.table--flush {
    margin-bottom: 0; }
.table--data thead tr th {
    font-size: 10px;
    line-height: 22px;
    font-weight: 500 !important;
    padding-left: 20px;
    padding-right: 20px; }
.table--data tbody tr td,
.table--data tbody tr th {
    border-color: #979797; }
.table--data th,
.table--data td {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    padding-left: 20px;
    padding-right: 20px; }
.table--data th a,
.table--data td a {
    color: #0067dc; }
.table--data th a:hover,
.table--data td a:hover {
    text-decoration: none; }
.table--data .table__action {
    text-decoration: none !important; }
.table--data .table__action [class*="icon--"], .table--data .table__action [class*="icon--"]::before {
    width: 20px;
    height: 20px; }
.table--layout-fixed {
    table-layout: fixed; }

@-webkit-keyframes shine {
    to {
        background-position: 315px 0, 0 0, 0 190px, 50px 195px; } }

@keyframes shine {
    to {
        background-position: 315px 0, 0 0, 0 190px, 50px 195px; } }

[data-js-skeleton-load] .table thead tr:not(.table__lead-row) {
    background-color: #eeeeee; }

[data-js-skeleton-load] .table thead tr th:empty {
    padding: 18px; }
[data-js-skeleton-load] .table thead tr th:empty::before {
    content: "";
    position: absolute;
    left: 15px;
    height: 5px;
    top: 15px;
    min-width: 80px;
    border-radius: 4px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%), lightgray;
    background-repeat: repeat-y;
    background-size: 50px 500px;
    background-position: 0 0;
    -webkit-animation: shine 1.5s infinite ease-out;
    animation: shine 1.5s infinite ease-out; }
[data-js-skeleton-load] .table thead tr th:empty:last-child::before {
    left: auto;
    right: 15px; }

[data-js-skeleton-load] .table tbody td:empty {
    padding: 16px; }
[data-js-skeleton-load] .table tbody td:empty::before {
    content: "";
    position: absolute;
    left: 15px;
    height: 4px;
    top: 15px;
    min-width: 80px;
    border-radius: 4px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%), lightgray;
    background-repeat: repeat-y;
    background-size: 50px 500px;
    background-position: 0 0;
    -webkit-animation: shine 1.5s infinite ease-out;
    animation: shine 1.5s infinite ease-out; }
[data-js-skeleton-load] .table tbody td:empty:last-child::before {
    left: auto;
    right: 15px; }