.k-widget * {
    box-sizing: border-box !important;
}

/* Input Label */
.t-input-label {
    display: block;
    font-family: var(--t-font-family-info);
    font-size: var(--t-input-label-font-size) !important;
    font-weight: var(--t-input-label-font-weight) !important;
    letter-spacing: var(--t-letter-spacing-01);
    color: var(--t-font-color);
    padding: 0;
    margin: 0;
    white-space: nowrap !important;
}

/* Input Sizes */
.t-input--lg {
    height: var(--t-input-height) !important;
    --t-input-height: var(--t-input-height-lg);
    font-size: var(--t-input-font-size-lg);
    --t-input-font-size: var(--t-input-font-size-lg);
    font-weight: var(--t-input-font-weight-lg);
    --t-input-font-weight: var(--t-input-font-weight-lg);
    line-height: var(--t-input-line-height-lg);
    --t-input-line-height: var(--t-input-line-height-lg);
}

.t-input--md {
    height: var(--t-input-height) !important;
    --t-input-height: var(--t-input-height-md);
    font-size: var(--t-input-font-size-md);
    --t-input-font-size: var(--t-input-font-size-md);
    font-weight: var(--t-input-font-weight-md);
    --t-input-font-weight: var(--t-input-font-weight-md);
    line-height: var(--t-input-line-height-md);
    --t-input-line-height: var(--t-input-line-height-md);
}

.t-input--sm {
    height: var(--t-input-height) !important;
    --t-input-height: var(--t-input-height-sm);
    font-size: var(--t-input-font-size-sm);
    --t-input-font-size: var(--t-input-font-size-sm);
    font-weight: var(--t-input-font-weight-sm);
    --t-input-font-weight: var(--t-input-font-weight-sm);
    line-height: var(--t-input-line-height-sm);
    --t-input-line-height: var(--t-input-line-height-sm);
}

.t-input--xs {
    height: var(--t-input-height) !important;
    --t-input-height: var(--t-input-height-xs);
    font-size: var(--t-input-font-size-xs);
    --t-input-font-size: var(--t-input-font-size-xs);
    font-weight: var(--t-input-font-weight-xs);
    --t-input-font-weight: var(--t-input-font-weight-xs);
    line-height: var(--t-input-line-height-xs);
    --t-input-line-height: var(--t-input-line-height-xs);
}

/* Input Field */
.t-input {
    display: block;
    font-family: var(--t-font-family-info);
    letter-spacing: var(--t-letter-spacing-01);
    border: var(--t-input-border-default);
    border-radius: var(--t-input-radius);
    background: var(--t-color-surface-00);
    padding: 0 var(--t-spacing-03);
    margin: 0 !important;
    width: 100%;
    min-width: 0;
    white-space: nowrap;
    outline: none;
    transition: border-color 0.2s ease;
    text-overflow: ellipsis !important;
    text-wrap: nowrap !important;
    overflow: hidden !important;
}
.t-input, .k-input {
    color: var(--t-input-text-color-default) !important;
    font-size: var(--t-input-font-size) !important;
    line-height:var(--t-input-line-height) !important;
    font-weight:var(--t-input-font-weight) !important;

}

    /* =========================
   Placeholder - Default State
   ========================= */
    .t-input::placeholder,
    .k-input::placeholder 
    {
        color: var(--t-input-ph-color-default) !important;
    }

    /* =========================
   Placeholder - Focus State
   ========================= */
    .t-input:focus::placeholder,
    .k-input:focus::placeholder
     {
        color: var(--t-input-ph-color-focused) !important;
    }

    /* =========================
   Placeholder - Disabled State
   ========================= */
    .t-input:disabled::placeholder,
    .k-input:disabled::placeholder
    {
        color: var(--t-input-ph-color-disabled) !important;
    }

    /* =========================
   Placeholder - Readonly State
   ========================= */
    .t-input[readonly]::placeholder,
    .k-input[readonly]::placeholder
     {
        color: var(--t-input-ph-color-readonly) !important;
    }

    /*========== 1) Root (widget level) ==========*/
    /* Root level of each widget */
    .k-widget.k-combobox,
    .k-widget.k-dropdown,
    .k-widget.k-dropdowngrid,
    .k-widget.k-dropdowntree,
    .k-widget.k-multiselect,
    .k-widget.k-numerictextbox,
    /* Note: .k-textbox is usually NOT a .k-widget */
    .k-widget.k-dateinput,
    .k-widget.k-datepicker,
    .k-widget.k-timepicker,
    .k-widget.k-datetimepicker,
    .k-widget.k-daterangepicker,
    .k-widget.k-maskedtextbox,
    .k-widget.k-colorpicker {
        /*    border: 1px solid red !important;*/
        width: 100% !important;
        background: transparent !important;
        height: var(--t-input-height) !important;
        border-radius: var(--t-input-radius) !important;
        overflow: visible !important;
        padding: 0;
        display: flex;
        align-items: center;
        border: none;
    }
