.k-button-text {
  color: black;
}

.k-svg-icon {
  color: black;
}

.k-pager-nav.k-icon-button,
.k-pager-refresh.k-icon-button {
  border-radius: 50% !important; /* Makes the button circular */
  width: 30px; /* Adjust size as needed */
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px !important;
  margin: 0px 5px 0px 5px;
  background: #fff none repeat scroll 0 0 !important;
  border-bottom: .213em solid #999 !important;
  border-bottom-color: rgb(153, 153, 153);
  border-color: #a2a2a2 #a2a2a2 #999 !important;
  border-radius: 35px !important;
  box-shadow: 13px -30px 13px -33px rgba(230,230,230,1) inset;
}

.k-pager-nav.k-icon-button .k-icon,
.k-pager-refresh.k-icon-button .k-icon {
  width: 10px;
  height: 10px;
}

.k-pager-nav.k-icon-button svg,
.k-pager-refresh.k-icon-button svg {
  width: 100%;
  height: 100%;
  fill: black; /* Icon color; change if needed */
}

.k-tabstrip-items {
  background: #3f51b5;
}

.k-tabstrip-items .k-item {
  background: #3f51b5;
  color: white;
}

.k-tabstrip-items .k-item.k-active {
  background: #7682c670;
  color: white;
}

.k-tabstrip-items-wrapper .k-item:active,
.k-tabstrip-items-wrapper .k-item:hover {
  background: #7682c670;
  color: white;
}

.k-tabstrip-items .k-state-default {
  background: #3f51b5 #fff !important;
  background: rgb(63, 81, 181) #fff !important;
}

.k-detail-row {
  background: #8e8d8e !important;
  -webkit-box-shadow: inset 0 5px 11px -7px rgba(50,50,50,1);
  -moz-box-shadow: inset 0 5px 11px -7px rgba(50,50,50,1);
  box-shadow: inset 0 5px 11px -7px rgba(50,50,50,1);
}

.k-list-item.k-selected {
  background: #3c4b84 !important;
  box-shadow: #1d2959 !important;
}

.k-filtercell-operator {
  font-size: 12px; /* Reduce text size */
  padding: 8px 0px 0px 0px; /* Optional: reduce padding */
  max-height: 30px; /* Optional: limit height */
}

.k-grid-toolbar.k-grid-top {
  text-align: right;
}

input[type="text"] {
  height: 28px !important;
}

.k-dropdownlist.k-dropdown-operator {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  width: auto !important;
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
  padding: 3px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.k-input-button.k-icon-button:hover {
  background-color: #c5c5c5 !important;
}

.k-toolbar.k-toolbar-resizable {
  justify-content: end;
}

.k-button-md.k-icon-button {
  padding: var(--kendo-spacing-1, 0.25rem) !important;
}

.k-button-solid-base {
  border-color: #dee2e6 !important;
  color: #212529 !important;
  background-color: #dee2e6 !important;
  background-image: none !important;
}

.k-button-solid-base:hover, .k-button-solid-base.k-hover {
  border-color: #ced4da !important;
  background-color: #ced4da !important;
  background-image: none !important;
}

.k-button-solid-base.k-selected {
  border-color: #007ecc !important;
  color: #ffffff !important;
  background-color: #007ecc !important;
}

.k-button-solid-base.k-icon-button:hover {
  border: none !important;
}

.k-editor-toolbar .k-button-group.k-button-group-solid.k-toolbar-button-group,
.k-editor-toolbar .k-button.k-icon-button.k-toolbar-button,
.k-editor .k-editor-toolbar span.k-toolbar-item span.k-input,
.k-editor .k-editor-toolbar span.k-colorpicker {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem !important;
}

.k-input .k-input-inner {
  border: none !important;
  box-shadow: none !important
}

:root {
  --kendo-color-primary: #0d6efd;
  --kendo-color-primary-hover: #0c64e4;
  --kendo-color-primary-active: #0a58ca;
  --kendo-color-primary-emphasis: rgba(13, 110, 253, 0.4);
}

.k-filter-menu-container .k-actions-stretched button.k-button.k-button-solid-primary {
  background-color: #5b6eba;
  border-color: #5b6eba;
}

.k-filter-menu-container .k-actions-stretched button.k-button.k-button-solid-primary .k-button-text {
  color: #ffffff;
}

.k-filter-menu-container .k-actions-stretched button.k-button.k-button-solid-primary .k-svg-icon > svg {
  fill: #ffffff;
}

.k-grid-header .k-grid-filter.k-active, .k-grid-header .k-header-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active, .k-grid-header .k-hierarchy-cell .k-icon.k-active {
  background-color: #a3a2a2;
}

.k-filtercell-wrapper .k-filtercell-operator .k-rounded-md.k-button-solid-base.k-icon-button[title="Clear"] {
  display: none
}

.k-command-cell .k-grid-edit-command.k-button-solid.k-button-solid-primary,
.k-command-cell .k-grid-edit-command.k-button-solid.k-button-solid-primary:focus,
.k-command-cell .k-grid-save-command.k-button-solid.k-button-solid-primary {
  background-color: #dee2e6 !important;
  border-color: #dee2e6 !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, #3d3d3d 8%, transparent);
}

.k-button.k-button-icontext {
  border-color: #c5c5c5;
  padding: 2px 7px 2px;
  text-decoration: none;
}

.k-button.k-button-icontext:hover {
  border-color: #b6b6b6;
  background-color: #bcb4b0;
  color: #333
}

.k-button.k-button-icontext:focus {
  color: #333
}