#keyGrid {
    font-size: 14px;
}

 .k-grid tr:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.k-grid .k-header {
    background: transparent;
    border-color: inherit;
}

.k-grid .k-grid-header {
    padding-right: 10px !important;
}

.k-grid .k-column-title {
    font-weight: 600;
    color: #5C5C5C;
    text-rendering: optimizeLegibility;
}

.k-grid .k-pager-wrap {
    background: transparent;
    padding: 8px;
}

.k-list-item.k-selected {
    background-color: #DD1E33 !important;
}

.k-picker, .k-widget.k-picker {
    background: transparent;
    border-color: inherit;
}

.k-grid .k-grid-content-locked td,
.k-grid-header-locked .k-header,
.k-filter-row>th {
    border-color: inherit !important;
}

.k-grid tr.k-filter-row:hover,
.k-grid .k-grid-header thead tr:hover {
    background-color: transparent !important;
}

.k-pager-wrap .k-link.k-state-selected {
    background-color: rgba(0, 0, 0, 0.16);
    color: rgb(18, 18, 18);
}

.k-pager-wrap .k-link,
.k-pager-wrap .k-link.k-state-disabled {
    border-color: transparent;
}

/* width */
.k-auto-scrollable::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  .k-auto-scrollable::-webkit-scrollbar-track {
    border-radius: 10px;
  }
  
  /* Handle */
  .k-auto-scrollable::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.16);
    border-radius: 10px;
  }