.m-up {
    color: #0ba876;
}

.m-down {
    color: #ef4444;
}

.yellow {
    color: #FF8D07 !important;
}

.flooring {
    color: #6982ad !important;
}

.celling {
    color: #c735eb !important;
}

.bg-index-up {
    background: #eff5f3;
}

.bg-index-down {
    background: #fee2e2;
}

.bg-box-up {
    background: linear-gradient(135deg, #10b981, #059669);
}

.bg-box-down {
    background: linear-gradient(135deg, #e18c8c, #ef4444);
}

.lightweight-chart-tooltip, .lightweight-chart-tooltiptg {
    width: 100%;
    height: 50px;
    position: absolute;
    display: none;
    padding: 8px 0;
    box-sizing: border-box;
    font-size: 12px;
    color: #131722;
    background-color: rgba(255, 255, 255, 1);
    text-align: left;
    z-index: 1000;
    top: 12px;
    left: 12px;
    pointer-events: none;
    border-radius: 2px;
    background: none;
}

.tv-lightweight-charts table td {
    border: unset;
}

.tqtt-desktop {
    display: block;
}

.tqtt-mobile {
    display: none;
}

.tqtt-m-row {
    display: flex;
    border-top: 1px solid #e2e8f0;
}

.tqtt-m-cell {
    flex: 1;
    padding: 10px 6px;
    text-align: center;
    border-right: 1px solid #e2e8f0;
}

    .tqtt-m-cell:last-child {
        border-right: none;
    }

.tqtt-m-lbl {
    font-size: 10px;
    font-weight: 600;
    color: #9ca3af;
    margin-bottom: 4px;
}

@media(max-width:600px) {
    .tqtt-desktop {
        display: none !important;
    }

    .tqtt-mobile {
        display: block !important;
    }
}