/* Listing */
table.tl_listing {
    width: 100%;
}

.tl_listing_container {
    margin: 18px 0;
    padding: 0 15px;
}

.operations + .tl_listing_container,
.operations + .tl_form .tl_listing_container {
    margin-top: 12px;
}

#paste_hint + .tl_listing_container {
    margin-top: 36px;
}

.tl_folder_list,
.tl_folder_tlist {
    line-height: 18px;
    padding: 5px 6px;
    border-bottom: 1px solid var(--border);
    background: var(--table-header);
    font-weight: 600;
}

@media (resolution >= 2dppx) {
    .tl_folder_list,
    .tl_folder_tlist {
        font-weight: 500;
    }
}

.tl_folder_tlist:first-child {
    border-top-left-radius: var(--border-radius);
}

.tl_folder_tlist:last-child {
    border-top-right-radius: var(--border-radius);
}

.tl_file,
.tl_file_list {
    line-height: 18px;
    padding: var(--row-padding) 6px;
    border-bottom: 1px solid var(--border);
    background: var(--content-bg);
}

.tl_file_list {
    word-break: break-word;
}

.tl_file_list .ellipsis {
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.tl_right_nowrap {
    padding: var(--row-padding) 6px;
    vertical-align: top;
    text-align: right;
    white-space: nowrap;
}

.tl_listing.picker .tl_file,
.tl_listing.picker .tl_folder,
.tl_listing.picker .tl_right_nowrap,
.tl_listing_container.picker .tl_content_header {
    background-image: linear-gradient(90deg, transparent calc(100% - 26px), var(--table-header) 26px);
}

.tl_listing.picker .tl_tree_checkbox,
.tl_listing.picker .tl_tree_radio,
.tl_listing_container.picker .tl_tree_checkbox,
.tl_listing_container.picker .tl_tree_radio {
    margin-left: 9px;
}

.tl_listing.picker .tl_tree_checkbox:disabled,
.tl_listing.picker .tl_tree_radio:disabled,
.tl_listing_container.picker .tl_tree_checkbox:disabled,
.tl_listing_container.picker .tl_tree_radio:disabled {
    visibility: hidden;
}

.tl_listing_container.picker div[class^="ce_"] {
    padding-right: 24px;
}

.tl_listing_container.picker .limit_toggler {
    width: calc(100% - 26px);
}