:root {
    --tb-eg-govgr-border-color: var(--eg-border-color);
}


.k-grid a[type="button"] { color : var(--color-white); }
.k-grid .k-table { height: 100% !important; }
.k-window { border-color: var(--color-primary); }

.k-input ::placeholder,
.k-picker ::placeholder {
    color: var(--eg-placeholder-color);
}

/* Telerik buttons in combination with digigov styling */
.k-button.govgr-btn {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    font-weight: normal;
}
/*primary*/
.k-button.govgr-btn-primary {
    background-color: var(--btn-primary-background-color);
    color: var(--btn-primary-color);
}
.k-button.govgr-btn-primary:hover {
    background-color: var(--btn-primary-background-color-hover);
    color: var(--btn-primary-color-hover);
}
/*secondary*/
.k-button.govgr-btn-secondary {
    background-color: var(--btn-secondary-background-color);
    color: var(--btn-secondary-color);
}
.k-button.govgr-btn-secondary:hover {
    background-color: var(--btn-secondary-background-color-hover);
    color: var(--btn-secondary-color-hover);
}
/*tertiary*/
.k-button.govgr-btn-tertiary {
    background-color: var(--btn-tertiary-background-color);
    color: var(--btn-tertiary-color);
}
.k-button.govgr-btn-tertiary:hover {
    background-color: var(--btn-tertiary-background-color-hover);
    color: var(--btn-tertiary-color-hover);
}
/*info*/
.k-button.govgr-btn-info {
    background-color: var(--btn-info-background-color);
    color: var(--btn-info-color);
}
.k-button.govgr-btn-info:hover {
    background-color: var(--btn-info-background-color-hover);
    color: var(--btn-info-color-hover);
}
/*success*/
.k-button.govgr-btn-success {
    background-color: var(--btn-success-background-color);
    color: var(--btn-success-color);
}
.k-button.govgr-btn-success:hover {
    background-color: var(--btn-success-background-color-hover);
    color: var(--btn-success-color-hover);
}
/*error*/
.k-button.govgr-btn-error {
    background-color: var(--btn-error-background-color);
    color: var(--btn-error-color);
}
.k-button.govgr-btn-error:hover {
    background-color: var(--btn-error-background-color-hover);
    color: var(--btn-error-color-hover);
}
/*warning*/
.k-button.govgr-btn-warning {
    background-color: var(--btn-warning-background-color);
    color: var(--btn-warning-color);
}
.k-button.govgr-btn-warning:hover {
    background-color: var(--btn-warning-background-color-hover);
    color: var(--btn-warning-color-hover);
}

.side-bordered-cell {
    /*height: 50px;*/
    height: calc(100% - 5px);
    padding: 0px !important;
    margin: 0px !important;
    border-right: 5px solid var(--secondary) !important;
    border-radius: 0px !important;
}
.xwrisypoloipo-cell { border-color: var(--success) !important; }
.arnitikoypoloipo-cell { border-color: var(--error) !important; }

/* Disable scrolling on grid */
.grid-no-scroll .k-grid-content { overflow-y: auto; }
.grid-no-scroll .k-grid-header-wrap, .grid-no-scroll .k-grid-footer-wrap { border-right-width: 0; }
.grid-no-scroll .k-grid-header, .grid-no-scroll .k-grid-footer {
    padding-right: 0; /* version 2.26 and older requires !important here */
}

.k-grid-header .k-table-th {
    text-align: center;
}

.k-grid th {
    justify-content: center;
    white-space: normal !important;
    vertical-align: middle !important;
}

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

.k-grid tr .col-wrap {
    justify-content: center;
    white-space: normal !important;
    vertical-align: middle !important;
}

    .k-grid tr .col-wrap td {
        white-space: normal !important;
    }

/* -------------- DARK THEME --------------- */
/*
    border: 1px solid var(--eg-border-color);
    th: background-color: var(--eg-light-gray);
    tr: background-color: var(--eg-secondary-bg-color);
*/

.k-input-solid {
    --kendo-input-bg: var(--eg-secondary-bg-color);
    --kendo-input-text: var(--eg-text-color);
    --kendo-input-border: var(--eg-border-color);
    --kendo-input-hover-bg: var(--eg-secondary-bg-color);
    --kendo-input-hover-text: var(--eg-text-color);
    --kendo-input-hover-border: var(--eg-border-color);
    --kendo-input-focus-bg: var(--eg-secondary-bg-color);
    --kendo-input-focus-text: var(--eg-text-color);
    --kendo-input-focus-border: var(--eg-border-color);
    --kendo-input-hover-focus-bg: var(--eg-secondary-bg-color);
    --kendo-input-hover-focus-text: var(--eg-text-color);
    --kendo-input-hover-focus-border: var(--eg-border-color);
}

.k-textbox.k-input.k-input-solid {
    border-color: var(--eg-border-color)
}
.k-input {
    border-color: var(--eg-border-color);
}
.k-input-button {
    background-color: var(--eg-border-color);
    color: var(--eg-text-color);
    border-color: var(--eg-border-color);
}

.k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th .k-cell-inner .k-link,
.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th .k-cell-inner .k-link {
    border-color: transparent;
}

.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover,
.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover {
    border-color: var(--eg-border-color);
    color: var(--eg-text-color);
    background-color: var(--eg-light-gray);
}

.k-table-row,
.k-table-alt-row {
    border-color: var(--eg-border-color);
    color: var(--eg-text-color);
    background-color: var(--eg-secondary-bg-color);
}

.k-table-thead .k-table-row,
.k-table-header .k-table-row {
    background-color: var(--eg-light-gray);
    color: var(--eg-text-color);
}

.k-table-th.k-sorted,
.k-table-td.k-sorted {
    background-color: var(--eg-secondary-bg-color);
}

