rc-data-table/dist/style.css

Extendable table with filtering, sorting, paging, and more

.filterable-table-container .header-row{margin-top:6px}.filterable-table-container .header-row .exact-filters{margin-top:20px}.filterable-table-container .header-row .record-count{padding-top:7px}.filterable-table-container table.filterable-table thead tr th{white-space:nowrap;user-select:none}.filterable-table-container table.filterable-table thead tr th span.fa{padding-left:8px;color:#aaa}.filterable-table-container table.filterable-table tfoot tr td{font-weight:700}.filterable-table-container .filter-container{position:relative}.filterable-table-container .filter-container .filter-input,.filterable-table-container .filter-container .page-size{width:185px;display:inline}.filterable-table-container .clear-filter{position:absolute;right:5px;top:1px}.filterable-table-container span.sortable,.filterable-table-container span.filterable{cursor:pointer}.filterable-table-container span.filterable{border-bottom:1px solid #91c1ff}.filterable-table-container ul.pagination li a{user-select:none}.filterable-table-container ul.pagination li:not(.disabled) a{cursor:pointer}.filterable-table-container span.empty{font-style:italic;color:#999}.filterable-table-container .filter-item{border:1px solid #ccc;border-radius:1px;display:inline-block;margin-right:15px}.filterable-table-container .filter-item .filter-item-title{background-color:#2f6e9b;border-radius:1px;color:#fff}.filterable-table-container .filter-item .filter-item-title .filter-item-remove{color:#fff;font-weight:700;user-select:none;padding-right:10px;cursor:pointer}.filterable-table-container .filter-item .filter-item-title,.filterable-table-container .filter-item .filter-item-value{padding:5px 10px;display:inline-block}.sk-circle{margin:100px auto;width:40px;height:40px;position:absolute;top:35%;left:50%;transform:translate(-35%, -50%)}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}