*{box-sizing: border-box}#table-a{display:flex;flex-direction:column}.header-tabl{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}#table-a select{margin-left:10px}#table-a table{border-collapse:collapse}#table-a td{border:1px solid;text-align:center;vertical-align:bottom;font-size:12px}.vertical-text{writing-mode:tb-rl;transform:rotate(180deg);height:170px}#table-a tbody tr:nth-child(2n){background:#c2c2c2}.filter-form{display:flex;flex-direction:column;width:250px}.filter-form input{width:100%;height:30px}button{cursor:pointer}.filter-form button{margin-top:10px;color:#fff;background-color:#21ba45;border:none;padding:5px 20px;border-radius:5px}.filter-form button:hover{background-color:#16ab39}.pagination-container{display:flex;margin-top:10px;margin-left:auto;margin-right:auto}.angle-back,.angle-forward{width:30px;height:30px;border:1px solid #cecece}.pagination-list{display:flex;list-style:none;margin:0;padding:0}.pagination-list li{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid #cecece;cursor:pointer}.active-page{background-color:#caf7c2}