.k-widget.k-autocomplete {
    /*    border: 1px solid red !important;*/
    width: 100% !important;
    height: var(--t-input-height) !important;
    border-radius: var(--t-input-radius) !important;
    overflow: hidden !important;
    padding: 0;
    display: flex;
    align-items: center;
    border: none;
}
    /*========== 2) Wrapper level (first inner depth) ==========*/
    /* DropDown / ComboBox / DropDownGrid / DropDownTree */
.k-widget.k-dropdown > .k-dropdown-wrap,
.k-widget.k-combobox > .k-dropdown-wrap,
.k-widget.k-dropdowngrid > .k-dropdown-wrap,
.k-widget.k-dropdowntree > .k-dropdown-wrap,
/* MultiSelect */
.k-widget.k-multiselect > .k-multiselect-wrap,
.k-widget.k-dropdowntree > .k-multiselect-wrap,
/* NumericTextBox */
.k-widget.k-numerictextbox > .k-numeric-wrap,
/* Date/Time/DateTime/Range/Color Picker */
.k-widget.k-datepicker > .k-picker-wrap,
.k-widget.k-timepicker > .k-picker-wrap,
.k-widget.k-datetimepicker > .k-picker-wrap,
.k-widget.k-daterangepicker > .k-picker-wrap,
.k-widget.k-colorpicker > .k-picker-wrap {
    /*    border: 1px solid blue !important;*/
    width: 100%;
    display: flex !important;
    align-items: center;
    height: var(--t-input-height) !important;
    border: var(--t-input-border-default);
    border-radius: var(--t-input-radius) !important;
    background: var(--t-color-surface-00);
    color: var(--t-font-color);
    padding: 0;
    overflow: hidden !important;
    /*    box-shadow: var(--t-input-shadow) !important;*/
}

/* No-wrapper types (input placed directly under root) */
    .k-widget.k-autocomplete > .k-input,
    .k-widget.k-datepicker > .k-input,
    .k-widget.k-dateinput > .k-input,
    .k-widget.k-maskedtextbox > .k-input {
        /*        border: 1px solid green !important;*/
        width: 100%;
        height: calc(var(--t-input-height) - 4px) !important;
        padding: 0 var(--t-spacing-03) !important;
        display: flex;
        align-items: center;
        border: none;
        box-shadow: none;
        color: var(--t-input-color-default);
        font-size:var(--t-input-font-size);
        font-weight: var(--t-input-font-weight);
        
    }

    .k-widget.k-autocomplete.k-state-default.k-state-hover > .k-input,
    .k-widget.k-autocomplete.k-state-default.k-state-hover > .k-input,
    .k-widget.k-maskedtextbox.k-state-default.k-state-hover > .k-input,
    .k-widget.k-autocomplete.k-state-default.k-state-focused > .k-input,
    .k-widget.k-dateinput.k-state-default.k-state-focused > .k-input,
    .k-widget.k-maskedtextbox.k-state-default.k-state-focused > .k-input {
        border: none !important;
        box-shadow: none !important;
    }

