/* navigation__table — copied from AdminTheme/webroot/css/modules/navigation.less */
.navigation__table__head {
    font-family: 'Noto Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
.navigation__table__head--gray {
    color: #626262;
    opacity: 0.7;
}
.navigation__table__head--dark {
    color: #2C2C2C;
}
.navigation__table__head a {
    color: inherit;
}
.navigation__table__head a:hover,
.navigation__table__head a:focus,
.navigation__table__head a:active {
    text-decoration: none;
}
.navigation__table__head a.asc:before {
    margin-right: 5px;
    content: '\f0dd';
}
.navigation__table__head a.desc:before {
    margin-right: 5px;
    content: '\f0de';
}
.navigation__table__tr {
    background: #FFFFFF;
    color: #626262;
    transition: all linear 0.2s;
}
.navigation__table__tr > td a:hover {
    text-decoration: none;
}

/* dragtable */
.dragtable-drag-handle { cursor: move; }
.dragtable-drag-wrapper { position: absolute; z-index: 1000; }
.dragtable-drag-wrapper .dragtable-drag-col { opacity: 0.7; filter: alpha(opacity=70); cursor: move; }
.dragtable-col-placeholder { border-left: 1px dotted black; border-right: 1px dotted black; color: #efefef; background: #efefef !important; visibility: visible !important; }
table .dragtable-col-placeholder:first { border-top: 1px dotted black; }
.dragtable-col-placeholder * { opacity: 0; visibility: hidden; }

/* colResizable */
.JCLRgrips { z-index: 20; }
.JCLRgripDrag { border-left: none; }

/* table-customize */
.table-settings {
    position: absolute;
    margin: 0;
    padding: 10px;
    width: 100%;
    background: #fff;
    border: 1px solid #eaeaea;
    z-index: 1500;
    display: none;
}
.table-settings__toggle {
    width: 100%;
    position: relative;
}
.table-settings__toggle:hover .table-settings {
    display: block;
}
.js-table-container:not(:has(> .js-table__scrollbar--top)) .table-settings__toggle {
    margin-bottom: 30px;
    margin-top: 5px;
}
.js-table { border-collapse: separate; }
.js-table__resize-anchor {
    display: none;
    cursor: col-resize;
    width: 14px;
    position: relative;
    height: 100%;
}
.js-table__resize-anchor__left {
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-top: 6px solid #ddd;
    border-left: 6px solid transparent;
}
.js-table__resize-anchor__right {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-top: 6px solid #ddd;
    border-right: 6px solid transparent;
}
.js-table__resize-anchor__center {
    position: absolute;
    left: 6px;
    background-color: #ddd;
    width: 2px;
    height: 100%;
}
.js-table .input { margin: 0 2px; }
.js-table .fixed-horizontal { position: sticky; z-index: 10; }
.js-table--fixed {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 100;
    overflow-x: visible;
    overflow-y: hidden;
    white-space: nowrap;
}
.js-table--fixed .fixed-horizontal { position: sticky; z-index: 10; }
.js-table--fixed th { display: inline-block; padding: 5px; background: #fff; }
.js-table--fixed th a { display: block; }
.js-table--fixed--wrapper { position: relative; width: 100%; }
.js-table thead tr th { background: #fff; border-width: 1px; padding-left: 0; padding-right: 0; }
.js-table thead tr th[data-modifyable] { cursor: move; }
.js-table tbody tr td { background: inherit; border-width: 1px; padding-left: 0; padding-right: 0; }
.js-table tbody tr td:not(.text-center) { text-indent: 8px; }
.js-table tbody tr td .selectize-control { text-indent: 0; }
.js-table tbody tr td .selectize-control .selectize-input { border-radius: 0; }
.js-table tbody tr td .modal-hover { float: none; }