/* Grid */
.pbs-grid-inner { overflow: auto; padding: 0 ! important; }
.pbs-grid-inner table { margin: 0; }
.pbs-grid-inner td, .pbs-grid-inner th { white-space: nowrap; }
.pbs-grid-inner td.pbs-grid-allow-wrap { white-space: normal; }

a.pbs-grid-nav-item { display: block; float: left; padding: 3px 5px; margin: -2px 2px; background: #fff; border-radius: 4px; }
a.pbs-grid-nav-item.pbs-grid-nav-active { background-color: #eee; border: 1px #ccc solid; padding: 2px 4px; }

.pbs-grid-inner table th.pbs-grid-hdr-sort { cursor: pointer; }
div.pbs-grid-hdr-sort-link { display: inline-block; cursor: pointer; font: normal normal normal 14px/1 'Font Awesome 5 Pro', FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; }
div.pbs-grid-hdr-sort-link:before { content: "\f0dc"; }
th.pbs-grid-hdr-sort.asc div.pbs-grid-hdr-sort-link:before { content: "\f0de"; }
th.pbs-grid-hdr-sort.desc div.pbs-grid-hdr-sort-link:before { content: "\f0dd"; }

.pbs-grid-inner-wrap.pbs-grid-inner-wrap-loading { background: #fff url('loader.gif') 50% 50% no-repeat; }
.pbs-grid-inner-wrap.pbs-grid-inner-wrap-loading .pbs-grid-inner { opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; }

.pbs-grid-hdr-sort.asc,
.pbs-grid-hdr-sort.desc {
    background-color: #EDEDED;
}

.pbs-grid-inner table th.pbs-grid-hdr-filter { padding-right: 20px; }
div.pbs-grid-hdr-filter-link { float: right; width: 12px; height: 12px; margin-right: -16px; cursor: pointer; display: none; }

/* Old Grid styles pending reuse */
.cms-grid-upper { padding: 4px; border-bottom: 1px #fff solid; overflow: auto; }
.cms-grid-upper-has-opts {overflow: visible;}
.cms-grid-lower { padding: 4px; border-top: 1px #fff solid; overflow: auto; }
.cms-grid-right { float: right; }
.cms-grid-inner table.cms-grid-table tr:hover td { background: #f8f8f8; cursor: pointer; }
.cms-grid-inner.cms-grid-drag table.cms-grid-table tr:hover td { cursor: move; }

.cms-grid-inner td, .cms-grid-inner th { font-size: 8pt ! important; }
a.cms-grid-nav-item { text-decoration: none; display: block; background: #fff; min-width: 12px; text-align: center; padding: 4px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; float: left; margin: 0 2px 2px 0; }
a.cms-grid-nav-item:hover { background: #444; color: #fff; }
a.cms-grid-nav-item.cms-grid-nav-active { font-weight: bold; background: #ccc; }
div.cms-grid-nav-pseudo { text-decoration: none; display: block; background: #eee; min-width: 12px; text-align: center; padding: 4px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; float: left; margin: 0 2px 2px 0; }
a.cms-grid-nav-img, button.cms-grid-nav-img { border: none; text-decoration: none; display: block; background: #fff; min-width: 12px; text-align: center; padding: 2px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; float: left; margin: 0 2px 2px 0; }
a.cms-grid-nav-img img, button.cms-grid-nav-img img { vertical-align: bottom; }
a.cms-grid-nav-img:hover, button.cms-grid-nav-img:hover { background: #444; color: #fff; }
.cms-grid-opts .dropdown-menu .cms-table-reorder-draghandle {
    width: 12px;
    height: 12px;
    background: url('inc/sort-none.png') 50% 50% no-repeat;
    opacity: 0.2;
    filter: alpha(opacity=20);
    position: absolute;
    left: 3px;
    top: 30%;
}
.cms-grid-opts .dropdown-menu a:hover .cms-table-reorder-draghandle {
    opacity: 1;
    filter: alpha(opacity=100);
}

.pbs-grid-opts .dropdown-menu {
    max-height: 500px;
    overflow-y: auto;
}