/* Wrapper states (state classes are usually applied here) */
.k-dropdown-wrap.k-state-default,
.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-focused,
.k-multiselect-wrap.k-state-default,
.k-multiselect-wrap.k-state-hover,
.k-multiselect-wrap.k-state-focused,
.k-numeric-wrap.k-state-default,
.k-numeric-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-picker-wrap.k-state-default,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused {
/*    border: 1px solid blue !important;*/
    display:block;
}
/* ================================
   RESET: remove all default Kendo input states
   (only under .t-kendoadjust scope, input-type widgets only)
   ================================ */
.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-focused,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-numeric-wrap.k-state-active,
.k-multiselect-wrap.k-state-hover,
.k-multiselect-wrap.k-state-focused,
.k-multiselect-wrap.k-state-active,
.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused,
.k-dateinput.k-state-hover,
.k-dateinput.k-state-focused,
.k-maskedtextbox.k-state-hover,
.k-maskedtextbox.k-state-focused {
  background: inherit !important;
  color: inherit !important;
  border-color: inherit !important;
  box-shadow: none !important;
}

/* ================================
   DEFAULT BORDER
   ================================ */
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-multiselect-wrap,
.k-autocomplete,
.k-dateinput,
.k-maskedtextbox,
input.k-textbox,
textarea.k-textbox {
    border: var(--t-input-border-default) !important;
    transition: border-color .15s ease;
}

/* ================================
   HOVER STATE
   ================================ */
.t-input:hover,
.k-dropdown-wrap.k-state-default.k-state-hover,
.k-picker-wrap.k-state-default.k-state-hover,
.k-numeric-wrap.k-state-default.k-state-hover,
.k-multiselect.k-multiselect-clearable.k-state-hover > .k-multiselect-wrap,
.k-autocomplete.k-state-default.k-state-hover,
.k-dateinput.k-state-default.k-state-hover,
.k-maskedtextbox.k-state-default.k-state-hover,
input.k-textbox:hover,
textarea.k-textbox:hover {
    border: var(--t-input-border-hover) !important;
    background: var(--t-input-bg-hover) !important;
}
.k-widget.k-dropdown,
.k-widget.k-datepicker,
.k-widget.k-numerictextbox,
.k-widget.k-multiselect.k-multiselect-clearable,
.k-widget.k-combobox,
.k-widget.k-dropdown.k-state-border-down
.k-dropdown-wrap.k-state-focused.k-state-active.k-state-border-down.k-state-hover
.k-picker-wrap.k-state-default.k-state-focused {
    border: none !important;
    box-shadow: none !important;
}
    
    /* ================================
   FOCUS / ACTIVE STATE
   ================================ */
/*    .t-input:focus,
    .k-dropdown-wrap.k-state-default.k-state-focused.k-state-border-down,
    .k-picker-wrap.k-state-default.k-state-focused,
    .k-numeric-wrap.k-state-default.k-state-focused,
    .k-multiselect-wrap.k-state-default.k-state-focused,
    .k-autocomplete.k-state-default.k-state-focused,
    .k-dateinput.k-state-default.k-state-focused,
    .k-maskedtextbox.k-state-default.k-state-focused,
    input.k-textbox:focus,
    .t-kendoadjusttextarea.k-textbox:focus {s
        border: var(--t-input-border-focused) !important;
    }
*/
/* 1) Default: root focus */

.t-input:focus,
.k-dropdown-wrap.k-state-default.k-state-hover.k-state-focused {
    border: var(--t-input-border-focused) !important;
    background: var(--t-input-bg-focused) !important;
}
/* 2) Exception: if the inner wrapper is focused, disable the root border */
.t-input:focus:has( 
    .k-dropdown-wrap.k-state-focused, 
    .k-picker-wrap.k-state-focused, 
    .k-numeric-wrap.k-state-focused, 
    .k-multiselect-wrap.k-state-focused, 
    .k-autocomplete.k-state-focused, 
    .k-dateinput.k-state-focused, 
    .k-maskedtextbox.k-state-focused ),
