:host .full-width { width: 100%; }

:host .folder-thumbnail {
    font-size: 48px;
    cursor: pointer;
}

:host .document-thumbnail {
    width: 48px;
    height: 48px;
    cursor: pointer;
}

:host .data-cell {
    cursor: pointer;
}

:host .column-header {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    -webkit-touch-callout: none; /* iOS Safari */
}

:host .parent-folder-link { cursor: pointer; }
:host .parent-folder-link > td { text-align: left; }

:host .folder-row-cell,
:host .document-row-cell {
    cursor: pointer;
}

:host .folder-row-cell.name-column,
:host .document-row-cell.name-column {
    font-size: 15px;
}

:host .folder-row-cell.name-column:hover,
:host .document-row-cell.name-column:hover {
    cursor: pointer;
}

/* breadcrumb */

:host .breadcrumb {
    text-align: left;
    padding: 8px 15px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    margin: 0 0 4px;
}

:host .breadcrumb > li {
    display: inline-block;
    box-sizing: border-box;
}

:host .breadcrumb > li+li:before {
    content: "/\00a0";
    padding: 0 0 0 5px;
    color: #ccc;
}

:host .breadcrumb > .active {
    color: #777;
}