/* chart */
.graph-box{
   height: 50vh; 
   background: #161619;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 10px;
   /* left: 50%; */
}
.graph-text{
   display: block;
}
.loading{
   display:none;
}
.chart{
   display: none;
   width: 100%;
   height: 100%;
}
#chart{
   width: 100%;
}
.graph-box2{
   height: 50vh; 
   background: #161619;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 10px;
   /* left: 50%; */
}
.graph-text2{
   display: block;
}
.loading2{
   display:none;
}
.chart2{
   display: none;
   width: 100%;
   height: 100%;
}
#chart{
   width: 100%;
}
#chart2{
   width: 100%;
}
.displayDiv{
   width: 100%;
   height: 20%;
   margin: 5px;
   background-color: silver;
   /* text-align: center; */
   font-size: 14px;
   border: 2px solid lightblue;
   border-radius: 5px;
}
/* end of chart */


h1, h2, h3, h4, h5, p, label, small {
   color: black;
}
body {
   font-family: Arial, sans-serif;
   margin: 20px;
   color: #333;
}

h1, h2, h3 {
   color: #2c3e50;
}


.table{
   overflow-x: auto
}