﻿.notilyze_grid {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
}

    .notilyze_grid .notilyze_grid_sticky {
        position: sticky;
        top: 0;
        background-color: white;
        flex: none;
    }

    .notilyze_grid .notilyze_grid_column_headers {
        display: grid;
        border-left: solid gray 1px;
        border-top: solid gray 1px;
    }

    .notilyze_grid .notilyze_grid_column_header {
        border-right: solid gray 1px;
        border-bottom: solid gray 1px;
        display: flex;
        position: relative;
        align-items: center;
    }

    .notilyze_grid .notilyze_grid_frozen_rowgroup_container {
        display: flex;
        flex-direction: column;
    }

    .notilyze_grid .notilyze_grid_unfrozen_rowgroup_container {
        display: flex;
        flex-direction: column;
    }

    .notilyze_grid .notilyze_grid_rowgroup {
        border-left: solid gray 1px;
        display: flex;
        flex-direction: column-reverse;
    }

    .notilyze_grid .notilyze_grid_rowgroup_header {
        background-color: #aaaaaa;
        border-bottom: solid gray 1px;
        border-right: solid gray 1px;
        cursor: pointer;
    }

    .notilyze_grid .notilyze_grid_rowgroup_items {
        display: grid;
    }

    .notilyze_grid .notilyze_grid_row_header {
        border-right: solid gray 1px;
        border-bottom: solid gray 1px;
        display: flex;
    }

    .notilyze_grid .notilyze_grid_data_item {
        border-right: solid gray 1px;
        border-bottom: solid gray 1px;
    }

    .notilyze_grid .notilyze_grid_data_item_edit {
        background: lightskyblue;
    }

        .notilyze_grid .notilyze_grid_data_item_edit input {
            width: 100%;
            background-color: aquamarine;
        }

    .notilyze_grid .notilyze_grid_edit_single_item {
    }

    .notilyze_grid .notilyze_grid_edit_new_item {
    }

    .notilyze_grid .notilyze_grid_multiple_item_container {
    }

    .notilyze_grid .notilyze_grid_multi_edit_item {
    }

        .notilyze_grid .notilyze_grid_multi_edit_item input {
            width: 100%;
            background-color: aquamarine;
        }

    .notilyze_grid .notilyze_grid_display_multi_item {
    }

    .notilyze_grid .notilyze_grid_display_multi_item_readonly {
        color: grey;
        background-color: #eeeeee;
    }

    .notilyze_grid .notilyze_grid_data_item_display {
        display: flex;
        position: relative;
        align-items: center;
    }

    .notilyze_grid .notilyze_grid_data_item_display_add_button {
        cursor: pointer;
        position: absolute;
        display: flex;
        right: 0;
        background-color: #aaaaaa;
    }

    .notilyze_grid .notilyze_grid_data_item_display_drilldown_button {
        cursor: pointer;
        position: absolute;
        display: flex;
        right: 0;
        background-color: #aaaaaa;
    }
    
    .notilyze_grid .notilyze_grid_hidden {
        display: none;
    }

    .notilyze_grid .notilyze_grid_data_item_display_value {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        position: absolute;
    }

    .notilyze_grid .notilyze_grid_data_item_display_value_readonly {
        color: grey;
        background-color: #eeeeee;
    }

    .notilyze_grid .notilyze_grid_truncate {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .notilyze_grid .notilyze_grid_group:hover .notilyze_grid_group-hover\:flex {
        display: flex;
    }

    .notilyze_grid .notilyze_grid_add_new_data_item {
        display: block;
        position: absolute;
        padding: 10px;
        border: 1px solid black;
        background: white;
        z-index: 30;
    }

    .notilyze_grid .notilyze_grid_add_new_data_item_button_container {
        display: flex;
    }

    .notilyze_grid .notilyze_grid_add_new_data_item_button {
        margin: 5px;
        padding: 1px 6px;
        background-color: #aaaaaa;
        cursor: pointer;
    }

    .notilyze_grid .notilyze_grid_drag_bar {
        cursor: col-resize;
        position: absolute;
        height: 100%;
        margin-left: -4px;
        margin-right: -4px;
        width: 8px;
        background-color: transparent;
    }
    
    .notilyze_grid .notilyze_grid_flex {
        display: flex;
    }

