.tablebox{background: #fff; border: 1px solid #d9d9d9;  box-shadow: 0 3px 10px -8px rgb(75, 125, 175); transition: 0.5s;}
.tablebox .table-header{display:flex;flex-wrap:wrap;justify-content:space-around;gap:12px;transition:0.5s;background:var(--bs1);color:#fff;}
.tablebox .table-header > div{width:calc(20% - 12px);text-align:center;}
.tablebox .table-header > div:nth-child(1){max-width:60px;}
.tablebox .table-header > div:nth-child(2){max-width:120px;}

.tablebox .table-content{display:flex;flex-wrap:wrap;justify-content:space-around;gap:12px;transition:0.5s;}
.tablebox .table-content:nth-child(odd){background:#e1e1e1;}
.tablebox .table-content:hover{background:#c2c4d1;}
.tablebox .table-content > div{width:calc(20% - 12px);text-align:center;}
.tablebox .table-content > div:nth-child(1){max-width:60px;display:flex;align-items:center;justify-content: center;}
.tablebox .table-content > div:nth-child(2){max-width:120px;display:flex;align-items:center;justify-content: center;}

.mini-text{font-size:0.9em;color:#9e9e9e;}
.date-time{direction:ltr;font-size:0.9em;color:#9e9e9e;}