<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
.ag-theme-alpine .ag-header {
    background-color: #F5F5F5;
    color: black; 
}
.ag-theme-alpine .ag-header-cell {
    background-color:#F5F5F5;
    font-weight: 520;
    color: black; 
}

.custom-header-font {
    font-size: 12px;
}

.ag-pivot-mode-panel {
    display: none
}

.ag-theme-alpine .ag-header {
    min-height: 50px !important; 
}
.ag-theme-alpine .ag-header-cell {
    height: 50px !important; /* Adjust the height as needed */
}
.ag-theme-alpine .ag-cell[col-id="portfolio"] {
    overflow: visible;
    position: relative; /* Ensure the cell is positioned relative for child elements like dropdowns */
}
.ag-row {
     z-index: 0;
}

/* Force scrollbar to always be visible */
.ag-body-vertical-scroll-viewport {
    overflow-y: scroll !important;
    scrollbar-gutter: stable both-edges; /* Ensures scrollbar space is always reserved */
}

/* Fix scrollbar disappearing on WebKit-based browsers (Chrome, Safari, Edge) */
.ag-body-vertical-scroll-viewport::-webkit-scrollbar {
    width: 10px !important; /* Adjust scrollbar width */
    background: rgba(0, 0, 0, 0.1); /* Light background */
}


/* Scrollbar thumb (scroll handle) */
.ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5) !important; 
    border-radius: 5px;
}

/* Prevent scrollbar from hiding */
.ag-body-vertical-scroll {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ensure Ag-Grid wrapper does not hide the scrollbar */
.ag-root-wrapper {
    overflow: visible !important;
}

html {
    scrollbar-width: auto !important;
}

.ag-theme-alpine .ag-status-bar {
    font-weight: normal;
    font-size: 10px;
    position: absolute;
    top: -25px;
    right: -5px;
    border: none !important;
  }

.ag-icon-asc {
    font-size: 11px;
    padding: 0;
}
.ag-icon-desc {
    font-size: 11px;
    padding: 0;
} 

.ag-header-cell .ag-icon-filter {
    visibility: hidden;
}

/* Show filter icon only when hovering over a column */
.ag-header-cell:hover .ag-icon-filter {
    visibility: visible;

}

/* Show filter icon only when the filter panel is open */
.show-filter-panel .ag-icon-filter {
    display: inline-block;
}


.ag-row-hover {
    z-index: 1;
}
.portfolio-dropdown {
    position: relative;
    display: inline-block;
}
.portfolio-dropdown .dropdown-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 250px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    z-index: 1;
    overflow-y: auto;
    width: 100% !important;
}
.dropdown-item {
    font-size: 12px;
}
.portfolio-dropdown:hover .dropdown-menu {
    display: block;
    z-index: 1050; /* Ensure it stays above other elements */
}
.portfolio-dropdown .dropdown-menu .dropdown-item {
    line-height: 1.5; 
}
.portfolio-dropdown .dropdown-menu input:focus,
.portfolio-dropdown .dropdown-menu button:focus {
    outline: none; /* Optional: Remove the focus outline for cleaner UI */
}
.portfolio-dropdown .dropdown-header {
    font-weight: bold; /* Make the text bold */
    margin-bottom: 0.5rem; /* Add spacing below */
    text-align: left; /* Align text to the left */
    font-size: 11px;
}
.portfolio-dropdown .btn-info {
    height: calc(1.5em + 0.75rem + 2px); /* Match height with the input */
    line-height: 1.5; /* Adjust line height */
    display: inline-block;
    padding: 0.375rem 0.375rem; /* Standard Bootstrap button padding */
}
.dropdown-menu hr {
    border: 0;
    border-top: 1px solid #dee2e6; /* Light gray line */
    margin: 0.5rem 1rem; /* Top/Bottom: 0.5rem, Left/Right: 1rem */
}
.blur-column {
    filter: blur(5px); /* Apply blur effect */
}
.ag-theme-alpine .ag-header-cell {
    padding: 2px 4px; /* Adjust these values to reduce horizontal and vertical padding */
}
.grey-class {
    background-color: #F5F5F5;
}

.custom-ag-theme {
    --ag-header-border-color: transparent;
    --ag-border-color: #ddd; /* General grid border color */
}

.custom-ag-theme .ag-root-wrapper {
    border: none; /* Remove wrapper border */
    padding: 10px 12px; /* Top-Bottom: 8px, Left-Right: 12px */
    background-color: #fff; /* Set background for contrast */
    border-radius: 8px; /* Subtle rounded corners */

}

/* Style the entire sidebar */
.ag-side-bar {
    border-left: 2px solid darkgray !important; /* Visible left border */
    border-right: 1px solid darkgray !important; /* Visible right border */
    box-shadow: -2px 0px 8px rgba(0, 0, 0, 0.2); /* Add shadow to the left border */
}

/* Style the side button bar */
.ag-side-buttons {
    color: #263c6f !important; 
    font-size: 14px !important; 
    font-weight: 500; 
}

/* Style individual buttons */
.ag-side-button {
    background-color: #F5F5F5;
    color: #263c6f !important; 
    border-radius: 4px; 
    margin: 5px; 
}

/* Tab Container */
.tab-container {
    width: 100%;
}

/* Keep the Grey Line for Inactive Tabs */
.tab-container .nav-tabs {
    display: flex;
    justify-content: space-between; /* Spread tabs evenly */
    border-bottom :none;
    width: 100%;
}

/* Style Individual Tabs */
.tab-container .nav-tabs .nav-item {
    flex-grow: 1; /* Each tab takes equal space */
    text-align: center; /* Center tab text */
}

/* Default Tab Link Styling */
.tab-container .nav-tabs .nav-link {
    border: none;
    padding: 12px 0;
    color: black;
    font-size: 14px;
    font-weight: 500;
    background: transparent;
    transition: all 0.3s ease-in-out;
    border-radius: 2px; /* Optional: Rounded edges */
    border-bottom: 1px solid black; /* Keep the grey line */
}

/* Active Tab Styling - Light Blue Background */
.tab-container .nav-tabs .nav-link.active {
    /* background-color: #e6f4ff; */
    position: relative;
}

/* Remove Grey Line from Only the Selected Tab */
.tab-container .nav-tabs .nav-link.active {
    border: 1px solid #015477; /* Keep the grey line */
    border-bottom: 1px solid transparent !important; /* Makes only the active tab's bottom border invisible */
}
</pre></body></html>