body{
  background-color: aquamarine;
  font-size: 16px;
  font-weight: bold;
  justify-content: center;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 0px;
  margin-left: 0px;
  width: 99%;
  height: 100%;
  white-space: nowrap

}
table{
  background-color: #90ebeb;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  justify-content: center;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  border-radius: 5px;
}
tbody > :nth-child(odd){
background-color: #d8cef0;
border-radius: 5px;
}
#trmm :nth-child(odd){
  background-color: #d2c2f8;
  border-radius: 5px;
  font-size: 10px;
  width: 25px;
  }
tbody :first-child{
  background-color: #f5bfc7;
  border-radius: 5px;
  } 
#tdmx{
  background-color: #bea4fa; 
}
#tdmxx{
  border-radius: 5px;
  background-color: rgb(250, 178, 232);   
}
#rdate{
  width: 100%;
  text-align: center;
  background-color: cornsilk;
  font-size: 18px;
  border-radius: 10px;
}    
#messege{
  height: 30px;
  width: 80%;
  background-color: aliceblue;
  text-align: center;
  font-size: 14px;
  border-radius: 10px;
}
#mesb{
  height: 30px;
  width: 15%;
  color: #ffffff;
  background-color: rgb(13, 19, 104);
  font-size: 14px;
  text-align: center;  
  border-radius: 10px;
}
#datepicker{
  background-color: #ebbeaf;
  width: 30%;
  height: 30px;
  border-radius: 10px;
  margin-left: 5px;
  margin-top: 1px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
#fdiv{
  display: flex;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30px;
}
#chart{
  background-color: #9c2155;  
  color: #ffffff; 
  height: 30px;
   width: 15%;
  border-radius: 10px;
  text-align: center;
  margin-left: 5px;
  font-size: 14px;
  font-weight: bold;   
}
#fref{
background-color: #9c2155;  
color: #ffffff; 
height: 30px;
 width: 20%;
border-radius: 10px;
text-align: center;
margin-left: 5px;
font-size: 14px;
font-weight: bold;   
}

#xtime{
  background-color: rgb(41, 25, 110);  
  color: #ffffff; 
  height: 30px;
  width: 20%;
  border-radius: 10px;
  margin-top: 1px;
  text-align: center;
  margin-left: 5px;
  font-size: 14px;
  font-weight: bold;       
}
#getdate{
  background-color: rgb(156, 33, 85);  
  color: #ffffff; 
  height: 30px;
  width: 15%;
  border-radius: 10px;
  text-align: center;
  margin-top: 1px;
  margin-left: 5px;
  font-size: 14px;
  font-weight: bold;       
}
#ttbody{
  background-color: #92d4d1e3
}
#azz{
  font-size: 12px;  
  background-color: #d695cbe3 
}
#divv {
  display: flex;
  background-color: lightblue;
  width: 100%;

}
#tr1{
  background-color: rgb(235, 231, 202);   
  font-size: 12px; 
}
#tr2{
  background-color: rgb(235, 231, 202);   
  font-size: 12px;  
}
#sdiv{
    display: flex;
  background-color: red;   
  text-align: center;
  justify-content: center;
  color: #ffffff;
  width: 100%;
  height: 65px;
}
#hadx{
  background-color: red;   
  text-align: center;
  font-size: 36px;
  color: #ffffff;
  width: 300px;
  height: 55px;
  margin-left: 2px;
  margin-top: 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold; 
  border-radius: 10px;
  border: 2px solid #ffffff;  
}
#marqu{
    height: 20px;
    width: 100%;
    text-align: center;
    background-color: rgb(189, 213, 214);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#ddiv {
  background-color: lightblue;
  width: 50%;
  height: 600px;
  align-items: flex-start;
  border-radius: 10px;
  background-color: rgb(243, 108, 162); 
}
#ddivv {
  background-color: lightblue;
  width: 100%;
  align-items: flex-end;
  height: 600px;
  border-radius: 10px;

}


#bdiv{
  /* display: inline-block; */
  margin-top: 5px;
}
#tds{
  background-color: rgb(177, 225, 247);
  text-align: center;
  font-size: 12px;
  border-radius: 5px;
  font-weight: bold;       
}
#tdsx{
  background-color: rgb(245, 220, 191);
  text-align: center;
  font-size: 16px;
  border-radius: 5px;
  font-weight: bold;          
}