UNPKG

framework7

Version:

Full featured mobile HTML framework for building iOS & Android apps

1 lines 23.9 kB
.data-table{overflow-x:auto}.data-table table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:left}.data-table thead{font-size:12px}.data-table thead td,.data-table thead th{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top}.data-table td,.data-table th{padding:0;position:relative}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:right}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-left:8px}.data-table td.actions-cell,.data-table th.actions-cell{text-align:right;white-space:nowrap}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:18px;vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'';display:inline-block;vertical-align:top;width:16px;height:16px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");background-size:100% auto;background-position:center;background-repeat:no-repeat;font-size:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:rotate(0);transform:rotate(0);opacity:0}html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,html.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{-webkit-transform:rotate(180deg)!important;transform:rotate(180deg)!important}.card .data-table .card-header,.data-table.card .card-header{height:64px}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.data-table .data-table-actions,.data-table .data-table-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.data-table .data-table-actions{margin-left:auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.data-table .data-table-actions a.link{min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%}.data-table .data-table-header-selected{display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.data-table .data-table-title-selected{font-size:14px}.data-table .data-table-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;font-size:12px;overflow:hidden;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;text-align:left}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;-webkit-transform:none!important;transform:none!important;font-size:12px;margin-right:16px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;left:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-left:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-left:32px}}.data-table .tablet-landscape-only,.data-table .tablet-only{display:none}@media (min-width:768px){.data-table .tablet-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .tablet-landscape-only{display:table-cell}}.theme-dark .data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.theme-dark .data-table .sortable-cell.numeric-cell:not(.input-cell):before,.theme-dark .data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.theme-dark .data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E")}.ios .data-table thead td,.ios .data-table thead th{font-weight:600}.ios .data-table thead td:not(.sortable-cell-active),.ios .data-table thead th:not(.sortable-cell-active){color:#8e8e93}.ios .data-table thead i.f7-icons,.ios .data-table thead i.icon{font-size:18px;width:18px;height:18px}.ios .data-table tbody tr.data-table-row-selected{background:#f7f7f8}.ios .data-table td,.ios .data-table th{padding-left:15px;padding-right:15px;height:44px}.ios .data-table td.checkbox-cell,.ios .data-table th.checkbox-cell{width:22px;padding-right:7px}.ios .data-table td.checkbox-cell+td,.ios .data-table td.checkbox-cell+th,.ios .data-table th.checkbox-cell+td,.ios .data-table th.checkbox-cell+th{padding-left:8px}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-left:15px}.ios .data-table td.actions-cell a.icon-only,.ios .data-table th.actions-cell a.icon-only{width:18px;height:18px;line-height:18px}.ios .sortable-cell:not(.numeric-cell):after{margin-left:5px}.ios .sortable-cell.numeric-cell:before{margin-right:5px}.ios .card .data-table .card-footer,.ios .card .data-table .card-header,.ios .data-table.card .card-footer,.ios .data-table.card .card-header{padding-left:15px;padding-right:8px}.ios .data-table-title{font-size:17px;font-weight:600}.ios .data-table-actions a.link+a.link,.ios .data-table-links a.link+a.link{margin-left:15px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-actions i.f7-icons,.ios .data-table-actions i.icon{font-size:22px}.ios .data-table .card-header>.data-table-header,.ios .data-table .card-header>.data-table-header-selected{padding-top:10px;padding-bottom:10px;height:100%;padding-left:15px;padding-right:8px;margin-left:-15px;margin-right:-8px}.ios .data-table-header-selected{background:rgba(0,122,255,.1)}.ios .data-table-title-selected{color:#007aff}.ios .data-table tbody td:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .data-table tbody td:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .data-table tbody td:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios.device-desktop .data-table tbody tr:hover{background:#f7f7f8}.ios .data-table-footer{height:44px;color:#8e8e93}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-left:30px}.ios .data-table-rows-select .input{margin-left:20px}.ios .data-table-pagination-label{margin-right:15px}.ios .data-table-footer:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .data-table-footer:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .data-table-footer:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.ios .input-cell .table-head-label+.input{margin-top:4px}.ios .input-cell .input{height:24px}.ios .input-cell .input input,.ios .input-cell .input select,.ios .input-cell .input textarea{height:24px;color:#000;font-size:14px}@media (max-width:480px) and (orientation:portrait){.ios .data-table.data-table-collapsible td:not(.checkbox-cell):before{color:#8e8e93;font-weight:600}.ios .data-table-collapsible tr:before{content:'';position:absolute;background-color:#c8c7cc;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.ios.device-pixel-ratio-2 .data-table-collapsible tr:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .data-table-collapsible tr:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.data-table.ios .theme-dark tbody td:before,.ios .theme-dark .data-table tbody td:before{background-color:#282829}.data-table.ios .theme-dark.data-table-collapsible tr:before,.ios .theme-dark .data-table.data-table-collapsible tr:before{background-color:#282829}.data-table.ios .theme-dark tbody tr.data-table-row-selected,.ios .theme-dark .data-table tbody tr.data-table-row-selected{background-color:#363636}.ios.device-desktop .theme-dark .data-table tbody tr:hover,.ios.device-desktop .theme-dark.data-table tbody tr:hover{background:#363636}.ios .color-theme-red .data-table-header-selected,.ios .data-table-header-selected.color-red{background:rgba(255,59,48,.1)}.ios .color-red .data-table-title-selected,.ios .color-theme-red .data-table-title-selected{color:#ff3b30}.ios .color-theme-green .data-table-header-selected,.ios .data-table-header-selected.color-green{background:rgba(76,217,100,.1)}.ios .color-green .data-table-title-selected,.ios .color-theme-green .data-table-title-selected{color:#4cd964}.ios .color-theme-blue .data-table-header-selected,.ios .data-table-header-selected.color-blue{background:rgba(0,122,255,.1)}.ios .color-blue .data-table-title-selected,.ios .color-theme-blue .data-table-title-selected{color:#007aff}.ios .color-theme-pink .data-table-header-selected,.ios .data-table-header-selected.color-pink{background:rgba(255,45,85,.1)}.ios .color-pink .data-table-title-selected,.ios .color-theme-pink .data-table-title-selected{color:#ff2d55}.ios .color-theme-yellow .data-table-header-selected,.ios .data-table-header-selected.color-yellow{background:rgba(255,204,0,.1)}.ios .color-theme-yellow .data-table-title-selected,.ios .color-yellow .data-table-title-selected{color:#fc0}.ios .color-theme-orange .data-table-header-selected,.ios .data-table-header-selected.color-orange{background:rgba(255,149,0,.1)}.ios .color-orange .data-table-title-selected,.ios .color-theme-orange .data-table-title-selected{color:#ff9500}.ios .color-theme-gray .data-table-header-selected,.ios .data-table-header-selected.color-gray{background:rgba(142,142,147,.1)}.ios .color-gray .data-table-title-selected,.ios .color-theme-gray .data-table-title-selected{color:#8e8e93}.ios .color-theme-white .data-table-header-selected,.ios .data-table-header-selected.color-white{background:rgba(255,255,255,.1)}.ios .color-theme-white .data-table-title-selected,.ios .color-white .data-table-title-selected{color:#fff}.ios .color-theme-black .data-table-header-selected,.ios .data-table-header-selected.color-black{background:rgba(0,0,0,.1)}.ios .color-black .data-table-title-selected,.ios .color-theme-black .data-table-title-selected{color:#000}.md .data-table thead td,.md .data-table thead th{font-weight:500;height:56px;-webkit-box-sizing:border-box;box-sizing:border-box}.md .data-table thead td:not(.sortable-cell-active),.md .data-table thead th:not(.sortable-cell-active){color:rgba(0,0,0,.54)}.md .data-table thead i.icon,.md .data-table thead i.material-icons{font-size:16px;width:16px;height:16px}.md .data-table tbody{font-size:13px}.md .data-table tbody tr.data-table-row-selected{background:#f5f5f5}.md .data-table tbody td{height:48px}.md .data-table td,.md .data-table th{padding-left:28px;padding-right:28px}.md .data-table td.label-cell,.md .data-table th.label-cell{padding-left:24px;padding-right:24px}.md .data-table td:first-child,.md .data-table th:first-child{padding-left:24px}.md .data-table td:last-child,.md .data-table th:last-child{padding-right:24px}.md .data-table td.checkbox-cell,.md .data-table th.checkbox-cell{width:18px;padding-left:24px;padding-right:12px}.md .data-table td.checkbox-cell+td,.md .data-table td.checkbox-cell+th,.md .data-table th.checkbox-cell+td,.md .data-table th.checkbox-cell+th{padding-left:12px}.md .data-table td.actions-cell a.link,.md .data-table th.actions-cell a.link{color:rgba(0,0,0,.54)}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-left:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-left:8px}.md .sortable-cell.numeric-cell:before{margin-right:8px}.md .card .data-table .card-footer,.md .card .data-table .card-header,.md .data-table.card .card-footer,.md .data-table.card .card-header{padding-left:24px;padding-right:14px}.md .card .data-table .card-footer,.md .data-table.card .card-footer{height:56px}.md .data-table-title{font-size:20px}.md .data-table-actions a.link+a.link,.md .data-table-links a.link+a.link{margin-left:24px}.md .data-table-actions a.link{color:rgba(0,0,0,.54)}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table .card-header>.data-table-header,.md .data-table .card-header>.data-table-header-selected{padding-left:24px;padding-right:14px;margin-left:-24px;margin-right:-14px;padding-top:4px;padding-bottom:4px;height:100%}.md .data-table-header-selected{background:rgba(33,150,243,.1)}.md .data-table-title-selected{color:#2196f3}.md .data-table tbody td:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .data-table tbody td:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .data-table tbody td:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md.device-desktop .data-table tbody tr:hover{background:#f5f5f5}.md .data-table-footer{height:56px;color:rgba(0,0,0,.54)}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-image:radial-gradient(circle at center,rgba(0,0,0,.1) 66%,rgba(0,0,0,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-left:32px}.md .data-table-rows-select .input{margin-left:24px}.md .data-table-pagination-label{margin-right:20px}.md .data-table-footer:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .data-table-footer:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .data-table-footer:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.md .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.md .input-cell .table-head-label+.input{margin-top:4px}.md .input-cell .input{height:24px}.md .input-cell .input input,.md .input-cell .input select,.md .input-cell .input textarea{height:24px;color:#212121;font-size:14px}.md .input-cell .input .input-clear-button{-webkit-transform:scale(.8);transform:scale(.8)}@media (max-width:480px) and (orientation:portrait){.md .data-table.data-table-collapsible td{padding-left:16px;padding-right:16px}.md .data-table.data-table-collapsible td:not(.checkbox-cell):before{color:rgba(0,0,0,.54);font-weight:500;line-height:16px}.md .data-table-collapsible tr:before{content:'';position:absolute;background-color:rgba(0,0,0,.12);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%}.md.device-pixel-ratio-2 .data-table-collapsible tr:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.md.device-pixel-ratio-3 .data-table-collapsible tr:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.data-table.md .theme-dark .data-table-actions a.link,.data-table.md .theme-dark td.actions-cell a.link,.data-table.md .theme-dark th.actions-cell a.link,.data-table.md .theme-dark thead td:not(.sortable-cell-active),.data-table.md .theme-dark thead th:not(.sortable-cell-active),.md .theme-dark .data-table .data-table-actions a.link,.md .theme-dark .data-table td.actions-cell a.link,.md .theme-dark .data-table th.actions-cell a.link,.md .theme-dark .data-table thead td:not(.sortable-cell-active),.md .theme-dark .data-table thead th:not(.sortable-cell-active){color:rgba(255,255,255,.54)}.data-table.md .theme-dark .data-table-links a.link:before,.md .theme-dark .data-table .data-table-links a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.data-table.md .theme-dark .data-table-links a.link.active-state:before,.md .theme-dark .data-table .data-table-links a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.data-table.md .theme-dark tbody td:before,.md .theme-dark .data-table tbody td:before{background-color:rgba(255,255,255,.08)}.data-table.md .theme-dark.data-table-collapsible tr:before,.md .theme-dark .data-table.data-table-collapsible tr:before{background-color:rgba(255,255,255,.08)}.data-table.md .theme-dark tbody tr.data-table-row-selected,.md .theme-dark .data-table tbody tr.data-table-row-selected{background-color:rgba(255,255,255,.05)}.md.device-desktop .theme-dark .data-table tbody tr:hover,.md.device-desktop .theme-dark.data-table tbody tr:hover{background-color:rgba(255,255,255,.05)}.md .color-theme-red .data-table-header-selected,.md .data-table-header-selected.color-red{background:rgba(244,67,54,.1)}.md .color-red .data-table-title-selected,.md .color-theme-red .data-table-title-selected{color:#f44336}.md .color-theme-green .data-table-header-selected,.md .data-table-header-selected.color-green{background:rgba(76,175,80,.1)}.md .color-green .data-table-title-selected,.md .color-theme-green .data-table-title-selected{color:#4caf50}.md .color-theme-blue .data-table-header-selected,.md .data-table-header-selected.color-blue{background:rgba(33,150,243,.1)}.md .color-blue .data-table-title-selected,.md .color-theme-blue .data-table-title-selected{color:#2196f3}.md .color-theme-pink .data-table-header-selected,.md .data-table-header-selected.color-pink{background:rgba(233,30,99,.1)}.md .color-pink .data-table-title-selected,.md .color-theme-pink .data-table-title-selected{color:#e91e63}.md .color-theme-yellow .data-table-header-selected,.md .data-table-header-selected.color-yellow{background:rgba(255,235,59,.1)}.md .color-theme-yellow .data-table-title-selected,.md .color-yellow .data-table-title-selected{color:#ffeb3b}.md .color-theme-orange .data-table-header-selected,.md .data-table-header-selected.color-orange{background:rgba(255,152,0,.1)}.md .color-orange .data-table-title-selected,.md .color-theme-orange .data-table-title-selected{color:#ff9800}.md .color-theme-gray .data-table-header-selected,.md .data-table-header-selected.color-gray{background:rgba(158,158,158,.1)}.md .color-gray .data-table-title-selected,.md .color-theme-gray .data-table-title-selected{color:#9e9e9e}.md .color-theme-white .data-table-header-selected,.md .data-table-header-selected.color-white{background:rgba(255,255,255,.1)}.md .color-theme-white .data-table-title-selected,.md .color-white .data-table-title-selected{color:#fff}.md .color-theme-black .data-table-header-selected,.md .data-table-header-selected.color-black{background:rgba(0,0,0,.1)}.md .color-black .data-table-title-selected,.md .color-theme-black .data-table-title-selected{color:#000}