table {
   border-radius: 1em;
   overflow: hidden;
}
.head-1{
   color: lightgray;
   background-color: #555555; /* #0D3EA5;; for white */
}
.head-1.width10{
   width: 10%;
}
.head-1.width25{
   width: 25%;
}
.head-2 {
   background-color: #555555; /* #79A9F4; for white */
   color: lightgray; /* white; for white */
}
.head-3 {
   background-color: #555555; /* #79A9F4; for white */
   color: lightgray; /* white; for white */
}
.head-4 {
   background-color: #555555; /* #79A9F4; for white */
   color: lightgray; /* white; for white */
}
.head-5 {
   background-color: #555555; /* #4769AA; for white */
   color: lightgray; /* white; for white */
}
tbody {
   background: #121212; /* #f5f5f5; for white */
}
tbody tr td{
   text-align: center;
}
th.main{
   font-weight: bold;
   /* font-size: 22px; */
   color: lightgray;  /* #0D3EA5; for white */
}
tr.total {
   background-color: #555555; /* #5E8BD1; for white */
   color: white; 
   text-align: center;
}
tr.total th{
   background-color: #545454; /* #0D3EA5; for white */
}
tr.total td{
   color: #333333;
}
th.sub-main {
   padding-left: 2rem;
   color: lightgray;  /* #0D3EA5; for white */
}
.table-responsive .table,.table-responsive-sm .table{
   background: #121212; /* #f5f5f5; for white */
}
table.table tbody tr:nth-of-type(odd) {
   background-color: #222222; /* #E3F1FF; for white */
}
table.table tbody tr:nth-of-type(even) {
   background-color: #3f3f3f; /* #F3F8FF; for white */
}
table thead tr th {
   font-family: "DBOzoneX";
}