.t-input:hover:has( 
    .k-dropdown-wrap.k-state-hover, 
    .k-picker-wrap.k-state-hover, 
    .k-numeric-wrap.k-state-hover, 
    .k-multiselect-wrap.k-state-hover, 
    .k-autocomplete.k-state-hover, 
    .k-dateinput.k-state-hover, 
    .k-maskedtextbox.k-state-hover ),
.t-input .k-input{
    border:none !important;
    background:none;
    box-shadow: none !important;
}

/* 3) Wrapper focus rules (these must remain active) */
.k-dropdown-wrap.k-state-default.k-state-focused,
.k-picker-wrap.k-state-default.k-state-focused,
.k-numeric-wrap.k-state-default.k-state-focused,
.k-multiselect-wrap.k-state-default.k-state-focused,
.k-autocomplete.k-state-default.k-state-focused,
.k-dateinput.k-state-default.k-state-focused,
.k-maskedtextbox.k-state-default.k-state-focused,
.k-multiselect-wrap.k-state-focused,
.k-state-focused.k-state-hover.k-multiselect-clearable > .k-multiselect-wrap,
.k-state-focused.k-multiselect-clearable > .k-multiselect-wrap {
    border: var(--t-input-border-focused) !important;
    background: var(--t-input-bg-focused) !important;
    box-shadow: none !important;
} 
/* ================================
   DISABLED STATE
   ================================ */
        /* Root – disabled */
        .t-input:disabled,
        .k-widget[aria-disabled="true"],
        /* Wrapper level disabled */
        .k-dropdown-wrap.k-state-disabled,
        .k-picker-wrap.k-state-disabled,
        .k-numeric-wrap.k-state-disabled,
        .k-multiselect-wrap.k-state-disabled,
        .k-autocomplete.k-state-disabled,
        .k-dateinput.k-state-disabled,
        .k-maskedtextbox.k-state-disabled,
        input.k-textbox:disabled,
        textarea.k-textbox:disabled {
            background: var(--t-input-bg-disabled) !important;
            color: var(--t-input-text-color-disabled) !important;
            cursor: not-allowed !important;
            pointer-events: none !important;
        }
            .t-input:disabled > .k-input,
            .k-widget[aria-disabled="true"] > .k-input,
            /* Wrapper level disabled */
            .k-dropdown-wrap.k-state-disabled > .k-input,
            .k-picker-wrap.k-state-disabled > .k-input,
            .k-numeric-wrap.k-state-disabled > .k-input,
            .k-multiselect-wrap.k-state-disabled > .k-input,
            .k-autocomplete.k-state-disabled > .k-input,
            .k-dateinput.k-state-disabled > .k-input,
            .k-maskedtextbox.k-state-disabled > .k-input {
                background: var(--t-input-bg-disabled) !important;
                color: var(--t-input-text-color-disabled) !important;
                cursor: not-allowed !important;
                pointer-events: none !important;
            }

/* ================================
   READONLY STATE
   ================================ */
input[readonly],
textarea[readonly],
.k-input[readonly],
.k-textbox[readonly],
.k-widget input[readonly],
.k-widget.k-readonly,
.k-widget.k-readonly > .k-input {
    background: var(--t-input-bg-readonly) !important;
    color: var(--t-input-text-color-readonly) !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}


    /*========== 3) Inner parts (second depth and deeper) ==========*/
    /* Common inner parts */
    .k-widget .k-input {
        /*    border: 1px solid green !important;*/
        width: 100%;
        height: 100%;
        padding: 0 !important;
        display: flex;
        align-items: center;
        text-indent: var(--t-spacing-03);
/*        color: inherit !important;*/
    }

/*    k-grid pager width */
.k-pager-sizes .k-dropdown-wrap .k-input {
    min-width: 60px;
    max-width: fit-content !important
}

