.bkenh-wrapper {
width: 100%;
--bkenh-toolbar-height: 0px;
--bkenh-header-height: 0px;
}
.bkenh-wrapper table.booknetic_data_table {
width: 100%;
} .bkcpe-toolbar {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
max-width: none !important;
box-sizing: border-box !important;
padding: 10px 12px !important;
margin: 0 !important;
background: #fff !important;
border-bottom: 1px solid rgba(0, 0, 0, .08) !important;
}
.bkenh-wrapper .bkcpe-toolbar.bkenh-sticky {
position: sticky !important;
top: 0 !important;
z-index: 60 !important;
background: #fff !important;
}
.bkenh-search-wrap {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 100px !important;
align-items: stretch !important;
gap: 5px !important;
width: 100% !important;
max-width: none !important;
flex: 1 0 100% !important;
box-sizing: border-box !important;
}
.bkenh-search-wrap.bkenh-has-colours {
grid-template-columns: minmax(0, 1fr) 100px 145px !important;
}
.bkenh-search {
display: block !important;
grid-column: 1 !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
height: 44px !important;
box-sizing: border-box !important;
padding: 8px 12px !important;
margin: 0 !important;
border: 1px solid rgba(0, 0, 0, .2) !important;
border-radius: 6px !important;
background: #fff !important;
color: #252a31 !important;
font: inherit !important;
}
.bkenh-action-button,
.bkenh-search-clear,
.bkenh-colours-toggle,
.bkenh-dialog-actions button,
.bkenh-delete-choice {
min-height: 44px !important;
box-sizing: border-box !important;
margin: 0 !important;
border: 0 !important;
border-radius: 6px !important;
padding: 8px 14px !important;
cursor: pointer !important;
font: inherit !important;
font-weight: 600 !important;
line-height: 1.2 !important;
text-align: center !important;
background: #6c70dc !important;
color: #fff !important;
box-shadow: none !important;
text-decoration: none !important;
appearance: none !important;
-webkit-appearance: none !important;
}
.bkenh-search-clear {
grid-column: 2 !important;
width: 100px !important;
min-width: 100px !important;
max-width: 100px !important;
}
.bkenh-colours-toggle {
grid-column: 3 !important;
width: 140px !important;
min-width: 140px !important;
max-width: 140px !important;
margin-right: 5px !important;
}
.bkenh-action-button:hover,
.bkenh-search-clear:hover,
.bkenh-colours-toggle:hover,
.bkenh-dialog-actions button:hover,
.bkenh-delete-choice:hover {
filter: brightness(.94);
}
.bkenh-action-button:focus-visible,
.bkenh-search:focus-visible,
.bkenh-column-filter:focus-visible,
.bkenh-palette-button:focus-visible {
outline: 2px solid #343aa5 !important;
outline-offset: 2px !important;
}
.bkenh-action-button:disabled,
.bkenh-dialog-actions button:disabled {
cursor: not-allowed !important;
opacity: .55 !important;
}
.bkenh-date-label {
display: flex;
align-items: center;
gap: 6px;
} .bkenh-dd {
position: relative;
display: inline-block;
font-size: 14px;
}
.bkenh-dd-btn {
display: flex;
align-items: center;
gap: 6px;
min-width: 180px;
padding: 7px 10px;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
background: #fff;
cursor: pointer;
}
.bkenh-dd-btn .vals {
flex: 1;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
}
.bkenh-dd-menu {
position: absolute;
top: calc(100% + 4px);
right: 0;
z-index: 9999;
display: none;
min-width: 230px;
max-height: 300px;
overflow: auto;
padding: 6px;
border: 1px solid rgba(0, 0, 0, .16);
border-radius: 7px;
background: #fff;
box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
}
.bkenh-dd.open .bkenh-dd-menu { display: block; }
.bkenh-dd-search-wrap { padding: 4px; }
.bkenh-dd-search { width: 100%; box-sizing: border-box; padding: 6px 8px; }
.bkenh-dd-menu .entry { display: flex; align-items: center; gap: 7px; padding: 6px 8px; cursor: pointer; }
.bkenh-dd-menu .entry.selected { background: #6c70dc; color: #fff; }
.bkenh-dd-menu .entry.selected span { color: #fff; }
.bkenh-dd-menu .tools { display: flex; gap: 6px; padding: 6px 4px 2px; }
.bkenh-dd-menu .tools button { flex: 1; padding: 5px 8px; } .booknetic_data_table thead tr.bkenh-column-label-row th {
position: sticky !important;
top: var(--bkenh-toolbar-height, 0px) !important;
z-index: 55 !important;
box-sizing: border-box !important;
background: #fff !important;
text-align: center !important;
vertical-align: middle !important;
}
.booknetic_data_table thead tr.bkenh-column-filter-row th {
position: sticky !important;
top: calc(var(--bkenh-toolbar-height, 0px) + var(--bkenh-header-height, 0px)) !important;
z-index: 54 !important;
background: #fff !important;
}
.bkenh-header-inner {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 30px !important;
box-sizing: border-box !important;
}
.bkenh-header-label {
display: block !important;
width: 100% !important;
text-align: center !important;
}
.bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button {
all: unset !important;
position: absolute !important;
top: 50% !important;
right: 23px !important;
transform: translateY(-50%) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
height: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
box-sizing: border-box !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
border-radius: 50% !important;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
cursor: pointer !important;
z-index: 3 !important;
}
.bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button:hover {
background: rgba(108, 112, 220, .12) !important;
}
.bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button::before,
.bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button::after {
content: none !important;
display: none !important;
}
.bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button svg {
display: block !important;
width: 24px !important;
height: 24px !important;
min-width: 24px !important;
min-height: 24px !important;
overflow: visible !important;
}
.booknetic_data_table thead th[data-bkenh-sort] {
padding-right: 58px !important;
}
.booknetic_data_table thead th[data-bkenh-sort]::after {
content: "\25B4" !important;
position: absolute !important;
right: 5px !important;
top: 50% !important;
transform: translateY(-50%) !important;
color: #6c70dc !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1 !important;
opacity: 1 !important;
}
.booknetic_data_table thead th[data-bkenh-sort="desc"]::after {
content: "\25BE" !important;
}
th.bkenh-adjust-header,
td.bkenh-adjust-cell {
text-align: center !important;
} .booknetic_data_table .bkenh-column-filter-cell {
box-sizing: border-box;
padding: 6px 5px !important;
background: #fff !important;
}
.booknetic_data_table .bkenh-column-filter {
display: block;
width: 100% !important;
min-width: 0 !important;
height: 32px;
box-sizing: border-box;
padding: 4px 6px;
border: 1px solid rgba(0, 0, 0, .18);
border-radius: 4px;
background: #fff;
font: inherit;
}
.booknetic_data_table .bkenh-column-filter-disabled { min-width: 80px; } .bkenh-wrapper table.booknetic_data_table tbody tr.bkenh-row-odd { background-color: #f1f2f4 !important; }
.bkenh-wrapper table.booknetic_data_table tbody tr.bkenh-row-even { background-color: #fff !important; }
.bkenh-wrapper table.booknetic_data_table tbody tr.bkenh-row-odd > td:not(.bkenh-coloured-cell) { background-color: #f1f2f4 !important; }
.bkenh-wrapper table.booknetic_data_table tbody tr.bkenh-row-even > td:not(.bkenh-coloured-cell) { background-color: #fff !important; }
.bkenh-coloured-cell { background-clip: padding-box !important; } .bkenh-colour-overlay {
position: fixed;
inset: 0;
z-index: 100000;
display: flex;
align-items: center;
justify-content: center;
padding: 18px;
background: rgba(20, 24, 30, .62);
}
.bkenh-colour-dialog {
width: min(920px, 96vw);
max-height: 90vh;
overflow: auto;
box-sizing: border-box;
padding: 22px;
border-radius: 10px;
background: #fff;
color: #252a31;
box-shadow: 0 20px 60px rgba(0, 0, 0, .32);
}
.bkenh-dialog-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
margin: -22px -22px 12px;
padding: 14px 16px;
border-bottom: 1px solid #dfe2e8;
border-radius: 10px 10px 0 0;
background: #f7f8fa;
cursor: move;
touch-action: none;
user-select: none;
}
.bkenh-dialog-header h2 {
margin: 0;
font-size: 22px;
line-height: 1.25;
}
.bkenh-dialog-close {
flex: 0 0 40px !important;
width: 40px !important;
min-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
padding: 0 !important;
font-size: 27px !important;
line-height: 40px !important;
color: #fff !important;
}
.bkenh-dialog-help {
max-height: 145px;
overflow-y: auto;
box-sizing: border-box;
margin: 0 0 14px;
padding: 5px;
border: 1px solid #dfe2e8;
border-radius: 6px;
background: #fff;
line-height: 1.45;
scrollbar-gutter: stable;
}
.bkenh-dialog-help h3 {
margin: 0 0 6px;
font-size: 17px;
}
.bkenh-dialog-help p {
margin: 0 0 9px;
}
.bkenh-dialog-help p:last-child {
margin-bottom: 0;
}
.bkenh-default-controls {
display: grid;
grid-template-columns: minmax(240px, 1fr) auto auto;
gap: 12px;
align-items: end;
padding: 14px;
border: 1px solid #dfe2e8;
border-radius: 8px;
background: #f7f8fa;
}
.bkenh-default-controls label,
.bkenh-choice-item label {
display: flex;
flex-direction: column;
gap: 4px;
font-size: 13px;
}
.bkenh-default-controls select {
min-height: 38px;
}
.bkenh-default-controls input[type="color"],
.bkenh-choice-item input[type="color"] {
width: 62px;
height: 38px;
box-sizing: border-box;
padding: 2px;
cursor: pointer;
}
.bkenh-default-controls:not(.bkenh-default-is-custom) input[type="color"] {
outline: 1px dashed #9da3ae;
outline-offset: 2px;
}
.bkenh-choice-list {
display: flex;
flex-direction: column;
gap: 9px;
margin: 18px 0;
}
.bkenh-choice-item {
display: grid;
grid-template-columns: 38px minmax(220px, 1fr) auto auto auto;
gap: 10px;
align-items: end;
padding: 12px;
border: 1px solid #dfe2e8;
border-radius: 8px;
background: #fff;
}
.bkenh-choice-item.bkenh-choice-dragging {
opacity: .82;
box-shadow: 0 9px 24px rgba(0, 0, 0, .18);
}
.bkenh-choice-placeholder {
min-height: 66px;
box-sizing: border-box;
border: 2px dashed #6c70dc;
border-radius: 8px;
background: #f1f2ff;
}
.bkenh-choice-move-column {
display: flex;
align-items: center;
justify-content: center;
min-height: 38px;
}
.bkenh-choice-drag-handle,
.bkenh-choice-move-up,
.bkenh-choice-move-down {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
min-width: 34px;
height: 38px;
min-height: 38px;
box-sizing: border-box;
padding: 0;
border: 1px solid #cfd2f4;
border-radius: 6px;
background: #eef0ff;
color: #454ab1;
font-size: 20px;
font-weight: 700;
cursor: grab;
}
.bkenh-choice-drag-handle:active {
cursor: grabbing;
}
.bkenh-choice-mobile-move {
display: none;
align-items: center;
gap: 4px;
}
.bkenh-choice-list.bkenh-mobile-ordering .bkenh-choice-drag-handle {
display: none;
}
.bkenh-choice-list.bkenh-mobile-ordering .bkenh-choice-mobile-move {
display: flex;
}
.bkenh-choice-move-up,
.bkenh-choice-move-down {
width: 32px;
min-width: 32px;
font-size: 14px;
cursor: pointer;
}
.bkenh-choice-move-up[hidden],
.bkenh-choice-move-down[hidden] {
display: none !important;
}
.bkenh-choice-query {
width: 100%;
min-width: 0;
min-height: 38px;
box-sizing: border-box;
padding: 7px 9px;
}
.bkenh-delete-choice {
min-height: 38px !important;
background: #d84a4a !important;
}
.bkenh-no-choices {
margin: 0;
padding: 14px;
text-align: center;
color: #667;
background: #f7f8fa;
border-radius: 8px;
}
.bkenh-dialog-actions {
display: flex;
align-items: center;
gap: 8px;
}
.bkenh-action-spacer { flex: 1; }
.bkenh-dialog-cancel { background: #727783 !important; }
.bkenh-dialog-save { background: #6c70dc !important; }
.bkenh-dialog-dragging,
.bkenh-dialog-dragging * {
cursor: move !important;
user-select: none !important;
}
@media (max-width: 720px) {
.bkenh-search-wrap,
.bkenh-search-wrap.bkenh-has-colours {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}
.bkenh-search {
grid-column: 1 / -1 !important;
}
.bkenh-search-clear {
grid-column: 1 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
.bkenh-colours-toggle {
grid-column: 2 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin-right: 0 !important;
}
.bkenh-colour-overlay {
padding: 8px;
}
.bkenh-colour-dialog {
width: calc(100vw - 16px);
max-height: calc(100vh - 16px);
padding: 14px;
}
.bkenh-dialog-header {
margin: -14px -14px 10px;
padding: 11px 12px;
}
.bkenh-dialog-header h2 {
font-size: 18px;
}
.bkenh-default-controls {
grid-template-columns: 1fr 1fr;
}
.bkenh-default-controls > label:first-child {
grid-column: 1 / -1;
}
.bkenh-choice-item {
grid-template-columns: 70px minmax(0, 1fr) auto;
align-items: end;
}
.bkenh-choice-move-column {
grid-column: 1;
grid-row: 1;
}
.bkenh-choice-query,
.bkenh-choice-query-highlight-wrap {
grid-column: 2 / 4;
grid-row: 1;
}
.bkenh-choice-item > label:nth-of-type(1) {
grid-column: 1;
grid-row: 2;
}
.bkenh-choice-item > label:nth-of-type(2) {
grid-column: 2;
grid-row: 2;
}
.bkenh-delete-choice {
grid-column: 3;
grid-row: 2;
}
.bkenh-dialog-actions {
flex-wrap: wrap;
}
.bkenh-action-spacer {
display: none;
}
} .bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap {
width: 100% !important;
max-width: none !important;
}
.bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap > input.bkenh-search {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
}
.bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap > button.bkenh-search-clear,
.bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap > button.bkenh-colours-toggle {
color: #fff !important;
border-radius: 6px !important;
} .bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap,
.bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap.bkenh-has-colours {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 100px max-content max-content !important;
gap: 5px !important;
width: 100% !important;
max-width: none !important;
flex: 1 0 100% !important;
align-items: stretch !important;
}
.bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap:not(.bkenh-has-colours) {
grid-template-columns: minmax(0, 1fr) 100px max-content !important;
}
.bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap > input.bkenh-search {
grid-column: 1 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
.bkenh-toolbar-toggle {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
min-height: 44px !important;
box-sizing: border-box !important;
padding: 8px 13px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 6px !important;
background: #6c70dc !important;
color: #fff !important;
font: inherit !important;
font-weight: 600 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
cursor: pointer !important;
user-select: none !important;
}
.bkenh-toolbar-toggle:last-child { margin-right: 5px !important; }
.bkenh-toolbar-toggle:hover { filter: brightness(.94); }
.bkenh-toolbar-toggle input[type="checkbox"] {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
margin: 0 !important;
accent-color: #fff !important;
cursor: pointer !important;
}
.bkenh-toolbar-toggle span { color: #fff !important; }
.bkenh-header-inner {
position: static !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: auto !important;
max-width: 100% !important;
min-height: 30px !important;
box-sizing: border-box !important;
}
.bkenh-header-label {
display: inline !important;
width: auto !important;
min-width: 0 !important;
text-align: center !important;
}
.bkenh-header-icons {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
gap: 4px !important;
margin-left: 2px !important;
}
.bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button {
all: unset !important;
position: static !important;
transform: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 26px !important;
width: 26px !important;
min-width: 26px !important;
max-width: 26px !important;
height: 26px !important;
min-height: 26px !important;
max-height: 26px !important;
box-sizing: border-box !important;
padding: 1px !important;
margin: 0 !important;
border-radius: 50% !important;
background: transparent !important;
cursor: pointer !important;
}
.bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button:hover {
background: rgba(108, 112, 220, .13) !important;
}
.bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button svg {
display: block !important;
width: 24px !important;
height: 24px !important;
overflow: visible !important;
}
.bkenh-palette-svg .bkenh-palette-base { fill: #ffc247 !important; stroke: #8b5a00 !important; stroke-width: 1.4 !important; }
.bkenh-palette-svg .bkenh-palette-red { fill: #e53935 !important; }
.bkenh-palette-svg .bkenh-palette-purple { fill: #8e24aa !important; }
.bkenh-palette-svg .bkenh-palette-blue { fill: #1e88e5 !important; }
.bkenh-palette-svg .bkenh-palette-green { fill: #43a047 !important; }
.bkenh-palette-svg .bkenh-palette-hole { fill: #fff !important; stroke: #8b5a00 !important; stroke-width: 1 !important; }
.bkenh-palette-svg .bkenh-palette-admin-badge { fill: #25304a !important; stroke: #fff !important; stroke-width: 1 !important; }
.bkenh-palette-svg .bkenh-palette-admin-mark { fill: none !important; stroke: #fff !important; stroke-width: 1.8 !important; stroke-linecap: round !important; }
.booknetic_data_table thead th[data-bkenh-sort] { padding-right: 28px !important; }
.booknetic_data_table thead th[data-bkenh-sort]::after {
right: 5px !important;
font-size: 22px !important;
line-height: 1 !important;
font-weight: 800 !important;
}
.bkenh-dialog-help {
height: 170px;
height: 12lh;
max-height: 12lh;
overflow-y: auto !important;
padding: 5px !important;
line-height: 1.45 !important;
scrollbar-gutter: stable !important;
}
.bkenh-dialog-help p {
margin: 0 0 1lh !important;
line-height: inherit !important;
}
.bkenh-dialog-help p:last-child { margin-bottom: 0 !important; }
.bkenh-preview-gap { flex: 0 0 16px; width: 16px; }
.bkenh-instant-tooltip {
position: fixed;
z-index: 200000;
max-width: min(360px, calc(100vw - 12px));
box-sizing: border-box;
padding: 7px 9px;
border-radius: 6px;
background: #252a31;
color: #fff;
font: 13px/1.35 Arial, sans-serif;
box-shadow: 0 5px 16px rgba(0,0,0,.25);
pointer-events: none;
opacity: 0;
visibility: hidden;
transform: translateY(-2px);
transition: none;
}
.bkenh-instant-tooltip.bkenh-tooltip-visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.bkenh-admin-explainer {
margin: 0 0 14px;
padding: 10px;
border: 1px solid #dfe2e8;
border-radius: 7px;
background: #f7f8fa;
line-height: 1.45;
}
.bkenh-preset-controls {
display: grid;
grid-template-columns: minmax(180px, .8fr) minmax(220px, 1fr) minmax(250px, 1fr) auto;
gap: 10px;
align-items: end;
margin-bottom: 14px;
padding: 12px;
border: 1px solid #dfe2e8;
border-radius: 8px;
background: #f7f8fa;
}
.bkenh-preset-controls label {
display: flex;
flex-direction: column;
gap: 4px;
font-size: 13px;
}
.bkenh-preset-active-label {
flex-direction: row !important;
align-items: center !important;
min-height: 38px;
}
.bkenh-preset-controls input[type="text"],
.bkenh-preset-controls select {
min-height: 38px;
box-sizing: border-box;
width: 100%;
}
.bkenh-delete-preset { background: #d84a4a !important; }
.bkenh-save-preset { background: #6c70dc !important; }
@media (max-width: 900px) {
.bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap,
.bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap.bkenh-has-colours,
.bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap:not(.bkenh-has-colours) {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}
.bkenh-search { grid-column: 1 / -1 !important; }
.bkenh-search-clear { grid-column: 1 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; }
.bkenh-toolbar-toggle { width: 100% !important; }
.bkenh-toolbar-toggle:last-child { margin-right: 0 !important; }
.bkenh-preset-controls { grid-template-columns: 1fr !important; }
.bkenh-dialog-actions { flex-wrap: wrap; }
.bkenh-preview-gap { display: none; }
}
.bkenh-dialog-help { box-sizing: content-box !important; } .bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap,
.bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap.bkenh-has-colours,
.bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap:not(.bkenh-has-colours) {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 100px max-content max-content !important;
gap: 5px !important;
width: 100% !important;
max-width: none !important;
align-items: stretch !important;
}
.bkenh-wrapper .bkcpe-toolbar .bkenh-rich-search {
position: relative !important;
display: block !important;
grid-column: 1 !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 44px !important;
box-sizing: border-box !important;
}
.bkenh-wrapper .bkcpe-toolbar .bkenh-rich-search > input.bkenh-search {
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 44px !important;
box-sizing: border-box !important;
padding: 8px 12px !important;
margin: 0 !important;
}
.bkenh-rich-placeholder {
position: absolute !important;
left: 13px !important;
right: 13px !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 2 !important;
overflow: hidden !important;
color: #85888e !important;
font: inherit !important;
line-height: 1.25 !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
pointer-events: none !important;
}
.bkenh-rich-placeholder strong {
color: inherit !important;
font-weight: 700 !important;
}
.bkenh-rich-search:focus-within .bkenh-rich-placeholder,
.bkenh-rich-search.bkenh-has-text .bkenh-rich-placeholder {
display: none !important;
}
.bkenh-toolbar-toggle {
position: relative !important;
}
.bkenh-toolbar-toggle input[type="checkbox"] {
position: absolute !important;
width: 1px !important;
height: 1px !important;
min-width: 1px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
opacity: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
}
.bkenh-toggle-box {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 19px !important;
width: 19px !important;
height: 19px !important;
box-sizing: border-box !important;
border: 2px solid #ffffff !important;
border-radius: 4px !important;
background: #ffffff !important;
}
.bkenh-toolbar-toggle input[type="checkbox"]:checked + .bkenh-toggle-box::after {
content: "✓" !important;
display: block !important;
color: #4e53bd !important;
font: 800 16px/1 Arial, sans-serif !important;
transform: translateY(-1px) !important;
}
.bkenh-toolbar-toggle input[type="checkbox"]:focus-visible + .bkenh-toggle-box {
outline: 2px solid #252a31 !important;
outline-offset: 2px !important;
}
.bkenh-toggle-label {
color: #ffffff !important;
} .bkenh-wrapper .booknetic_data_table thead .bkenh-header-inner {
position: static !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: nowrap !important;
gap: 8px !important;
width: auto !important;
max-width: 100% !important;
min-height: 30px !important;
vertical-align: middle !important;
}
.bkenh-wrapper .booknetic_data_table thead .bkenh-header-label {
display: inline-block !important;
flex: 0 1 auto !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
text-align: center !important;
}
.bkenh-wrapper .booknetic_data_table thead .bkenh-header-icons {
position: static !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
gap: 5px !important;
margin: 0 !important;
vertical-align: middle !important;
}
.bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button {
position: static !important;
inset: auto !important;
transform: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 26px !important;
width: 26px !important;
min-width: 26px !important;
max-width: 26px !important;
height: 26px !important;
min-height: 26px !important;
max-height: 26px !important;
padding: 1px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 50% !important;
background: transparent !important;
box-shadow: none !important;
color: inherit !important;
line-height: 1 !important;
vertical-align: middle !important;
}
.bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button svg,
.bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button svg * {
color: initial !important;
} .bkenh-wrapper .booknetic_data_table thead th[data-bkenh-sort]::after {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 22px !important;
height: 22px !important;
right: 4px !important;
font-family: Arial, sans-serif !important;
font-size: 22px !important;
font-weight: 900 !important;
line-height: 22px !important;
transform: translateY(-50%) scale(1) !important;
opacity: 1 !important;
} .bkenh-dialog-help {
box-sizing: content-box !important;
overflow-y: auto !important;
overflow-x: hidden !important;
padding: 5px !important;
line-height: 1.45 !important;
scroll-padding-block: 1.45em !important;
scrollbar-gutter: stable !important;
}
.bkenh-dialog-help p {
margin: 0 0 1.45em !important;
line-height: 1.45 !important;
}
.bkenh-dialog-help p:last-child {
margin-bottom: 0 !important;
} .bkenh-dialog-actions {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
min-width: 0 !important;
overflow-x: auto !important;
padding-bottom: 1px !important;
}
.bkenh-footer-add-slot {
display: inline-flex !important;
align-items: center !important;
flex: 0 0 auto !important;
}
.bkenh-action-spacer {
display: block !important;
flex: 1 1 auto !important;
min-width: 12px !important;
}
.bkenh-preview-gap {
display: block !important;
flex: 0 0 16px !important;
width: 16px !important;
}
.bkenh-dialog-actions .bkenh-action-button,
.bkenh-dialog-actions .bkenh-add-choice {
flex: 0 0 auto !important;
white-space: nowrap !important;
} .bkenh-coloured-cell {
background-clip: padding-box !important;
}
@media (max-width: 900px) {
.bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap,
.bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap.bkenh-has-colours,
.bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap:not(.bkenh-has-colours) {
grid-template-columns: minmax(0, 1fr) minmax(100px, auto) !important;
}
.bkenh-wrapper .bkcpe-toolbar .bkenh-rich-search {
grid-column: 1 / -1 !important;
}
.bkenh-search-clear {
grid-column: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
.bkenh-toolbar-toggle {
width: 100% !important;
}
.bkenh-dialog-actions {
flex-wrap: nowrap !important;
}
.bkenh-preview-gap {
display: block !important;
}
} .bkenh-custom-colour-control {
display: inline-flex;
align-items: stretch;
width: 100%;
min-width: 132px;
}
.bkenh-colour-display {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 7px !important;
width: 100% !important;
min-height: 38px !important;
box-sizing: border-box !important;
padding: 6px 10px !important;
border: 1px solid #c7cbd3 !important;
border-radius: 7px !important;
background: #fff !important;
color: #24272d !important;
cursor: pointer !important;
white-space: nowrap !important;
}
.bkenh-colour-display:hover,
.bkenh-colour-display:focus-visible {
border-color: #6b6ee3 !important;
box-shadow: 0 0 0 2px rgba(107, 110, 227, 0.16) !important;
outline: none !important;
}
.bkenh-colour-swatch {
position: relative;
display: inline-block;
flex: 0 0 25px;
width: 25px;
height: 25px;
border: 1px solid #9ca1ab;
border-radius: 5px;
box-sizing: border-box;
background-image:
linear-gradient(45deg, #e7e8eb 25%, transparent 25%),
linear-gradient(-45deg, #e7e8eb 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #e7e8eb 75%),
linear-gradient(-45deg, transparent 75%, #e7e8eb 75%);
background-size: 8px 8px;
background-position: 0 0, 0 4px, 4px -4px, -4px 0;
}
.bkenh-colour-swatch.bkenh-no-colour::after {
content: "";
position: absolute;
left: 1px;
top: 11px;
width: 21px;
height: 2px;
border-radius: 2px;
background: #d93b45;
transform: rotate(-42deg);
transform-origin: center;
}
.bkenh-colour-display-text {
overflow: hidden;
text-overflow: ellipsis;
}
.bkenh-default-controls:not(.bkenh-default-is-custom) .bkenh-custom-colour-control {
opacity: 0.72;
}
.bkenh-custom-colour-popover {
position: fixed;
z-index: 100020;
width: min(330px, calc(100vw - 16px));
box-sizing: border-box;
padding: 14px;
border: 1px solid #cfd3dc;
border-radius: 10px;
background: #fff;
color: #24272d;
box-shadow: 0 14px 42px rgba(22, 27, 39, 0.28);
}
.bkenh-colour-picker-preview {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 12px;
}
.bkenh-colour-picker-preview > span {
width: 42px;
height: 30px;
border: 1px solid #aeb3bd;
border-radius: 6px;
}
.bkenh-colour-presets {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 5px;
margin-bottom: 14px;
}
.bkenh-colour-preset {
width: 100% !important;
aspect-ratio: 1 / 1;
min-width: 0 !important;
min-height: 22px !important;
padding: 0 !important;
border: 1px solid rgba(0, 0, 0, 0.28) !important;
border-radius: 5px !important;
cursor: pointer !important;
}
.bkenh-custom-colour-popover > label {
display: grid;
grid-template-columns: 82px minmax(0, 1fr);
align-items: center;
gap: 9px;
margin: 9px 0;
font-size: 13px;
}
.bkenh-custom-colour-popover input[type="range"] {
width: 100%;
height: 8px;
margin: 0;
border: 0;
border-radius: 999px;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
.bkenh-custom-colour-popover input[type="range"]::-webkit-slider-thumb {
width: 18px;
height: 18px;
border: 2px solid #fff;
border-radius: 50%;
background: #4e52c9;
box-shadow: 0 0 0 1px #6d7180;
appearance: none;
-webkit-appearance: none;
}
.bkenh-custom-colour-popover input[type="range"]::-moz-range-thumb {
width: 16px;
height: 16px;
border: 2px solid #fff;
border-radius: 50%;
background: #4e52c9;
box-shadow: 0 0 0 1px #6d7180;
}
.bkenh-colour-hue {
background: linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);
}
.bkenh-colour-picker-actions {
display: flex;
align-items: center;
gap: 5px;
margin-top: 15px;
}
.bkenh-colour-picker-spacer {
flex: 1 1 auto;
}
.bkenh-colour-picker-actions button {
min-height: 36px !important;
padding: 7px 11px !important;
border: 0 !important;
border-radius: 7px !important;
background: #696dde !important;
color: #fff !important;
font-weight: 600 !important;
cursor: pointer !important;
white-space: nowrap !important;
}
.bkenh-colour-picker-actions button:hover,
.bkenh-colour-picker-actions button:focus-visible {
background: #5559c9 !important;
}
.bkenh-colour-picker-none {
background: #747984 !important;
} .bkenh-date-search-cell::after {
content: none !important;
}
@media (max-width: 760px) {
.bkenh-colour-presets {
grid-template-columns: repeat(6, 1fr);
}
.bkenh-custom-colour-popover > label {
grid-template-columns: 72px minmax(0, 1fr);
}
} .bkenh-wrapper {
position: relative !important;
display: block !important;
max-width: none !important;
min-width: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
}
.bkenh-wrapper > table.booknetic_data_table,
.bkenh-wrapper > .bkcpe-toolbar {
width: 100% !important;
max-width: none !important;
box-sizing: border-box !important;
}
.bkenh-wrapper > table.booknetic_data_table {
min-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
} .bkenh-wrapper .bkcpe-toolbar.bkenh-sticky::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 100% !important;
height: 100vh !important;
z-index: 0 !important;
pointer-events: none !important;
background: var(--booknetic-quaternary-text-color, #ffffff) !important;
} .bkenh-wrapper .booknetic_data_table thead tr.bkenh-column-filter-row th {
position: sticky !important;
overflow: visible !important;
}
.bkenh-wrapper .booknetic_data_table thead tr.bkenh-column-filter-row th::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 100% !important;
height: 10px !important;
z-index: 1 !important;
pointer-events: none !important;
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%) !important;
}
.bkenh-wrapper .bkcpe-toolbar.bkenh-sticky {
isolation: isolate !important;
}
.bkenh-wrapper .bkcpe-toolbar.bkenh-sticky > * {
position: relative !important;
z-index: 1 !important;
} .bkenh-wrapper {
--bkenh-filter-height: 0px;
--bkenh-sticky-background: var(--booknetic-quaternary-text-color, #ffffff);
} .bkenh-wrapper > .bkcpe-toolbar {
padding: 10px 0 !important;
background: var(--bkenh-sticky-background) !important;
}
.bkenh-wrapper > .bkcpe-toolbar > .bkenh-search-wrap,
.bkenh-wrapper > .bkcpe-toolbar > .bkenh-date-label,
.bkenh-wrapper > .bkcpe-toolbar > .bkenh-dd {
box-sizing: border-box !important;
}
.bkenh-wrapper > .bkcpe-toolbar > .bkenh-search-wrap {
width: calc(100% - 30px) !important;
max-width: calc(100% - 30px) !important;
margin-left: 15px !important;
margin-right: 15px !important;
} .bkenh-wrapper .booknetic_data_table thead,
.bkenh-wrapper .booknetic_data_table thead tr.bkenh-column-label-row,
.bkenh-wrapper .booknetic_data_table thead tr.bkenh-column-filter-row,
.bkenh-wrapper .booknetic_data_table thead tr.bkenh-column-label-row th,
.bkenh-wrapper .booknetic_data_table thead tr.bkenh-column-filter-row th {
background: var(--bkenh-sticky-background) !important;
}
.bkenh-wrapper .booknetic_data_table {
border-spacing: 0 !important;
}
.bkenh-wrapper .booknetic_data_table thead tr.bkenh-column-label-row th {
border-bottom: 0 !important;
box-shadow: 0 1px 0 var(--bkenh-sticky-background) !important;
}
.bkenh-wrapper .booknetic_data_table thead tr.bkenh-column-filter-row th {
border-top: 0 !important;
border-bottom: 0 !important;
box-shadow:
0 -1px 0 var(--bkenh-sticky-background),
0 1px 0 var(--bkenh-sticky-background) !important;
} .bkenh-wrapper .booknetic_data_table thead tr.bkenh-column-filter-row th::after {
content: none !important;
display: none !important;
}
.bkenh-wrapper .booknetic_data_table thead tr.bkenh-sticky-fade-row {
height: 10px !important;
}
.bkenh-wrapper .booknetic_data_table thead tr.bkenh-sticky-fade-row th {
position: sticky !important;
top: calc(
var(--bkenh-toolbar-height, 0px) +
var(--bkenh-header-height, 0px) +
var(--bkenh-filter-height, 0px)
) !important;
z-index: 53 !important;
height: 10px !important;
min-height: 10px !important;
max-height: 10px !important;
padding: 0 !important;
border: 0 !important;
line-height: 0 !important;
pointer-events: none !important;
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 1) 0%,
rgba(255, 255, 255, 0) 100%
) !important;
} .bkenh-wrapper table.booknetic_data_table th:first-child,
.bkenh-wrapper table.booknetic_data_table td:first-child {
padding-left: 18px !important;
}
.bkenh-wrapper table.booknetic_data_table th:last-child,
.bkenh-wrapper table.booknetic_data_table td:last-child {
padding-right: 18px !important;
}
.bkenh-wrapper table.booknetic_data_table thead tr.bkenh-column-filter-row th:first-child {
padding-left: 8px !important;
}
.bkenh-wrapper table.booknetic_data_table thead tr.bkenh-column-filter-row th:last-child {
padding-right: 8px !important;
} .bkenh-wrapper table.booknetic_data_table thead tr.bkenh-sticky-fade-row th {
padding-left: 0 !important;
padding-right: 0 !important;
} .bkenh-wrapper .booknetic_data_table thead tr.bkenh-sticky-padding-row {
height: 10px !important;
min-height: 10px !important;
max-height: 10px !important;
}
.bkenh-wrapper .booknetic_data_table thead tr.bkenh-sticky-padding-row th {
position: static !important;
height: 10px !important;
min-height: 10px !important;
max-height: 10px !important;
padding: 0 !important;
border: 0 !important;
line-height: 0 !important;
pointer-events: none !important;
background: var(--bkenh-sticky-background, #ffffff) !important;
}
.bkenh-wrapper table.booknetic_data_table thead tr.bkenh-sticky-padding-row th {
padding-left: 0 !important;
padding-right: 0 !important;
} .bkenh-wrapper > table.booknetic_data_table {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
.bkenh-wrapper table.booknetic_data_table th,
.bkenh-wrapper table.booknetic_data_table td {
box-sizing: border-box !important;
min-width: 0 !important;
} .bkenh-wrapper table.booknetic_data_table th:first-child,
.bkenh-wrapper table.booknetic_data_table td:first-child {
padding-left: 0 !important;
}
.bkenh-wrapper table.booknetic_data_table th:last-child,
.bkenh-wrapper table.booknetic_data_table td:last-child {
padding-right: 0 !important;
} .bkenh-wrapper .booknetic_data_table .bkenh-edge-content {
position: relative !important;
max-width: calc(100% - 18px) !important;
box-sizing: border-box !important;
}
.bkenh-wrapper .booknetic_data_table .bkenh-edge-content-first {
display: inline-block !important;
transform: translateX(18px) !important;
}
.bkenh-wrapper .booknetic_data_table .bkenh-edge-content-last {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
transform: translateX(-18px) !important;
}
.bkenh-wrapper .booknetic_data_table thead th.bkenh-edge-first > .bkenh-header-inner {
transform: translateX(18px) !important;
max-width: calc(100% - 18px) !important;
}
.bkenh-wrapper .booknetic_data_table thead th.bkenh-edge-last > .bkenh-header-inner {
transform: translateX(-18px) !important;
max-width: calc(100% - 18px) !important;
}
.bkenh-wrapper .booknetic_data_table thead tr.bkenh-column-filter-row th.bkenh-edge-first {
padding-left: 0 !important;
}
.bkenh-wrapper .booknetic_data_table thead tr.bkenh-column-filter-row th.bkenh-edge-first .bkenh-column-filter {
width: calc(100% - 18px) !important;
transform: translateX(18px) !important;
}
.bkenh-wrapper .booknetic_data_table thead tr.bkenh-column-filter-row th.bkenh-edge-last {
padding-right: 0 !important;
} .bkenh-wrapper .booknetic_data_table tbody td.bkenh-edge-last > * {
position: relative !important;
right: 18px !important;
} .bkenh-wrapper > .bkcpe-toolbar {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
padding: 10px 15px !important;
overflow: visible !important;
}
.bkenh-wrapper > .bkcpe-toolbar > .bkenh-search-wrap,
.bkenh-wrapper > .bkcpe-toolbar > .bkenh-search-wrap.bkenh-has-colours,
.bkenh-wrapper > .bkcpe-toolbar > .bkenh-search-wrap:not(.bkenh-has-colours) {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
grid-template-columns: minmax(180px, 1fr) 100px max-content max-content !important;
gap: 5px !important;
}
.bkenh-wrapper > .bkcpe-toolbar > .bkenh-search-wrap:not(.bkenh-has-colours) {
grid-template-columns: minmax(180px, 1fr) 100px max-content !important;
}
.bkenh-wrapper .bkcpe-toolbar .bkenh-rich-search,
.bkenh-wrapper .bkcpe-toolbar .bkenh-search {
min-width: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
.bkenh-wrapper .bkcpe-toolbar .bkenh-search,
.bkenh-wrapper .bkcpe-toolbar .bkenh-search-clear,
.bkenh-wrapper .bkcpe-toolbar .bkenh-toolbar-toggle {
font-size: 16px !important;
}
.bkenh-wrapper .bkcpe-toolbar .bkenh-toolbar-toggle {
gap: 6px !important;
padding-left: 10px !important;
padding-right: 10px !important;
min-width: 0 !important;
}
.bkenh-wrapper .bkcpe-toolbar .bkenh-toolbar-toggle:last-child {
margin-right: 0 !important;
} .bkenh-wrapper .booknetic_data_table thead .bkenh-header-inner {
gap: 5px !important;
}
.bkenh-wrapper .booknetic_data_table thead .bkenh-header-icons {
gap: 3px !important;
margin-left: 0 !important;
}
.bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button {
flex-basis: 21px !important;
width: 21px !important;
min-width: 21px !important;
max-width: 21px !important;
height: 21px !important;
min-height: 21px !important;
max-height: 21px !important;
padding: 0 !important;
}
.bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button svg {
width: 19px !important;
height: 19px !important;
min-width: 19px !important;
min-height: 19px !important;
max-width: 19px !important;
max-height: 19px !important;
} .bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] {
border-spacing: 0 !important;
box-sizing: border-box !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] th,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] td {
box-sizing: border-box !important;
min-width: 0 !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] tbody td {
white-space: nowrap !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] .bkenh-column-filter {
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
} .bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] th:first-child,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] td:first-child {
padding-left: 18px !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] th:last-child,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] td:last-child {
padding-right: 18px !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] .bkenh-edge-content,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] .bkenh-edge-content-first,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] .bkenh-edge-content-last,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] thead th.bkenh-edge-first > .bkenh-header-inner,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] thead th.bkenh-edge-last > .bkenh-header-inner {
max-width: none !important;
transform: none !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] tbody td.bkenh-edge-last > * {
right: auto !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] thead tr.bkenh-column-filter-row th:first-child,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] thead tr.bkenh-column-filter-row th:last-child {
padding-left: 7px !important;
padding-right: 7px !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] thead tr.bkenh-sticky-fade-row th,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] thead tr.bkenh-sticky-padding-row th {
padding-left: 0 !important;
padding-right: 0 !important;
}
@media (max-width: 900px) {
.bkenh-wrapper > .bkcpe-toolbar > .bkenh-search-wrap,
.bkenh-wrapper > .bkcpe-toolbar > .bkenh-search-wrap.bkenh-has-colours,
.bkenh-wrapper > .bkcpe-toolbar > .bkenh-search-wrap:not(.bkenh-has-colours) {
grid-template-columns: 1fr !important;
}
}  .bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] thead .bkenh-header-inner {
display: inline-flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: center !important;
width: max-content !important;
min-width: max-content !important;
max-width: none !important;
gap: 7px !important;
overflow: visible !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] thead .bkenh-header-label {
display: inline-block !important;
flex: 0 0 auto !important;
width: max-content !important;
min-width: max-content !important;
max-width: none !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] thead .bkenh-header-icons {
display: inline-flex !important;
flex: 0 0 auto !important;
gap: 4px !important;
margin-left: 0 !important;
overflow: visible !important;
} .bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button {
flex: 0 0 20px !important;
flex-basis: 20px !important;
width: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
padding: 1px !important;
overflow: visible !important;
}
.bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button svg,
.bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button .bkenh-palette-svg {
display: block !important;
width: 18px !important;
min-width: 18px !important;
max-width: 18px !important;
height: 18px !important;
min-height: 18px !important;
max-height: 18px !important;
} .bkenh-wrapper .booknetic_data_table thead tr.bkenh-sticky-padding-row {
display: table-row !important;
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
visibility: visible !important;
}
.bkenh-wrapper .booknetic_data_table thead tr.bkenh-sticky-padding-row th {
display: table-cell !important;
position: static !important;
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
padding: 0 !important;
border: 0 !important;
line-height: 0 !important;
background: #ffffff !important;
opacity: 1 !important;
visibility: visible !important;
}  .bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] thead .bkenh-header-inner {
display: flex !important;
flex-flow: row nowrap !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
overflow: visible !important;
box-sizing: border-box !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] thead .bkenh-header-label {
display: block !important;
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
overflow-wrap: normal !important;
word-break: normal !important;
text-align: center !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] thead .bkenh-header-icons {
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
margin: 0 !important;
overflow: visible !important;
}
.bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button {
position: static !important;
transform: none !important;
flex: 0 0 20px !important;
width: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
padding: 1px !important;
margin: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
}
.bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button svg,
.bkenh-wrapper .booknetic_data_table thead .bkenh-palette-button .bkenh-palette-svg {
display: block !important;
width: 18px !important;
min-width: 18px !important;
max-width: 18px !important;
height: 18px !important;
min-height: 18px !important;
max-height: 18px !important;
} .bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] tbody td {
overflow: visible !important;
text-overflow: clip !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] tbody td.bkenh-service-column,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-compact-fit="1"] tbody td.bkenh-status-column {
white-space: normal !important;
overflow-wrap: normal !important;
word-break: normal !important;
} .bkenh-wrapper .booknetic_data_table thead tr.bkenh-sticky-padding-row {
display: table-row !important;
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
visibility: visible !important;
}
.bkenh-wrapper .booknetic_data_table thead tr.bkenh-sticky-padding-row th {
display: table-cell !important;
position: static !important;
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
padding: 0 !important;
border: 0 !important;
line-height: 0 !important;
background: var(--bkenh-sticky-background, #ffffff) !important;
opacity: 1 !important;
visibility: visible !important;
} .bkenh-wrapper > table.booknetic_data_table[data-bkenh-natural-fit="1"] {
table-layout: auto !important;
width: 100% !important;
min-width: 100% !important;
max-width: none !important;
border-collapse: separate !important;
border-spacing: 0 !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] colgroup.bkenh-compact-colgroup {
display: none !important;
} .bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] th,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] td {
box-sizing: border-box !important;
width: 1% !important;
max-width: none !important;
overflow: visible !important;
text-overflow: clip !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] th.bkenh-service-column,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] td.bkenh-service-column {
width: auto !important;
min-width: 150px !important;
white-space: normal !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] tbody td:not(.bkenh-service-column):not(.bkenh-status-column) {
white-space: nowrap !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] td.bkenh-status-column {
white-space: normal !important;
} .bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] thead .bkenh-header-inner,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] thead .bkenh-header-label,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] thead .bkenh-header-icons {
display: inline !important;
position: static !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
white-space: normal !important;
vertical-align: baseline !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] thead .bkenh-header-icons {
margin-left: 4px !important;
white-space: nowrap !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] thead .bkenh-palette-button {
display: inline !important;
position: static !important;
float: none !important;
clear: none !important;
transform: none !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 0 0 3px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
line-height: 1 !important;
vertical-align: -0.15em !important;
overflow: visible !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] thead .bkenh-palette-button svg,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] thead .bkenh-palette-button .bkenh-palette-svg {
display: inline-block !important;
width: 18px !important;
min-width: 18px !important;
max-width: 18px !important;
height: 18px !important;
min-height: 18px !important;
max-height: 18px !important;
vertical-align: middle !important;
} .bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] thead tr.bkenh-column-filter-row th {
width: auto !important;
min-width: 0 !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] thead .bkenh-column-filter {
display: block !important;
width: 100% !important;
min-width: 32px !important;
max-width: 100% !important;
box-sizing: border-box !important;
} .bkenh-wrapper table.booknetic_data_table tbody tr.bkenh-body-spacer-row {
display: table-row !important;
height: 22px !important;
min-height: 22px !important;
max-height: 22px !important;
background: var(--bkenh-sticky-background, #ffffff) !important;
}
.bkenh-wrapper table.booknetic_data_table tbody tr.bkenh-body-spacer-row > td {
display: table-cell !important;
height: 22px !important;
min-height: 22px !important;
max-height: 22px !important;
padding: 0 !important;
border: 0 !important;
line-height: 0 !important;
background: var(--bkenh-sticky-background, #ffffff) !important;
} .bkenh-wrapper table.booknetic_data_table tbody td.bkenh-column-content-centred {
text-align: center !important;
}
.bkenh-wrapper table.booknetic_data_table tbody td.bkenh-column-content-centred > .bkenh-edge-content-first {
display: block !important;
width: 100% !important;
max-width: none !important;
transform: none !important;
text-align: center !important;
}
.bkenh-wrapper table.booknetic_data_table thead .bkenh-header-icons {
display: inline !important;
margin-left: 0.25em !important;
padding: 0 !important;
white-space: nowrap !important;
vertical-align: baseline !important;
}
.bkenh-wrapper table.booknetic_data_table thead .bkenh-palette-button,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] thead .bkenh-palette-button {
display: inline !important;
position: relative !important;
top: -3px !important;
float: none !important;
width: auto !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
line-height: 1 !important;
vertical-align: baseline !important;
}
.bkenh-wrapper table.booknetic_data_table thead .bkenh-admin-palette-button,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] thead .bkenh-admin-palette-button {
margin-left: 0.15em !important;
}
.bkenh-wrapper table.booknetic_data_table thead .bkenh-palette-button svg,
.bkenh-wrapper table.booknetic_data_table thead .bkenh-palette-button .bkenh-palette-svg,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] thead .bkenh-palette-button svg,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] thead .bkenh-palette-button .bkenh-palette-svg {
display: inline-block !important;
width: 1em !important;
min-width: 1em !important;
max-width: 1em !important;
height: 1em !important;
min-height: 1em !important;
max-height: 1em !important;
vertical-align: baseline !important;
} html.bkenh-preparing table.booknetic_data_table,
table.booknetic_data_table.bkenh-table-preparing {
visibility: hidden !important;
}
table.booknetic_data_table.bkenh-table-ready {
visibility: visible !important;
}
.bkenh-loading-host {
position: relative !important;
min-height: 96px !important;
}
.bkenh-table-loader {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
min-height: 96px !important;
width: 100% !important;
color: var(--booknetic-primary-text-color, #292d32) !important;
font: inherit !important;
}
.bkenh-table-loader-spinner {
display: inline-block !important;
width: 24px !important;
height: 24px !important;
border: 3px solid rgba(64, 105, 231, 0.22) !important;
border-top-color: var(--booknetic-primary-color, #4069e7) !important;
border-radius: 50% !important;
animation: bkenh-table-loader-spin 0.75s linear infinite !important;
}
@keyframes bkenh-table-loader-spin {
to { transform: rotate(360deg); }
} .bkenh-wrapper .booknetic_data_table .bkenh-edge-content,
.bkenh-wrapper .booknetic_data_table .bkenh-edge-content-first,
.bkenh-wrapper .booknetic_data_table .bkenh-edge-content-last,
.bkenh-wrapper .booknetic_data_table thead th.bkenh-edge-first > .bkenh-header-inner,
.bkenh-wrapper .booknetic_data_table thead th.bkenh-edge-last > .bkenh-header-inner,
.bkenh-wrapper .booknetic_data_table thead tr.bkenh-column-filter-row th.bkenh-edge-first .bkenh-column-filter {
transform: none !important;
max-width: none !important;
right: auto !important;
}
.bkenh-wrapper .booknetic_data_table tbody td.bkenh-edge-last > * {
right: auto !important;
}
.bkenh-wrapper > table.booknetic_data_table[data-bkenh-natural-fit="1"] {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.bkenh-wrapper table.booknetic_data_table colgroup.bkenh-edge-spacer-colgroup col.bkenh-edge-spacer-col {
width: 10px !important;
min-width: 10px !important;
max-width: 10px !important;
}
.bkenh-wrapper table.booknetic_data_table th.bkenh-edge-spacer-cell,
.bkenh-wrapper table.booknetic_data_table td.bkenh-edge-spacer-cell,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] th.bkenh-edge-spacer-cell,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] td.bkenh-edge-spacer-cell {
display: table-cell !important;
width: 10px !important;
min-width: 10px !important;
max-width: 10px !important;
padding: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
overflow: hidden !important;
line-height: 0 !important;
cursor: default !important;
pointer-events: none !important;
}
.bkenh-wrapper table.booknetic_data_table thead .bkenh-palette-button,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] thead .bkenh-palette-button {
display: inline !important;
position: static !important;
top: auto !important;
vertical-align: middle !important;
}
.bkenh-wrapper table.booknetic_data_table thead .bkenh-header-icons,
.bkenh-wrapper table.booknetic_data_table thead .bkenh-palette-button svg,
.bkenh-wrapper table.booknetic_data_table thead .bkenh-palette-button .bkenh-palette-svg,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] thead .bkenh-palette-button svg,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] thead .bkenh-palette-button .bkenh-palette-svg {
vertical-align: middle !important;
}
.bkenh-wrapper table.booknetic_data_table thead .bkenh-palette-button svg,
.bkenh-wrapper table.booknetic_data_table thead .bkenh-palette-button .bkenh-palette-svg {
width: 1em !important;
min-width: 1em !important;
max-width: 1em !important;
height: 1em !important;
min-height: 1em !important;
max-height: 1em !important;
} .bkenh-wrapper table.booknetic_data_table th.bkenh-hidden-column,
.bkenh-wrapper table.booknetic_data_table td.bkenh-hidden-column {
display: none !important;
} .bkenh-wrapper table.booknetic_data_table th.bkenh-visible-column:not(.bkenh-hidden-column),
.bkenh-wrapper table.booknetic_data_table td.bkenh-visible-column:not(.bkenh-hidden-column) {
display: table-cell !important;
}
.bkenh-wrapper table.booknetic_data_table th.bkenh-hidden-column,
.bkenh-wrapper table.booknetic_data_table td.bkenh-hidden-column {
display: none !important;
} .bkenh-wrapper table.booknetic_data_table .bkenh-palette-button,
.bkenh-wrapper table.booknetic_data_table .bkenh-admin-palette-button,
.bkenh-wrapper table.booknetic_data_table .bkenh-palette-svg {
vertical-align: middle !important;
} .booknetic-cp-tab-body.bkenh-enhanced-tab-body {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
overflow-x: hidden !important;
}
.booknetic-cp-tab-body.bkenh-enhanced-tab-body > .bkenh-wrapper,
.booknetic-cp-tab-body.bkenh-enhanced-tab-body .bkenh-wrapper {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
overflow-x: clip !important;
} .bkenh-wrapper table.booknetic_data_table colgroup.bkenh-edge-spacer-colgroup,
.bkenh-wrapper table.booknetic_data_table th.bkenh-edge-spacer-cell,
.bkenh-wrapper table.booknetic_data_table td.bkenh-edge-spacer-cell {
display: none !important;
} .bkenh-wrapper > table.booknetic_data_table[data-bkenh-natural-fit="1"] {
table-layout: auto !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] th,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] td {
width: auto !important;
min-width: 0 !important;
max-width: none !important;
box-sizing: border-box !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] th.bkenh-service-column,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-natural-fit="1"] td.bkenh-service-column {
width: 100% !important;
min-width: 120px !important;
white-space: normal !important;
} .bkenh-wrapper table.booknetic_data_table tr > th:first-child,
.bkenh-wrapper table.booknetic_data_table tr > td:first-child,
.bkenh-wrapper table.booknetic_data_table tr > th:last-child,
.bkenh-wrapper table.booknetic_data_table tr > td:last-child {
box-sizing: border-box !important;
}
.bkenh-wrapper table.booknetic_data_table tr > th:first-child,
.bkenh-wrapper table.booknetic_data_table tr > td:first-child {
padding-left: 10px !important;
}
.bkenh-wrapper table.booknetic_data_table tr > th:last-child,
.bkenh-wrapper table.booknetic_data_table tr > td:last-child {
padding-right: 10px !important;
}
.bkenh-wrapper table.booknetic_data_table thead tr.bkenh-sticky-fade-row > th:first-child,
.bkenh-wrapper table.booknetic_data_table thead tr.bkenh-sticky-fade-row > th:last-child,
.bkenh-wrapper table.booknetic_data_table tbody tr.bkenh-body-spacer-row > td:first-child,
.bkenh-wrapper table.booknetic_data_table tbody tr.bkenh-body-spacer-row > td:last-child {
padding-left: 0 !important;
padding-right: 0 !important;
} .bkenh-wrapper > table.booknetic_data_table[data-bkenh-widths-locked="1"] {
table-layout: fixed !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
.bkenh-wrapper table.booknetic_data_table colgroup.bkenh-locked-colgroup col {
box-sizing: border-box !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-widths-locked="1"] th,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-widths-locked="1"] td {
box-sizing: border-box !important;
}
.bkenh-loading-host > :not(.bkenh-table-loader) {
visibility: hidden !important;
opacity: 0 !important;
}
.bkenh-loading-host > .bkenh-table-loader {
position: absolute !important;
inset: 0 !important;
z-index: 500 !important;
min-height: 96px !important;
background: var(--booknetic-quaternary-text-color, #ffffff) !important;
} .bkenh-wrapper table.booknetic_data_table thead tr.bkenh-column-label-row > th:not(.bkenh-column-content-centred) {
text-align: left !important;
}
.bkenh-wrapper table.booknetic_data_table thead tr.bkenh-column-label-row > th:not(.bkenh-column-content-centred) > .bkenh-header-inner {
justify-content: flex-start !important;
text-align: left !important;
}
.bkenh-wrapper table.booknetic_data_table thead tr.bkenh-column-label-row > th:not(.bkenh-column-content-centred) .bkenh-header-label {
text-align: left !important;
}
.bkenh-wrapper table.booknetic_data_table thead tr.bkenh-column-label-row > th.bkenh-column-content-centred {
text-align: center !important;
}
.bkenh-wrapper table.booknetic_data_table thead tr.bkenh-column-label-row > th.bkenh-column-content-centred > .bkenh-header-inner {
justify-content: center !important;
text-align: center !important;
}
.bkenh-wrapper table.booknetic_data_table thead tr.bkenh-column-label-row > th.bkenh-column-content-centred .bkenh-header-label {
text-align: center !important;
} .bkenh-wrapper > .bkcpe-toolbar.bkenh-sticky {
box-shadow: 0 3px 0 var(--bkenh-sticky-background, #ffffff) !important;
}
.bkenh-wrapper > .bkcpe-toolbar.bkenh-sticky::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: -3px !important;
height: 3px !important;
z-index: 0 !important;
pointer-events: none !important;
background: var(--bkenh-sticky-background, #ffffff) !important;
} .bkenh-wrapper table.booknetic_data_table[data-bkenh-widths-locked="1"] th.bkenh-visible-column,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-widths-locked="1"] td.bkenh-visible-column {
display: table-cell !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-widths-locked="1"] th.bkenh-hidden-column,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-widths-locked="1"] td.bkenh-hidden-column {
display: none !important;
} .bkenh-wrapper table.booknetic_data_table[data-bkenh-widths-locked="1"] th.bkenh-visible-column,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-widths-locked="1"] td.bkenh-visible-column {
box-sizing: border-box !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-widths-locked="1"] th[data-bkenh-column-key="date"],
.bkenh-wrapper table.booknetic_data_table[data-bkenh-widths-locked="1"] td[data-bkenh-column-key="date"] {
white-space: nowrap !important;
}
.bkenh-wrapper table.booknetic_data_table[data-bkenh-widths-locked="1"] th.bkenh-service-column,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-widths-locked="1"] td.bkenh-service-column,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-widths-locked="1"] th.bkenh-status-column,
.bkenh-wrapper table.booknetic_data_table[data-bkenh-widths-locked="1"] td.bkenh-status-column {
white-space: normal !important;
overflow-wrap: normal !important;
word-break: normal !important;
} .bkenh-wrapper table.booknetic_data_table thead tr.bkenh-column-label-row > th {
padding-top: 8px !important;
padding-bottom: 3px !important;
}
.bkenh-wrapper table.booknetic_data_table thead tr.bkenh-column-filter-row > th {
padding-top: 0 !important;
padding-bottom: 8px !important;
} .bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap.bkenh-has-colours {
grid-template-columns: minmax(0, 1fr) 100px max-content max-content 52px !important;
}
.bkenh-toolbar-preset-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 52px !important;
min-width: 52px !important;
max-width: 52px !important;
min-height: 44px !important;
box-sizing: border-box !important;
padding: 6px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 6px !important;
background: #6c70dc !important;
color: #fff !important;
cursor: pointer !important;
}
.bkenh-toolbar-preset-button:hover { filter: brightness(.94); }
.bkenh-toolbar-preset-button .bkenh-palette-svg {
width: 60% !important;
height: auto !important;
aspect-ratio: 1 / 1 !important;
display: block !important;
overflow: visible !important;
} .bkenh-wrapper table.booknetic_data_table thead th[data-bkenh-sort]::after {
content: none !important;
display: none !important;
}
.bkenh-wrapper table.booknetic_data_table thead th.bkenh-sortable-header,
.bkenh-wrapper table.booknetic_data_table thead th.bkenh-sortable-header[data-bkenh-sort] {
position: sticky !important;
padding-right: var(--bkenh-sort-base-padding-right, 5px) !important;
cursor: pointer !important;
}
.bkenh-wrapper table.booknetic_data_table thead th.bkenh-sortable-header > .bkenh-header-inner {
position: relative !important;
padding-right: 18px !important;
}
.bkenh-sort-indicator {
position: absolute !important;
top: 50% !important;
right: 1px !important;
transform: translateY(-50%) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 17px !important;
height: 22px !important;
color: #6c70dc !important;
background: transparent !important;
pointer-events: none !important;
user-select: none !important;
z-index: 5 !important;
}
.bkenh-sort-current-arrow {
display: inline-block !important;
font-family: Arial, sans-serif !important;
font-size: 18px !important;
font-weight: 900 !important;
line-height: 1 !important;
}
.bkenh-sort-neutral {
display: inline-flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
font-family: Arial, sans-serif !important;
font-size: 9px !important;
font-weight: 900 !important;
line-height: .62 !important;
opacity: .38 !important;
}
.bkenh-sort-neutral > span {
display: block !important;
height: 6px !important;
line-height: 6px !important;
}
.bkenh-sort-priority {
position: absolute !important;
right: -4px !important;
top: -3px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 13px !important;
height: 13px !important;
padding: 0 2px !important;
border-radius: 999px !important;
background: #25304a !important;
color: #fff !important;
font-size: 8px !important;
font-weight: 700 !important;
line-height: 1 !important;
box-sizing: border-box !important;
}
.bkenh-wrapper table.booknetic_data_table thead th.bkenh-sortable-header button,
.bkenh-wrapper table.booknetic_data_table thead th.bkenh-sortable-header a,
.bkenh-wrapper table.booknetic_data_table thead th.bkenh-sortable-header input,
.bkenh-wrapper table.booknetic_data_table thead th.bkenh-sortable-header select {
cursor: pointer !important;
}
.bkenh-preset-selector-dialog,
.bkenh-preset-manager-dialog,
.bkenh-admin-column-preset-dialog {
width: min(760px, calc(100vw - 24px)) !important;
max-width: 760px !important;
}
.bkenh-preset-choice-list {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
max-height: 48vh !important;
overflow-y: auto !important;
padding: 2px !important;
}
.bkenh-preset-choice {
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
box-sizing: border-box !important;
padding: 11px !important;
border: 1px solid #dfe2e8 !important;
border-radius: 8px !important;
background: #fff !important;
cursor: pointer !important;
}
.bkenh-preset-choice:has(input:checked) {
border-color: #6c70dc !important;
box-shadow: 0 0 0 2px rgba(108,112,220,.16) !important;
}
.bkenh-preset-choice input {
margin: 3px 0 0 !important;
flex: 0 0 auto !important;
}
.bkenh-preset-choice-body {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 4px 8px !important;
min-width: 0 !important;
flex: 1 1 auto !important;
}
.bkenh-preset-choice-body strong { min-width: 0 !important; }
.bkenh-preset-choice-body small {
grid-column: 1 / -1 !important;
color: #667085 !important;
line-height: 1.35 !important;
}
.bkenh-default-badge {
align-self: start !important;
padding: 2px 6px !important;
border-radius: 999px !important;
background: #25304a !important;
color: #fff !important;
font-size: 10px !important;
font-weight: 700 !important;
}
.bkenh-apply-preset { background: #6c70dc !important; }
.bkenh-preset-manager-grid {
display: grid !important;
grid-template-columns: minmax(190px, .8fr) minmax(240px, 1.2fr) minmax(190px, .8fr) !important;
gap: 10px !important;
align-items: end !important;
padding: 12px !important;
border: 1px solid #dfe2e8 !important;
border-radius: 8px !important;
background: #f7f8fa !important;
}
.bkenh-preset-manager-grid label,
.bkenh-column-preset-select-wrap label {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
font-size: 13px !important;
}
.bkenh-preset-manager-grid select,
.bkenh-preset-manager-grid input,
.bkenh-preset-manager-grid textarea,
.bkenh-column-preset-select-wrap select {
width: 100% !important;
min-height: 38px !important;
box-sizing: border-box !important;
}
.bkenh-manager-description-label {
grid-column: 1 / -1 !important;
}
.bkenh-manager-description-label > span {
color: #667085 !important;
font-weight: 400 !important;
}
.bkenh-manager-preset-description {
min-height: 76px !important;
resize: vertical !important;
padding: 8px 10px !important;
font: inherit !important;
}
.bkenh-manager-default-state {
min-height: 38px !important;
display: flex !important;
align-items: center !important;
color: #315f42 !important;
font-weight: 600 !important;
}
.bkenh-preset-summary {
margin: 12px 0 !important;
padding: 10px 12px !important;
border: 1px solid #e2e5ea !important;
border-radius: 7px !important;
background: #fff !important;
line-height: 1.45 !important;
}
.bkenh-preset-manager-buttons {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin-bottom: 12px !important;
}
.bkenh-preset-manager-buttons .bkenh-action-button { margin: 0 !important; }
.bkenh-manager-delete { background: #d84a4a !important; }
.bkenh-manager-default { background: #4f7f63 !important; }
.bkenh-manager-use,
.bkenh-manager-save,
.bkenh-manager-new,
.bkenh-manager-copy { background: #6c70dc !important; }
.bkenh-preset-manager-buttons button:disabled,
.bkenh-dialog-actions button:disabled {
opacity: .45 !important;
cursor: default !important;
}
.bkenh-column-preset-select-wrap {
margin-bottom: 12px !important;
padding: 10px 12px !important;
border: 1px solid #dfe2e8 !important;
border-radius: 8px !important;
background: #f7f8fa !important;
} .bkenh-dialog-checkbox {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
flex: 0 0 auto !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 4px !important;
color: #25304a !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
cursor: pointer !important;
}
.bkenh-dialog-checkbox input[type="checkbox"] {
appearance: auto !important;
-webkit-appearance: checkbox !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
margin: 0 !important;
padding: 0 !important;
accent-color: #6c70dc !important;
cursor: pointer !important;
}
.bkenh-dialog-actions .bkenh-manager-use {
background: #6c70dc !important;
}
@media (max-width: 900px) {
.bkenh-wrapper .bkcpe-toolbar .bkenh-search-wrap.bkenh-has-colours {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}
.bkenh-toolbar-preset-button {
width: 52px !important;
min-width: 52px !important;
max-width: 52px !important;
justify-self: start !important;
}
.bkenh-preset-choice-list,
.bkenh-preset-manager-grid {
grid-template-columns: 1fr !important;
}
} .bkenh-wrapper button:not(:disabled),
.bkenh-colour-overlay button:not(:disabled),
.bkenh-wrapper [role="button"]:not([aria-disabled="true"]),
.bkenh-colour-overlay [role="button"]:not([aria-disabled="true"]) {
cursor: pointer !important;
}
.bkenh-wrapper button:disabled,
.bkenh-colour-overlay button:disabled,
.bkenh-wrapper [aria-disabled="true"],
.bkenh-colour-overlay [aria-disabled="true"] {
cursor: not-allowed !important;
}
.bkenh-preset-choice,
.bkenh-preset-choice input,
.bkenh-dialog-checkbox,
.bkenh-dialog-checkbox input {
cursor: pointer !important;
} .bkenh-preset-selector-dialog .bkenh-dialog-actions {
margin-top: 18px !important;
}
.bkenh-choice-drag-handle,
.bkenh-choice-move-up,
.bkenh-choice-move-down {
border-color: #595ecb !important;
background: #6c70dc !important;
color: #fff !important;
box-shadow: 0 1px 2px rgba(20, 24, 30, .18) !important;
text-shadow: none !important;
}
.bkenh-choice-drag-handle:hover,
.bkenh-choice-move-up:hover,
.bkenh-choice-move-down:hover {
background: #595ecb !important;
color: #fff !important;
}
.bkenh-choice-drag-handle {
cursor: grab !important;
touch-action: none !important;
}
.bkenh-choice-drag-handle:active {
cursor: grabbing !important;
}
.bkenh-choice-arrow-svg {
display: block !important;
width: 25px !important;
height: 25px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 3.2 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
pointer-events: none !important;
}
.bkenh-choice-move-up .bkenh-choice-arrow-svg,
.bkenh-choice-move-down .bkenh-choice-arrow-svg {
width: 22px !important;
height: 22px !important;
}
.bkenh-choice-placeholder {
flex: 0 0 auto !important;
}
.bkenh-choice-reordering,
.bkenh-choice-reordering * {
cursor: grabbing !important;
user-select: none !important;
}
.bkenh-choice-item.bkenh-choice-dragging {
opacity: .96 !important;
transform: scale(1.01) !important;
box-shadow: 0 14px 34px rgba(0, 0, 0, .28) !important;
}
.bkenh-wrapper table.booknetic_data_table thead th.bkenh-sortable-header,
.bkenh-wrapper table.booknetic_data_table thead th.bkenh-sortable-header > .bkenh-header-inner,
.bkenh-wrapper table.booknetic_data_table thead th.bkenh-sortable-header .bkenh-header-label {
cursor: pointer !important;
user-select: none !important;
-webkit-user-select: none !important;
} .bkenh-colour-control-label {
width: 190px;
min-width: 190px;
box-sizing: border-box;
}
.bkenh-colour-control-label .bkenh-custom-colour-control,
.bkenh-colour-control-label .bkenh-colour-display {
width: 190px !important;
min-width: 190px !important;
max-width: 190px !important;
box-sizing: border-box !important;
}
.bkenh-colour-display-text {
flex: 1 1 auto;
min-width: 0;
}
.bkenh-colour-row-label {
margin: -3px 0 6px;
color: #4f5562;
font-size: 12px;
font-weight: 700;
}
.bkenh-recent-colours {
min-height: 24px;
}
.bkenh-recent-colours.bkenh-recent-colours-empty {
border: 1px dashed #d7dae1;
border-radius: 6px;
background: #fafbfc;
}
.bkenh-admin-colour-popover {
width: min(390px, calc(100vw - 16px));
}
.bkenh-admin-colour-values {
display: grid;
gap: 7px;
margin-top: 12px;
margin-bottom: 14px;
padding-top: 11px;
border-top: 1px solid #e2e4e9;
}
.bkenh-admin-colour-values > label {
display: grid !important;
grid-template-columns: 48px minmax(0, 1fr) !important;
align-items: center;
gap: 8px;
margin: 0 !important;
font-size: 12px;
font-weight: 700;
}
.bkenh-admin-colour-values input[type="text"] {
width: 100%;
min-width: 0;
height: 34px;
box-sizing: border-box;
padding: 5px 8px;
border: 1px solid #c7cbd3;
border-radius: 6px;
background: #fff;
color: #24272d;
font: 13px/1.2 ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}
.bkenh-admin-colour-values input[type="text"]:focus {
border-color: #6b6ee3;
box-shadow: 0 0 0 2px rgba(107, 110, 227, .16);
outline: none;
}
.bkenh-admin-colour-values input.bkenh-invalid-colour-value {
border-color: #d84a4a;
box-shadow: 0 0 0 2px rgba(216, 74, 74, .14);
}
@media (max-width: 720px) {
.bkenh-colour-control-label {
width: auto;
min-width: 0;
}
.bkenh-colour-control-label .bkenh-custom-colour-control,
.bkenh-colour-control-label .bkenh-colour-display {
width: 100% !important;
min-width: 132px !important;
max-width: none !important;
}
} .bkenh-admin-column-preset-dialog {
width: min(900px, calc(100vw - 24px)) !important;
max-width: 900px !important;
}
.bkenh-admin-column-preset-dialog .bkenh-choice-item {
grid-template-columns: 38px minmax(150px, 1fr) minmax(135px, 165px) minmax(135px, 165px) auto !important;
gap: 8px !important;
min-width: 0 !important;
overflow: hidden !important;
}
.bkenh-admin-column-preset-dialog .bkenh-choice-item > *,
.bkenh-admin-column-preset-dialog .bkenh-colour-control-label,
.bkenh-admin-column-preset-dialog .bkenh-custom-colour-control,
.bkenh-admin-column-preset-dialog .bkenh-colour-display {
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.bkenh-admin-column-preset-dialog .bkenh-colour-control-label,
.bkenh-admin-column-preset-dialog .bkenh-colour-control-label .bkenh-custom-colour-control,
.bkenh-admin-column-preset-dialog .bkenh-colour-control-label .bkenh-colour-display {
width: 100% !important;
}
.bkenh-admin-column-preset-dialog .bkenh-delete-choice {
justify-self: end !important;
white-space: nowrap !important;
}
.bkenh-admin-colour-popover {
max-height: calc(100vh - 16px) !important;
overflow-y: auto !important;
overscroll-behavior: contain;
}
.bkenh-admin-colour-values-title {
grid-column: 1 / -1;
margin-bottom: 1px;
color: #333846;
font-size: 12px;
font-weight: 800;
}
@media (max-width: 720px) {
.bkenh-admin-column-preset-dialog {
width: calc(100vw - 16px) !important;
max-width: calc(100vw - 16px) !important;
}
.bkenh-admin-column-preset-dialog .bkenh-choice-item {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important;
overflow: visible !important;
}
.bkenh-admin-column-preset-dialog .bkenh-choice-move-column {
grid-column: 1 !important;
grid-row: 1 !important;
justify-content: flex-start !important;
}
.bkenh-admin-column-preset-dialog .bkenh-choice-query,
.bkenh-admin-column-preset-dialog .bkenh-choice-query-highlight-wrap {
grid-column: 2 / 4 !important;
grid-row: 1 !important;
}
.bkenh-admin-column-preset-dialog .bkenh-choice-item > label:nth-of-type(1) {
grid-column: 1 !important;
grid-row: 2 !important;
}
.bkenh-admin-column-preset-dialog .bkenh-choice-item > label:nth-of-type(2) {
grid-column: 2 !important;
grid-row: 2 !important;
}
.bkenh-admin-column-preset-dialog .bkenh-delete-choice {
grid-column: 3 !important;
grid-row: 2 !important;
}
} .bkenh-action-button.bkenh-dialog-opening,
.bkenh-action-button[aria-busy="true"] {
cursor: wait !important;
opacity: .72 !important;
}
.bkenh-admin-column-preset-dialog .bkenh-choice-list,
.bkenh-admin-column-preset-dialog .bkenh-choice-item {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.bkenh-admin-column-preset-dialog .bkenh-choice-item {
grid-template-columns: 38px minmax(120px, 1fr) minmax(120px, 155px) minmax(120px, 155px) max-content !important;
overflow: visible !important;
}
.bkenh-admin-column-preset-dialog .bkenh-dialog-actions {
flex-wrap: wrap !important;
row-gap: 10px !important;
}
.bkenh-admin-column-preset-dialog .bkenh-footer-add-slot,
.bkenh-admin-column-preset-dialog .bkenh-admin-column-preview-toggle,
.bkenh-admin-column-preset-dialog .bkenh-dialog-cancel,
.bkenh-admin-column-preset-dialog .bkenh-save-preset {
flex: 0 0 auto !important;
}
.bkenh-admin-column-preset-dialog .bkenh-action-spacer {
flex: 1 1 24px !important;
}
.bkenh-admin-colour-values {
display: grid !important;
}
@media (max-width: 720px) {
.bkenh-admin-column-preset-dialog .bkenh-choice-item {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important;
}
.bkenh-admin-column-preset-dialog .bkenh-dialog-actions {
align-items: stretch !important;
}
} .bkenh-admin-colour-values + .bkenh-colour-presets {
margin-top: 0 !important;
} .bkenh-operator-highlight-host {
position: relative !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
background: #fff !important;
}
.bkenh-rich-search.bkenh-operator-highlight-host {
height: 44px !important;
border-radius: 6px !important;
}
.bkenh-column-filter-highlight-wrap {
height: 32px !important;
}
.bkenh-choice-query-highlight-wrap {
min-height: 38px !important;
align-self: end !important;
}
.bkenh-operator-highlight-layer {
position: absolute !important;
z-index: 1 !important;
overflow: hidden !important;
pointer-events: none !important;
white-space: nowrap !important;
box-sizing: border-box !important;
}
.bkenh-operator-highlight-text {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
display: block !important;
width: max-content !important;
min-width: max-content !important;
white-space: pre !important;
color: inherit !important;
font: inherit;
text-decoration: none;
}
.bkenh-operator-highlight-input {
position: relative !important;
z-index: 2 !important;
caret-color: var(--bkenh-operator-caret-colour, #252a31) !important;
}
.bkenh-operator-highlight-active > .bkenh-operator-highlight-input {
color: transparent !important;
-webkit-text-fill-color: transparent !important;
background-color: transparent !important;
}
.bkenh-operator-highlight-input::placeholder {
color: #85888e !important;
-webkit-text-fill-color: #85888e !important;
opacity: 1 !important;
}
.bkenh-operator-token {
position: relative !important;
display: inline-block !important;
white-space: pre !important;
vertical-align: baseline !important;
box-sizing: content-box !important;
font: inherit !important;
color: inherit !important;
} .bkenh-operator-token-base {
display: inline-block !important;
visibility: hidden !important;
white-space: pre !important;
font: inherit !important;
} .bkenh-operator-token-ink {
position: absolute !important;
left: 0 !important;
top: 0 !important;
display: inline-block !important;
white-space: pre !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
font-style: inherit !important;
font-stretch: inherit !important;
font-variant: inherit !important;
letter-spacing: inherit !important;
word-spacing: inherit !important;
line-height: inherit !important;
transform-origin: left center !important;
color: var(--bkenh-operator-highlight-colour, #7a1111) !important;
}
html.bkenh-operator-highlight-bold .bkenh-operator-token-ink {
font-weight: var(--bkenh-operator-highlight-weight, 800) !important;
}
html.bkenh-operator-highlight-italic .bkenh-operator-token-ink {
font-style: italic !important;
}
html.bkenh-operator-highlight-underline .bkenh-operator-token-ink {
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 2px !important;
}
.bkenh-rich-search.bkenh-operator-highlight-host .bkenh-rich-placeholder {
z-index: 4 !important;
}
.bkenh-choice-query-highlight-wrap .bkenh-choice-query,
.bkenh-column-filter-highlight-wrap .bkenh-column-filter {
width: 100% !important;
min-width: 0 !important;
}
@media (max-width: 720px) {
.bkenh-admin-column-preset-dialog .bkenh-choice-query-highlight-wrap {
grid-column: 2 / 4 !important;
grid-row: 1 !important;
}
}