/* table-view.css */

.table.items-list thead tr, 
.table.items-list thead th, 
.table.items-list thead td {
    border: none;
}

.table.items-list thead tr {
    /*outline: 2px inset rgba(0, 0, 0, .25);*/
    outline: 2px inset #ccc;
}

.table.items-list :not(thead) tr:last-child th,
.table.items-list :not(thead) tr:last-child td {
    border-bottom: none;
}

.table.items-list tr.text-danger a,
.table.items-list tr.text-danger a:hover {
    color: #dd3333;
    text-decoration: none;
}

.table.items-list tr.dimmed {
    opacity: .3;
}

.table.items-list tr {
    vertical-align: middle !important;
}

@keyframes change-color {
    from { opacity: .25; }
    to { opacity: 1; }
  }

/*.table.items-list :not(thead) tr:hover {
    animation-name: change-color;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}*/

.table.items-list td {
    height: calc(160px + 1em);
}

th[name="reference_number"] {
    width: 1em;
}

td[name="title"] {
    min-width: 10em;
}

td[name="collection"] {
    min-width: 5em;
}

td[name="description"] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: content-box;
    min-width: 10em;
    max-height: 164px;
    margin: 0;
    padding: 8px;
}

td[name="item_image"] {
    position: relative;
    top: 0;
    left: 0;
    width: 160px;
    height: 160px;
}

td[name="item_image"] img {
    position: relative;
    top: 0;
    left: 0;
    width: 160px;
    height: 160px;
    object-fit: cover;
    object-position: 50% 0%;
    border-radius: 8px;
    /*clip-path: inset(0 0 0 0 round 8px);*/
}

td[name="item_image"] .new-release {
    top: 8px;
    right: 8px;
}