.navbar {
    background-color: #4a93e7 !important;
}

.navbar-item,
.navbar-link {
    color: rgb(0, 0, 0) !important;
}

.navbar-item:hover,
.navbar-link:hover {
    background-color: #1832b8 !important;
    color: #cfbdbd !important;
}

.navbar-item.has-dropdown:hover .navbar-link {
    background-color: #1832b8 !important;
    color: #cfbdbd !important;
}

.navbar-link.is-active,
.navbar-item.is-active {
    background-color: #577ef3 !important;
    color: #2e1a1a !important;
    font-weight: bold;
}

.navbar-dropdown .navbar-item:hover {
    background-color: #1832b8 !important;
    color: #cfbdbd !important;
}

.apexcharts-legend.apx-legend-position-top {
    overflow: hidden !important;
}

.apexcharts-legend.apx-legend-position-bottom {
    overflow: hidden !important;
}

.hidden {
    display: none;
}

.footer {
    padding: 1rem; /* Adjust padding */
}

/* TABULATOR */

.tabulator-cell.risk-1 { background-color:#bff4cb; }
.tabulator-cell.risk-2 { background-color:#8fe0a4; }
.tabulator-cell.risk-3 { background-color:#f7d779; }
.tabulator-cell.risk-4 { background-color:#f69b63; }
.tabulator-cell.risk-5 { background-color:#f64f4f; }

.tabulator-cell.volatility-1 { background-color:#d4f4dd; }
.tabulator-cell.volatility-2 { background-color:#bff4cb; }
.tabulator-cell.volatility-3 { background-color:#a4f0b5; }
.tabulator-cell.volatility-4 { background-color:#8fe0a4; }
.tabulator-cell.volatility-5 { background-color:#f4f1a3; }
.tabulator-cell.volatility-6 { background-color:#f7d779; }
.tabulator-cell.volatility-7 { background-color:#f6b963; }
.tabulator-cell.volatility-8 { background-color:#f69b63; }
.tabulator-cell.volatility-9 { background-color:#f67163; }
.tabulator-cell.volatility-10 { background-color:#f64f4f; }

.tabulator-cell {
    font-size: 0.9rem;
}

.tabulator-menu {
    background-color: #eae8e8 !important;
    font-size: 0.9rem !important;
}

.tabulator-menu-item:hover {
    background-color: #b7b4b4 !important;
}