/* hide the nav bar */
    body {
       /* background-color: #dddddd;*/
    }
    header nav {
        /*display: none !important;*/
    }
    @keyframes fadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes slideIn {
        from {
            transform: translateX(-100%);
        }

        to {
            transform: translateX(0);
        }
    }

    .animate-fade-in {
        animation: fadeIn 0.3s ease-out;
    }

    .animate-slide-in {
        animation: slideIn 0.3s ease-out;
    }

    .user-dropdown {
        transform-origin: top right;
        transition: transform 0.2s ease-out, opacity 0.2s ease-out;
        transform: scale(0.95);
        opacity: 0;
        pointer-events: none;
    }

    .user-dropdown.show {
        transform: scale(1);
        opacity: 1;
        pointer-events: auto;
    }

    .user-dropdown.hide {
        transform: scale(0.95);
        opacity: 0;
    }

    #myGrid {
        width: 100%;
        /*height: 775px;*/
        --ag-row-hover-color: #f1f5f9;
    }

    .ag-root-wrapper {
        border-radius: 16px;
    }