.s-grid-table h2 {
    border-bottom: 1px dotted gray
}

.s-grid-table h2 .sgi {
    display: inline-flex
}

.s-grid-table h2.title {
    border: 0;
    font-size: 1.25rem
}

.s-grid-table code {
    color: #f96079;
    font-family: Courier New, Courier, monospace;
    font-weight: 600
}

.s-grid-table ul {
    cursor: default;
    margin-left: 0;
    padding-left: 20px
}

.s-grid-table .options-panel {
    background: #f0f0f0;
    border: 1px solid silver;
    border-radius: 6px;
    font-size: 12px;
    left: 700px;
    margin-bottom: 20px;
    padding: 4px;
    position: absolute;
    top: 0;
    width: 350px
}

.s-grid-table .options-panel button,
.s-grid-table .options-panel input,
.s-grid-table .options-panel textarea {
    font-family: var(--alpine-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    font-size: 12px
}

.s-grid-table button.btn {
    align-items: center;
    background-color: #fff;
    border: 1px solid #9a9a9a;
    border-radius: 3px;
    cursor: pointer;
    display: inline-flex;
    gap: 4px;
    justify-content: center;
    padding: 6px 8px
}

.s-grid-table .rotate-90 {
    transform: rotate(90deg)
}

.s-grid-table .rotate-180 {
    transform: rotate(180deg)
}

.s-grid-table .rotate-270 {
    transform: rotate(270deg)
}

.s-grid-table .text-italic {
    font-style: italic
}

.slick-cell-menu {
    background: #f0f0f0;
    border: 1px solid #718bb7;
    box-shadow: 2px 2px 2px silver;
    min-width: 180px;
    overflow: auto;
    resize: both;
    z-index: 2000
}

.slick-cell-menu.slick-submenu {
    min-width: 100px
}

.slick-cell-menu-button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    margin-top: 5px;
    padding: 0 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

.slick-cell-menu > .close {
    float: right
}

.slick-cell-menu .slick-menu-title {
    border-bottom: 1px solid #d6d6d6;
    font-size: 16px;
    margin-bottom: 5px;
    width: calc(100% - 30px)
}

.slick-cell-menu li {
    background: none;
    list-style: none;
    margin: 0;
    padding: 0
}

.slick-cell-menu input {
    margin: 4px
}

.slick-cell-menu li a {
    display: block;
    font-weight: 700;
    padding: 4px
}

.slick-cell-menu li a:hover {
    background: #fff
}

.slick-cell-menu-option-list {
    margin-bottom: 10px
}

.slick-cell-menu {
    cursor: default;
    display: inline-block;
    margin: 0;
    padding: 6px;
    position: absolute
}

.slick-cell-menu-item {
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    list-style: none;
    margin: 0;
    padding: 2px 4px
}

.slick-cell-menu-item .sub-item-chevron {
    float: right
}

.slick-cell-menu-item:hover {
    background: #fff;
    border-color: silver
}

.slick-cell-menu-item-disabled {
    background: inherit !important;
    border-color: transparent !important;
    cursor: default
}

.slick-cell-menu-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.slick-cell-menu-content, .slick-cell-menu-icon {
    display: inline-block;
    vertical-align: middle
}

.slick-cell-menu-item-disabled {
    color: silver
}

.slick-cell-menu-item-hidden, .slick-cell-menu-list li.hidden {
    display: none
}

.slick-cell-menu-item.slick-cell-menu-item-divider {
    background-color: #cecece;
    border: none;
    cursor: default;
    height: 1px;
    margin: 6px 2px;
    overflow: hidden;
    padding: 0
}

.slick-cell-menu-item-divider.slick-cell-menu-item:hover {
    background-color: #cecece
}

/*!
 * SlickGrid Alpine Theme
 * (c) 2009-2016 Michael Leibman
 * michael{dot}leibman{at}gmail{dot}com
 * original project: https://github.com/mleibman/slickgrid
 * project forked as: https://github.com/6pac/slickgrid
 *
 * Distributed under MIT license.
 * All rights reserved.
 */
@keyframes fade {
    0%, to {
        background: none
    }
    50% {
        background: var(--alpine-row-highlight-fade-animation, 1s linear)
    }
}

#myGrid, .slick-container {
    background-color: var(--alpine-grid-bgcolor, #fff);
    border-color: var(--alpine-border-color, #dae1e7);
    border-radius: var(--alpine-border-radius, 0);
    border-style: solid;
    border-width: var(--alpine-border-width, 1px);
    box-sizing: border-box;
    color: var(--alpine-font-color, #181d1f);
    font-family: var(--alpine-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    font-size: var(--alpine-font-size, 13px)
}

#myGrid.bottom-rounded, .slick-container.bottom-rounded {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

#myGrid .text-center, .slick-container .text-center {
    text-align: center
}

.slick-viewport {
    background-color: var(--alpine-bg-color, #fff)
}

.slick-viewport .grid-canvas {
    outline: 0;
    position: relative
}

.slick-range-decorator {
    border: var(--alpine-range-border, 3px solid #000);
    cursor: cell;
    z-index: 9999
}

.slick-row.slick-state-active, .slick-row.ui-widget-content {
    border: 0;
    position: absolute;
    width: 100%
}

.slick-row.slick-state-active {
    background: var(--alpine-cell-selected-bg-color, #d4ebfd)
}

.slick-row .selected {
    background-color: var(--alpine-cell-selected-bg-color, #d4ebfd);
    color: var(--alpine-cell-selected-color, #181d1f);
    z-index: 10
}

.slick-row.odd {
    background-color: var(--alpine-odd-row-color, #fbfbfb)
}

.slick-row:hover {
    background-color: var(--alpine-row-mouse-hover-color, #e8f4fe)
}

.slick-row.highlight-animate {
    animation: fade var(--alpine-row-highlight-fade-animation, 1s linear);
    background: var(--alpine-row-highlight-background-color, #d9edfd) !important
}

.slick-groupby-remove {
    padding-right: 10px
}

.slick-group {
    background-color: var(--alpine-header-bg-color, #f8f8f8);
    border-bottom: 2px solid var(--alpine-border-color, #dae1e7)
}

.slick-group .slick-cell {
    padding-left: 4px;
    padding-right: 4px;
    text-align: left !important
}

.slick-group-toggle {
    background-color: currentColor;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 1em;
    margin-right: 5px;
    opacity: var(--alpine-group-icon-opacity, .8);
    width: 1em
}

.slick-group-toggle.expanded {
    --alpine-group-expanded-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--alpine-group-expanded-icon-svg) no-repeat;
    mask: var(--alpine-group-expanded-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.slick-group-toggle.collapsed {
    --alpine-group-collapsed-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--alpine-group-collapsed-icon-svg) no-repeat;
    mask: var(--alpine-group-collapsed-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.slick-group-totals {
    background: var(--alpine-bg-color, #fff);
    color: var(--alpine-font-color, #181d1f)
}

.slick-group-toggle-all {
    background-color: currentColor;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 1em;
    margin-right: 5px;
    opacity: var(--alpine-group-icon-opacity, .8);
    width: 1em
}

.slick-group-toggle-all.collapsed {
    --alpine-group-collapsed-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--alpine-group-collapsed-icon-svg) no-repeat;
    mask: var(--alpine-group-collapsed-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.slick-group-toggle-all.expanded {
    --alpine-group-expanded-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--alpine-group-expanded-icon-svg) no-repeat;
    mask: var(--alpine-group-expanded-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.slick-cell {
    align-items: var(--alpine-cell-align-items, center);
    border-color: var(--alpine-cell-border-color, #dae1e7);
    border-radius: var(--alpine-cell-border-radius, 0);
    border-style: solid;
    border-width: var(--alpine-cell-border-width, 0 0 1px 0);
    cursor: default;
    display: var(--alpine-cell-display, block);
    justify-content: var(--alpine-cell-justify-content, flex-start);
    margin: 0;
    min-width: 0;
    overflow: hidden;
    padding: var(--alpine-cell-padding, 2px 4px);
    position: absolute;
    text-overflow: var(--alpine-cell-text-overflow, ellipsis);
    vertical-align: middle;
    white-space: nowrap;
    z-index: 1
}

.slick-cell.selected {
    background-color: var(--alpine-cell-selected-bg-color, #d4ebfd);
    color: var(--alpine-cell-selected-color, #181d1f)
}

.slick-cell.selected span a {
    color: #fff
}

.slick-cell.active {
    box-shadow: var(--alpine-cell-active-box-shadow, inset 0 0 0 1px #5da6e3)
}

.slick-cell.highlighted {
    background: #87cefa;
    background: rgba(0, 0, 255, .2);
    transition: all .5s
}

.slick-cell.flashing {
    border: 1px solid red
}

.slick-cell.editable {
    border-style: solid;
    overflow: visible;
    z-index: 11
}

.slick-cell:focus {
    outline: none
}

.slick-selection {
    border: 2px dashed #000;
    position: absolute;
    z-index: 10
}

.slick-header {
    background-color: var(--alpine-header-bg-color, #f8f8f8);
    border-bottom: 1px solid var(--alpine-border-color, #dae1e7);
    color: var(--alpine-header-color, #181d1f);
    font-weight: var(--alpine-header-font-weight, bold)
}

.slick-header.slick-state-default {
    border-left: 0;
    overflow: hidden;
    width: 100%
}

.grid-header {
    background-color: var(--alpine-header-bg-color, #f8f8f8);
    border-color: var(--alpine-top-header-border-color, #dae1e7);
    border-style: solid;
    border-width: var(--alpine-top-header-border-width, 1px 1px 0 1px);
    box-sizing: border-box;
    font-family: var(--alpine-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    font-size: var(--alpine-top-header-font-size, 15px);
    font-weight: var(--alpine-top-header-font-weight, bold);
    height: 35px;
    padding: var(--alpine-top-header-padding, 8px 6px 0 8px)
}

.slick-resizable-handle {
    border: 0;
    box-shadow: var(--alpine-header-resizable-handle-box-shadow, inset 0 0 0 1px #dde2eb);
    cursor: col-resize;
    display: block;
    font-size: .1px;
    height: var(--alpine-header-resizable-handle-height, 50%);
    position: absolute;
    right: 0;
    top: var(--alpine-header-resizable-handle-top, 25%);
    width: 2px
}

.slick-reorder-guide, .slick-reorder-proxy {
    background: blue;
    display: inline-block
}

.slick-reorder-proxy {
    cursor: move;
    filter: alpha(opacity=15);
    opacity: .15
}

.slick-reorder-guide {
    filter: alpha(opacity=70);
    height: 2px;
    opacity: .7
}

.slick-preheader-panel .slick-header-column, .slick-topheader-panel .slick-header-column {
    border-color: var(--alpine-preheader-border-color, #dae1e7);
    border-style: solid;
    border-width: var(--alpine-preheader-border-width, 0)
}

.slick-header-column-active .slick-header-menubutton, .slick-header-column:hover > .slick-header-menubutton {
    display: inline-block
}

.slick-header-column {
    align-items: var(--alpine-header-align-items, flex-start);
    border-color: var(--alpine-header-border-color, #dae1e7);
    border-style: solid;
    border-width: var(--alpine-header-border-width, 0);
    display: var(--alpine-header-display, inline-flex);
    height: var(--alpine-header-column-height, calc(23px * var(--alpine-header-name-row-count, 1)));
    justify-content: var(--alpine-header-justify-content, flex-start);
    line-height: var(--alpine-header-column-line-height, 23px);
    margin: 0;
    overflow: hidden;
    padding: 4px;
    position: relative;
    vertical-align: var(--alpine-header-vertical-align, top);
    white-space: pre-wrap
}

.slick-header-column .slick-header-menubutton {
    background-color: var(--alpine-header-bg-color, #f8f8f8);
    background-image: none;
    bottom: 0;
    cursor: pointer;
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: var(--alpine-header-menubutton-width, 18px)
}

.slick-header-column .slick-header-menubutton .caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px dashed;
    display: inline-block;
    height: 0;
    margin-left: 4px;
    margin-top: 7px;
    vertical-align: middle;
    width: 0
}

.slick-header-column .slick-header-menubutton.filtered {
    color: var(--alpine-header-menubutton-filtered-color, #3490dc)
}

.slick-header-column .slick-sort-indicator, .slick-header-column .slick-sort-indicator-numbered {
    color: var(--alpine-sort-indicator-color, #3490dc);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.slick-header-column .slick-sort-indicator {
    background-image: none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    display: inline-block;
    height: 0;
    margin: var(--alpine-sort-indicator-margin, 5px 0 0 3px);
    vertical-align: middle;
    width: 0
}

.slick-header-column .slick-sort-indicator-asc {
    border-bottom: 4px dashed
}

.slick-header-column .slick-sort-indicator-desc {
    border-top: 4px dashed
}

.slick-header-column .slick-sort-indicator-numbered {
    font-size: var(--alpine-sort-numbered-font-size, 10px)
}

.slick-header-column.unorderable {
    background-color: var(--alpine-header-unorderable-bg-color, #f0f0f0)
}

.slick-header-columns {
    cursor: default;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    white-space: nowrap
}

.slick-header-columns .slick-state-hover {
    background: var(--alpine-header-name-hover-bg-color, hsla(0, 0%, 74%, .267))
}

.slick-column-name, .slick-sort-indicator {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.slick-column-name {
    display: var(--alpine-header-name-display, block);
    flex-grow: var(--alpine-header-name-flex-grow, 0);
    overflow: var(--alpine-header-name-overflow, hidden);
    text-overflow: var(--alpine-header-name-text-overflow, ellipsis);
    white-space: nowrap
}

.slick-footerrow, .slick-headerrow {
    background-color: var(--alpine-header-footer-bg-color, #fff);
    position: relative
}

.slick-footerrow.slick-state-default, .slick-headerrow.slick-state-default {
    border-left: 0;
    overflow: hidden;
    width: 100%
}

.slick-footerrow-columns, .slick-headerrow-columns {
    cursor: default;
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

.slick-headerrow-columns {
    background-color: var(--alpine-headerrow-bg-color, #f8fafc);
    border-bottom: 1px solid var(--alpine-border-color, #dae1e7);
    text-align: center
}

.slick-footerrow-column, .slick-headerrow-column {
    cursor: default;
    padding: 4px;
    position: absolute;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 1
}

.slick-footerrow-column {
    border-color: var(--alpine-footerrow-border-color, #dae1e7);
    border-radius: var(--alpine-footerrow-border-radius, 0);
    border-style: solid;
    border-width: var(--alpine-footerrow-border-width, 1px 1px 1px 0);
    float: left;
    font-size: var(--alpine-footerrow-font-size, 12px);
    line-height: 20px;
    margin: 0;
    overflow: ellipsis
}

.slick-headerrow-column {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden
}

.slick-headerrow-column input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid transparent;
    box-sizing: border-box;
    color: var(--alpine-font-color, #181d1f);
    height: 100%;
    width: 100%
}

.slick-header-menu {
    background: var(--alpine-header-bg-color, #f8f8f8);
    border: 1px solid var(--alpine-border-color, #dae1e7);
    border-bottom-left-radius: var(--alpine-border-radius, 0);
    border-bottom-right-radius: var(--alpine-border-radius, 0);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    color: var(--alpine-font-color, #181d1f);
    cursor: default;
    display: inline-block;
    font-family: var(--alpine-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    font-size: var(--alpine-font-size, 13px);
    margin: 0;
    min-width: 175px;
    padding: 4px !important;
    position: absolute;
    z-index: 100000
}

.slick-header-menu label {
    font-weight: 400
}

.slick-header-menu button {
    border: 1px solid transparent;
    border-radius: .25rem;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: var(--alpine-font-size, 13px);
    font-weight: 400;
    line-height: 1.428571429;
    margin: 2px;
    outline: 0;
    overflow: visible;
    padding: 6px 14px;
    text-align: center;
    text-transform: none;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.slick-header-menu button, .slick-header-menu button:hover {
    background-color: transparent;
    color: var(--alpine-font-color, #181d1f)
}

.slick-header-menu button:hover {
    border-color: var(--alpine-border-color, #dae1e7)
}

.slick-header-menu button.active.focus, .slick-header-menu button.active:focus, .slick-header-menu button.active:hover, .slick-header-menu button:active.focus, .slick-header-menu button:active:focus, .slick-header-menu button:active:hover {
    background-color: transparent;
    border-color: var(--alpine-border-color, #dae1e7);
    color: var(--alpine-font-color, #181d1f)
}

.slick-header-menu input.input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    color: var(--alpine-font-color, #181d1f);
    padding: .5rem .75rem;
    width: 100%
}

.slick-header-menu .filter, .slick-header-menu input.input {
    border: 1px solid var(--alpine-border-color, #dae1e7);
    border-radius: .25rem
}

.slick-header-menu .filter {
    background: var(--alpine-bg-color, #fff);
    height: 200px;
    margin-bottom: 5px;
    margin-top: 5px;
    max-height: 200px;
    max-width: 300px;
    overflow: scroll;
    padding: 4px;
    white-space: nowrap
}

.slick-header-menu .filter label {
    display: block;
    font-size: var(--alpine-font-size, 13px)
}

.slick-header-menuitem-disabled {
    color: silver
}

.slick-header-menuitem {
    align-items: center;
    border: 1px solid transparent;
    border-radius: .25rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0
}

.slick-header-menuitem .slick-header-menuicon {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    vertical-align: middle;
    width: 16px
}

.slick-header-menuitem .slick-header-menuicon.sort-asc, .slick-header-menuitem .slick-header-menuicon.sort-desc {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    display: inline-block;
    height: 0;
    margin-left: 8px;
    margin-top: 0;
    vertical-align: middle;
    width: 0
}

.slick-header-menuitem .slick-header-menuicon.sort-asc {
    border-bottom: 4px dashed
}

.slick-header-menuitem .slick-header-menuicon.sort-desc {
    border-top: 4px dashed
}

.slick-header-menuitem .slick-header-menucontent {
    display: inline-block;
    flex-grow: 1;
    font-size: var(--alpine-font-size, 13px);
    margin: var(--alpine-menu-content-margin, 2px 4px);
    vertical-align: middle
}

.slick-header-menuitem:hover {
    border-color: var(--alpine-border-color, #dae1e7)
}

.slick-pane {
    box-sizing: border-box;
    outline: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.slick-pane-header {
    display: block
}

.slick-pager {
    align-items: center;
    background-color: var(--alpine-pager-bg-color, #f8f8f8);
    border-color: var(--alpine-pager-border-color, #dae1e7);
    border-radius: var(--alpine-pager-border-radius, 0);
    border-style: solid;
    border-width: var(--alpine-pager-border-width, 0 1px 1px 1px);
    box-sizing: border-box;
    color: var(--alpine-font-color, #181d1f);
    display: inline-flex;
    font-family: var(--alpine-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    font-size: var(--alpine-font-size, 13px);
    height: var(--alpine-pager-height, 40px);
    padding: 4px;
    vertical-align: middle;
    width: 100%
}

.slick-pager .sgi {
    cursor: pointer
}

.slick-pager .sgi.sgi-state-disabled, .slick-pager .slick-icon-state-disabled {
    cursor: var(--alpine-pager-button-cursor-disabled, default)
}

.slick-pager .slick-pager-nav {
    height: 100%
}

.slick-pager .slick-pager-nav .slick-icon-container {
    margin: var(--alpine-pager-button-margin, 0 2px)
}

.slick-pager .slick-pager-nav .sgi-container {
    align-items: center;
    display: inline-flex;
    height: 100%
}

.slick-pager .slick-pager-settings, .slick-pager .slick-pager-status {
    display: inline-block;
    font-size: var(--alpine-font-size, 13px);
    padding: var(--alpine-pager-padding, 6px)
}

.slick-pager .slick-pager-settings {
    align-items: center;
    -moz-column-gap: 1px;
    column-gap: 1px;
    display: flex;
    float: right;
    margin-left: auto
}

.slick-pager .slick-pager-settings a {
    cursor: pointer;
    padding: 0 2px 2px;
    text-decoration: underline
}

.percent-complete-bar {
    border-radius: 3px;
    display: inline-block;
    height: 6px
}

.slick-cell-menu, .slick-columnpicker, .slick-context-menu, .slick-gridmenu, .slick-header-menu {
    background-color: var(--alpine-menu-bg-color, #fbfbfb);
    border: var(--alpine-menu-border, 1px solid #babfc7);
    border-radius: var(--alpine-menu-border-radius, 2px);
    box-shadow: var(--alpine-menu-box-shadow, none);
    color: var(--alpine-menu-color, #181d1f);
    font-family: var(--alpine-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    font-size: var(--alpine-font-size, 13px)
}

.slick-cell-menu button.close, .slick-columnpicker button.close, .slick-context-menu button.close, .slick-gridmenu button.close, .slick-header-menu button.close {
    background: var(--alpine-menu-close-btn-background, transparent);
    border: var(--alpine-menu-close-btn-border, 1px solid #babfc7);
    cursor: pointer
}

.slick-cell-menu, .slick-context-menu {
    box-sizing: content-box
}

.slick-cell.selected.editable {
    background-color: #fff;
    border-radius: var(--alpine-cell-editable-border-radius, 3px)
}

.slick-cell.editable {
    box-shadow: var(--alpine-cell-editable-box-shadow, inset 0 0 0 2px #3490dc)
}

.slick-cell.hidden {
    display: none
}

input.editor-checkbox, input.editor-percentcomplete, input.editor-text {
    border: 0;
    height: 100%;
    margin: 0;
    outline: 0;
    padding: 0
}

input.editor-percentcomplete, input.editor-text {
    width: 100%
}

input.editor-text {
    background: #fff
}

input.editor-percentcomplete {
    background: transparent;
    float: left
}

.editor-percentcomplete-picker {
    cursor: pointer;
    display: inline-block;
    overflow: visible;
    position: relative;
    z-index: 1000
}

.editor-percentcomplete-picker .editor-percentcomplete-picker-icon {
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    font-size: 18px;
    height: 1em;
    width: 1em;
    --alpine-percent-complete-picker-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--alpine-percent-complete-picker-icon-svg) no-repeat;
    mask: var(--alpine-percent-complete-picker-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.editor-percentcomplete-picker:hover .editor-percentcomplete-helper {
    display: block
}

input[type=range].editor-percentcomplete-slider {
    background-color: #ccc;
    left: 15px;
    position: absolute;
    top: 125px;
    transform: rotate(270deg);
    transform-origin: left
}

.editor-percentcomplete-helper {
    display: none;
    height: 140px;
    left: -9px;
    overflow: visible;
    padding-left: 9px;
    position: absolute;
    top: -3px;
    width: 120px
}

.editor-percentcomplete-wrapper {
    background: #f9f9f9;
    border: 1px solid gray;
    height: 98px;
    padding: 20px 8px;
    position: relative;
    width: 100%;
    width: 120px
}

.editor-percentcomplete-buttons {
    float: right
}

.editor-percentcomplete-buttons button {
    margin-bottom: 4px;
    width: 80px
}

.editor-percentcomplete-slider {
    float: left
}

.editor-percentcomplete-helper:hover {
    display: block
}

select.editor-yesno {
    margin: 0;
    vertical-align: middle;
    width: 100%
}

.slick-composite-editor-modal, .slick-composite-editor-modal input, .slick-composite-editor-modal textarea {
    font-family: var(--alpine-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif)
}

.slick-large-editor-text {
    background: var(--alpine-large-editor-bg-color, #fff);
    border: var(--alpine-large-editor-border, 2px solid #b0b0b0);
    border-radius: var(--alpine-large-editor-border-radius, 8px);
    padding: 5px;
    z-index: 10000
}

.slick-large-editor-text button {
    margin-left: 2px
}

.slick-large-editor-text button, .slick-large-editor-text textarea {
    color: var(--alpine-large-editor-color, #181d1f);
    font-family: var(--alpine-large-editor-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    font-size: var(--alpine-large-editor-font-size, 13px)
}

button.slick-btn {
    border: var(--alpine-button-border, 1px solid #ccc);
    border-radius: var(--alpine-button-radius, 2px);
    cursor: pointer;
    padding: var(--alpine-button-padding, 2px 4px)
}

button.slick-btn.slick-btn-default {
    background-color: var(--alpine-button-bg-color, #fff)
}

button.slick-btn.slick-btn-default:hover {
    background-color: var(--alpine-button-default-hover-color, rgba(68, 68, 68, .1));
    border: var(--alpine-button-default-hover-border, 1px solid #9c9c9c)
}

button.slick-btn.slick-btn-primary {
    background-color: var(--alpine-button-primary-bg-color, #fff);
    border-color: var(--alpine-button-primary-border-color, #2196f3);
    color: var(--alpine-button-primary-color, #2196f3)
}

button.slick-btn.slick-btn-primary:active {
    background-color: var(--alpine-button-primary-active-color, #2196f3)
}

button.slick-btn.slick-btn-primary:hover {
    background-color: var(--alpine-button-primary-hover-color, rgba(33, 150, 243, .1))
}

.sgi-chevron-start {
    --sgi-chevron-start-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-chevron-start-icon-svg) no-repeat;
    mask: var(--sgi-chevron-start-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-chevron-left {
    --sgi-chevron-left-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M15.41 16.58 10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.42Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-chevron-left-icon-svg) no-repeat;
    mask: var(--sgi-chevron-left-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-chevron-right {
    --sgi-chevron-right-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M8.59 16.58 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.42Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-chevron-right-icon-svg) no-repeat;
    mask: var(--sgi-chevron-right-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-chevron-end {
    --sgi-chevron-end-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M5.59 7.41 10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-chevron-end-icon-svg) no-repeat;
    mask: var(--sgi-chevron-end-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-cancel {
    --sgi-cancel-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-cancel-icon-svg) no-repeat;
    mask: var(--sgi-cancel-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-caret {
    --sgi-caret-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M7,10L12,15L17,10H7Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-caret-icon-svg) no-repeat;
    mask: var(--sgi-caret-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-check {
    --sgi-check-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-check-icon-svg) no-repeat;
    mask: var(--sgi-check-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-check-bold {
    --sgi-check-bold-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-check-bold-icon-svg) no-repeat;
    mask: var(--sgi-check-bold-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-close {
    --sgi-close-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-close-icon-svg) no-repeat;
    mask: var(--sgi-close-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-checkbox-outline {
    --sgi-checkbox-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,5V19H5V5H19M10,17L6,13L7.41,11.58L10,14.17L16.59,7.58L18,9"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-checkbox-outline-icon-svg) no-repeat;
    mask: var(--sgi-checkbox-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-checkbox-marked-outline {
    --sgi-checkbox-marked-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19H5V5H15V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V11H19M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-checkbox-marked-outline-icon-svg) no-repeat;
    mask: var(--sgi-checkbox-marked-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-checkbox-blank-outline {
    --sgi-checkbox-blank-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-checkbox-blank-outline-icon-svg) no-repeat;
    mask: var(--sgi-checkbox-blank-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-checkbox-intermediate {
    --sgi-checkbox-intermediate-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M17,17H7V7H17V17Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-checkbox-intermediate-icon-svg) no-repeat;
    mask: var(--sgi-checkbox-intermediate-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-coffee-outline {
    --sgi-coffee-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M2,21V19H20V21H2M20,8V5H18V8H20M20,3A2,2 0 0,1 22,5V8A2,2 0 0,1 20,10H18V13A4,4 0 0,1 14,17H8A4,4 0 0,1 4,13V3H20M16,5H6V13A2,2 0 0,0 8,15H14A2,2 0 0,0 16,13V5Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-coffee-outline-icon-svg) no-repeat;
    mask: var(--sgi-coffee-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-drag {
    --sgi-drag-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M7,19V17H9V19H7M11,19V17H13V19H11M15,19V17H17V19H15M7,15V13H9V15H7M11,15V13H13V15H11M15,15V13H17V15H15M7,11V9H9V11H7M11,11V9H13V11H11M15,11V9H17V11H15M7,7V5H9V7H7M11,7V5H13V7H11M15,7V5H17V7H15Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-drag-icon-svg) no-repeat;
    mask: var(--sgi-drag-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-drag-vertical {
    --sgi-drag-vertical-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M9,3H11V5H9V3M13,3H15V5H13V3M9,7H11V9H9V7M13,7H15V9H13V7M9,11H11V13H9V11M13,11H15V13H13V11M9,15H11V17H9V15M13,15H15V17H13V15M9,19H11V21H9V19M13,19H15V21H13V19Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-drag-vertical-icon-svg) no-repeat;
    mask: var(--sgi-drag-vertical-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-hashtag {
    --sgi-hashtag-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-hashtag-icon-svg) no-repeat;
    mask: var(--sgi-hashtag-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-help-circle-outline {
    --sgi-help-circle-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-help-circle-outline-icon-svg) no-repeat;
    mask: var(--sgi-help-circle-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-information-outline {
    --sgi-information-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-information-outline-icon-svg) no-repeat;
    mask: var(--sgi-information-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-lightbulb {
    --sgi-lightbulb-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12 2a7 7 0 0 1 7 7c0 2.38-1.19 4.47-3 5.74V17a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1v-2.26C6.19 13.47 5 11.38 5 9a7 7 0 0 1 7-7M9 21v-1h6v1a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1m3-17a5 5 0 0 0-5 5c0 2.05 1.23 3.81 3 4.58V16h4v-2.42c1.77-.77 3-2.53 3-4.58a5 5 0 0 0-5-5Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-lightbulb-icon-svg) no-repeat;
    mask: var(--sgi-lightbulb-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-loading {
    --sgi-loading-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-loading-icon-svg) no-repeat;
    mask: var(--sgi-loading-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-menu {
    --sgi-menu-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-menu-icon-svg) no-repeat;
    mask: var(--sgi-menu-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-message-outline {
    --sgi-message-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-message-outline-icon-svg) no-repeat;
    mask: var(--sgi-message-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-pencil-outline {
    --sgi-pencil-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-pencil-outline-icon-svg) no-repeat;
    mask: var(--sgi-pencil-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-minus-box-outline {
    --sgi-minus-box-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-minus-box-outline-icon-svg) no-repeat;
    mask: var(--sgi-minus-box-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-plus-box-outline {
    --sgi-plus-box-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-plus-box-outline-icon-svg) no-repeat;
    mask: var(--sgi-plus-box-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-search {
    --sgi-search-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-search-icon-svg) no-repeat;
    mask: var(--sgi-search-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-star {
    --sgi-star-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-star-icon-svg) no-repeat;
    mask: var(--sgi-star-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-star-outline {
    --sgi-star-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-star-outline-icon-svg) no-repeat;
    mask: var(--sgi-star-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-tag-outline {
    --sgi-tag-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M21.41 11.58L12.41 2.58A2 2 0 0 0 11 2H4A2 2 0 0 0 2 4V11A2 2 0 0 0 2.59 12.42L11.59 21.42A2 2 0 0 0 13 22A2 2 0 0 0 14.41 21.41L21.41 14.41A2 2 0 0 0 22 13A2 2 0 0 0 21.41 11.58M13 20L4 11V4H11L20 13M6.5 5A1.5 1.5 0 1 1 5 6.5A1.5 1.5 0 0 1 6.5 5Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-tag-outline-icon-svg) no-repeat;
    mask: var(--sgi-tag-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-undo {
    --sgi-undo-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-undo-icon-svg) no-repeat;
    mask: var(--sgi-undo-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-user {
    --sgi-user-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-user-icon-svg) no-repeat;
    mask: var(--sgi-user-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi {
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    font-size: 18px;
    height: 1em;
    width: 1em
}

.sgi.sgi-state-disabled {
    opacity: .35
}

.sgi.sgi-10px {
    font-size: 10px
}

.sgi.sgi-11px {
    font-size: 11px
}

.sgi.sgi-12px {
    font-size: 12px
}

.sgi.sgi-13px {
    font-size: 13px
}

.sgi.sgi-14px {
    font-size: 14px
}

.sgi.sgi-15px {
    font-size: 15px
}

.sgi.sgi-16px {
    font-size: 16px
}

.sgi.sgi-17px {
    font-size: 17px
}

.sgi.sgi-18px {
    font-size: 18px
}

.sgi.sgi-19px {
    font-size: 19px
}

.sgi.sgi-20px {
    font-size: 20px
}

.sgi.sgi-21px {
    font-size: 21px
}

.sgi.sgi-22px {
    font-size: 22px
}

.sgi.sgi-23px {
    font-size: 23px
}

.sgi.sgi-24px {
    font-size: 24px
}

.sgi.sgi-25px {
    font-size: 25px
}

.sgi.sgi-26px {
    font-size: 26px
}

.sgi.sgi-27px {
    font-size: 27px
}

.sgi.sgi-28px {
    font-size: 28px
}

.sgi.sgi-29px {
    font-size: 29px
}

.sgi.sgi-30px {
    font-size: 30px
}

.sgi.sgi-flip-h {
    transform: scaleX(-1)
}

.sgi.sgi-flip-v {
    transform: scaleY(-1)
}

.sgi.sgi-spin {
    align-items: center;
    animation: md-spin 2s linear infinite;
    display: inline-flex;
    justify-content: center
}

@keyframes md-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.slick-columnpicker {
    background: #f0f0f0;
    border: 1px solid #718bb7;
    box-shadow: 2px 2px 2px silver;
    cursor: default;
    min-width: 150px;
    overflow: auto;
    padding: 6px;
    position: absolute;
    resize: both;
    z-index: 20
}

.slick-columnpicker > .close {
    float: right
}

.slick-columnpicker .title {
    border-bottom: 1px solid #d6d6d6;
    font-size: 16px;
    margin-bottom: 10px;
    width: 60%
}

.slick-columnpicker li {
    background: none;
    list-style: none;
    margin: 0;
    padding: 0
}

.slick-columnpicker input {
    margin: 4px
}

.slick-columnpicker li a {
    display: block;
    font-weight: 700;
    padding: 4px
}

.slick-columnpicker li a:hover {
    background: #fff
}

.slick-columnpicker-list li.hidden {
    display: none
}

.slick-context-menu {
    background: #f0f0f0;
    border: 1px solid #718bb7;
    box-shadow: 2px 2px 2px silver;
    min-width: 180px;
    overflow: auto;
    resize: both;
    z-index: 2000
}

.slick-context-menu.slick-submenu {
    min-width: 100px
}

.slick-context-menu-button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    margin-top: 5px;
    padding: 0 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

.slick-context-menu > .close {
    float: right
}

.slick-context-menu .slick-menu-title {
    border-bottom: 1px solid #d6d6d6;
    font-size: 16px;
    margin-bottom: 5px;
    width: calc(100% - 30px)
}

.slick-context-menu li {
    background: none;
    list-style: none;
    margin: 0;
    padding: 0
}

.slick-context-menu input {
    margin: 4px
}

.slick-context-menu li a {
    display: block;
    font-weight: 700;
    padding: 4px
}

.slick-context-menu li a:hover {
    background: #fff
}

.slick-context-menu-custom, .slick-context-menu-option-list {
    margin-bottom: 10px
}

.slick-context-menu {
    cursor: default;
    display: inline-block;
    margin: 0;
    padding: 6px;
    position: absolute
}

.slick-context-menu-item {
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    list-style: none;
    margin: 0;
    padding: 2px 4px
}

.slick-context-menu-item .sub-item-chevron {
    float: right
}

.slick-context-menu-item:hover {
    background: #fff;
    border-color: silver
}

.slick-context-menu-item-disabled {
    background: inherit !important;
    border-color: transparent !important;
    cursor: default
}

.slick-context-menu-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.slick-context-menu-content, .slick-context-menu-icon {
    display: inline-block;
    vertical-align: middle
}

.slick-context-menu-item-disabled {
    color: silver
}

.slick-context-menu-item-hidden, .slick-context-menu-list li.hidden {
    display: none
}

.slick-context-menu-item.slick-context-menu-item-divider {
    background-color: #cecece;
    border: none;
    cursor: default;
    height: 1px;
    margin: 6px 2px;
    overflow: hidden;
    padding: 0
}

.slick-context-menu-item-divider.slick-context-menu-item:hover {
    background-color: #cecece
}

.slick-custom-tooltip {
    background-color: #fff;
    border: 2px solid #acacac;
    border-radius: 4px;
    color: inherit;
    font-size: 7.5pt;
    height: auto;
    overflow: inherit;
    padding: 7px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: normal;
    width: auto;
    z-index: 9999
}

.slick-custom-tooltip.tooltip-arrow:after {
    border: transparent;
    border-style: solid;
    border-width: 8px;
    content: "";
    left: 0;
    position: absolute
}

.slick-custom-tooltip.tooltip-arrow.arrow-up:after {
    border-bottom-color: #bfbdbd;
    top: -16px
}

.slick-custom-tooltip.tooltip-arrow.arrow-down:after {
    border-top-color: #bfbdbd;
    top: 100%
}

.slick-custom-tooltip.tooltip-arrow.arrow-left-align:after {
    margin-left: 9px
}

.slick-custom-tooltip.tooltip-arrow.arrow-right-align:after {
    margin-left: calc(100% - 19px)
}

.slick-custom-tooltip.tooltip-arrow.arrow-center-align:after {
    margin-left: calc(50% - 8px)
}

.slick-group-toggle-all {
    background-color: currentColor;
    color: #454545;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    height: 1em;
    position: absolute;
    right: 10px;
    width: 1em
}

.slick-group-toggle-all.expanded {
    --un-icon: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1.2em" width="1.2em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z"/%3E%3C/svg%3E')
}

.slick-group-toggle-all.collapsed, .slick-group-toggle-all.expanded {
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.slick-group-toggle-all.collapsed {
    --un-icon: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1.2em" width="1.2em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z"/%3E%3C/svg%3E')
}

.slick-column-groupable {
    display: inline-block;
    height: 9px;
    margin-left: 4px;
    width: 9px
}

.slick-dropped-grouping {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    margin-right: 5px;
    z-index: -1
}

.slick-groupby-remove {
    cursor: pointer;
    display: inline-flex;
    padding-right: 5px
}

.slick-groupby-remove-image {
    background-color: currentColor;
    color: #f52f2f;
    display: inline-block;
    font-size: 15px;
    height: 1em;
    width: 1em;
    --un-icon: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1.2em" width="1.2em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.slick-placeholder {
    font-size: 11px;
    height: 100%;
    width: 100%
}

.slick-droppable-sortitem-hover {
    opacity: .5
}

.slick-dropzone {
    padding: 4px
}

.slick-dropzone-hover {
    border: 1px dashed #ff5f5f
}

.slick-dropzone-placeholder-hover {
    background-clip: border-box;
    background-color: #f3f3f3;
    color: #545454
}

.slick-gridmenu {
    background: #f0f0f0;
    border: 1px solid #718bb7;
    box-shadow: 2px 2px 2px silver;
    cursor: default;
    min-width: 180px;
    overflow: auto;
    padding: 6px;
    position: absolute;
    resize: both;
    z-index: 2000
}

.slick-gridmenu.slick-submenu {
    min-width: 100px
}

.slick-gridmenu-button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    margin-top: 5px;
    padding: 0 2px;
    position: absolute;
    right: 0;
    width: 16px;
    z-index: 9
}

.slick-gridmenu > .close {
    float: right
}

.slick-gridmenu .title {
    border-bottom: 1px solid #d6d6d6;
    font-size: 16px;
    margin-bottom: 5px;
    width: calc(100% - 30px)
}

.slick-gridmenu li {
    background: none;
    list-style: none;
    margin: 0;
    padding: 0
}

.slick-gridmenu input {
    margin: 4px
}

.slick-gridmenu li a {
    display: block;
    font-weight: 700;
    padding: 4px
}

.slick-gridmenu li a:hover {
    background: #fff
}

.slick-gridmenu-command-list, .slick-gridmenu-custom {
    margin-bottom: 10px
}

.slick-gridmenu- {
    cursor: default;
    display: inline-block;
    margin: 0;
    padding: 2px;
    position: absolute
}

.slick-gridmenu-item {
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    list-style: none;
    margin: 0;
    padding: 2px 4px
}

.slick-gridmenu-item .sub-item-chevron {
    float: right
}

.slick-gridmenu-item:hover {
    background: #fff;
    border-color: silver
}

.slick-gridmenu-item-disabled {
    background: inherit !important;
    border-color: transparent !important;
    cursor: default
}

.slick-gridmenu-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.slick-gridmenu-content, .slick-gridmenu-icon {
    display: inline-block;
    vertical-align: middle
}

.slick-gridmenu-item-disabled {
    color: silver
}

.slick-gridmenu-item-hidden, .slick-gridmenu-list li.hidden {
    display: none
}

.slick-gridmenu-item.slick-gridmenu-item-divider {
    background-color: #cecece;
    border: none;
    cursor: default;
    height: 1px;
    margin: 8px 2px;
    overflow: hidden;
    padding: 0
}

.slick-gridmenu-item-divider.slick-gridmenu-item:hover {
    background-color: #cecece
}

.slick-column-name, .slick-sort-indicator {
    display: inline-block;
    float: left;
    margin-bottom: 100px
}

.slick-header-button {
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 15px;
    margin: 1px 1px 100px;
    vertical-align: top;
    width: 15px
}

.slick-header-button-hidden {
    transition: width .2s;
    width: 0
}

.slick-header-column:hover > .slick-header-button {
    width: 15px
}

.slick-header-menubutton {
    background-image: none;
    border-left: thin ridge silver;
    bottom: 0;
    cursor: pointer;
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 14px
}

.slick-header-menubutton span.caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px dashed;
    display: inline-block;
    height: 0;
    margin-left: 4px;
    margin-top: 7px;
    vertical-align: middle;
    width: 0
}

.slick-header-column-active .slick-header-menubutton, .slick-header-column:hover > .slick-header-menubutton, .slick-header-menu {
    display: inline-block
}

.slick-header-menu {
    cursor: default;
    margin: 0;
    padding: 2px;
    position: absolute
}

.slick-header-menuitem {
    cursor: pointer;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.slick-header-menuitem .sub-item-chevron {
    float: right;
    vertical-align: middle
}

.slick-header-menu .slick-menu-title {
    border-bottom: 1px solid #d6d6d6;
    font-size: 16px;
    margin-bottom: 5px;
    width: calc(100% - 30px)
}

.slick-header-menuicon {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.slick-header-menucontent, .slick-header-menuicon {
    display: inline-block;
    vertical-align: middle
}

.slick-header-menuitem-disabled {
    color: silver
}

.slick-header-menuitem-hidden {
    display: none
}

.slick-header-menuitem.slick-header-menuitem-divider {
    background-color: #cecece;
    border: none;
    cursor: default;
    height: 1px;
    margin: 8px 2px;
    overflow: hidden;
    padding: 0
}

.slick-header-menuitem-divider.slick-header-menuitem:hover {
    background-color: #cecece
}

.slick-pager {
    background-color: #f8f8f8;
    border: 1px solid gray;
    border-top: 0;
    height: 26px;
    vertical-align: middle;
    width: 100%
}

.slick-pager .slick-pager-status {
    display: inline-block;
    padding: 6px
}

.slick-pager .ui-icon-container {
    border-color: gray;
    display: inline-block;
    margin: 0
}

.slick-pager .slick-pager-nav {
    display: inline-block;
    float: left;
    padding: 2px
}

.slick-pager .slick-pager-settings {
    display: block;
    float: right;
    padding: 2px
}

.slick-pager .slick-pager-settings * {
    vertical-align: middle
}

.slick-pager .slick-pager-settings a {
    cursor: pointer;
    padding: 2px;
    text-decoration: underline
}

.detailView-toggle:not(.slick-cell) {
    background-image: none;
    border-bottom: 5px dashed;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    color: #6190cd;
    cursor: pointer;
    display: inline-block
}

.detailView-toggle.expand {
    height: 0;
    transform: rotate(90deg);
    width: 0
}

.detailView-toggle.collapse {
    height: 0;
    transform: rotate(2700deg);
    width: 0
}

.dynamic-cell-detail {
    background-color: #dae5e8;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 10000
}

.dynamic-cell-detail > :first-child {
    line-height: 13px;
    vertical-align: middle
}

.dynamic-cell-detail > .detail-container {
    display: block !important;
    overflow: auto
}

.slick-header-columns {
    background-color: #ececec;
    border-bottom: 1px solid silver
}

.slick-header-column {
    background-color: #ececec;
    border-right: 1px solid silver
}

.slick-header-column-active, .slick-header-column:hover {
    background-color: #d9e8fb
}

.slick-headerrow {
    background: #fafafa
}

.slick-headerrow-column {
    background: #fafafa;
    border-bottom: 0;
    height: 100%
}

.slick-preheader-panel, .slick-topheader-panel {
    border: 1px solid #d3d3d3
}

.slick-row {
    background: #fff;
    border: 0;
    line-height: 20px;
    position: absolute
}

.slick-row.selected {
    background: #dfe8f6;
    z-index: 10
}

.slick-cell {
    padding-left: 4px;
    padding-right: 4px
}

.slick-group {
    border-bottom: 2px solid silver
}

.slick-group-toggle {
    background-color: currentColor;
    color: #454545;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    height: 1em;
    margin-right: 5px;
    width: 1em
}

.slick-group .slick-cell {
    align-items: center;
    display: flex
}

.slick-group-toggle.expanded {
    --un-icon: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1.2em" width="1.2em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z"/%3E%3C/svg%3E')
}

.slick-group-toggle.collapsed, .slick-group-toggle.expanded {
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.slick-group-toggle.collapsed {
    --un-icon: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1.2em" width="1.2em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z"/%3E%3C/svg%3E')
}

.slick-group-totals {
    background: #fff;
    color: gray
}

.slick-group-select-checkbox {
    background-color: currentColor;
    color: #454545;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 1em;
    margin: 3px 10px 0 2px;
    width: 1em
}

.slick-group-select-checkbox.checked {
    --un-icon: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1.2em" width="1.2em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,5V19H5V5H19M10,17L6,13L7.41,11.58L10,14.17L16.59,7.58L18,9"/%3E%3C/svg%3E')
}

.slick-group-select-checkbox.checked, .slick-group-select-checkbox.unchecked {
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.slick-group-select-checkbox.unchecked {
    --un-icon: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1.2em" width="1.2em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z"/%3E%3C/svg%3E')
}

.slick-cell.selected {
    background-color: beige
}

.slick-cell.active {
    border-color: gray;
    border-style: solid
}

.slick-cell.hidden {
    display: none
}

.slick-sortable-placeholder {
    background: #d9d9d9 !important
}

.slick-row.odd {
    background: #fafafa
}

.slick-row.ui-state-active {
    background: #f5f7d7
}

.slick-row.loading {
    filter: alpha(opacity=50);
    opacity: .5
}

.slick-cell.invalid {
    -moz-animation-duration: .2s;
    -webkit-animation-duration: .2s;
    -moz-animation-name: slickgrid-invalid-hilite;
    -webkit-animation-name: slickgrid-invalid-hilite;
    border-color: red !important;
}

.slick-drag-replace-handle {
    background: gray;
    bottom: 0;
    height: 7px;
    position: absolute;
    right: 0;
    width: 7px;
}


/*!
 * SlickGrid Alpine Theme
 * (c) 2009-2016 Michael Leibman
 * michael{dot}leibman{at}gmail{dot}com
 * original project: https://github.com/mleibman/slickgrid
 * project forked as: https://github.com/6pac/slickgrid
 *
 * Distributed under MIT license.
 * All rights reserved.
 */
@keyframes fade {
    0%, to {
        background: none
    }
    50% {
        background: var(--alpine-row-highlight-fade-animation, 1s linear)
    }
}

#myGrid, .slick-container {
    background-color: var(--alpine-grid-bgcolor, #fff);
    border-color: var(--alpine-border-color, #dae1e7);
    border-radius: var(--alpine-border-radius, 0);
    border-style: solid;
    border-width: var(--alpine-border-width, 1px);
    box-sizing: border-box;
    color: var(--alpine-font-color, #181d1f);
    font-family: var(--alpine-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    font-size: var(--alpine-font-size, 13px)
}

#myGrid.bottom-rounded, .slick-container.bottom-rounded {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

#myGrid .text-center, .slick-container .text-center {
    text-align: center
}

.slick-viewport {
    background-color: var(--alpine-bg-color, #fff)
}

.slick-viewport .grid-canvas {
    outline: 0;
    position: relative
}

.slick-range-decorator {
    border: var(--alpine-range-border, 3px solid #000);
    cursor: cell;
    z-index: 9999
}

.slick-row.slick-state-active, .slick-row.ui-widget-content {
    border: 0;
    position: absolute;
    width: 100%
}

.slick-row.slick-state-active {
    background: var(--alpine-cell-selected-bg-color, #d4ebfd)
}

.slick-row .selected {
    background-color: var(--alpine-cell-selected-bg-color, #d4ebfd);
    color: var(--alpine-cell-selected-color, #181d1f);
    z-index: 10
}

.slick-row.odd {
    background-color: var(--alpine-odd-row-color, #fbfbfb)
}

.slick-row:hover {
    background-color: var(--alpine-row-mouse-hover-color, #e8f4fe)
}

.slick-row.highlight-animate {
    animation: fade var(--alpine-row-highlight-fade-animation, 1s linear);
    background: var(--alpine-row-highlight-background-color, #d9edfd) !important
}

.slick-groupby-remove {
    padding-right: 10px
}

.slick-group {
    background-color: var(--alpine-header-bg-color, #f8f8f8);
    border-bottom: 2px solid var(--alpine-border-color, #dae1e7)
}

.slick-group .slick-cell {
    padding-left: 4px;
    padding-right: 4px;
    text-align: left !important
}

.slick-group-toggle {
    background-color: currentColor;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 1em;
    margin-right: 5px;
    opacity: var(--alpine-group-icon-opacity, .8);
    width: 1em
}

.slick-group-toggle.expanded {
    --alpine-group-expanded-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--alpine-group-expanded-icon-svg) no-repeat;
    mask: var(--alpine-group-expanded-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.slick-group-toggle.collapsed {
    --alpine-group-collapsed-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--alpine-group-collapsed-icon-svg) no-repeat;
    mask: var(--alpine-group-collapsed-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.slick-group-totals {
    background: var(--alpine-bg-color, #fff);
    color: var(--alpine-font-color, #181d1f)
}

.slick-group-toggle-all {
    background-color: currentColor;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 1em;
    margin-right: 5px;
    opacity: var(--alpine-group-icon-opacity, .8);
    width: 1em
}

.slick-group-toggle-all.collapsed {
    --alpine-group-collapsed-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--alpine-group-collapsed-icon-svg) no-repeat;
    mask: var(--alpine-group-collapsed-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.slick-group-toggle-all.expanded {
    --alpine-group-expanded-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--alpine-group-expanded-icon-svg) no-repeat;
    mask: var(--alpine-group-expanded-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.slick-cell {
    align-items: var(--alpine-cell-align-items, center);
    border-color: var(--alpine-cell-border-color, #dae1e7);
    border-radius: var(--alpine-cell-border-radius, 0);
    border-style: solid;
    border-width: var(--alpine-cell-border-width, 0 0 1px 0);
    cursor: default;
    display: var(--alpine-cell-display, block);
    justify-content: var(--alpine-cell-justify-content, flex-start);
    margin: 0;
    min-width: 0;
    overflow: hidden;
    padding: var(--alpine-cell-padding, 2px 4px);
    position: absolute;
    text-overflow: var(--alpine-cell-text-overflow, ellipsis);
    vertical-align: middle;
    white-space: nowrap;
    z-index: 1
}

.slick-cell.selected {
    background-color: var(--alpine-cell-selected-bg-color, #d4ebfd);
    color: var(--alpine-cell-selected-color, #181d1f)
}

.slick-cell.selected span a {
    color: #fff
}

.slick-cell.active {
    box-shadow: var(--alpine-cell-active-box-shadow, inset 0 0 0 1px #5da6e3)
}

.slick-cell.highlighted {
    background: #87cefa;
    background: rgba(0, 0, 255, .2);
    transition: all .5s
}

.slick-cell.flashing {
    border: 1px solid red
}

.slick-cell.editable {
    border-style: solid;
    overflow: visible;
    z-index: 11
}

.slick-cell:focus {
    outline: none
}

.slick-selection {
    border: 2px dashed #000;
    position: absolute;
    z-index: 10
}

.slick-header {
    background-color: var(--alpine-header-bg-color, #f8f8f8);
    border-bottom: 1px solid var(--alpine-border-color, #dae1e7);
    color: var(--alpine-header-color, #181d1f);
    font-weight: var(--alpine-header-font-weight, bold)
}

.slick-header.slick-state-default {
    border-left: 0;
    overflow: hidden;
    width: 100%
}

.grid-header {
    background-color: var(--alpine-header-bg-color, #f8f8f8);
    border-color: var(--alpine-top-header-border-color, #dae1e7);
    border-style: solid;
    border-width: var(--alpine-top-header-border-width, 1px 1px 0 1px);
    box-sizing: border-box;
    font-family: var(--alpine-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    font-size: var(--alpine-top-header-font-size, 15px);
    font-weight: var(--alpine-top-header-font-weight, bold);
    height: 35px;
    padding: var(--alpine-top-header-padding, 8px 6px 0 8px)
}

.slick-resizable-handle {
    border: 0;
    box-shadow: var(--alpine-header-resizable-handle-box-shadow, inset 0 0 0 1px #dde2eb);
    cursor: col-resize;
    display: block;
    font-size: .1px;
    height: var(--alpine-header-resizable-handle-height, 50%);
    position: absolute;
    right: 0;
    top: var(--alpine-header-resizable-handle-top, 25%);
    width: 2px
}

.slick-reorder-guide, .slick-reorder-proxy {
    background: blue;
    display: inline-block
}

.slick-reorder-proxy {
    cursor: move;
    filter: alpha(opacity=15);
    opacity: .15
}

.slick-reorder-guide {
    filter: alpha(opacity=70);
    height: 2px;
    opacity: .7
}

.slick-preheader-panel .slick-header-column, .slick-topheader-panel .slick-header-column {
    border-color: var(--alpine-preheader-border-color, #dae1e7);
    border-style: solid;
    border-width: var(--alpine-preheader-border-width, 0)
}

.slick-header-column-active .slick-header-menubutton, .slick-header-column:hover > .slick-header-menubutton {
    display: inline-block
}

.slick-header-column {
    align-items: var(--alpine-header-align-items, flex-start);
    border-color: var(--alpine-header-border-color, #dae1e7);
    border-style: solid;
    border-width: var(--alpine-header-border-width, 0);
    display: var(--alpine-header-display, inline-flex);
    height: var(--alpine-header-column-height, calc(23px * var(--alpine-header-name-row-count, 1)));
    justify-content: var(--alpine-header-justify-content, flex-start);
    line-height: var(--alpine-header-column-line-height, 23px);
    margin: 0;
    overflow: hidden;
    padding: 4px;
    position: relative;
    vertical-align: var(--alpine-header-vertical-align, top);
    white-space: pre-wrap
}

.slick-header-column .slick-header-menubutton {
    background-color: var(--alpine-header-bg-color, #f8f8f8);
    background-image: none;
    bottom: 0;
    cursor: pointer;
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: var(--alpine-header-menubutton-width, 18px)
}

.slick-header-column .slick-header-menubutton .caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px dashed;
    display: inline-block;
    height: 0;
    margin-left: 4px;
    margin-top: 7px;
    vertical-align: middle;
    width: 0
}

.slick-header-column .slick-header-menubutton.filtered {
    color: var(--alpine-header-menubutton-filtered-color, #3490dc)
}

.slick-header-column .slick-sort-indicator, .slick-header-column .slick-sort-indicator-numbered {
    color: var(--alpine-sort-indicator-color, #3490dc);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.slick-header-column .slick-sort-indicator {
    background-image: none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    display: inline-block;
    height: 0;
    margin: var(--alpine-sort-indicator-margin, 5px 0 0 3px);
    vertical-align: middle;
    width: 0
}

.slick-header-column .slick-sort-indicator-asc {
    border-bottom: 4px dashed
}

.slick-header-column .slick-sort-indicator-desc {
    border-top: 4px dashed
}

.slick-header-column .slick-sort-indicator-numbered {
    font-size: var(--alpine-sort-numbered-font-size, 10px)
}

.slick-header-column.unorderable {
    background-color: var(--alpine-header-unorderable-bg-color, #f0f0f0)
}

.slick-header-columns {
    cursor: default;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    white-space: nowrap
}

.slick-header-columns .slick-state-hover {
    background: var(--alpine-header-name-hover-bg-color, hsla(0, 0%, 74%, .267))
}

.slick-column-name, .slick-sort-indicator {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.slick-column-name {
    display: var(--alpine-header-name-display, block);
    flex-grow: var(--alpine-header-name-flex-grow, 0);
    overflow: var(--alpine-header-name-overflow, hidden);
    text-overflow: var(--alpine-header-name-text-overflow, ellipsis);
    white-space: nowrap
}

.slick-footerrow, .slick-headerrow {
    background-color: var(--alpine-header-footer-bg-color, #fff);
    position: relative
}

.slick-footerrow.slick-state-default, .slick-headerrow.slick-state-default {
    border-left: 0;
    overflow: hidden;
    width: 100%
}

.slick-footerrow-columns, .slick-headerrow-columns {
    cursor: default;
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

.slick-headerrow-columns {
    background-color: var(--alpine-headerrow-bg-color, #f8fafc);
    border-bottom: 1px solid var(--alpine-border-color, #dae1e7);
    text-align: center
}

.slick-footerrow-column, .slick-headerrow-column {
    cursor: default;
    padding: 4px;
    position: absolute;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 1
}

.slick-footerrow-column {
    border-color: var(--alpine-footerrow-border-color, #dae1e7);
    border-radius: var(--alpine-footerrow-border-radius, 0);
    border-style: solid;
    border-width: var(--alpine-footerrow-border-width, 1px 1px 1px 0);
    float: left;
    font-size: var(--alpine-footerrow-font-size, 12px);
    line-height: 20px;
    margin: 0;
    overflow: ellipsis
}

.slick-headerrow-column {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden
}

.slick-headerrow-column input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid transparent;
    box-sizing: border-box;
    color: var(--alpine-font-color, #181d1f);
    height: 100%;
    width: 100%
}

.slick-header-menu {
    background: var(--alpine-header-bg-color, #f8f8f8);
    border: 1px solid var(--alpine-border-color, #dae1e7);
    border-bottom-left-radius: var(--alpine-border-radius, 0);
    border-bottom-right-radius: var(--alpine-border-radius, 0);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    color: var(--alpine-font-color, #181d1f);
    cursor: default;
    display: inline-block;
    font-family: var(--alpine-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    font-size: var(--alpine-font-size, 13px);
    margin: 0;
    min-width: 175px;
    padding: 4px !important;
    position: absolute;
    z-index: 100000
}

.slick-header-menu label {
    font-weight: 400
}

.slick-header-menu button {
    border: 1px solid transparent;
    border-radius: .25rem;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: var(--alpine-font-size, 13px);
    font-weight: 400;
    line-height: 1.428571429;
    margin: 2px;
    outline: 0;
    overflow: visible;
    padding: 6px 14px;
    text-align: center;
    text-transform: none;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.slick-header-menu button, .slick-header-menu button:hover {
    background-color: transparent;
    color: var(--alpine-font-color, #181d1f)
}

.slick-header-menu button:hover {
    border-color: var(--alpine-border-color, #dae1e7)
}

.slick-header-menu button.active.focus, .slick-header-menu button.active:focus, .slick-header-menu button.active:hover, .slick-header-menu button:active.focus, .slick-header-menu button:active:focus, .slick-header-menu button:active:hover {
    background-color: transparent;
    border-color: var(--alpine-border-color, #dae1e7);
    color: var(--alpine-font-color, #181d1f)
}

.slick-header-menu input.input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    color: var(--alpine-font-color, #181d1f);
    padding: .5rem .75rem;
    width: 100%
}

.slick-header-menu .filter, .slick-header-menu input.input {
    border: 1px solid var(--alpine-border-color, #dae1e7);
    border-radius: .25rem
}

.slick-header-menu .filter {
    background: var(--alpine-bg-color, #fff);
    height: 200px;
    margin-bottom: 5px;
    margin-top: 5px;
    max-height: 200px;
    max-width: 300px;
    overflow: scroll;
    padding: 4px;
    white-space: nowrap
}

.slick-header-menu .filter label {
    display: block;
    font-size: var(--alpine-font-size, 13px)
}

.slick-header-menuitem-disabled {
    color: silver
}

.slick-header-menuitem {
    align-items: center;
    border: 1px solid transparent;
    border-radius: .25rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0
}

.slick-header-menuitem .slick-header-menuicon {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    vertical-align: middle;
    width: 16px
}

.slick-header-menuitem .slick-header-menuicon.sort-asc, .slick-header-menuitem .slick-header-menuicon.sort-desc {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    display: inline-block;
    height: 0;
    margin-left: 8px;
    margin-top: 0;
    vertical-align: middle;
    width: 0
}

.slick-header-menuitem .slick-header-menuicon.sort-asc {
    border-bottom: 4px dashed
}

.slick-header-menuitem .slick-header-menuicon.sort-desc {
    border-top: 4px dashed
}

.slick-header-menuitem .slick-header-menucontent {
    display: inline-block;
    flex-grow: 1;
    font-size: var(--alpine-font-size, 13px);
    margin: var(--alpine-menu-content-margin, 2px 4px);
    vertical-align: middle
}

.slick-header-menuitem:hover {
    border-color: var(--alpine-border-color, #dae1e7)
}

.slick-pane {
    outline: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.slick-pane-header {
    display: block
}

.slick-pager {
    align-items: center;
    background-color: var(--alpine-pager-bg-color, #f8f8f8);
    border-color: var(--alpine-pager-border-color, #dae1e7);
    border-radius: var(--alpine-pager-border-radius, 0);
    border-style: solid;
    border-width: var(--alpine-pager-border-width, 0 1px 1px 1px);
    box-sizing: border-box;
    color: var(--alpine-font-color, #181d1f);
    display: inline-flex;
    font-family: var(--alpine-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    font-size: var(--alpine-font-size, 13px);
    height: var(--alpine-pager-height, 40px);
    padding: 4px;
    vertical-align: middle;
    width: 100%
}

.slick-pager .sgi {
    cursor: pointer
}

.slick-pager .sgi.sgi-state-disabled, .slick-pager .slick-icon-state-disabled {
    cursor: var(--alpine-pager-button-cursor-disabled, default)
}

.slick-pager .slick-pager-nav {
    height: 100%
}

.slick-pager .slick-pager-nav .slick-icon-container {
    margin: var(--alpine-pager-button-margin, 0 2px)
}

.slick-pager .slick-pager-nav .sgi-container {
    align-items: center;
    display: inline-flex;
    height: 100%
}

.slick-pager .slick-pager-settings, .slick-pager .slick-pager-status {
    display: inline-block;
    font-size: var(--alpine-font-size, 13px);
    padding: var(--alpine-pager-padding, 6px)
}

.slick-pager .slick-pager-settings {
    align-items: center;
    -moz-column-gap: 1px;
    column-gap: 1px;
    display: flex;
    float: right;
    margin-left: auto
}

.slick-pager .slick-pager-settings a {
    cursor: pointer;
    padding: 0 2px 2px;
    text-decoration: underline
}

.percent-complete-bar {
    border-radius: 3px;
    display: inline-block;
    height: 6px
}

.slick-cell-menu, .slick-columnpicker, .slick-context-menu, .slick-gridmenu, .slick-header-menu {
    background-color: var(--alpine-menu-bg-color, #fbfbfb);
    border: var(--alpine-menu-border, 1px solid #babfc7);
    border-radius: var(--alpine-menu-border-radius, 2px);
    box-shadow: var(--alpine-menu-box-shadow, none);
    color: var(--alpine-menu-color, #181d1f);
    font-family: var(--alpine-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    font-size: var(--alpine-font-size, 13px)
}

.slick-cell-menu button.close, .slick-columnpicker button.close, .slick-context-menu button.close, .slick-gridmenu button.close, .slick-header-menu button.close {
    background: var(--alpine-menu-close-btn-background, transparent);
    border: var(--alpine-menu-close-btn-border, 1px solid #babfc7);
    cursor: pointer
}

.slick-cell-menu, .slick-context-menu {
    box-sizing: content-box
}

.slick-cell.selected.editable {
    background-color: #fff;
    border-radius: var(--alpine-cell-editable-border-radius, 3px)
}

.slick-cell.editable {
    box-shadow: var(--alpine-cell-editable-box-shadow, inset 0 0 0 2px #3490dc)
}

input.editor-checkbox, input.editor-percentcomplete, input.editor-text {
    border: 0;
    height: 100%;
    margin: 0;
    outline: 0;
    padding: 0
}

input.editor-percentcomplete, input.editor-text {
    width: 100%
}

input.editor-text {
    background: #fff
}

input.editor-percentcomplete {
    background: transparent;
    float: left
}

.editor-percentcomplete-picker {
    cursor: pointer;
    display: inline-block;
    overflow: visible;
    position: relative;
    z-index: 1000
}

.editor-percentcomplete-picker .editor-percentcomplete-picker-icon {
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    font-size: 18px;
    height: 1em;
    width: 1em;
    --alpine-percent-complete-picker-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--alpine-percent-complete-picker-icon-svg) no-repeat;
    mask: var(--alpine-percent-complete-picker-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.editor-percentcomplete-picker:hover .editor-percentcomplete-helper {
    display: block
}

input[type=range].editor-percentcomplete-slider {
    background-color: #ccc;
    left: 15px;
    position: absolute;
    top: 125px;
    transform: rotate(270deg);
    transform-origin: left
}

.editor-percentcomplete-helper {
    display: none;
    height: 140px;
    left: -9px;
    overflow: visible;
    padding-left: 9px;
    position: absolute;
    top: -3px;
    width: 120px
}

.editor-percentcomplete-wrapper {
    background: #f9f9f9;
    border: 1px solid gray;
    height: 98px;
    padding: 20px 8px;
    position: relative;
    width: 100%;
    width: 120px
}

.editor-percentcomplete-buttons {
    float: right
}

.editor-percentcomplete-buttons button {
    margin-bottom: 4px;
    width: 80px
}

.editor-percentcomplete-slider {
    float: left
}

.editor-percentcomplete-helper:hover {
    display: block
}

select.editor-yesno {
    margin: 0;
    vertical-align: middle;
    width: 100%
}

.slick-composite-editor-modal, .slick-composite-editor-modal input, .slick-composite-editor-modal textarea {
    font-family: var(--alpine-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif)
}

.slick-large-editor-text {
    background: var(--alpine-large-editor-bg-color, #fff);
    border: var(--alpine-large-editor-border, 2px solid #b0b0b0);
    border-radius: var(--alpine-large-editor-border-radius, 8px);
    padding: 5px;
    z-index: 10000
}

.slick-large-editor-text button {
    margin-left: 2px
}

.slick-large-editor-text button, .slick-large-editor-text textarea {
    color: var(--alpine-large-editor-color, #181d1f);
    font-family: var(--alpine-large-editor-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    font-size: var(--alpine-large-editor-font-size, 13px)
}

button.slick-btn {
    border: var(--alpine-button-border, 1px solid #ccc);
    border-radius: var(--alpine-button-radius, 2px);
    cursor: pointer;
    padding: var(--alpine-button-padding, 2px 4px)
}

button.slick-btn.slick-btn-default {
    background-color: var(--alpine-button-bg-color, #fff)
}

button.slick-btn.slick-btn-default:hover {
    background-color: var(--alpine-button-default-hover-color, rgba(68, 68, 68, .1));
    border: var(--alpine-button-default-hover-border, 1px solid #9c9c9c)
}

button.slick-btn.slick-btn-primary {
    background-color: var(--alpine-button-primary-bg-color, #fff);
    border-color: var(--alpine-button-primary-border-color, #2196f3);
    color: var(--alpine-button-primary-color, #2196f3)
}

button.slick-btn.slick-btn-primary:active {
    background-color: var(--alpine-button-primary-active-color, #2196f3)
}

button.slick-btn.slick-btn-primary:hover {
    background-color: var(--alpine-button-primary-hover-color, rgba(33, 150, 243, .1))
}

.slick-drag-replace-handle {
    background: gray;
    bottom: 0;
    height: 7px;
    position: absolute;
    right: 0;
    width: 7px
}

.sgi-chevron-start {
    --sgi-chevron-start-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-chevron-start-icon-svg) no-repeat;
    mask: var(--sgi-chevron-start-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-chevron-left {
    --sgi-chevron-left-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M15.41 16.58 10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.42Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-chevron-left-icon-svg) no-repeat;
    mask: var(--sgi-chevron-left-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-chevron-right {
    --sgi-chevron-right-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M8.59 16.58 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.42Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-chevron-right-icon-svg) no-repeat;
    mask: var(--sgi-chevron-right-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-chevron-end {
    --sgi-chevron-end-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M5.59 7.41 10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-chevron-end-icon-svg) no-repeat;
    mask: var(--sgi-chevron-end-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-arrow-collapse {
    --sgi-arrow-collapse-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19.5,3.09L15,7.59V4H13V11H20V9H16.41L20.91,4.5L19.5,3.09M4,13V15H7.59L3.09,19.5L4.5,20.91L9,16.41V20H11V13H4Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-arrow-collapse-icon-svg) no-repeat;
    mask: var(--sgi-arrow-collapse-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-arrow-expand {
    --sgi-arrow-expand-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M10,21V19H6.41L10.91,14.5L9.5,13.09L5,17.59V14H3V21H10M14.5,10.91L19,6.41V10H21V3H14V5H17.59L13.09,9.5L14.5,10.91Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-arrow-expand-icon-svg) no-repeat;
    mask: var(--sgi-arrow-expand-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-cancel {
    --sgi-cancel-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-cancel-icon-svg) no-repeat;
    mask: var(--sgi-cancel-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-caret {
    --sgi-caret-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M7,10L12,15L17,10H7Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-caret-icon-svg) no-repeat;
    mask: var(--sgi-caret-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-check {
    --sgi-check-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-check-icon-svg) no-repeat;
    mask: var(--sgi-check-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-check-bold {
    --sgi-check-bold-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-check-bold-icon-svg) no-repeat;
    mask: var(--sgi-check-bold-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-close {
    --sgi-close-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-close-icon-svg) no-repeat;
    mask: var(--sgi-close-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-checkbox-outline {
    --sgi-checkbox-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,5V19H5V5H19M10,17L6,13L7.41,11.58L10,14.17L16.59,7.58L18,9"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-checkbox-outline-icon-svg) no-repeat;
    mask: var(--sgi-checkbox-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-checkbox-marked-outline {
    --sgi-checkbox-marked-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19H5V5H15V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V11H19M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-checkbox-marked-outline-icon-svg) no-repeat;
    mask: var(--sgi-checkbox-marked-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-checkbox-blank-outline {
    --sgi-checkbox-blank-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-checkbox-blank-outline-icon-svg) no-repeat;
    mask: var(--sgi-checkbox-blank-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-checkbox-intermediate {
    --sgi-checkbox-intermediate-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M17,17H7V7H17V17Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-checkbox-intermediate-icon-svg) no-repeat;
    mask: var(--sgi-checkbox-intermediate-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-coffee-outline {
    --sgi-coffee-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M2,21V19H20V21H2M20,8V5H18V8H20M20,3A2,2 0 0,1 22,5V8A2,2 0 0,1 20,10H18V13A4,4 0 0,1 14,17H8A4,4 0 0,1 4,13V3H20M16,5H6V13A2,2 0 0,0 8,15H14A2,2 0 0,0 16,13V5Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-coffee-outline-icon-svg) no-repeat;
    mask: var(--sgi-coffee-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-drag {
    --sgi-drag-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M7,19V17H9V19H7M11,19V17H13V19H11M15,19V17H17V19H15M7,15V13H9V15H7M11,15V13H13V15H11M15,15V13H17V15H15M7,11V9H9V11H7M11,11V9H13V11H11M15,11V9H17V11H15M7,7V5H9V7H7M11,7V5H13V7H11M15,7V5H17V7H15Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-drag-icon-svg) no-repeat;
    mask: var(--sgi-drag-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-drag-vertical {
    --sgi-drag-vertical-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M9,3H11V5H9V3M13,3H15V5H13V3M9,7H11V9H9V7M13,7H15V9H13V7M9,11H11V13H9V11M13,11H15V13H13V11M9,15H11V17H9V15M13,15H15V17H13V15M9,19H11V21H9V19M13,19H15V21H13V19Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-drag-vertical-icon-svg) no-repeat;
    mask: var(--sgi-drag-vertical-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-hashtag {
    --sgi-hashtag-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-hashtag-icon-svg) no-repeat;
    mask: var(--sgi-hashtag-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-help-circle-outline {
    --sgi-help-circle-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-help-circle-outline-icon-svg) no-repeat;
    mask: var(--sgi-help-circle-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-information-outline {
    --sgi-information-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-information-outline-icon-svg) no-repeat;
    mask: var(--sgi-information-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-lightbulb {
    --sgi-lightbulb-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12 2a7 7 0 0 1 7 7c0 2.38-1.19 4.47-3 5.74V17a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1v-2.26C6.19 13.47 5 11.38 5 9a7 7 0 0 1 7-7M9 21v-1h6v1a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1m3-17a5 5 0 0 0-5 5c0 2.05 1.23 3.81 3 4.58V16h4v-2.42c1.77-.77 3-2.53 3-4.58a5 5 0 0 0-5-5Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-lightbulb-icon-svg) no-repeat;
    mask: var(--sgi-lightbulb-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-loading {
    --sgi-loading-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-loading-icon-svg) no-repeat;
    mask: var(--sgi-loading-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-menu {
    --sgi-menu-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-menu-icon-svg) no-repeat;
    mask: var(--sgi-menu-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-message-outline {
    --sgi-message-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-message-outline-icon-svg) no-repeat;
    mask: var(--sgi-message-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-pencil-outline {
    --sgi-pencil-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-pencil-outline-icon-svg) no-repeat;
    mask: var(--sgi-pencil-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-minus-box-outline {
    --sgi-minus-box-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-minus-box-outline-icon-svg) no-repeat;
    mask: var(--sgi-minus-box-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-plus-box-outline {
    --sgi-plus-box-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-plus-box-outline-icon-svg) no-repeat;
    mask: var(--sgi-plus-box-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-search {
    --sgi-search-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-search-icon-svg) no-repeat;
    mask: var(--sgi-search-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-star {
    --sgi-star-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-star-icon-svg) no-repeat;
    mask: var(--sgi-star-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-star-outline {
    --sgi-star-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-star-outline-icon-svg) no-repeat;
    mask: var(--sgi-star-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-tag-outline {
    --sgi-tag-outline-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M21.41 11.58L12.41 2.58A2 2 0 0 0 11 2H4A2 2 0 0 0 2 4V11A2 2 0 0 0 2.59 12.42L11.59 21.42A2 2 0 0 0 13 22A2 2 0 0 0 14.41 21.41L21.41 14.41A2 2 0 0 0 22 13A2 2 0 0 0 21.41 11.58M13 20L4 11V4H11L20 13M6.5 5A1.5 1.5 0 1 1 5 6.5A1.5 1.5 0 0 1 6.5 5Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-tag-outline-icon-svg) no-repeat;
    mask: var(--sgi-tag-outline-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-undo {
    --sgi-undo-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-undo-icon-svg) no-repeat;
    mask: var(--sgi-undo-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi-user {
    --sgi-user-icon-svg: url('data:image/svg+xml;utf8,%3Csvg viewBox="0 0 24 24" display="inline-block" height="1em" width="1em" vertical-align="text-bottom" xmlns="http://www.w3.org/2000/svg" %3E%3Cpath fill="currentColor" d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"/%3E%3C/svg%3E');
    -webkit-mask: var(--sgi-user-icon-svg) no-repeat;
    mask: var(--sgi-user-icon-svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%
}

.sgi {
    background-color: currentColor;
    color: inherit;
    display: inline-block;
    font-size: 18px;
    height: 1em;
    width: 1em
}

.sgi.sgi-state-disabled {
    opacity: .35
}

.sgi.sgi-10px {
    font-size: 10px
}

.sgi.sgi-11px {
    font-size: 11px
}

.sgi.sgi-12px {
    font-size: 12px
}

.sgi.sgi-13px {
    font-size: 13px
}

.sgi.sgi-14px {
    font-size: 14px
}

.sgi.sgi-15px {
    font-size: 15px
}

.sgi.sgi-16px {
    font-size: 16px
}

.sgi.sgi-17px {
    font-size: 17px
}

.sgi.sgi-18px {
    font-size: 18px
}

.sgi.sgi-19px {
    font-size: 19px
}

.sgi.sgi-20px {
    font-size: 20px
}

.sgi.sgi-21px {
    font-size: 21px
}

.sgi.sgi-22px {
    font-size: 22px
}

.sgi.sgi-23px {
    font-size: 23px
}

.sgi.sgi-24px {
    font-size: 24px
}

.sgi.sgi-25px {
    font-size: 25px
}

.sgi.sgi-26px {
    font-size: 26px
}

.sgi.sgi-27px {
    font-size: 27px
}

.sgi.sgi-28px {
    font-size: 28px
}

.sgi.sgi-29px {
    font-size: 29px
}

.sgi.sgi-30px {
    font-size: 30px
}

.sgi.sgi-flip-h {
    transform: scaleX(-1)
}

.sgi.sgi-flip-v {
    transform: scaleY(-1)
}

.sgi.sgi-spin {
    align-items: center;
    animation: md-spin 2s linear infinite;
    display: inline-flex;
    justify-content: center
}

@keyframes md-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.slick-footerrow.ui-state-default, .slick-group-header.ui-state-default, .slick-header.ui-state-default, .slick-headerrow.ui-state-default, .slick-top-panel-scroller.ui-state-default {
    border-left: 0 !important;
    overflow: auto;
    position: relative;
    width: 100%
}

.slick-header.ui-state-default {
    border-top: 1px solid #d3d3d3;
    overflow: inherit
}

.slick-footerrow::-webkit-scrollbar, .slick-header::-webkit-scrollbar, .slick-headerrow::-webkit-scrollbar {
    display: none
}

.slick-footerrow-columns, .slick-group-header-columns, .slick-header-columns, .slick-headerrow-columns {
    cursor: default;
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

.slick-group-header-column.ui-state-default, .slick-header-column.ui-state-default {
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid silver;
    border-top: 0 !important;
    box-sizing: content-box !important;
    display: inline-block;
    float: left;
    height: 16px;
    line-height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 4px;
    position: relative;
    text-overflow: ellipsis;
    z-index: 1
}

.slick-footerrow-column.ui-state-default {
    border: 0;
    border-right: 1px solid silver;
    float: left;
    line-height: 20px;
    margin: 0;
    padding: 4px;
    text-overflow: ellipsis;
    vertical-align: middle
}

.slick-footerrow-column.ui-state-default, .slick-headerrow-column.ui-state-default {
    padding: 4px
}

.slick-header-column-sorted {
    font-style: italic
}

.slick-sort-indicator {
    margin-top: 6px
}

.slick-sort-indicator, .slick-sort-indicator-numbered {
    display: inline-block;
    float: left;
    height: 5px;
    margin-left: 4px;
    width: 8px
}

.slick-sort-indicator-numbered {
    color: #6190cd;
    font-family: Arial;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-top: 0
}

.slick-sort-indicator-asc {
    border-bottom: 4px dashed;
    margin-bottom: 8px
}

.slick-sort-indicator-asc, .slick-sort-indicator-desc {
    background-image: none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    color: #3490dc;
    display: inline-block;
    height: 0;
    margin-left: 3px;
    margin-top: 5px;
    vertical-align: middle;
    width: 0
}

.slick-sort-indicator-desc {
    border-top: 4px dashed;
    margin-bottom: 5px
}

.slick-resizable-handle {
    cursor: col-resize;
    display: block;
    font-size: .1px;
    height: 100%;
    position: absolute;
    right: -5px;
    top: 0;
    width: 9px;
    z-index: 2
}

.slick-sortable-placeholder {
    background: silver
}

.grid-canvas {
    outline: 0;
    position: relative
}

.slick-row.ui-state-active, .slick-row.ui-widget-content {
    border: 0;
    position: absolute;
    width: 100%
}

.slick-cell, .slick-footerrow-column, .slick-headerrow-column {
    border-right: 1px solid transparent;
    border-color: transparent silver silver transparent;
    border-style: solid dotted solid solid;
    border-width: 1px;
    cursor: default;
    margin: 0;
    overflow: hidden;
    padding: 1px 2px 2px 1px;
    position: absolute;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 1
}

.slick-cell, .slick-headerrow-column {
    border-bottom-color: silver
}

.slick-footerrow-column {
    border-top-color: silver
}

.slick-group-toggle {
    display: inline-block
}

.slick-cell.highlighted {
    background: #87cefa;
    background: rgba(0, 0, 255, .2);
    transition: all .5s
}

.slick-cell.flashing {
    border: 1px solid red !important
}

.slick-cell.editable {
    background: #fff;
    border-color: #000;
    border-style: solid;
    overflow: visible;
    z-index: 11
}

.slick-large-editor-text {
    background: #fff;
    border: 2px solid gray;
    border-radius: 10px;
    padding: 5px;
    z-index: 10000
}

.slick-cell:focus {
    outline: none
}

.slick-reorder-proxy {
    background: blue;
    cursor: move;
    display: inline-block;
    filter: alpha(opacity=15);
    opacity: .15
}

.slick-reorder-guide {
    background: blue;
    display: inline-block;
    filter: alpha(opacity=70);
    height: 2px;
    opacity: .7
}

.slick-reorder-shadow-row {
    box-shadow: 8px 2px 8px 4px rgba(0, 0, 0, .2), 2px 2px 0 0 rgba(0, 0, 0, .19);
    position: absolute;
    z-index: 999999
}

.slick-selection {
    border: 2px dashed #000;
    position: absolute;
    z-index: 10
}

.slick-pane {
    outline: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.slick-pane-header {
    display: block
}

.slick-header, .slick-headerrow, .slick-top-panel-scroller {
    overflow: hidden;
    position: relative
}

.slick-top-panel {
    width: 10000px
}

.slick-viewport {
    outline: 0;
    position: relative;
    width: 100%
}

.drag-fill-handle {
	border: 1px solid white;
	padding: 2px;
	background-color: #217346;
	position: absolute;
	width: 1px;
	z-index: 1000;
	cursor: crosshair;
}

.header-overlay, .cell-overlay, .selection-cell-overlay {
	display: block;
	position: absolute;
	z-index: 999;
}

.header-overlay {
	background-color: #217346;
}

.cell-overlay, .selection-cell-overlay {
	background-color: #217346;
}

.handle-overlay {
	border: 1px solid white;
	padding: 5px;
	background-color: #217346;
	position: absolute;
	width: 1px;
	z-index: 1000;
	cursor: crosshair;
}

.overlay-handle-decorator {
	border: 2px solid #217346;
	z-index: 1000;
}

/**************************/
:root {
	--cell-padding-x: 4px;
	--cell-padding-y: 6px;
	--input-group-btn-width: 32px;
}

.slick-cell {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.slick-cell.active,
.slick-cell.editable.active {
	box-shadow: inset 0 0 0 1px var(--primary);
	border-color: var(--primary);
}

.slick-cell.editable {
	border-style: solid;
	overflow: visible;
	z-index: 11;
	box-shadow: 0 0 2px 1px var(--primary);
}

.slick-cell.selected.editable {
	background-color: #fff;
	border-radius: 0;
	border-color: var(--primary);
}

.slick-cell, .slick-footerrow-column, .slick-headerrow-column,
.slick-group-header-column.ui-state-default, .slick-header-column.ui-state-default {
	padding: var(--cell-padding-y) var(--cell-padding-x);
}

.s-grid-table .input-group {
	height: 100%;
}

.s-grid-table input,
.s-grid-table input.tt-input,
.s-grid-table .s-suggest,
.s-grid-table .form-control {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	outline: 0;
	padding: 0;
	margin: 0;
	font-size: 14px;
	height: auto;
	width: 100%;
	float: none;
}

.s-grid-table .input-group-append .btn {
	border-radius: 0;
	border-color: transparent;
	border-left-color: var(--primary);
	border-right: 0;
	padding: 0;
	width: var(--input-group-btn-width);
	margin-top: calc(var(--cell-padding-y) * -1);
	margin-right: calc(var(--cell-padding-x) * -1);
	height: calc(100% + var(--cell-padding-y) * 2);
}

.s-grid-table .input-group-append .btn:hover,
.s-grid-table .input-group-append .btn:focus,
.s-grid-table .input-group-append .btn:active {
	color: var(--white);
	border-left-color: var(--primary);
}

.s-grid-table .input-group .btn .fa {
	font-size: 1rem;
}

.s-grid-table .s-lookup .s-suggest {
	flex: 0 0 calc(100% - var(--input-group-btn-width) + var(--cell-padding-x));
	max-width: calc(100% - var(--input-group-btn-width) + var(--cell-padding-x));
}
/*
.s-grid-table .s-lookup .s-suggest input {
	max-width: 100%;
}

.s-grid-table .s-lookup .s-suggest .input-group {
	justify-content: space-between;
}

.s-grid-table .s-suggest .typeahead:focus-visible {
	outline: 0;
}
*/
.s-grid-table .btn {
	color: var(--secondary);
}

.s-grid-table .btn:hover {
	color: var(--primary);
}

.s-grid-table .input-group .btn:focus,
.s-grid-table .input-group .btn:hover,
.s-grid-table .input-group .btn:active,
.s-grid-table .form-control:focus {
	box-shadow: none;
	outline: 0;
}

.s-grid-table .select2-container {
	flex: 0 0 calc(100% + var(--cell-padding-x) * 2);
	max-width: calc(100% + var(--cell-padding-x) * 2);
	margin: 0 calc(var(--cell-padding-x) * -1);
	padding: 0 var(--cell-padding-x);
}

.s-grid-table .select2-container * {
	line-height: 1.2 !important;
}

.s-grid-table .select2-container--bootstrap4 .select2-selection {
	height: auto !important;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.s-grid-table .select2-container--bootstrap4.select2-container--focus .select2-selection {
	box-shadow: none;
}

.s-grid-table .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
}

[data-dismiss="slick-context-menu"] {
	display: none;
}

.slick-context-menu {
	resize: none;
}

.slick-context-menu-content,
.slick-context-menu-icon {
	vertical-align: unset;
}

.sub-item-chevron {
	font-size: 0;
}

.sub-item-chevron:after {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	content: "\f054";
	font-size: 0.6rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	margin-top: 0.4rem;
}

.slick-context-menu {
	position: absolute !important;
}

.error-message {
	position: absolute;
	top: 100%; /* Position below the cell */
	left: 0;
	background-color: red;
	color: white;
	padding: 5px;
	font-size: 12px;
	border-radius: 3px;
	z-index: 9999;
}

.cell-validation-error {
	border-color: red !important;
}