| 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; | |
| } | |
| @-moz-document url-prefix() { | |
| .fooicon { | |
| top: 2px; | |
| } | |
| } | |
| .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; | |
| } |