/* span.k-input or input.k-input depending on widget */
.k-widget .k-select {
    /*    border: 1px solid yellow !important;*/
    border-radius: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.k-multiselect-wrap .k-select {
    margin: auto 0;
    position: relative !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}
.k-multiselect .k-i-close:before {
    margin-left:2px;
    font-size: var(--t-font-size-xxs);
    padding: var(--t-spacing-01);
    border-radius: var(--t-radius-xs);
    background: var(--t-color-surface-blue-05);
}
.k-multiselect-wrap > .k-i-close {
    top:0 !important;
}
/* clearable icon/button area */
.k-widget .k-icon {
    /*    border: 1px solid pink !important;*/
    /*    width: 30px !important;*/
/*    height: 100%;*/
    padding: 0 !important;
}
/* icons */
.k-icon::before {
    margin: auto;
    height: var(--t-input-height, 1em) !important;
    line-height: var(--t-input-height, 1em) !important;
}

/* Custom */
.k-picker-wrap:has(input[disabled]),
.k-picker-wrap:has(input[readonly]) {
    pointer-events: none;
    cursor: default;
    background: inherit;
    border-color: inherit;
}

/* Input icon sizing */
.k-widget .k-link.k-link-increase,
.k-widget .k-link.k-link-decrease {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto; 
    align-self: center;
}

.k-multiselect .k-multiselect-wrap.k-floatwrap ul::after {
    content: '';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    -webkit-mask: url("/Content/Images/Icons/t-ic-add-2.5.svg") no-repeat center;
    -webkit-mask-size: 16px 16px;
    mask: url("/Content/Images/Icons/t-ic-add-2.5.svg") no-repeat center;
    mask-size: 16px 16px;
    background-color: var(--t-color-white); /* icon color (white) */
    border-radius: var(--t-radius-xs);
    margin-left: var(--t-spacing-03);
    box-sizing: border-box;
    padding: 0;
    /* circle background behind the white icon */
    background: var(--t-color-surface-07) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
.k-multiselect:hover .k-multiselect-wrap.k-floatwrap ul::after {
    background: var(--t-color-surface-10) no-repeat center;
    cursor: pointer;
}
.k-item.k-state-selected {
    background:var(--t-color-blue-05) !important;
    color:var(--t-color-white) !important;
}
/* trigger button */
.k-widget .k-clear-value {
    /*    border: 1px solid purple !important;*/
}
.k-multiselect-wrap .k-button .k-icon::before,
{
  
}
.k-multiselect-wrap .k-icon::before {
    width: 12px !important;
    height: 12px !important;
    line-height: 12px !important;
}
/* Icon horizontal, vertical align*/
/* Widget-specific differences (reference only)
   - DropDownList: span.k-input (read-only display text)
   - ComboBox / DropDownGrid / DropDownTree: input.k-input (editable)
   - MultiSelect: .k-multiselect-wrap > ul (chips) + input.k-input
   - NumericTextBox: input.k-input + .k-select > .k-link (increase/decrease buttons)
   - Date/Time/DateTime/Range/Color: input.k-input + .k-select > .k-icon
*/
/*Dropdown tree Style*/
.k-in {
    font-family: var(--t-font-family-info) !important;
    color: var(--t-font-color) !important;
    font-size: var(--t-font-size-xs) !important;
}

.k-i-collapse, .k-i-collapse:before {
    width: 1em;
    z-index: 99999;
}

.k-in .k-state-focused {
    box-shadow: none !important;
}

.k-treeview > .k-state-focused {
    border: none !important;
    box-shadow: none !important;
}

.k-in.k-state-hover {
    background: var(--t-color-surface-blue-02) !important;
}

.k-dropdowntree .k-button {
    margin-top: 3px !important;
    font-family: var(--t-font-family-info);
    font-size: var(--t-font-size-xs);
    border: 1px solid var(--t-color-surface-blue-02);
    color: var(--t-color-blue-05);
    background: var(--t-color-surface-blue-01);
    border-radius: var(--t-radius-sm);
}

    .k-dropdowntree .k-button .k-state-hover {
        border: 1px solid var(--t-color-surface-blue-03);
        background: var(--t-color-surface-blue-02);
    }

.k-treeview > .k-group,
.k-i-expand.k-icon::before {
    line-height: 26px;
}

.k-treeview .k-in {
    margin-top: 1px;
}

.k-checkbox-wrapper {
    margin-left: 10px !important;
}

.k-icon {
    overflow: visible !important;
}

.k-list-container.k-popup-dropdowntree .k-treeview {
    max-height: 360px !important;
}

/*Dropdowntree Checkbox color*/
.k-checkbox:indeterminate + .k-checkbox-label:after {
    background: var(--t-color-blue-05) !important;
}

/*============================== k-grid ==============================*/
    
/* Order Grid Styles */
.grid-update,
.grid-cancel {
    margin-right: 10px;
}

span.textbox:after {
    display: none;
}

.widget.tooltip {
    top: 30px;
    width: 320px;
    left: 190px;
}

.window-title {
    font-size: 25px;
}

.body-footer {
    padding-top: 10px;
}

/*checkbox adjustment*/

input[type="radio"], input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
}



/*K-grid common*/
.k-grid {
    overflow-x: auto !important;
    overflow-y: auto !important;
}

.k-grid-table {
    width: auto !important;
    /*    shrink to fit */
    min-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
}

.k-grid-header-wrap table,
.k-grid-content table {
    table-layout: fixed !important;
    width: 100% !important;
}
/*K-grid Header*/
.k-grid-header-wrap {
    overflow-x: hidden !important;
    /*Prevent header Scroll*/
    overflow-y: hidden !important;
    margin-right: 0px !important;
    padding-right: 0px !important;
}

.k-grid th .k-link {
/*align header sort arrow*/
    display:flex !important;
    align-items:center !important;
}
.k-grid-header {
    position: sticky !important;
    /*Sticky header*/
    top: 0 !important;
    z-index: 20 !important;
    background: var(--t-page-body-color) !important;
    color: var(--t-font-color) !important;
    box-shadow: none !important;
    padding-right: 0 !important;
    border-bottom: 1px solid var(--t-color-surface-04) !important;
    vertical-align: middle !important;
}
    /*Header Style*/
    .k-grid-header th {
        vertical-align: middle !important;
        font-family: var(--t-font-family-info) !important;
        white-space: normal !important;
        word-break: break-word !important;
        /*word wrap*/
        overflow: visible !important;
        text-overflow: unset !important;
        padding: 0 var(--t-spacing-02) !important;
        height: var(--t-spacing-14) !important;
        line-height: var(--t-spacing-14) !important;
        background: var(--t-color-surface-02) !important;
        font-weight: var(--t-font-weight-xl) !important;
        font-size: var(--t-font-size-xs) !important;
        color: var(--t-font-color) !important;
        letter-spacing: var(--tru-letter-spacing-03) !important;
        border-bottom: 1px solid var(--t-color-surface-05) !important;
        box-shadow: inset -0.3px 0 0 0 var(--t-color-surface-07) !important;
    }

        .k-grid-header th:hover {
            background: var(--t-color-surface-03) !important;
            cursor: pointer !important;
        }


.k-grid-header .k-link:link, .k-grid-header .k-link:visited, .k-grid-header .k-nav-current.k-state-hover .k-link, .k-grouping-header .k-link {
    color: var(--t-font-color) !important;
}

.k-grid .k-grid-header .k-header {
    font-weight: 600 !important;
}
/*k-grid body*/
.k-grid-content {
    overflow-x: auto !important;
    overflow-y: auto !important;
    /*only body has horizontal scroll*/
    background: var(--t-grid-bg) !important;
}

.k-grid-content td {
    font-family: var(--t-font-family-info) !important;
    color: var(--t-color-surface-11) !important;
    font-weight: var(--t-font-weight-sm) !important;
    border-bottom: 1px solid var(--t-color-surface-03) !important;
    font-size: var(--t-grid-font-size)!important;
    letter-spacing: var(--t-letter-spacing-01);
    white-space: normal;
    line-height: var(--t-line-height-sm) !important;
    padding: var(--t-spacing-02) var(--t-spacing-03) !important;
    word-break: break-word;
    border-color:var(--t-color-surface-05) !important;
}

/* assign same color for every other rows*/
.k-alt,
.k-separator,
.k-resource.k-alt,
.k-pivot-layout > tbody > tr:first-child > td:first-child {
    background: var(--t-color-surface-blue-00) !important;
}

div.k-grid-footer {
    border: none !important;
}
/* hover smoothing */
.k-grid-content tr:hover {
    background: var(--t-color-surface-02) !important;
}

.k-grid-content tr:hover td {
    transition: background-color 0.2s ease-in-out !important;
}


/* selected row style */
.k-grid-content .k-state-selected td {
    background-color: var(--t-color-surface-03) !important;
    /*    light blue */
    color: var(--t--font-color) !important;
    /*    darker text color */
}
/* selected row hover style */
.k-grid-content .k-state-selected:hover td {
    background-color: var(--t-color-surface-02) !important;
    /*    light blue */
    color: var(--t--font-color) !important;
    /*    darker text color */
}


/*scrollbar style*/
.k-grid::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}

