table{width:100%;border-collapse:collapse;margin-bottom:20px}table,td,th{border:1px solid #ddd;text-align:left}td,th{padding:1rem}.tableContainer>.filterContainer{display:flex;justify-content:center;align-items:center}.tableInput{width:30%;height:30px;border-radius:10px;border:1px solid rgba(0,0,128,.5);box-shadow:0 2px 10px rgba(0,128,0,.2);padding-left:10px}.tableInput:first-child{margin-right:5px}.tableInput:nth-child(2){margin-left:5px}@media screen and (min-width:601px){.tableContainer{width:90vw;overflow-x:scroll}table{width:auto}thead{background-color:#f0f8ff;font-weight:700;color:#000}}th span{margin-left:.5rem}@media (min-width:768px){.tableContainer{width:min(90vw,840px);overflow-x:scroll}table{width:auto}}@media screen and (max-width:600px){.tableContainer{width:90vw;overflow-x:scroll}table{width:auto}thead{display:table-row-group}td,th{padding:.5rem}th span{font-size:.75rem}.tableInput{width:50%;height:30px;border-radius:10px;border:1px solid rgba(0,0,128,.5);box-shadow:0 2px 10px rgba(0,128,0,.2);padding-left:10px}.tableInput:first-child{margin-right:5px}.tableInput:nth-child(2){margin-left:5px}}