.k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > .k-table-td {
    background-color: rgba(96, 173, 70, 0.25);
}

.k-button-flat-primary {
    color: #8eb231;
}

.k-button .k-button-icontext .k-primary .k-grid-update {
    background-color: #8eb231 !important;
    border-color: #8eb231 !important;
    color: #ffffff !important;
}

.k-window-titlebar {
    background-color: #84a62e !important;
    border-color: #84a62e !important;
    color: #FFFFFF !important;
}

/* Apply styles to all .k-button elements except those inside .k-pager-numbers */
.k-button:not(.k-pager-numbers .k-button) {
    color: #fff;
    background-color: #8eb231;
    border-color: #8eb231;
}

    /* Hover effect for buttons outside of .k-pager-numbers */
    .k-button:not(.k-pager-numbers .k-button):hover {
        background-color: #84a62e;
        border-color: #84a62e;
        color: #FFFFFF;
    }

.k-pager-numbers .k-link.k-state-selected {
    background-color: #8eb231 !important;
    border-color: #8eb231 !important;
    color: white !important;
}

.k-button .k-button-icontext .k-grid-add {
    background-color: #8eb231 !important;
    border-color: #8eb231 !important;
    color: #ffffff !important;
}


.k-table-header .k-header {
    overflow: visible !important;
    white-space: normal !important;
}

.k-table-norecords-template {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.k-column-title {
    white-space: normal;
    word-wrap: break-word;
}

.k-table-thead .k-grid-header {
    color: red;
}

.k-grid-header {
    background-color: #f5f5f5; /* Header background */
    color: #676a6c; /* Header text color */
    font-weight: bold;
}

.k-grid-content tr:nth-child(even) {
    background-color: #f9f9f9; /* Even row background */
}

.k-grid-content tr:nth-child(odd) {
    background-color: #fff; /* Odd row background */
}

.k-grid-content tr:hover {
    background-color: #e8f0fe; /* Hover effect */
}

.k-grid-cell {
    border-bottom: 1px solid #ddd; /* Cell border */
}

    .k-grid-cell .completed-icon {
        color: green; /* Completed task icon color */
    }

.k-grid .k-table-th, .k-grid td, .k-grid .k-table-td {
    border-inline-start-width: 0px !important;
}


/* General grid styling */
.k-grid {
   font-size: 12px; /* Adjust font size for readability */
}

.k-link, .k-link:hover {
    color: #676a6c; /* Header text color */
}

.k-table-md {
    font-size: 12px;
}

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

/* Filter icon alignment */
.k-grid-header .k-header .k-filter {
    vertical-align: middle;
    margin-left: 5px; /* Add spacing around filter icons */
}

/* Row content styling */
.k-grid-content td {
    text-align: left; /* Align text to the left for content cells */
    padding: 10px; /* Add consistent padding to cells */
}

/* Responsive adjustments */
.k-grid-header th, .k-grid-content td {
    white-space: nowrap; /* Prevent text wrapping in headers and cells */
}

/* Optional: Add hover effect for rows */
.k-grid-content tr:hover {
    background-color: #e8f0fe; /* Highlight row on hover */
}