/* :root{
    --bg-color: #f7feff;
    --text-color: #0a2472;
    --top-bar-bgcolor: #caf0f8;
    --card-bg-color:#caf0f8;
}
 
body{
    background-color: var(--bg-color) !important;
}
 
.highcharts-background{
    fill: var(--top-bar-bgcolor) !important;
}
.highcharts-axis-labels>text{
    fill: var(--text-color) !important;
    color: var(--text-color) !important;
}
.highcharts-axis-title{
    fill: var(--text-color) !important;
    color: var(--text-color) !important;
}
.highcharts-legend-item>text{
    fill: var(--text-color) !important;
 
}
.cursor-pointer{
    background-color: var(--top-bar-bgcolor) !important;
    color: var(--text-color) !important;
}
.topbar-div{
    background-color: var(--top-bar-bgcolor) !important;
    color: var(--text-color) !important;
}
.tab-class{
    color: var(--text-color) !important;
}
 
.aside-filters{
    background-color: var(--card-bg-color) !important;
    color: var(--text-color) !important;
}
 
 
.MuiStack-root{
    background-color: var(--card-bg-color) !important;
    color: var(--text-color) !important;
}
.MuiTypography-root{
    color: var(--text-color) !important;
}
.sorting-btn-ui i{
    color: var(--text-color) !important;
}
.sorting-btn-ui i:hover{
    background: var(--bg-color) !important;
    border-color:var(--text-color) !important ;
}
 
select{
    background-color: var(--top-bar-bgcolor) !important;
    color: var(--text-color) !important;
}
.css-1615xp8 {
    background: var(--top-bar-bgcolor) !important;
    color: var(--text-color) !important;
 
}
option{
    background: var(--top-bar-bgcolor) !important;
    color: var(--text-color) !important;
}
select option:checked{
    background-color: var(--text-color) !important;
    color: var(--bg-color) !important;
}
select option:hover{
    background: var(--top-bar-bgcolor) !important;
    color: var(--text-color) !important;
}
input{
    background: var(--top-bar-bgcolor) !important;
    color: var(--text-color) !important;
}
 
 
 
 
[data-testid="ArrowDropUpIcon"]{
    fill: green !important;
}
[data-testid="ArrowDropDownIcon"]{
    fill: red !important;
}
 
[data-testid="PersonAddAltSharpIcon"]
{
    fill: var(--text-color) !important;
    color: var(--text-color) !important;
}
 
[data-testid="LogoutIcon"]{
    fill: var(--text-color) !important;
    color: var(--text-color) !important;
}
 
[data-testid="RemoveTwoToneIcon"],[data-testid="AddTwoToneIcon"]{
    color: var(--text-color) !important;
}
[data-testid="RefreshSharpIcon"]{
    color: var(--text-color) !important;
}
 
[type=button]:enabled{
    color: var(--text-color) !important;
    border-color:var(--text-color) !important ;
}
 
svg{
    fill: var(--text-color) !important;
} */
 
 
/* .MuiBox-root{
    background-color: var(--card-bg-color) !important;
    color: var(--text-color) !important;
   
} */
 
/* Light Mode Card */
/* .crousel-card {
   
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: solid 1px var(--text-color) !important;
    transition: all 0.3s ease-in-out;
}
 
.crousel-card>div{
    border-radius: 12px !important;
} */