@use './src/styles.scss';

.k-grid .k-table-thead, .k-grid .k-table-tfoot{
    color: var(--mat-table-header-headline-color);
}

.k-grid .k-table-thead .k-column-title{
    font-weight: 500;
}

 kendo-grid{
  border-radius: 8px;
  overflow: hidden;
}

.k-dropdown-wrap>.k-input, .k-dropdown .k-dropdown-wrap .k-select, .k-list, .k-reset {
  background-color: var(--mat-app-background-color) !important;
}

/* .k-grid .k-grid-md .k-table-th, .k-grid-md .k-table-th{
  background-color: #ECEFF1;
  color: var(--Gray-Gray-700, #616161);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
} */

.k-grid .k-grid-sm .k-table-th, .k-grid-sm .k-table-th{
  background-color: #ECEFF1;
  color: var(--Gray-Gray-700, #616161);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

/*
.k-table-md .k-table-th, .k-table-md .k-table-td{
  padding-block: 8px !important;
  padding-inline: 16px !important;
}

.k-table-md .k-table-th{
  padding-block: 15px !important;
}

*/
.k-grid-header .k-table-th.k-grid-header-sticky,.k-grid-header td.k-grid-header-sticky,.k-grid-header .k-table-td.k-grid-header-sticky,.k-grid-header .k-grid-header-sticky.k-sorted {
  /* color: var(--kendo-color-subtle, #757575); */
  border-right-color: transparent !important;
  /* padding-block: 16px !important; */
  /* background-color: #ECEFF1 !important; */
}


.k-grid-content-sticky, .k-grid-header-sticky{
  box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-right-color: transparent;
}

kendo-grid.k-grid .k-grid-content-sticky{
  border-right-color: transparent !important;
  /* background-color: #fff !important; */
}
/*
kendo-grid.k-grid .k-grid-content-sticky:hover{
  border-right-color: transparent !important;
  background-color: #fff !important;
}

kendo-grid.k-grid tr:hover{
  background-color: yellow !important:
}
*/
.k-grid .k-table-tbody>.k-table-row:hover .k-grid-content-sticky {
  background-color: var(--kendo-color-base-hover) !important;
}
.k-grid .k-table-tbody>.k-table-row:hover {
  background-color: var(--kendo-color-base-hover) !important;
}
