:root {
    --LegendBgColor: linear-gradient(to top, #06539a 0%, #023e75 100%);
    --shortcuticon: linear-gradient(to top, #06539a 0%, #023e75 100%);
}

legend {
    background: var(--LegendBgColor) !important;
    color: white;
    border-radius: 8px;
}

.innr-btn1,
.innr-btn2 {
    border: none;
    border-radius: 2px !important;
    font-size: 14px !important;
    padding: 6px 21px !important;
    color: #fff !important;
    background: var(--shortcuticon) !important;
}

.innr-btn1:hover,
.innr-btn2:hover {
    color: white !important;
    background: var(--shortcuticon) !important;
    opacity: 0.8;
}

.grid-scroll {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: auto;
}

.grid-scroll table {
    
    border-collapse: collapse;
}

.grid-scroll th {
    position: sticky;
    top: 0;
    background: #0b4d8a;
    color: white;
    z-index: 10;
}

#Dgv_ReportColumn th {
    color: white !important;
}

#Dgv_ReportColumn th label {
    color: white !important;
}

.tree-scroll{
    overflow:auto;
    height:300px;
    position:relative;
    
}