#assignments-grid {
    background: var(--casi-beige);
    border: 1px solid black !important;
    min-height: 800px;
    max-height: calc(100vh - 212px);    
    /*border: solid medium;*/
}
    #assignments-grid .k-grid-toolbar {
        position: sticky;
        top: 0;
        background-color: var(--casi-beige);          
    }
/*    #assignments-grid .k-filtercell{
        border:solid thin black;
        padding:0px;
    }*/
    #assignments-grid .k-table-td {
        border: solid thin black;   
        padding: 1px;
    }
    #assignments-grid .k-grid-header {
        position: sticky;
        top: 39.1px;
        color: white;
        background-color: black;
        font-weight: bold;
        font-size: medium;        
    }
    #assignments-grid .k-grid-pager {
        position: sticky;
        bottom: 0;
    }

    #assignments-grid .k-image-loader::before {
    color: orange !important;
    }


    #assignments-grid .k-filtercell .k-dropdown-operator, .k-filtercell .k-dropdown-operator + button {
        display: none !important;
        padding: 0px;
    }

    #assignments-grid .k-filtercell .k-input-inner {
        background-color: var(--casi-beige);        

    }

    #assignments-grid .k-filter-row {
        background-color: var(--casi-beige);        
    }

    #assignments-grid .k-input-solid:focus-within {
        border: green;
        box-shadow: none;
    }
    #assignments-grid .k-icon-button {
        background: var(--casi-yellow);
        border-color: #f1ba27;
        color: black;
        font-weight: 500;        
    }

        #assignments-grid .k-icon-button:hover {
            background: black;
            color: #f1ba27;
        }


    #assignments-grid .k-picker-solid {
        background-color: var(--casi-beige);
        border: var(--casi-beige);
    }

/*    #assignments-grid .k-list-item .k-selected:focus-visible{
        background-color: pink !important;
    }*/

   /* #assignments-grid .k-filtercell {
        border-color: green;
    }
    #assignments-grid .k-grid-header .k-filtercell {
        background-color: var(--casi-beige);
        border-color: green;
    }*/

/*button[title='Filter'] {
    background: var(--casi-yellow);
    color:black;    
}
    button[title='Filter']:hover {
        background: var(--casi-yellow);
        color: black;
    }*/