.table-wrapper{margin-top:1rem;border-radius:8px;overflow:hidden;box-shadow:var(--box-shadow);background-color:var(--foreground-color);width:100%;height:70%;margin-bottom:15px;border:1px solid var(--border-color);display:flex;justify-self:center}.tableContainer{width:100%;height:100%;overflow-x:auto;scrollbar-width:none}.tableContainer::-webkit-scrollbar{width:8px;height:8px}.tableContainer::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.tableContainer::-webkit-scrollbar-track{background-color:var(--table-row-color);border-radius:8px}table{width:100%;border-collapse:collapse;font-size:14px}thead{position:sticky;top:0;z-index:2;height:40px;background-color:var(--table-header-color);color:var(--primary-text-color);font-weight:700;border-bottom:1px solid var(--border-color)}tbody{text-align:center;color:var(--secondary-text-color);vertical-align:middle;background-color:var(--foreground-color)}tbody tr{height:40px;border-bottom:1px solid var(--border-color);transition:all .2s ease-in-out}tbody tr:hover{background-color:var(--table-row-color)}tbody td,thead th{padding:12.5px 15px;text-overflow:ellipsis}tbody .table-status{white-space:nowrap}tr:hover{background-color:var(--table-row-hover-color)!important;font-weight:400!important;color:var(--primary-text-color)!important;transform:none!important}tbody td:nth-child(2),thead th:nth-child(2){width:25ch!important;max-width:600px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}tbody td:nth-child(2){word-break:break-all!important}td.actionButtons{padding:0!important;display:table-cell!important;flex-wrap:nowrap!important;background-color:transparent!important}.actionButtonsContainer,td.actionButtons{justify-content:center!important;align-items:center!important;height:100%!important;gap:5px!important}.actionButtonsContainer{display:flex!important;flex-direction:row!important;width:100%!important}.actionButtonsContainer button:disabled{cursor:not-allowed!important;background-color:var(--border-color)!important}.actionButtonsContainer .deleteBtn,.actionButtonsContainer .editBtn,.actionButtonsContainer .payBtn,.actionButtonsContainer .releaseBtn,.actionButtonsContainer .viewBtn{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;padding:0!important;border-radius:var(--table-action-button-border-radius)!important;border:none!important;cursor:pointer!important;font-size:16px!important;font-weight:5500!important;transition:background-color .3s!important;color:var(--foreground-color)!important;outline:none!important}.payBtn,.releaseBtn,.viewBtn{background-color:var(--success-color)!important}.payBtn:hover,.releaseBtn,.viewBtn:hover{background-color:var(--success-hover-color)!important}.editBtn{background-color:var(--info-color)!important}.editBtn:hover{background-color:var(--info-hover-color)!important}.deleteBtn{background-color:var(--error-color)!important}.deleteBtn:hover{background-color:var(--error-hover-color)!important}:root{--pagination-color:#b3b3b3;--pagination-active-bg:#961C1E;--pagination-active-text:#fff;--pagination-font-size:14px;--pagination-radius:0.3rem;--pagination-button-size:2em;--pagination-padding:0.3rem}.demo-pagination-block+.demo-pagination-block{margin-top:10px}.demo-pagination-block .demonstration{margin-bottom:16px}#recordsPerPage{max-width:max-content;padding:var(--pagination-padding);border-radius:0}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;gap:10px;flex-wrap:wrap}.pagination-dropdown{max-width:max-content;padding:var(--pagination-padding)!important;border-radius:var(--pagination-radius)!important;font-size:var(--pagination-font-size);color:var(--pagination-color)!important;box-shadow:var(--box-shadow)}.pagination-button-container{display:flex;width:40%;align-items:center;justify-content:center;gap:5px}.pagination-button,.pagination-button-prevnext{outline:none!important;border:none!important;background-color:transparent;cursor:pointer;border-radius:var(--pagination-radius);font-size:var(--pagination-font-size);color:var(--pagination-color)}.pagination-button{width:var(--pagination-button-size);height:var(--pagination-button-size);padding:0;border-radius:50%!important;display:flex;align-items:center;justify-content:center}.pagination-button.active{background-color:var(--pagination-active-bg);color:var(--pagination-active-text);border-color:var(--pagination-active-bg)}.pagination-button:disabled{background-color:transparent;color:gray;cursor:not-allowed}.pagination-ellipsis{padding:0 .5rem;color:#6c757d}.pagination-go-to{font-size:var(--pagination-font-size);color:var(--pagination-color)!important}.pagination-go-to,.pagination-goto-container{display:flex;flex-direction:row;align-items:center;gap:5px}.pagination-goto-container{justify-content:center}.pagination-input{width:min-content;max-width:70px!important;padding:var(--pagination-padding);border:1px solid #ccc;border-radius:var(--pagination-radius);color:var(--pagination-color)!important}.pagination-go-button{outline:none!important;border:none!important;padding:var(--pagination-padding) .5rem!important;background-color:var(--pagination-color)!important;color:white!important;cursor:pointer;border-radius:var(--pagination-radius);font-size:var(--pagination-font-size)}.pagination-go-button:hover{background-color:var(--pagination-active-bg)!important}