.k-grid,
.k-grid-content {
    background-color: var(--eg-secondary-bg-color);
}

.k-grid-header .k-sort-icon {
    color: var(--eg-text-color);
}

.k-grid .k-table {
    background-color: var(--eg-secondary-bg-color);
    color: var(--eg-text-color);
}

.k-grid.k-grid-md .k-table-tbody .k-master-row.k-table-row .k-table-td {
    border-top-color: var(--eg-border-color)
}

.k-grid.k-grid-md .k-table-thead .k-table-row .k-header.k-table-th.k-sorted .k-cell-inner .k-link,
.k-grid.k-grid-md .k-grid-header .k-table-row .k-header.k-table-th.k-sorted .k-cell-inner .k-link {
    border-color: transparent;
}

.k-pager {
    background-color: var(--eg-secondary-bg-color);
    color: var(--eg-text-color);
    border-color: var(--eg-border-color);
}

.k-button-flat-primary {
    --kendo-button-selected-bg: var(--eg-border-color);
}

.k-dropdownlist.k-picker {
    border-color: var(--eg-border-color);
}

.k-picker {
    --kendo-picker-bg: var(--eg-secondary-bg-color);
    --kendo-picker-text: var(--eg-text-color);
    --kendo-picker-border: var(--eg-border-color);
    --kendo-picker-hover-bg: var(--eg-gray-hover);
    --kendo-picker-hover-text: var(--eg-text-color);
    --kendo-picker-hover-border: var(--eg-border-color);
    --kendo-picker-focus-bg: var(--eg-gray-hover);
    --kendo-picker-focus-text: var(--eg-text-color);
    --kendo-picker-focus-border: var(--eg-border-color);
    --kendo-picker-hover-focus-bg: var(--eg-gray-hover);
    --kendo-picker-hover-focus-text: var(--eg-text-color);
    --kendo-picker-hover-focus-border: var(--eg-border-color);
}

.k-disabled {
    background: var(--eg-light-gray);
}

.k-toolbar {
    --kendo-toolbar-bg: var(--eg-secondary-bg-color);
    --kendo-toolbar-text: var(--eg-text-color);
    --kendo-toolbar-border: var(--eg-border-color);
}

.k-pager-info {
    color: var(--eg-text-color);
}

.k-popup {
    --kendo-popup-border: var(--eg-border-color);
    --kendo-popup-text: var(--eg-text-color);
    --kendo-popup-bg: var(--eg-secondary-bg-color);
    --kendo-popup-shadow: var(--eg-box-shadow);
}

.k-list {
    --kendo-list-border: var(--eg-border-color);
    --kendo-list-text: var(--eg-text-color);
    --kendo-list-bg: var(--eg-secondary-bg-color);
}

.k-list-item, .k-list-optionlabel {
    --kendo-list-item-text: var(--eg-text-color);
    --kendo-list-item-bg: var(--eg-secondary-bg-color);
    --kendo-list-item-hover-text: var(--eg-text-color);
    --kendo-list-item-hover-bg: var(--eg-light-gray);
    --kendo-list-item-focus-text: var(--eg-text-color);
    --kendo-list-item-focus-bg: var(--eg-light-gray);
    --kendo-list-item-hover-focus-text: var(--eg-text-color);
    --kendo-list-item-hover-focus-bg: var(--eg-light-gray);
    --kendo-list-item-selected-color: var(--eg-light-gray);
    --kendo-list-item-selected-border: transparent;
    --kendo-list-item-selected-text: var(--eg-text-color);
    --kendo-list-item-selected-bg: var(--eg-light-gray);
    --kendo-list-item-selected-hover-text: var(--eg-text-color);
    --kendo-list-item-selected-hover-bg: var(--eg-light-gray);
    --kendo-list-item-focus-shadow: transparent;
}

.k-loader-container-panel {
    --kendo-loader-container-panel-bg: var(--eg-secondary-bg-color);
    --kendo-loader-container-panel-border-color: var(--eg-secondary-bg-color);
}

.k-switch.k-focus::after, .k-switch:focus::after { outline: 0; }

.dark .k-loader-container-label.k-text-info {
    color: var(--color-white);
}

.k-window {
    --kendo-window-bg: var(--eg-main-bg-color);
}

.k-window-titlebar {
    --kendo-window-titlebar-bg: var(--eg-main-bg-color);
}

.k-window .k-window-titlebar {
    border-color: var(--tb-eg-govgr-border-color);
}

.k-prompt-container, .k-window-content {
    color: var(--eg-text-color);
}

.k-window .k-window-titlebar .k-window-title {
    color: var(--eg-text-color);
}

.k-chip-solid-base {
    --kendo-chip-bg: var(--eg-light-gray);
    --kendo-chip-border: var(--eg-border-color);
    --kendo-chip-text: var(--eg-text-color);
    --kendo-chip-hover-bg: var(--eg-light-gray);
    --kendo-chip-hover-border: var(--eg-border-color);
    --kendo-chip-hover-text: var(--eg-text-color);
    --kendo-chip-focus-bg: var(--eg-light-gray);
    --kendo-chip-focus-border: var(--eg-border-color);
    --kendo-chip-focus-text: var(--eg-text-color);
}

.k-chart, .k-sparkline, .k-stockchart {
    border: 0;
}

.k-loader-container, .k-loader-container-overlay {
    position: fixed;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    padding: 20px 0;
}

.k-pager-numbers .k-selected { z-index: 1; }

/** Tooltip **/
.egritos-telerik-tooltip {
    max-width: 200px; /* Adjust width as needed */
    white-space: normal; /* Allows wrapping */
    word-wrap: break-word; /* Break long words */
    overflow-wrap: break-word;
}