:root {
  --kendo-font-size: 12px;
  --kendo-grid-border: var(--kendo-component-bg, transparent);
  --kendo-grid-header-padding-y-md: 4px;
  --kendo-grid-filter-cell-padding-y-md: 3px;
  --kendo-grid-cell-padding-y-md: 5px;
  --kendo-button-padding-y-md: 3px;
  --kendo-tile-layout-bg: transparent;
  --kendo-card-bg: #ffffff5c;
}

/* Overrides voor combobox */

.d-input-combo-box {
  --kendo-input-focus-border-width: 0px;
  --kendo-input-solid-border: transparent;
  --kendo-input-solid-hover-focus-border: var(--kendo-neutral-100, black);
  --kendo-input-solid-hover-border: var(--kendo-neutral-100, black);
  --kendo-input-solid-focus-border: var(--kendo-neutral-100, black);
}

  .d-input-combo-box:not(.k-focus) .k-input-inner {
    font-weight: 500;
  }

.d-input-combobox-popup .k-list {
  font-size: 12px;
  max-height: 250px;
}

/* Overrides voor SideMenuSearch */

.d-side-menu-search-textbox {
  --kendo-input-focus-border-width: 0px;
  --kendo-input-solid-border: #6767673d;
  --kendo-input-solid-hover-focus-border: transparent;
  --kendo-input-solid-hover-border: transparent;
  --kendo-input-solid-focus-border: transparent;
  width: 225px;
}

/*Overrides voor Tooltip*/
.k-tooltip {
  max-width: 500px !important;
}
  /* Overrides voor textbox en numeric textbox */
  .d-input-textbox, .d-input-numeric-textbox {
  --kendo-input-focus-border-width: 0px;
  --kendo-input-solid-border: transparent;
  --kendo-input-solid-hover-focus-border: var(--kendo-neutral-100, black);
  --kendo-input-solid-hover-border: var(--kendo-neutral-100, black);
  --kendo-input-solid-focus-border: var(--kendo-neutral-100, black);
}

  .d-input-textbox:not(.k-focus) .k-input-inner,
  .d-input-numeric-textbox:not(.k-focus) .k-input-inner {
    font-weight: 500;
  }

  .d-input-numeric-textbox.align-right .k-numeric-wrap .k-input {
    text-align: right;
  }

  .d-input-numeric-textbox.align-center .k-numeric-wrap .k-input {
    text-align: center;
  }

/* Overrides voor text area */

.d-input-textarea {
  --kendo-input-focus-border-width: 0px;
  --kendo-input-solid-border: transparent;
  --kendo-input-solid-hover-focus-border: var(--kendo-neutral-100, black);
  --kendo-input-solid-hover-border: var(--kendo-neutral-100, black);
  --kendo-input-solid-focus-border: var(--kendo-neutral-100, black);
}

  .d-input-textarea:not(.k-focus) {
    font-weight: 500;
  }

  .d-input-textarea > .k-input-inner {
    resize: vertical;
  }

/* Overrides voor datepicker en datetime picker */

.d-input-datetime-picker,
.d-input-date-picker {
  --kendo-input-focus-border-width: 0px;
  --kendo-input-solid-border: transparent;
  --kendo-input-solid-hover-focus-border: var(--kendo-neutral-100, black);
  --kendo-input-solid-hover-border: var(--kendo-neutral-100, black);
  --kendo-input-solid-focus-border: var(--kendo-neutral-100, black);
}

  .d-input-datetime-picker.k-input:not(.k-focus) .k-input-inner,
  .d-input-date-picker.k-input:not(.k-focus) .k-input-inner {
    font-weight: 500;
  }

/* Overrides voor search bar input controls */

.k-grid .k-filtercell {
  --kendo-input-focus-border-width: 0px;
  --kendo-input-solid-border: var(--kendo-neutral-30, black);
  --kendo-input-solid-hover-focus-border: var(--kendo-neutral-100, black);
  --kendo-input-solid-hover-border: var(--kendo-neutral-100, black);
  --kendo-input-solid-focus-border: var(--kendo-neutral-100, black);
  --kendo-button-focus-border-width: 0px;
  --kendo-button-solid-base-border: transparent;
  --kendo-button-solid-base-hover-focus-border: var(--kendo-neutral-100, black);
  --kendo-button-solid-base-hover-border: var(--kendo-neutral-100, black);
  --kendo-button-solid-base-focus-border: var(--kendo-neutral-100, black);
  --kendo-picker-focus-border-width: 0px;
  --kendo-picker-solid-border: transparent;
  --kendo-picker-solid-hover-focus-border: var(--kendo-neutral-100, black);
  --kendo-picker-solid-hover-border: var(--kendo-neutral-100, black);
  --kendo-picker-solid-focus-border: var(--kendo-neutral-100, black);
}

/* Overrides voor  GridCommandButton */

.k-icon-button.k-button-md {
  --kendo-icon-button-md-padding-y: 1px;
}

/* Overrides voor grid header */
.k-grid .k-table-th {
  --kendo-grid-header-border-width-x: 1px;
}

/* non-sortable headers */
.k-grid th.d-right {
  text-align: right;
  padding-right: 2.5rem;
}

/* sortable headers */
th.d-right .k-cell-inner > .k-link {
  justify-content: right;
}

/* unbound and non-filterable columns */
.k-grid-header th.d-right.right-padding {
  padding-right: 12px;
}

  /* filterable grid, sortable non-filterable columns */
  .k-grid-header th.d-right.right-padding > .k-cell-inner {
    margin-right: 0;
  }

  .k-grid .k-column-title {
    white-space: normal;
  }

.k-grid-header .k-grid-header-menu.k-active {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M64 64v32l160 160v224l64-64V256L448 96V64z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
  background-color: transparent;
  margin-right: 18px;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  margin-bottom: 5px;
}

  .k-grid-header .k-grid-header-menu.k-active > * {
    visibility: hidden;
  }

/* Overrides voor Card */
.d-card-wrapper {
  display: flex;
  flex-direction: column;
}

.d-card {
  border-radius: var(--kendo-card-border-radius, 0.3rem);
  flex-grow: 1;
  margin-bottom: 15px;
  backdrop-filter: blur(5px);
}

.d-card .k-card-body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.k-toolbar{
  --kendo-neutral-10: transparent; 
  justify-content: flex-end;
}