/* Indicators */

/* Ticker scroll */
.mi-track {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.mi-track::-webkit-scrollbar {
    display: none;
}

.mi-track-col {
    min-width: 0;
}

/* Arrow fade transition */
.mi-arrow {
    transition: opacity 0.15s ease-in-out;
}

/* Tabs */
.ind-tabs {
    margin-bottom: -1px;
}

.ind-tab {
    color: #6c757d;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.ind-tab + .ind-tab {
    border-left: 0 !important;
}

.ind-tab:hover {
    color: #212529;
}

.ind-tab.active {
    background-color: #fff !important;
    color: #212529;
    border-bottom-color: #fff !important;
    z-index: 2;
}

.ind-tab.active i {
    color: var(--primary-teal, var(--iir-energy-blue));
}

/* Economic cells */
.ind-eco-item {
    flex: 1 1 0;
    min-width: 10rem;
}

/* Hide arrows on economic tab at md+ */
@media (min-width: 768px) {
    .ind-arrows-eco-hidden {
        display: none !important;
    }
}

/* Fade in on tab switch */
@keyframes ind-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.tab-pane.show .mi-track {
    animation: ind-fade-in 0.2s ease;
}

[data-indicators-date]:not(.d-none) {
    animation: ind-fade-in 0.2s ease;
}