body {
            font-family: verdana, sans-serif;
            font-size: 12px;
            color: #C0C0C0;
            background-color: #242424;
        }
		
        .container {
            display: flex;
        }
        .left {
            width: 20%;
            padding: 20px;
            box-sizing: border-box;
            /* background-color: lightblue; */
        }
        .right {
            width: 80%;
            padding: 20px;
            box-sizing: border-box;
            /* background-color: lightgreen; */
        }	

		.left p {
			font-size: 12px; /* Adjust as needed */
		}

		.left .value {
			font-size: 14px; /* Larger font for values */
			font-weight: bold;
		}

		.left .positive {
			color: 00B3FF;
		}

		.left .negative {
			color: FF002F;
		}



		

        #wrapper {
            /*width: 1100px;*/
			width: 80%;
            min-height: 100%;
            margin: 0 auto;
            position: relative;
            height: auto !important;
            z-index: 1
        }

        .stTableHead1 {
            height: 25px;
            color: #C0C0C0;
            margin-bottom: 1px;
            line-height: 23px;
            text-indent: 10px;
        }
		.tableContainer{
            border: 1px solid #e4e2e2;
			border-radius: 5px; 	
			overflow-y: scroll; 
			width: 100%; 
			height: 400px;
			
		}
        .dataTable {
 
            color: #C0C0C0;
            font-size: 12px;
            text-align: center;
        }
		
		.fixed-header {
			
			height: 40px;
			position: sticky;
			top: 0;
			z-index: 1;
			background-color: black;
			color: white;
		}		

        .dataTable tr {
            height: 25px;
			
        }

        .border {
            border: 1px solid #e4e2e2;
			border-radius: 5px; 
        }


        .bg1 {
			/*background-color: #242424;*/
            background: #323232;
        }

        .bgMouse {
			/*
            background: #C5E1E1;
            color: black;
			*/
			background: black;
            color: white;
        }

        .green {
            color: 00B3FF;
        }

        .red {
            color: FF002F;
        }


        .maxWidth {
            width: 100%;
        }

        #loadingDiv {
            width: 151px;
            color: #595858;
            font-weight: bold;
            font-size: 11px;
            line-height: 27px;
            padding-left: 34px;
            position: relative;
            margin: 0 auto;
        }

        #loadingTop {
            top: 0;
            width: 100%;
            min-width: 100%;
            height: 4px;
            background: #c9ff30;
            position: fixed;
            z-index: 100000;
            left: 0
        }
		a {
			color: white;
			font-weight: bold;
		}	

		canvas {
		  margin-top: 20px;
		}	
		
		.chart-container {
			width: 100%;
			margin: 0 auto;
		}