body { padding: 0px; margin:0px; }
#Chart_Line_Volume_Index {
    background: #1a1f3a;
    border: 1px solid #2a3458;
    border-radius: 4px;
    padding: 15px;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}
#Chart_Line_Volume_Index:hover {
    border: 1px solid #3b82f6;
    box-shadow: 10px 10px 20px rgba(59, 130, 246, 0.3);
    cursor: pointer;
}
#Chart_Line_Volume_Index header {
    padding:6px 12px;
    background:#040b1b;
    border:1px solid #2a3458;
    border-bottom: 0px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
#volumeBox {
    font-size:15px;
    font-weight:bold;
}
.vol-up { color:#4CAF50; }
.vol-down { color:#FF5252; }
.vol-flat { color:#ccc; }
.vol-title { color:#eee;  }
#chart-wrap { 
    height:100px; 
    background: #000;
    border:1px solid #1e273a;
    padding:10px;
}
#chartCanvas { width:100%; height:100%; }
