table.footable-details, table.footable > thead > tr.footable-filtering > th div.form-group { margin-bottom: 0; } table.footable, table.footable-details { position: relative; width: 100%; border-spacing: 0; border-collapse: collapse; } table.footable-hide-fouc { display: none; } table > tbody > tr > td > span.footable-toggle { margin-right: 8px; opacity: 0.3; } table > tbody > tr > td > span.footable-toggle.last-column { margin-left: 8px; float: right; } table.table-condensed > tbody > tr > td > span.footable-toggle { margin-right: 5px; } table.footable-details > tbody > tr > th:nth-child(1) { min-width: 40px; width: 120px; } table.footable-details > tbody > tr > td:nth-child(2) { word-break: break-all; } table.footable-details > tbody > tr:first-child > td, table.footable-details > tbody > tr:first-child > th, table.footable-details > tfoot > tr:first-child > td, table.footable-details > tfoot > tr:first-child > th, table.footable-details > thead > tr:first-child > td, table.footable-details > thead > tr:first-child > th { border-top-width: 0; } table.footable-details.table-bordered > tbody > tr:first-child > td, table.footable-details.table-bordered > tbody > tr:first-child > th, table.footable-details.table-bordered > tfoot > tr:first-child > td, table.footable-details.table-bordered > tfoot > tr:first-child > th, table.footable-details.table-bordered > thead > tr:first-child > td, table.footable-details.table-bordered > thead > tr:first-child > th { border-top-width: 1px; } div.footable-loader { vertical-align: middle; text-align: center; height: 300px; position: relative; } div.footable-loader > span.fooicon { display: inline-block; opacity: 0.3; font-size: 30px; line-height: 32px; width: 32px; height: 32px; margin-top: -16px; margin-left: -16px; position: absolute; top: 50%; left: 50%; -webkit-animation: fooicon-spin-r 2s infinite linear; animation: fooicon-spin-r 2s infinite linear; } table.footable > tbody > tr.footable-empty > td { vertical-align: middle; text-align: center; font-size: 30px; } table.footable > tbody > tr > td, table.footable > tbody > tr > th { display: none; } table.footable > tbody > tr.footable-detail-row > td, table.footable > tbody > tr.footable-detail-row > th, table.footable > tbody > tr.footable-empty > td, table.footable > tbody > tr.footable-empty > th { display: table-cell; } @-webkit-keyframes fooicon-spin-r { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fooicon-spin-r { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fooicon { position: relative; top: 0px; display: inline-block; font-family: "bootstrap-icons" !important; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fooicon:after, .fooicon:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fooicon-loader:before { content: "\f130"; } .fooicon-plus:before { content: "\f4fc"; } .fooicon-minus:before { content: "\f2e8"; } .fooicon-search:before { content: "\f52a"; } .fooicon-remove:before { content: "\f62a"; } .fooicon-sort:before { content: "\f3c6"; } .fooicon-sort-asc:before { content: "\f575"; } .fooicon-sort-desc:before { content: "\f57b"; } .fooicon-pencil:before { content: "\f4c9"; } .fooicon-trash:before { content: "\f62a"; } .fooicon-eye-close:before { content: "\f33f"; } .fooicon-flash:before { content: "\f46e"; } .fooicon-cog:before { content: "\f3e2"; } .fooicon-stats:before { content: "\f359"; } table.footable > thead > tr.footable-filtering > th { border-bottom-width: 1px; font-weight: 400; } .footable-filtering-external.footable-filtering-right, table.footable.footable-filtering-right > thead > tr.footable-filtering > th, table.footable > thead > tr.footable-filtering > th { text-align: right; } .footable-filtering-external.footable-filtering-left, table.footable.footable-filtering-left > thead > tr.footable-filtering > th { text-align: left; } .footable-filtering-external.footable-filtering-center, .footable-paging-external.footable-paging-center, table.footable-paging-center > tfoot > tr.footable-paging > td, table.footable.footable-filtering-center > thead > tr.footable-filtering > th, table.footable > tfoot > tr.footable-paging > td { text-align: center; } table.footable > thead > tr.footable-filtering > th div.form-group + div.form-group { margin-top: 5px; } table.footable > thead > tr.footable-filtering > th div.input-group { width: 100%; } .footable-filtering-external ul.dropdown-menu > li > a.checkbox, table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox { margin: 0; display: block; position: relative; } .footable-filtering-external ul.dropdown-menu > li > a.checkbox > label, table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox > label { display: block; padding-left: 20px; } .footable-filtering-external ul.dropdown-menu > li > a.checkbox input[type="checkbox"], table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox input[type="checkbox"] { position: absolute; margin-left: -20px; } @media (min-width: 768px) { table.footable > thead > tr.footable-filtering > th div.input-group { width: auto; } table.footable > thead > tr.footable-filtering > th div.form-group { margin-left: 2px; margin-right: 2px; } table.footable > thead > tr.footable-filtering > th div.form-group + div.form-group { margin-top: 0; } } table.footable > tbody > tr > td.footable-sortable, table.footable > tbody > tr > th.footable-sortable, table.footable > tfoot > tr > td.footable-sortable, table.footable > tfoot > tr > th.footable-sortable, table.footable > thead > tr > td.footable-sortable, table.footable > thead > tr > th.footable-sortable { position: relative; padding-right: 30px; cursor: pointer; } td.footable-sortable > span.fooicon, th.footable-sortable > span.fooicon { position: absolute; right: 6px; top: 50%; margin-top: -7px; opacity: 0; transition: opacity 0.3s ease-in; } td.footable-sortable.footable-asc > span.fooicon, td.footable-sortable.footable-desc > span.fooicon, td.footable-sortable:hover > span.fooicon, th.footable-sortable.footable-asc > span.fooicon, th.footable-sortable.footable-desc > span.fooicon, th.footable-sortable:hover > span.fooicon { opacity: 1; } table.footable-sorting-disabled td.footable-sortable.footable-asc > span.fooicon, table.footable-sorting-disabled td.footable-sortable.footable-desc > span.fooicon, table.footable-sorting-disabled td.footable-sortable:hover > span.fooicon, table.footable-sorting-disabled th.footable-sortable.footable-asc > span.fooicon, table.footable-sorting-disabled th.footable-sortable.footable-desc > span.fooicon, table.footable-sorting-disabled th.footable-sortable:hover > span.fooicon { opacity: 0; visibility: hidden; } .footable-paging-external ul.pagination, table.footable > tfoot > tr.footable-paging > td > ul.pagination { margin: 10px 0 0; } .footable-paging-external span.label, table.footable > tfoot > tr.footable-paging > td > span.label { display: inline-block; margin: 0 0 10px; padding: 4px 10px; } .footable-paging-external.footable-paging-left, table.footable-paging-left > tfoot > tr.footable-paging > td { text-align: left; } .footable-paging-external.footable-paging-right, table.footable-editing-right td.footable-editing, table.footable-editing-right tr.footable-editing, table.footable-paging-right > tfoot > tr.footable-paging > td { text-align: right; } ul.pagination > li.footable-page { display: none; } ul.pagination > li.footable-page.visible { display: inline; } td.footable-editing { width: 90px; max-width: 90px; } table.footable-editing-no-delete td.footable-editing, table.footable-editing-no-edit td.footable-editing, table.footable-editing-no-view td.footable-editing { width: 70px; max-width: 70px; } table.footable-editing-no-delete.footable-editing-no-view td.footable-editing, table.footable-editing-no-edit.footable-editing-no-delete td.footable-editing, table.footable-editing-no-edit.footable-editing-no-view td.footable-editing { width: 50px; max-width: 50px; } table.footable-editing-no-edit.footable-editing-no-delete.footable-editing-no-view td.footable-editing, table.footable-editing-no-edit.footable-editing-no-delete.footable-editing-no-view th.footable-editing { width: 0; max-width: 0; display: none !important; } table.footable-editing-left td.footable-editing, table.footable-editing-left tr.footable-editing { text-align: left; } table.footable-editing button.footable-add, table.footable-editing button.footable-hide, table.footable-editing-show button.footable-show, table.footable-editing.footable-editing-always-show button.footable-hide, table.footable-editing.footable-editing-always-show button.footable-show, table.footable-editing.footable-editing-always-show.footable-editing-no-add tr.footable-editing { display: none; } table.footable-editing.footable-editing-always-show button.footable-add, table.footable-editing.footable-editing-show button.footable-add, table.footable-editing.footable-editing-show button.footable-hide { display: inline-block; }