@import '../../../variables.module'
@import '../../../components'

.selectListTable
    user-select: none // when resizble moved we get unwanted beheviour
    height: 100%

    table
        width: 100%
        border-collapse: collapse
        table-layout: fixed
        height: 100%
        display: flex
        flex-flow: column
        height: 100%

    thead
        display: table
        table-layout: fixed
        flex: 0 0 auto
        width: calc(100% - 0.9em)

    tbody
        display: block
        overflow: auto
        width: 100%
        height: 100%
        flex: 1 1 auto

    tbody tr:hover
        background: $header-background-color

    th
        color: $blue-gray
        text-align: left
        padding: 10px
        background: $main-background-color
        font-size: 12px

    tr
        border-bottom-width: 1px
        border-bottom-color: $data-background-color
        border-bottom-style: solid
        width: 100%
        display: block
        position: relative
        display: table
        table-layout: fixed

    td
        color: $light-gray
        padding: 10px
        font-size: 15px
        font-weight: 600
        padding: 10px

.nowrap
    white-space: nowrap

.totalSelected
    font-size: 12px
    color: $light-blue-color
    font-weight: 700

.displayBlock
    display: block

.filterInput
    margin-bottom: 20px
