﻿.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
    border: 1px solid;
    margin: 5px;
    padding: 10px;
    width: 80%;
}

.k-grid-header {
    background-color: var(--bs-primary);
    color: white;
    border-color: var(--bs-primary) !important;
}

.k-grid .k-grid-header .k-table-th {
    vertical-align: middle !important;
    text-align: center !important;
}

.k-column-title {
    white-space: normal;
}

.k-filter-row {
    background-color: #e4e7eb;
    color: black;
}

#grid, .detail-container .k-grid {
    max-height: none !important; /* Ensure no max height to avoid scroll */
    overflow-y: hidden; /* Disable vertical scroll */
    height: auto !important; /* Allow the grid to expand according to its content */
}

.k-grid-content {
    overflow-y: hidden !important; /* Disable vertical scroll on grid content */
}

.k-grid-header {
    padding: 0px !important;
}

.k-detail-cell {
    padding-left: 5rem !important;
    padding-right: 7rem !important;
}

.k-pager-sizes .k-picker {
    display: inline-flex !important;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center !important;
}

.k-filtercell-operator button {
    display: none
}

.k-grid .k-header {
    white-space: normal; /* Allows text to wrap */
    overflow: visible; /* Ensures content is not hidden */
    text-overflow: clip; /* Removes ellipsis if present */
}

.k-grid-header .k-cell-inner .k-link {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 8px !important;
    padding-right: 0px !important;
}

.k-grid-header .k-cell-inner .k-link .k-sort-icon {
    display: none;
}

/* Center the text in the <th> */
th.header-center {
    text-align: center !important;
    vertical-align: middle;
}

    /* Ensure nested spans don’t break alignment */
    th.header-center span {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding-left: 4px;
    }

.highlighted-row {
    background-color: #1678c46b !important;
}
