/** * @author Dustin Utecht * https://github.com/wenzhixin/bootstrap-table/ */ .bootstrap-table .fixed-table-toolbar::after { content: ""; display: block; clear: both; } .bootstrap-table .fixed-table-toolbar .bs-bars, .bootstrap-table .fixed-table-toolbar .search, .bootstrap-table .fixed-table-toolbar .columns { position: relative; margin-top: 10px; margin-bottom: 10px; } .bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group { display: inline-block; margin-left: -1px !important; } .bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group > .btn { border-radius: 0; } .bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group:first-child > .btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group:last-child > .btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .bootstrap-table .fixed-table-toolbar .columns .dropdown-menu { text-align: left; max-height: 300px; overflow: auto; -ms-overflow-style: scrollbar; z-index: 1001; } .bootstrap-table .fixed-table-toolbar .columns label { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; } .bootstrap-table .fixed-table-toolbar .columns-left { margin-right: 5px; } .bootstrap-table .fixed-table-toolbar .columns-right { margin-left: 5px; } .bootstrap-table .fixed-table-toolbar .pull-right .dropdown-menu { right: 0; left: auto; } .bootstrap-table .fixed-table-container { position: relative; clear: both; } .bootstrap-table .fixed-table-container .table { width: 100%; margin-bottom: 0 !important; } .bootstrap-table .fixed-table-container .table th, .bootstrap-table .fixed-table-container .table td { vertical-align: middle; box-sizing: border-box; } .bootstrap-table .fixed-table-container .table thead th { vertical-align: bottom; padding: 0; margin: 0; } .bootstrap-table .fixed-table-container .table thead th:focus { outline: 0 solid transparent; } .bootstrap-table .fixed-table-container .table thead th.detail { width: 30px; } .bootstrap-table .fixed-table-container .table thead th .th-inner { padding: 0.75rem; vertical-align: bottom; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bootstrap-table .fixed-table-container .table thead th .sortable { cursor: pointer; background-position: right; background-repeat: no-repeat; padding-right: 30px !important; } .bootstrap-table .fixed-table-container .table thead th .both { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC"); } .bootstrap-table .fixed-table-container .table thead th .asc { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg=="); } .bootstrap-table .fixed-table-container .table thead th .desc { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= "); } .bootstrap-table .fixed-table-container .table tbody tr.selected td { background-color: #fafafa; } .bootstrap-table .fixed-table-container .table tbody tr.no-records-found td { text-align: center; } .bootstrap-table .fixed-table-container .table tbody tr .card-view { display: flex; } .bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-title { font-weight: bold; display: inline-block; min-width: 30%; width: auto !important; text-align: left !important; } .bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-value { width: 100% !important; text-align: left !important; } .bootstrap-table .fixed-table-container .table .bs-checkbox { text-align: center; } .bootstrap-table .fixed-table-container .table .bs-checkbox label { margin-bottom: 0; } .bootstrap-table .fixed-table-container .table .bs-checkbox label input[type="radio"], .bootstrap-table .fixed-table-container .table .bs-checkbox label input[type="checkbox"] { margin: 0 auto !important; } .bootstrap-table .fixed-table-container .table.table-sm .th-inner { padding: 0.3rem; } .bootstrap-table .fixed-table-container.fixed-height:not(.has-footer) { border-bottom: 1px solid #dbdbdb; } .bootstrap-table .fixed-table-container.fixed-height.has-card-view { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; } .bootstrap-table .fixed-table-container.fixed-height .fixed-table-border { border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; } .bootstrap-table .fixed-table-container.fixed-height .table thead th { border-bottom: 1px solid #dbdbdb; } .bootstrap-table .fixed-table-container.fixed-height .table-dark thead th { border-bottom: 1px solid #32383e; } .bootstrap-table .fixed-table-container .fixed-table-header { overflow: hidden; } .bootstrap-table .fixed-table-container .fixed-table-body { overflow-x: auto; overflow-y: auto; height: 100%; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading { align-items: center; background: #fff; display: flex; justify-content: center; position: absolute; bottom: 0; width: 100%; max-width: 100%; z-index: 1000; transition: visibility 0s, opacity 0.15s ease-in-out; opacity: 0; visibility: hidden; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.open { visibility: visible; opacity: 1; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap { align-items: baseline; display: flex; justify-content: center; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .loading-text { margin-right: 6px; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap { align-items: center; display: flex; justify-content: center; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot, .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after, .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::before { content: ""; animation-duration: 1.5s; animation-iteration-count: infinite; animation-name: LOADING; background: #363636; border-radius: 50%; display: block; height: 5px; margin: 0 4px; opacity: 0; width: 5px; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot { animation-delay: 0.3s; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after { animation-delay: 0.6s; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark { background: #363636; } .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-dot, .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap::after, .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap::before { background: #fff; } .bootstrap-table .fixed-table-container .fixed-table-footer { overflow: hidden; } .bootstrap-table .fixed-table-pagination::after { content: ""; display: block; clear: both; } .bootstrap-table .fixed-table-pagination > .pagination-detail, .bootstrap-table .fixed-table-pagination > .pagination { margin-top: 10px; margin-bottom: 10px; } .bootstrap-table .fixed-table-pagination > .pagination-detail .pagination-info { line-height: 34px; margin-right: 5px; } .bootstrap-table .fixed-table-pagination > .pagination-detail .page-list { display: inline-block; } .bootstrap-table .fixed-table-pagination > .pagination-detail .page-list .btn-group { position: relative; display: inline-block; vertical-align: middle; } .bootstrap-table .fixed-table-pagination > .pagination-detail .page-list .btn-group .dropdown-menu { margin-bottom: 0; } .bootstrap-table .fixed-table-pagination > .pagination ul.pagination { margin: 0; } .bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a { color: #c8c8c8; } .bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a::before { content: '\2B05'; } .bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a::after { content: '\27A1'; } .bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.disabled a { pointer-events: none; cursor: default; } .bootstrap-table.fullscreen { position: fixed; top: 0; left: 0; z-index: 1050; width: 100% !important; background: #fff; height: calc(100vh); overflow-y: scroll; } .bootstrap-table.bootstrap4 .pagination-lg .page-link, .bootstrap-table.bootstrap5 .pagination-lg .page-link { padding: .5rem 1rem; } .bootstrap-table.bootstrap5 .float-left { float: left; } .bootstrap-table.bootstrap5 .float-right { float: right; } /* calculate scrollbar width */ div.fixed-table-scroll-inner { width: 100%; height: 200px; } div.fixed-table-scroll-outer { top: 0; left: 0; visibility: hidden; width: 200px; height: 150px; overflow: hidden; } @keyframes LOADING { 0% { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } @font-face { font-family: 'bootstrap-table'; src: url("fonts/bootstrap-table.eot?gmdfsp"); src: url("fonts/bootstrap-table.eot") format("embedded-opentype"), url("fonts/bootstrap-table.ttf") format("truetype"), url("fonts/bootstrap-table.woff") format("woff"), url("fonts/bootstrap-table.svg") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'bootstrap-table', sans-serif !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down-circle:before { content: "\e907"; } .icon-arrow-up-circle:before { content: "\e908"; } .icon-chevron-left:before { content: "\e900"; } .icon-chevron-right:before { content: "\e901"; } .icon-clock:before { content: "\e90c"; } .icon-copy:before { content: "\e909"; } .icon-download:before { content: "\e90d"; } .icon-list:before { content: "\e902"; } .icon-maximize:before { content: "\1f5ce"; } .icon-minus:before { content: "\e90f"; } .icon-move:before { content: "\e903"; } .icon-plus:before { content: "\e90e"; } .icon-printer:before { content: "\e90b"; } .icon-refresh-cw:before { content: "\e904"; } .icon-search:before { content: "\e90a"; } .icon-toggle-right:before { content: "\e905"; } .icon-trash-2:before { content: "\e906"; } .icon-sort-amount-asc:before { content: "\ea4c"; } .bootstrap-table * { box-sizing: border-box; } .bootstrap-table input.form-control, .bootstrap-table select.form-control, .bootstrap-table .btn { border-radius: 4px; background-color: #fff; border: 1px solid #ccc; padding: 9px 12px; } .bootstrap-table select.form-control { height: 35px; } .bootstrap-table .btn { outline: none; cursor: pointer; } .bootstrap-table .btn.active { background-color: #ebebeb; } .bootstrap-table .btn:focus, .bootstrap-table .btn:hover { background-color: whitesmoke; } .bootstrap-table .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .bootstrap-table .detail-icon { text-decoration: none; color: #3679e4; } .bootstrap-table .detail-icon:hover { color: #154a9f; } .bootstrap-table .fixed-table-toolbar .columns, .bootstrap-table .fixed-table-toolbar .columns .btn-group { display: inline-block; } .bootstrap-table .fixed-table-toolbar .columns > .btn:not(:first-child):not(:last-child), .bootstrap-table .fixed-table-toolbar .columns > .btn:not(:first-child):not(:last-child) > .btn, .bootstrap-table .fixed-table-toolbar .columns > .btn-group:not(:first-child):not(:last-child), .bootstrap-table .fixed-table-toolbar .columns > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .bootstrap-table .fixed-table-toolbar .columns > .btn:not(:last-child):not(.dropdown-toggle), .bootstrap-table .fixed-table-toolbar .columns > .btn:not(:last-child) > .btn, .bootstrap-table .fixed-table-toolbar .columns > .btn-group:not(:last-child):not(.dropdown-toggle), .bootstrap-table .fixed-table-toolbar .columns > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } .bootstrap-table .fixed-table-toolbar .columns > .btn:not(:first-child):not(.dropdown-toggle), .bootstrap-table .fixed-table-toolbar .columns > .btn:not(:first-child) > .btn, .bootstrap-table .fixed-table-toolbar .columns > .btn-group:not(:first-child):not(.dropdown-toggle), .bootstrap-table .fixed-table-toolbar .columns > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .bootstrap-table .fixed-table-toolbar .columns label { padding: 5px 12px; } .bootstrap-table .fixed-table-toolbar .columns input[type="checkbox"] { vertical-align: middle; } .bootstrap-table .fixed-table-toolbar .columns .dropdown-divider { border-bottom: 1px solid #dbdbdb; } .bootstrap-table .fixed-table-toolbar .search .input-group .search-input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } .bootstrap-table .fixed-table-toolbar .search .input-group button[name="search"], .bootstrap-table .fixed-table-toolbar .search .input-group button[name="clearSearch"] { border-top-left-radius: 0; border-bottom-left-radius: 0; } .bootstrap-table .fixed-table-toolbar .search .input-group button[name="search"]:not(:last-child), .bootstrap-table .fixed-table-toolbar .search .input-group button[name="clearSearch"]:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } .bootstrap-table .open.dropdown-menu { display: block; } .bootstrap-table .dropdown-menu-up .dropdown-menu { top: auto; bottom: 100%; } .bootstrap-table .dropdown-menu { display: none; background-color: #fff; position: absolute; right: 0; min-width: 120px; margin-top: 2px; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.175); } .bootstrap-table .dropdown-menu .dropdown-item { color: #363636; text-decoration: none; display: block; padding: 5px 12px; white-space: nowrap; } .bootstrap-table .dropdown-menu .dropdown-item:hover { background-color: whitesmoke; } .bootstrap-table .dropdown-menu .dropdown-item.active { background-color: #3679e4; color: #fff; } .bootstrap-table .dropdown-menu .dropdown-item.active:hover { background-color: #1b5fcc; } .bootstrap-table .columns-left .dropdown-menu { left: 0; right: auto; } .bootstrap-table .pagination-detail { float: left; } .bootstrap-table .pagination-detail .dropdown-item { min-width: 45px; text-align: center; } .bootstrap-table table { border-collapse: collapse; } .bootstrap-table table th { text-align: inherit; } .bootstrap-table table.table-bordered thead tr th, .bootstrap-table table.table-bordered tbody tr td { border: 1px solid #dbdbdb; } .bootstrap-table table.table-bordered tbody tr td { padding: 0.75rem; } .bootstrap-table table.table-hover tbody tr:hover { background: #fafafa; } .bootstrap-table .float-left { float: left; } .bootstrap-table .float-right { float: right; } .bootstrap-table .pagination { padding: 0; align-items: center; display: flex; justify-content: center; text-align: center; list-style: none; } .bootstrap-table .pagination .page-item { border: 1px solid #dbdbdb; background-color: #fff; border-radius: 4px; margin: 2px; padding: 5px 2px 5px 2px; } .bootstrap-table .pagination .page-item:hover { background-color: whitesmoke; } .bootstrap-table .pagination .page-item .page-link { padding: 6px 12px; line-height: 1.428571429; color: #363636; text-decoration: none; outline: none; } .bootstrap-table .pagination .page-item.active { background-color: #3679e4; border: 1px solid #206ae1; } .bootstrap-table .pagination .page-item.active .page-link { color: #fff; } .bootstrap-table .pagination .page-item.active:hover { background-color: #1b5fcc; } .bootstrap-table .pagination .btn-group { display: inline-block; } .bootstrap-table .pagination .btn-group .btn:not(:first-child):not(:last-child), .bootstrap-table .pagination .btn-group input:not(:first-child):not(:last-child) { border-radius: 0; } .bootstrap-table .pagination .btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle), .bootstrap-table .pagination .btn-group input:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .bootstrap-table .pagination .btn-group .btn:last-child:not(:first-child), .bootstrap-table .pagination .btn-group input:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .bootstrap-table .pagination .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .bootstrap-table .filter-control { display: flex; } .bootstrap-table .page-jump-to input, .bootstrap-table .page-jump-to .btn { padding: 8px 12px; } .modal { position: fixed; display: none; top: 0; left: 0; bottom: 0; right: 0; } .modal.show { display: flex; } .modal .btn { border-radius: 4px; background-color: #fff; border: 1px solid #ccc; padding: 6px 12px; outline: none; cursor: pointer; } .modal .btn.active { border-color: black; } .modal .modal-background { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 998; background-color: rgba(10, 10, 10, 0.86); } .modal .modal-content { position: relative; width: 600px; margin: 30px auto; z-index: 999; } .modal .modal-content .box { background-color: #fff; border-radius: 6px; display: block; padding: 1.25rem; }