.k-grid::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 3px;
}

/*scrollbar style*/
.k-grid-content::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}

.k-grid-content::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}


.pagedisplaymgmt .k-grid-toolbar:first-child,
.pagedisplaymgmt .k-grid-content td {
    background: var(--t-grid-color);
}

/*============================== Pager ==============================*/

/*pager bg*/
.k-pager-wrap,
.k-pager-wrap
.k-pager-wrap
.k-link,
.k-grouping-header
.k-group-indicator,
.k-gantt-toolbar
.k-state-default {
    border-color: transparent !important;
    background: var(--t-grid-bg) !important;
}

.k-pager-numbers span.k-state-selected {
    border-radius: var(--t-radius-sm) !important;
    color: var(--t-color-surface-blue-07) !important;
    background: var(--t-color-surface-blue-02) !important;
}

    .k-pager-numbers span.k-state-selected:hover {
        color: var(--t-color-surface-blue-07) !important;
        background: var(--t-color-surface-blue-02) !important;
        pointer-events: none;
    }

.k-pager-wrap {
    display:inline-flex;
    align-items:center;
    flex:1;
    color: var(--t-color-surface-blue-07);
    font-family: var(--t-font-family-info);
    font-size: var(--t-font-size-xs);
    background: none;
    border-top: 1px solid var(--t-color-surface-blue-08);
}
   

    .k-pager-wrap > .k-link,
    .k-pager-numbers .k-link,
    .k-pager-numbers .k-state-selected {
        border-radius: 0;
    }
    .k-pager-wrap .k-pager-refresh {
        background: var(--t-color-surface-blue-02);
    }

    .k-pager-wrap .k-link {
        border-radius: var(--t-radius-sm);
    }

        .k-pager-wrap .k-link:hover {
            color: var(--t-color-surface-blue-06) !important;
            background: var(--t-color-surface-blue-01) !important;
        }

    .k-pager-wrap .k-pager-nav.k-pager-last {
        border-radius: 0 4px 4px 0;
        border-right-color: #cccccc;
    }

.k-rtl .k-pager-wrap .k-pager-nav.k-pager-last {
    border-radius: 4px 0 0 4px;
    border-right-width: 0;
}

.k-pager-nav.k-pager-first {
    border-radius: 4px 0 0 4px;
}

.k-rtl .k-pager-nav.k-pager-first {
    border-radius: 0 4px 4px 0;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #cccccc;
    margin-right: 6px;
}

.k-pager-wrap input.k-textbox {
    border: var(--t-input-border-default) !important;
    border-radius: var(--t-input-radius) !important;
    color: var(--t-font-color) !important;
    width: var(--t-spacing-14) !important;
    height: var(--t-spacing-10) !important;
}

/*==============================Modal/k-window==============================*/

/* ✅ no radio button*/
.neworder-type-box input[type="radio"] {
    display: none;
}