.k-notification {
    position: fixed !important; /* Ensure it's positioned relative to the viewport */
    top: 38px !important; /* Start at the vertical center */
    left: 38px !important; /* Start at the horizontal center */
    right: 38px !important; /* Start at the horizontal center */
    /*transform: translate(-50%, -50%) !important;*/ /* Adjust to perfectly center */
    z-index: 12002; /* Ensure it appears above other elements */
    /* color: white;*/
    /* height: 20px;*/
    overflow: auto !important;
}
/*.k-animation-container {
    position: fixed !important;*/ /* Ensure it's positioned relative to the viewport */
    /*top: 38px !important;*/ /* Start at the vertical center */
    /*left: 38px !important;*/ /* Start at the horizontal center */
    /*right: 38px !important;*/ /* Start at the horizontal center */
    /*transform: translate(-50%, -50%) !important;*/ /* Adjust to perfectly center */
    /*z-index: 12002 !important;*/ /* Ensure it appears above other elements */
    /* color: white;*/
    /* height: 20px;*/
    /*overflow: auto !important;
}*/

#grid {
    /* height: calc(100vh + 3px - (1.2 * var(--app-bar-height)) ) !important;*/
    height: calc(100vh - (1 * var(--app-bar-height))) !important;
}

    #grid .k-grid-content.k-auto-scrollable {
        /* height: calc((85vh ) - (1.2 * var(--app-bar-height)) ) !important;*/
        height: calc( (1.2 * var(--app-bar-height)) -100px) !important;
        border: 1px solid lightgrey;
    }

.k-grid-content.k-auto-scrollable {
    height: 120px !important;
    border: 1px solid lightgrey;
}
.k-grid .k-grid-md .k-grouping-header, .k-grid-md .k-grouping-header {
    display: none;
}

.hidden-div {
    display: none;
}

div.k-grid-footer {
    display: none;
}

.k-expander-title {
    text-transform: none;
}
.k-grid td, .k-grid .k-table-td {
/*    border-block-end-width: 0px;*/
    white-space: nowrap;
/*    vertical-align: middle;
    padding: 1px 4px 1px 4px;*/
}
/* 1. Hide all header icons by default */
.k-grid .k-header .k-icon,
.k-grid .k-header .k-svg-icon,
.k-grid .k-header .k-sort-icon,
.k-grid .k-header .k-i-sort-asc-sm,
.k-grid .k-header .k-i-sort-desc-sm,
.k-grid .k-header .k-i-more-vertical,
.k-grid .k-header .k-grid-filter,
.k-grid .k-header .k-grid-header-menu {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

/* 2. Show the icons when hovering the header cell */
.k-grid .k-header:hover .k-icon,
.k-grid .k-header:hover .k-svg-icon,
.k-grid .k-header:hover .k-sort-icon,
.k-grid .k-header:hover .k-i-sort-asc-sm,
.k-grid .k-header:hover .k-i-sort-desc-sm,
.k-grid .k-header:hover .k-i-more-vertical,
.k-grid .k-header:hover .k-grid-filter,
.k-grid .k-header:hover .k-grid-header-menu {
    opacity: 1;
    font-size: small;
    font-weight:lighter;
}