/* Custom colors not in the kendo or bootstrap themes */
:root {
  --rvs-color-table-header: #6cbcea;
  --rvs-color-active-tab: #db2211;
  --rvs-color-active-page: #f47c31;
}

/*** KENDO GRID OVERRIDES ***/

/* Color any link in a table with the "table-link" class blue and underlined */
.k-grid a.table-link,
.k-grid a.table-link:hover {
  color: var(--kendo-color-primary);
  text-decoration: underline;
}

/* Make table headers light blue  */
.k-grid .k-header,
.k-grid .k-header.k-sorted {
  background-color: var(--rvs-color-table-header);
  border: 0;
  font-weight: bold;
}

/* Keep sorted column headers the same color as non-sorted */
.k-grid-header .k-sort-icon,
.k-grid-header .k-sort-order {
  color: var(--kendo-color-on-app-surface);
}

/* Remove vertical borders between table columns */
.k-grid .k-table-td {
  border-left: 0;
}

/* Add horizontal borders between table rows */
.k-grid .k-table-row .k-table-td {
  border-top-width: 1px;
}

/* No hover color on detail rows */
.k-grid .k-detail-row:hover {
  background-color: unset;
}

/* Make table headers gray on detail rows */
.k-grid .k-detail-row .k-grid .k-header,
.k-grid .k-detail-row .k-grid .k-header.k-sorted {
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
  color: var(--kendo-color-on-primary);
  font-weight: normal;
}

/* Make sort icons white on detail rows */
.k-grid .k-detail-row .k-grid .k-grid-header .k-sort-icon,
.k-grid .k-detail-row .k-grid .k-grid-header .k-sort-order {
  color: var(--kendo-color-on-primary);
}

/* Increase the clickable area for expand buttons on grids */
.k-grid .k-hierarchy-cell > .k-icon {
    height: 2.5em;
    width: 2.5em;

    /* Use padding to avoid increasing the size of the chevron icon inside */
    padding-inline: 0.6em;
}

/*** KENDO PAGER OVERRIDES ***/

/* Make active pager button orange */
.k-pager .k-button.k-selected,
.k-pager .k-button.k-selected::before {
  background-color: var(--rvs-color-active-page) !important;
  color: inherit;
}

/*** KENDO TABSTRIP OVERRIDES ***/

/* Change color of tabs */
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
  background-color: unset;
  border: 0;
  color: var(--kendo-color-on-app-surface);
}

/* Change color of active tab */
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
  border-bottom: 4px solid var(--rvs-color-active-tab) !important;
  color: var(--rvs-color-active-tab);
}

/* Remove formatting of tab content */
.k-tabstrip-content {
  border: 0;
  padding: 0;
}

/* Remove formatting of tab content */
.k-tabstrip-items-wrapper {
  border: 0;
}