/* NOTES:
This override forces the Kendo UI grid to replace the "overflow" icon with a "filter" icon to properly communicate the filtered or unfiltered state when active. The icon is "built in" to the content as SVG code, so it doesn't depend on external assets. The icon is animated based on the user interaction with the Kendo UI grid header.
*/

.k-grid .k-header .k-grid-header-menu.k-grid-column-menu {
  background-color: transparent;
  color: transparent;
}

.k-grid .k-header .k-grid-header-menu.k-grid-column-menu:hover {
  background-color: #e9ecf7;
  color: transparent;
}

/* .fk-grid overrides */
.fk-grid .k-table-th.active .k-link::after {
  content: url('data:image/svg+xml;utf8,<svg id="b" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g id="c" data-name="Icons"><g><path d="M18.25,3.99l-5.58,6.39v6.29c0,.55-.45,1-1,1h-3.34c-.55,0-1-.45-1-1v-6.29L1.75,3.99c-.26-.29-.32-.71-.16-1.07.16-.36.52-.59.91-.59h15c.39,0,.75.23.91.59.16.36.1.78-.16,1.07Z" fill="rgb(0, 53 ,131)"/><rect width="20" height="20" fill="none"/></g></g></svg>');
  position: sticky;
  transform: translate(-0.875rem, 0.125rem);
  scale: 0.625;
}
.fk-grid.k-grid.k-grid-md
  .k-table
  .k-table-tbody
  .k-master-row.k-table-row.k-alt.k-table-alt-row {
  background-color: initial;
}
.fk-grid.k-grid.k-grid-md
  .k-table
  .k-table-tbody
  .k-master-row.k-table-row.k-alt.k-table-alt-row:hover {
  background-color: color-mix(
    in srgb,
    var(--kendo-color-primary) 10%,
    var(--kendo-color-app-surface) 90%
  );
  border-bottom-color: inherit;
}
.fk-grid.k-grid.k-grid-md
  .k-table
  .k-table-tbody
  .k-master-row.k-table-row:hover {
  background-color: color-mix(
    in srgb,
    var(--kendo-color-primary) 10%,
    var(--kendo-color-app-surface) 90%
  );
  border-bottom-color: inherit;
}
.fk-grid.k-grid.k-grid-md
  .k-table
  .k-table-tbody
  .k-master-row.k-table-row:has(
    .k-button:focus,
    .k-button[aria-expanded="true"]
  ) {
  background-color: color-mix(
    in srgb,
    var(--kendo-color-primary) 10%,
    var(--kendo-color-app-surface) 90%
  );
  border-bottom-color: inherit;
}

.fk-grid.k-grid.k-grid-md
  .k-table
  .k-table-tbody
  .k-master-row.k-table-row[aria-haspopup="menu"][aria-expanded="true"] {
  background-color: color-mix(
    in srgb,
    var(--kendo-color-primary) 10%,
    var(--kendo-color-app-surface) 90%
  );
  border-bottom-color: inherit;
}

.fk-grid .k-table-th:not(.k-sorted) .k-cell-inner .k-link::after {
  transform: translate(0, 0.125rem);
}
.fk-grid .k-table-th .k-link {
  pointer-events: none;
}
.fk-grid .k-grid-header-menu.k-grid-column-menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}
.fk-grid .k-grid-header-wrap {
  border-right: none !important;
}
.fk-grid .k-link {
  border-right: none !important;
}
.fk-grid .k-sort-icon {
  scale: 0.75;
  max-height: 20px;
}