#buttons_top { display: flex; width: 100%; align-items: flex-center; column-gap: 8px; }

#buttons_top > .right { margin-left: auto; }

.table_wrapper .first_load_finished .dt-button-collection div[role="menu"] { visibility: visible !important; }

.table_wrapper .first_load_finished table { background: none !important; min-height: auto !important; display: table !important; }

.table_wrapper .first_load_finished table > * { opacity: 1 !important; }

.table_wrapper .first_load_finished table::before { animation: none !important; background: none !important; display: none !important; }

.table_wrapper { display: flex; flex-direction: row; column-gap: 18px; width: 100%; align-items: flex-start; }

.table_wrapper table { /* Flashing/shimmer background while loading */ background: rgba(0, 0, 0, 0.03) !important; position: relative; overflow: hidden; display: block; min-height: 100px; position: relative; width: 100%; }

.table_wrapper table > * { /* tbody, thead, tfoot */ opacity: 0 !important; }

.table_wrapper table::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, white, transparent); animation: flash 0.8s infinite; }

@keyframes flash { 0% { transform: translateX(0); }
  100% { transform: translateX(200%); } }

.table_wrapper table colgroup { width: 100% !important; }

.table_wrapper table tbody.refreshing { width: 100% !important; background: rgba(0, 0, 0, 0.03) !important; position: relative; overflow: hidden; min-height: 100px; }

.table_wrapper table tbody.refreshing > * { opacity: 0 !important; }

.table_wrapper table tbody.refreshing::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, white, transparent); animation: flash 0.8s infinite; }

.table_wrapper .table_controls { min-width: 300px; align-self: auto; /* or flex-start, center, baseline */ }

.table_wrapper .table_controls .table_controls_divider { width: 100%; height: 1px; background-color: #e4e4e7; padding: 0 !important; }

.table_wrapper .table_controls .table_controls_header { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }

.table_wrapper .table_controls .table_controls_header .button { margin: 0; }

.table_wrapper .table_controls .item_wrapper { display: flex; flex-direction: column; row-gap: 8px; margin-top: 8px; position: relative; }

.table_wrapper .table_controls .item_wrapper .item { height: 24px; line-height: 24px; width: 100%; display: flex; flex-direction: row; align-items: center; column-gap: 12px; background: white; z-index: 99; }

.table_wrapper .table_controls .item_wrapper .item span { line-height: 24px; }

.table_wrapper .table_controls .item_wrapper .item svg { height: 21px; width: 21px; }

.table_wrapper .table_controls .item_wrapper .item .subitem_right { margin-left: auto; min-width: 30px; text-align: center; }

.table_wrapper .table_controls .item_wrapper { margin-top: 24px; }

.table_wrapper .table_controls .item_wrapper:first-of-type { margin-top: 0; }

.table_wrapper .table_controls .item_wrapper .radio_wrapper_wrapper { margin-top: 0; }

.table_wrapper .table_controls .item_wrapper .radio_text { line-height: 24px; font-weight: 300; }

.table_wrapper .table_controls .item_wrapper .checkbox_text { font-weight: 300; }

.table_wrapper .table_controls .item_wrapper label { font-weight: 500; margin-bottom: 8px; }

.table_wrapper .table_controls .dropdown { width: 250px !important; }

.table_wrapper .table_controls .dropdown .dropdown_menu, .table_wrapper .table_controls .dropdown .dropdown_text { width: 250px !important; }

.table_wrapper .table_controls .dropdown .dropdown_text span { max-width: 250px !important; }

.table_wrapper thead .checkbox_wrapper { margin-top: 8px !important; }

.table_wrapper tbody .checkbox_wrapper { margin-top: 0px !important; }

.table_wrapper .dt-container { width: 100%; position: relative; height: fit-content; isolation: isolate; /* THIS IS THE MAGIC LINE */ }

.table_wrapper .dt-container .table_top { position: relative; z-index: 10; }

.table_wrapper .dt-container .dataTable { position: relative; z-index: 1; }

.table_wrapper .dt-container .buttons-pdf { width: 0; height: 0; overflow: hidden; display: none; }

.table_wrapper .dt-container .dt-length, .table_wrapper .dt-container .dt-search { display: inline-block; height: auto; white-space: nowrap; }

.table_wrapper .dt-container .dt-length select, .table_wrapper .dt-container .dt-length input, .table_wrapper .dt-container .dt-search select, .table_wrapper .dt-container .dt-search input { margin-top: 0 !important; margin-bottom: 0 !important; }

.table_wrapper .dt-container .dt-length { font-size: 14px; }

.table_wrapper .dt-container .dt-type-numeric { text-align: left; }

.table_wrapper .dt-container input:not([type="checkbox"]), .table_wrapper .dt-container textarea { width: 200px !important; }

.table_wrapper .dt-container .dt-search input { width: 250px !important; }

.table_wrapper .dt-container select { width: auto !important; margin-right: 12px; }

.table_wrapper .dt-container button { background: white; height: 36px; width: 36px; border: 1px solid #e4e4e7; border-radius: 6px; cursor: pointer; }

.table_wrapper .dt-container button:hover { background: #f4f4f4; }

.table_wrapper .dt-container .table_top { display: flex; flex-direction: row; column-gap: 24px; margin-bottom: 12px; }

.table_wrapper .dt-container .table_top .dt-buttons { width: 100%; display: flex; flex-direction: row; justify-content: flex-end; position: relative; }

.table_wrapper .dt-container .table_top .dt-buttons button { padding: 0 16px; width: auto; }

.table_wrapper .dt-container .table_top .dt-buttons button span { white-space: nowrap; font-family: Geist; font-weight: 500; font-size: 14px; color: #18181b; }

.table_wrapper .dt-container .table_top .dt-buttons .dt-button-down-arrow { display: none; }

.table_wrapper .dt-container .table_top .buttons-colvis { margin-left: auto !important; }

.table_wrapper .dt-container .table_top .buttons-colvis span { display: flex; flex-direction: row; align-items: center; justify-content: center; column-gap: 8px; }

.table_wrapper .dt-container .table_top .buttons-colvis span span { font-size: 13px !important; font-weight: 500; color: #09090b; }

.table_wrapper .dt-container .table_top .buttons-colvis svg { width: 16px; }

.table_wrapper .dt-container .table_top .dt-button-collection div[role="menu"] { visibility: hidden; position: absolute; bottom: 0; right: 0; transform: translateY(100%); flex-direction: column; display: flex; background: white; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); border: 1px solid #e4e4e7; border-radius: 6px; padding: 4px; }

.table_wrapper .dt-container .table_top .dt-button-collection div[role="menu"] button.buttons-columnVisibility { width: 205px; border: none; text-align: left; padding: 6px; padding-right: 8px; }

.table_wrapper .dt-container .table_top .dt-button-collection div[role="menu"] button.buttons-columnVisibility span { flex-direction: row; justify-content: flex-start; align-items: center; display: flex; }

.table_wrapper .dt-container .table_top .dt-button-collection div[role="menu"] button.buttons-columnVisibility span .checked { display: inline-block; }

.table_wrapper .dt-container .table_top .dt-button-collection div[role="menu"] button.buttons-columnVisibility span .checked svg { width: 16px; margin-left: 8px; margin-right: 12px; color: transparent; }

.table_wrapper .dt-container .table_top .dt-button-collection div[role="menu"] button.buttons-columnVisibility.dt-button-active svg { color: #18181b !important; }

.table_wrapper .dt-container .table_top .dt-button-collection button { padding: 0; }

.table_wrapper .dt-container #table_footer { display: flex; flex-direction: row; align-items: center; margin-top: 12px; z-index: 0; }

.table_wrapper .dt-container #table_footer .dt-info { display: inline-block; width: auto; margin: 0; margin-right: 8px; height: 18px; font-size: 14px; color: #71717a; }

.table_wrapper .dt-container #table_footer .dt-length { display: flex; flex-direction: row; align-items: center; column-gap: 12px; margin-left: auto; margin-right: 24px; }

.table_wrapper .dt-container #table_footer .dt-length select { background: white; height: 36px; margin-right: 0; }

.table_wrapper .dt-container #table_footer .dt-length select:hover { background: #f9f9fa; cursor: pointer; }

.table_wrapper .dt-container #table_footer .dt-paging { display: inline-block; width: auto; margin-left: 0; margin-right: 24px; }

.table_wrapper .dt-container #table_footer .dt-paging nav { margin-left: 0; display: flex; flex-direction: row; height: 36px; justify-content: flex-start; align-items: center; column-gap: 8px; width: auto; }

.table_wrapper .dt-container #table_footer .dt-paging nav .dt-paging-button { line-height: 36px; padding: 0; display: flex; flex-direction: column; height: 36px; justify-content: center; align-items: center; font-family: Geist; }

.table_wrapper .dt-container #table_footer .dt-paging nav .dt-paging-button.current { background-color: rgba(244, 244, 244, 0.7); }

.table_wrapper .dt-container #table_footer .dt-paging nav .dt-paging-button.last-child { margin-right: 0; }

.table_wrapper .dt-container #table_footer .dt-paging nav .dt-paging-button.disabled { opacity: 0.5; cursor: default; pointer-events: none; }

.table_wrapper .dt-container #table_footer .dt-paging nav .dt-paging-button svg { height: 16px; }

table { width: 100%; border-radius: 8px; border: 1px solid #e4e4e7; color: #09090b; line-height: 24px; border-collapse: separate; border-spacing: 0; text-align: left; margin-top: 12px; overflow-x: scroll; }

table.width_auto { width: auto; }

table thead { border-collapse: separate; height: 40px; }

table thead tr:hover { background: white; }

table thead th, table thead td { height: 40px; border-bottom: 1px solid #e4e4e7; }

table thead th .sort_icon.ascending { display: none; }

table thead th .sort_icon.descending { display: none; }

table thead th[aria-sort="ascending"] .sort_icon.neutral { display: none; }

table thead th[aria-sort="ascending"] .sort_icon.ascending { display: block; }

table thead th[aria-sort="ascending"] .sort_icon.descending { display: none; }

table thead th[aria-sort="descending"] .sort_icon.neutral { display: none; }

table thead th[aria-sort="descending"] .sort_icon.ascending { display: none; }

table thead th[aria-sort="descending"] .sort_icon.descending { display: block; }

table thead th[aria-sort="ascending"] .sort_icon_wrapper, table thead th[aria-sort="descending"] .sort_icon_wrapper { background-color: rgba(59, 130, 246, 0.08) !important; }

table thead th .dt-column-title { width: auto; display: inline-block; }

table thead th .dt-column-title .sort_icon_wrapper { width: auto; border-radius: 6px; white-space: nowrap; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding-left: 12px; padding-right: 12px; padding-top: 4px; padding-bottom: 4px; cursor: pointer; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: .15s; }

table thead th .dt-column-title .sort_icon_wrapper:hover { background: #f9f9fa; color: #18181b; }

table thead th .dt-column-title .sort_icon_wrapper .sort_icon { position: relative; width: 13px; height: 13px; margin-left: 8px; }

table thead th .dt-column-title .sort_icon_wrapper .sort_icon svg { position: absolute; top: 0; left: 0; height: 13px; width: 13px; }

table thead th .dt-column-title .sort_icon_wrapper .sort_icon svg.alpha_reverse { opacity: 0; }

table tbody tr.selected { background: #f5f5f5; }

table tbody tr.geleend_object { background-color: rgba(71, 199, 252, 0.1) !important; }

table tbody td * { vertical-align: middle !important; }

table tbody td.no_break, table tbody td .no_break { white-space: nowrap !important; }

table tbody td .badge_wrapper { display: flex; flex-direction: row; column-gap: 6px; align-items: flex-start; }

table tbody td .badge { padding: 2px 8px; white-space: nowrap; font-size: 13px; }

table th, table td { height: 53px; border: none; font-size: 14px; padding: 1px 8px; }

table th:first-child, table td:first-child { padding-left: 18px; padding-right: 0; }

table th { color: #71717a; font-weight: 500; line-height: 20px; }

table tr { color: #09090b; border-bottom: 1px solid #e4e4e7; transition-property: background; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

table tr.dark_border td { border-top: 2px solid #e4e4e7; }

table tr:hover { background: #f9f9fa; }

table tr td { padding: 8px; border-bottom: 1px solid #e4e4e7; }

table tr td.padding_left { padding-left: 20px; }

table tr td.normal_padding { padding-left: 8px !important; }

table tr td a { font-weight: 500; color: #3b82f6; text-underline-offset: 4px; text-decoration: none !important; border-bottom: 1px solid transparent; }

table tr td a:hover { border-bottom: 1px solid #3b82f6; }

table tr td a.main { color: #3b82f6; }

table tr td a.main:hover { border-bottom: 1px solid #3b82f6; }

table tr:last-child td { border-bottom: none; }
