ornamentum
Version:
Angular Toolkit
565 lines (564 loc) • 38.2 kB
CSS
.ng-data-table-container {
border: 1px solid #322222;
border-radius: 0;
box-shadow: none;
position: relative; }
.ng-data-table-container *::before, .ng-data-table-container *::after {
box-sizing: border-box; }
.ng-data-table-container.scrollable .ng-data-table-content-header-container {
padding-right: 15px;
position: relative; }
.ng-data-table-container.scrollable .ng-data-table-content-header-container .ng-data-table-content-header {
overflow: hidden; }
.ng-data-table-container.scrollable > .ng-data-table-content-container .ng-data-table-content-header-container .ng-data-table-content-header .ng-data-table {
border-right: 0.05rem solid #3a3737; }
.ng-data-table-container.scrollable > .ng-data-table-content-container > .ng-data-table-content {
-webkit-overflow-scrolling: touch;
overflow-y: scroll; }
.ng-data-table-container.scrollable > .ng-data-table-content-container > .ng-data-table-content .ng-data-table {
border-right: 0.05rem solid #3a3737; }
.ng-data-table-container.scrollable .ng-data-table-content {
overflow: auto; }
.ng-data-table-container .ng-data-table-content-container {
-webkit-overflow-scrolling: touch;
background: #333;
overflow-y: auto; }
.ng-data-table-container .ng-data-table-content-container .ng-data-table-content-header-container {
background: #333;
border: 0; }
.ng-data-table-container .ng-data-table-content-container .ng-data-table-content-header-container .ng-data-table-content-header {
border: 0;
position: relative;
width: 100%; }
.ng-data-table-container .ng-data-table-content-container .ng-data-table-content-header-container .ng-data-table-content-header .ng-data-table {
background: #333;
border: 0;
border-bottom: 0.05rem solid #3a3737;
border-right: 0.05rem solid transparent; }
.ng-data-table-container .ng-data-table-content-container .ng-data-table-content {
border: 0;
overflow: initial;
position: relative;
width: 100%; }
.ng-data-table-container .ng-data-table-content-container .ng-data-table-content .ng-data-table-loading-spinner:not([hidden]) {
min-height: 4rem; }
.ng-data-table-container .ng-data-table-content-container .ng-data-table-content .ng-data-table {
border-right: 0.05rem solid transparent;
border-top: 0;
overflow: hidden; }
.ng-data-table-container .ng-data-table-content-container .ng-data-table-content.ng-data-table-loading {
pointer-events: none; }
.ng-data-table-container .ng-data-table-content-container + ng-data-table-pagination .ng-data-table-pagination-container {
border-top: 0.05rem solid #333; }
.ng-data-table-container .ng-dropdown .ng-dropdown-input-group-btn {
right: 1.3rem; }
.ng-data-table-container .ng-dropdown .ng-dropdown-toggle {
font-size: inherit;
font-weight: normal;
margin: 0.2rem 0;
padding: 0.05rem 2.5rem 0.05rem 0.5rem;
width: auto; }
.ng-data-table-container .ng-dropdown .ng-dropdown-toggle .ng-dropdown-selected-value {
background: none;
margin: 0;
padding: 0 0.5rem; }
.ng-data-table-container .ng-dropdown .ng-dropdown-toggle::after {
position: absolute;
right: 0.5rem;
top: 0.7rem; }
.ng-data-table-container .ng-dropdown .ng-dropdown-toggle .ng-dropdown-loading {
right: -0.1rem;
top: -0.2rem; }
.ng-data-table-container .ng-dropdown-menu-wrapper {
font-size: 0.7rem;
line-height: 1.2rem; }
.ng-data-table-container .ng-dropdown-menu-wrapper .ng-dropdown-input-group-btn {
right: .3em; }
.ng-data-table-container .ng-data-table-top-header-container .ng-data-table-top-header-button-container .ng-data-table-action-button.ng-data-table-refresh-button, .ng-data-table-container .ng-data-table-top-header-container .ng-data-table-top-header-button-container .ng-data-table-action-button.ng-data-table-column-selector-button {
content: '';
cursor: pointer;
height: 1.7em;
width: 1.7em; }
.ng-data-table-container .ng-data-table-top-header-container {
font-size: 0.8rem;
line-height: 1.4rem;
align-items: center;
background-color: #3c3f41;
border: 0;
border-radius: 0;
border-bottom: 0.05rem solid #3e3e3e;
display: flex;
justify-content: space-between;
min-height: 2rem;
padding: 0 0 0 0.5rem;
position: relative; }
.ng-data-table-container .ng-data-table-top-header-container .ng-data-table-top-header-title {
font-size: 1rem;
line-height: 1.8rem;
color: #cacaca;
margin: 0; }
.ng-data-table-container .ng-data-table-top-header-container .ng-data-table-top-header-button-container {
align-items: center;
display: flex; }
.ng-data-table-container .ng-data-table-top-header-container .ng-data-table-top-header-button-container .ng-data-table-action-button {
border: 0; }
.ng-data-table-container .ng-data-table-top-header-container .ng-data-table-top-header-button-container .ng-data-table-action-button.ng-data-table-refresh-button {
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23cacaca%22%20d%3D%22M12%206v3l4-4-4-4v3c-4.42%200-8%203.58-8%208%200%201.57.46%203.03%201.24%204.26L6.7%2014.8c-.45-.83-.7-1.79-.7-2.8%200-3.31%202.69-6%206-6zm6.76%201.74L17.3%209.2c.44.84.7%201.79.7%202.8%200%203.31-2.69%206-6%206v-3l-4%204%204%204v-3c4.42%200%208-3.58%208-8%200-1.57-.46-3.03-1.24-4.26z%22%2F%3E%3C%2Fsvg%3E") no-repeat;
background-position: 50%;
background-size: 60%;
height: 2.5em;
margin-right: 0.5em;
width: 2.5em; }
.ng-data-table-container .ng-data-table-top-header-container .ng-data-table-top-header-button-container .ng-data-table-action-button.ng-data-table-column-selector-button {
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23cacaca%22%20d%3D%22M4%2014h4v-4H4v4zm0%205h4v-4H4v4zM4%209h4V5H4v4zm5%205h12v-4H9v4zm0%205h12v-4H9v4zM9%205v4h12V5H9z%22%2F%3E%3C%2Fsvg%3E") no-repeat;
background-position: 50%;
background-size: 60%;
height: 2.5em;
width: 2.5em; }
.ng-data-table-container .ng-data-table-top-header-container .ng-data-table-top-header-button-container .ng-data-table-action-button:focus, .ng-data-table-container .ng-data-table-top-header-container .ng-data-table-top-header-button-container .ng-data-table-action-button:visited {
outline: none; }
.ng-data-table-container .ng-data-table-column-selector-wrapper {
font-size: 0.8rem;
line-height: 1.4rem;
background: #3c3f41;
border-radius: 0;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
max-height: 20rem;
overflow: hidden;
padding: 0;
z-index: 1060; }
.ng-data-table-container .ng-data-table-column-selector-wrapper .ng-data-table-column-selector-box-heading {
font-size: 0.9rem;
line-height: 1.4rem;
background: #333;
border: 0;
border-bottom: 0.05rem solid #555;
color: #cacaca;
font-weight: 400;
margin-bottom: 0.5rem;
padding: 0.5rem;
text-align: center; }
.ng-data-table-container .ng-data-table-column-selector-wrapper .ng-data-table-column-selector-box {
max-height: 15rem;
overflow: auto;
padding: 0.5rem 1rem 1rem; }
.ng-data-table-container .ng-data-table-column-selector-wrapper .ng-data-table-column-selector-box .ng-data-table-column-selector-checkbox {
font-size: 0.8rem;
line-height: 1.4rem;
margin-bottom: .5rem; }
.ng-data-table-container .ng-data-table-column-selector-wrapper .ng-data-table-column-selector-box .ng-data-table-column-selector-checkbox label {
color: #cacaca;
cursor: pointer; }
.ng-data-table-container .ng-data-table-column-selector-wrapper .ng-data-table-column-selector-box .ng-data-table-column-selector-checkbox label span {
padding-left: .5rem; }
.ng-data-table-container .ng-data-table {
border: 0.05rem solid #353434;
border-collapse: collapse;
border-left: 0;
margin-bottom: 0;
max-width: 100%;
table-layout: fixed;
width: 100%; }
.ng-data-table-container .ng-data-table thead > tr > th {
font-size: 0.7rem;
line-height: 1.7rem;
border: 0.05rem solid #3a3737;
border-top: 0;
color: #cacaca;
padding: 0 0.5rem;
position: relative;
vertical-align: baseline;
word-break: break-all; }
.ng-data-table-container .ng-data-table thead > tr > th .ng-data-table-header-input-box {
position: relative; }
.ng-data-table-container .ng-data-table thead > tr > th .ng-data-table-input-group-btn {
height: 1.3em;
position: absolute;
right: 0.2rem;
top: 50%;
transform: translateY(-50%);
width: 1.3em;
z-index: 1; }
.ng-data-table-container .ng-data-table thead > tr > th .ng-data-table-input-group-btn .ng-data-table-delete-button {
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23d32f2f%22%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3C%2Fsvg%3E");
background-size: contain;
border: 0;
cursor: pointer;
height: 100%;
outline: none;
padding: 0;
vertical-align: top;
width: 100%; }
.ng-data-table-container .ng-data-table thead > tr > th .ng-data-table-checkbox-input {
margin: 0; }
.ng-data-table-container .ng-data-table thead > tr > th .ng-data-table-column-resize-handle {
bottom: 0;
cursor: col-resize;
display: block;
height: 100%;
position: absolute;
right: -0.5rem;
width: 1rem;
z-index: 10001; }
.ng-data-table-container .ng-data-table thead > tr > th:first-child {
border-left: 0; }
.ng-data-table-container .ng-data-table thead > tr > th:last-child {
border-right: 0; }
.ng-data-table-container .ng-data-table thead > tr .ng-data-table-column-header .ng-data-table-column-header-label {
font-size: 0.7rem;
line-height: 1rem; }
.ng-data-table-container .ng-data-table thead > tr .ng-data-table-column-header .ng-data-table-column-header-label:first-child {
display: inline-block;
padding-right: 0.8rem;
word-break: break-word; }
.ng-data-table-container .ng-data-table thead > tr [hidden] {
animation: rotating 1s ease; }
.ng-data-table-container .ng-data-table thead > tr:last-child th {
border: 0;
border-right: 0.05rem solid #3a3737; }
.ng-data-table-container .ng-data-table thead > tr:last-child th .ng-data-table-header-input {
background: #444;
border-radius: 0;
border: 0.05rem solid #444;
box-sizing: border-box;
color: #cacaca;
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0.2rem 0;
outline: 0;
padding: 0.05rem 0.8rem 0.05rem 0.3rem;
width: 100%; }
.ng-data-table-container .ng-data-table thead > tr:last-child th .ng-data-table-header-input.ng-data-table-clear-filter {
padding: 0 1.4rem 0 0.5rem; }
.ng-data-table-container .ng-data-table thead > tr:last-child th:last-child {
border-right: 0; }
.ng-data-table-container .ng-data-table tbody > tr {
cursor: pointer; }
.ng-data-table-container .ng-data-table tbody > tr.ng-data-table-row-expansion > td {
padding: 0; }
.ng-data-table-container .ng-data-table tbody > tr > td {
font-size: 0.7rem;
line-height: 1.4rem;
background: #121212;
border: 0;
border-right: 0.05rem solid #353434;
border-top: 0.05rem solid #353434;
color: #cacaca;
font-weight: 400;
padding: 0.2rem 0.5rem;
vertical-align: top;
word-break: break-word; }
.ng-data-table-container .ng-data-table tbody > tr > td:last-child {
border-right: 0; }
.ng-data-table-container .ng-data-table tbody > tr > td.ng-data-table-row-expand-button {
position: relative; }
.ng-data-table-container .ng-data-table tbody > tr > td.ng-data-table-row-expand-button .ng-data-table-expander-collapsed-icon, .ng-data-table-container .ng-data-table tbody > tr > td.ng-data-table-row-expand-button .ng-data-table-expander-expanded-icon {
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20476.7%20476.7%22%3E%3Cpath%20fill%3D%22%23cacaca%22%20d%3D%22M238.4%200C106.7%200%200%20106.7%200%20238.4c0%20131.7%20106.7%20238.4%20238.4%20238.4%20131.7%200%20238.4-106.7%20238.4-238.4C476.7%20106.7%20370%200%20238.4%200zM352.7%20289.2c-6.2%206.2-16.3%206.2-22.5%200l-91.9-91.9%20-91.9%2091.9c-6.2%206.2-16.3%206.2-22.5%200%20-6.2-6.2-6.2-16.3%200-22.5L227.1%20163.7c3.1-3.1%207.2-4.6%2011.3-4.6s8.2%201.5%2011.3%204.6L352.7%20266.8C358.9%20272.9%20358.9%20283%20352.7%20289.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat;
background-size: auto;
content: '';
cursor: pointer;
height: 1.3em;
left: 0.7em;
position: absolute;
top: 0.7em;
width: 1.3em; }
.ng-data-table-container .ng-data-table tbody > tr > td.ng-data-table-row-expand-button .ng-data-table-expander-collapsed-icon {
transform: rotate(90deg); }
.ng-data-table-container .ng-data-table tbody > tr > td.ng-data-table-row-expand-button .ng-data-table-expander-expanded-icon {
transform: rotate(180deg); }
.ng-data-table-container .ng-data-table tbody > tr > td.ng-data-table-row-expand-button .ng-data-table-loading-animation {
align-items: center;
display: flex;
height: 100%;
width: 100%; }
.ng-data-table-container .ng-data-table tbody > tr.row-odd td {
background: #3c3f41;
color: #cacaca; }
.ng-data-table-container .ng-data-table tbody > tr.row-odd:hover td {
background: #444;
color: #cacaca; }
.ng-data-table-container .ng-data-table tbody > tr.row-odd:hover + .row-odd td {
background: #444;
color: #cacaca; }
.ng-data-table-container .ng-data-table tbody > tr:hover td {
background: #555;
color: #cacaca; }
.ng-data-table-container .ng-data-table tbody > tr.row-even td {
background: #515658;
color: #cacaca; }
.ng-data-table-container .ng-data-table tbody > tr.row-even:hover td {
background: #444;
color: #cacaca; }
.ng-data-table-container .ng-data-table tbody > tr.row-even:hover + .row-even td {
background: #444;
color: #cacaca; }
.ng-data-table-container .ng-data-table tbody > tr.selected td {
background: #777;
color: #cacaca; }
.ng-data-table-container .ng-data-table tbody > tr.selected:hover td {
background: #777;
color: #cacaca; }
.ng-data-table-container .ng-data-table tbody > tr.selected:hover + .selected td {
background: #777;
color: #cacaca; }
.ng-data-table-container .ng-data-table tbody > tr.disabled {
opacity: 0.3;
pointer-events: none; }
.ng-data-table-container .ng-data-table tbody > tr:first-child td {
border-top: 0; }
.ng-data-table-container .ng-data-table tbody + tbody {
border-top: 0.05rem solid #353434; }
.ng-data-table-container .ng-data-table-column-sort-priority {
align-items: center;
background: #3c3f41;
border-radius: 50%;
bottom: .5em;
display: inline-flex;
height: 1.5em;
justify-content: center;
position: absolute;
right: 1.7em;
width: 1.5em; }
.ng-data-table-container .ng-data-table-column-sort-priority small {
color: #cacaca; }
.ng-data-table-container .ng-data-table-column-sort-priority ~ .ng-data-table-column-header-label {
padding-right: 1.8rem; }
.ng-data-table-container .ng-data-table-column-sort-icon {
bottom: 0.5em;
content: '';
cursor: pointer;
height: 1.2em;
position: absolute;
right: 0.5em;
width: 1.2em; }
.ng-data-table-container .ng-data-table-column-sort-icon.sort-asc {
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20height%3D%2224%22%20width%3D%2224%22%3E%3Cpath%20fill%3D%22%23cacaca%22%20d%3D%22M3%206%209%206%209%208%203%208%203%206Zm0%2012%200-2%2018%200%200%202-18%200zm0-7%2012%200%200%202-12%200%200-2z%22%2F%3E%3C%2Fsvg%3E");
background-size: contain; }
.ng-data-table-container .ng-data-table-column-sort-icon.sort-dsc {
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23cacaca%22%20d%3D%22M3%2018h6v-2H3v2zM3%206v2h18V6H3zm0%207h12v-2H3v2z%22%2F%3E%3C%2Fsvg%3E");
background-size: contain; }
.ng-data-table-container .ng-data-table-column-sort-icon.sort-reset {
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23cacaca%22%20d%3D%22M6%207h2.5L5%203.5%201.5%207H4v10H1.5L5%2020.5%208.5%2017H6V7zm4-2v2h12V5H10zm0%2014h12v-2H10v2zm0-6h12v-2H10v2z%22%2F%3E%3C%2Fsvg%3E");
background-size: contain; }
.ng-data-table-container .ng-data-table-loading-cover {
align-items: center;
background: #111;
border: 0;
border-top: 0.05rem solid #222;
bottom: 0;
display: flex;
height: 100%;
justify-content: center;
left: 0;
opacity: 0.8;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1; }
.ng-data-table-container .ng-data-table-loading-animation {
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20enable-background%3D%22new%200%200%200%200%22%20version%3D%221.1%22%20viewBox%3D%220%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m73%2050c0-12.7-10.3-23-23-23s-23%2010.3-23%2023m3.9%200c0-10.5%208.5-19.1%2019.1-19.1s19.1%208.6%2019.1%2019.1%22%20fill%3D%22%233b78e7%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20attributeType%3D%22XML%22%20dur%3D%221s%22%20from%3D%220%2050%2050%22%20repeatCount%3D%22indefinite%22%20to%3D%22360%2050%2050%22%20type%3D%22rotate%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat;
height: 4rem;
width: 4rem; }
.ng-data-table-container .ng-data-table-no-records-message-container {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
position: absolute;
width: 100%; }
.ng-data-table-container .ng-data-table-no-records-message-container .ng-data-table-no-records-message {
align-items: center;
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 100%;
justify-content: center; }
.ng-data-table-container .ng-data-table-no-records-message-container h1,
.ng-data-table-container .ng-data-table-no-records-message-container .ng-data-table-no-records-main-heading-message {
font-size: 1.2rem;
line-height: 2rem;
color: #fff;
margin-bottom: 0; }
.ng-data-table-container .ng-data-table-no-records-message-container h2,
.ng-data-table-container .ng-data-table-no-records-message-container .ng-data-table-no-records-sub-heading-message {
font-size: 0.8rem;
line-height: 1.4rem;
color: #cacaca; }
.ng-data-table-container .ng-data-table-no-records-message-container .ng-data-table-no-records-message-button {
font-size: 0.8rem;
line-height: 1.4rem;
background: #222;
border: 0.1rem solid #fff;
border-radius: 0.2rem;
color: #fff;
cursor: pointer;
font-weight: 700; }
.ng-data-table-container .ng-data-table-no-records-message-container .ng-data-table-no-records-message-button:hover {
background: #fff;
color: #222; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-limit .ng-data-table-pagination-input, .ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-input, .ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-input-label {
font-size: 0.7rem;
line-height: 0.8rem;
border: 0.05rem solid #333;
color: #cacaca;
padding: 0.25rem; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-input:focus, .ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-input-label:focus {
outline: 0; }
.ng-data-table-container .ng-data-table-pagination-container {
font-size: 0.7rem;
line-height: 1.4rem;
background: #3c3f41;
border: 0;
border-bottom: 0.05rem solid #333;
border-radius: 0;
border-top: 0.05rem solid #333;
display: flex;
justify-content: space-between;
margin-bottom: -0.05rem;
margin-top: -0.05rem;
padding: 0.5rem; }
.ng-data-table-container .ng-data-table-pagination-container .ng-invalid {
border-color: #d32f2f; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-range {
align-items: center;
color: #cacaca;
display: flex; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-range span {
color: #cacaca;
padding: 0 0.2rem; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers {
font-size: 0.7rem;
line-height: 1.4rem;
display: flex;
justify-content: space-between; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers.sm-controllers {
width: 100%; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers.sm-controllers .ng-data-table-pagination-limit {
margin-right: 1.5rem; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers.sm-controllers .ng-data-table-pagination-input-label {
padding: 0.375rem 0.15rem; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-limit {
margin-right: 2.5rem; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-limit .ng-data-table-pagination-input-container {
align-items: stretch;
display: flex;
height: 1.4rem;
position: relative;
width: 100%; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-limit .ng-data-table-pagination-input {
max-width: 3rem; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-input {
background: #3e3e3e; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-input.ng-data-table-input-error {
border-color: #d32f2f; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-input-label {
align-items: center;
border: 0;
color: #cacaca;
display: flex;
margin-bottom: 0;
padding: 0.375rem 0.75rem;
text-align: center;
white-space: nowrap; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-input-label span {
padding-right: 0.3rem; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages {
display: flex;
justify-content: space-between; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-pagination-input-container {
height: 1.4rem; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-firstpage::before, .ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-prevpage::before, .ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-nextpage::before, .ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-lastpage::before {
background-size: contain;
content: '';
height: 0.5rem;
position: relative;
width: 0.5rem; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button {
font-size: 0.7rem;
line-height: 0.8rem;
align-items: center;
background-color: #3e3e3e;
border: 0.05rem solid #333;
border-radius: 0;
cursor: pointer;
display: flex;
height: 1.4rem;
justify-content: center;
margin-right: 0.5rem;
outline: none;
padding: 0;
position: relative;
transition: all 0.5s ease;
width: 1.4rem; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button[disabled] {
background-color: #3e3e3e;
border: 0.05rem solid #333;
cursor: not-allowed;
opacity: 0.7; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-firstpage {
background-color: #3e3e3e;
border: 0.05rem solid #333; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-firstpage::before {
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20245%20245%22%3E%3Cpath%20fill%3D%22%23cacaca%22%20d%3D%22M39.6%20122.5l84.2-95.2c6.2-6.2%206.2-16.4%200-22.6%20-6.2-6.2-16.4-6.2-22.6%200L7.2%20111c-3.2%203.2-4.7%207.3-4.6%2011.5%200%204.2%201.5%208.4%204.6%2011.5l94%20106.3c6.2%206.2%2016.4%206.2%2022.6%200%206.2-6.2%206.2-16.4%200-22.6L39.6%20122.5z%22%2F%3E%3Cpath%20fill%3D%22%23cacaca%22%20d%3D%22M153.6%20122.5l84.2-95.2c6.3-6.3%206.3-16.4%200.1-22.6%20-6.2-6.2-16.4-6.2-22.6%200l-94%20106.3c-3.2%203.2-4.7%207.3-4.6%2011.5%200%204.2%201.5%208.4%204.6%2011.5l94%20106.3c6.3%206.2%2016.4%206.2%2022.6%200%206.3-6.2%206.3-16.4%200-22.6L153.6%20122.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-firstpage:hover {
background-color: #333;
border: 0.05rem solid #ccc; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-firstpage:hover::before {
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20245%20245%22%3E%3Cpath%20fill%3D%22%23cacaca%22%20d%3D%22M39.6%20122.5l84.2-95.2c6.2-6.2%206.2-16.4%200-22.6%20-6.2-6.2-16.4-6.2-22.6%200L7.2%20111c-3.2%203.2-4.7%207.3-4.6%2011.5%200%204.2%201.5%208.4%204.6%2011.5l94%20106.3c6.2%206.2%2016.4%206.2%2022.6%200%206.2-6.2%206.2-16.4%200-22.6L39.6%20122.5z%22%2F%3E%3Cpath%20fill%3D%22%23cacaca%22%20d%3D%22M153.6%20122.5l84.2-95.2c6.3-6.3%206.3-16.4%200.1-22.6%20-6.2-6.2-16.4-6.2-22.6%200l-94%20106.3c-3.2%203.2-4.7%207.3-4.6%2011.5%200%204.2%201.5%208.4%204.6%2011.5l94%20106.3c6.3%206.2%2016.4%206.2%2022.6%200%206.3-6.2%206.3-16.4%200-22.6L153.6%20122.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-prevpage {
background-color: #3e3e3e;
border: 0.05rem solid #333; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-prevpage::before {
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20237.9%20237.9%22%3E%3Cpath%20fill%3D%22%23cacaca%22%20d%3D%22M89.9%20119l91.9-91.9c6.2-6.2%206.2-16.3%200-22.5s-16.3-6.2-22.5%200L56.2%20107.7c-3.1%203.1-4.6%207.2-4.6%2011.3s1.5%208.2%204.6%2011.3L159.3%20233.3c6.2%206.2%2016.3%206.2%2022.5%200%206.2-6.2%206.2-16.3%200-22.5L89.9%20119z%22%2F%3E%3C%2Fsvg%3E") no-repeat; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-prevpage:hover {
background-color: #333;
border: 0.05rem solid #ccc; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-prevpage:hover::before {
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20237.9%20237.9%22%3E%3Cpath%20fill%3D%22%23cacaca%22%20d%3D%22M89.9%20119l91.9-91.9c6.2-6.2%206.2-16.3%200-22.5s-16.3-6.2-22.5%200L56.2%20107.7c-3.1%203.1-4.6%207.2-4.6%2011.3s1.5%208.2%204.6%2011.3L159.3%20233.3c6.2%206.2%2016.3%206.2%2022.5%200%206.2-6.2%206.2-16.3%200-22.5L89.9%20119z%22%2F%3E%3C%2Fsvg%3E") no-repeat; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-nextpage {
background-color: #3e3e3e;
border: 0.05rem solid #333; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-nextpage::before {
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20238%20238%22%3E%3Cpath%20fill%3D%22%23cacaca%22%20d%3D%22M181.8%20107.7L78.7%204.6c-6.2-6.2-16.3-6.2-22.5%200s-6.2%2016.3%200%2022.5l91.9%2091.9%20-91.9%2091.9c-6.2%206.2-6.2%2016.3%200%2022.5s16.3%206.2%2022.5%200l103.1-103c3.1-3.1%204.7-7.2%204.6-11.3C186.4%20114.9%20184.9%20110.8%20181.8%20107.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-nextpage:hover {
background-color: #333;
border: 0.05rem solid #ccc; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-nextpage:hover::before {
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20238%20238%22%3E%3Cpath%20fill%3D%22%23cacaca%22%20d%3D%22M181.8%20107.7L78.7%204.6c-6.2-6.2-16.3-6.2-22.5%200s-6.2%2016.3%200%2022.5l91.9%2091.9%20-91.9%2091.9c-6.2%206.2-6.2%2016.3%200%2022.5s16.3%206.2%2022.5%200l103.1-103c3.1-3.1%204.7-7.2%204.6-11.3C186.4%20114.9%20184.9%20110.8%20181.8%20107.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-lastpage {
background-color: #3e3e3e;
border: 0.05rem solid #333; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-lastpage::before {
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20245%20245%22%3E%3Cpath%20fill%3D%22%23cacaca%22%20d%3D%22M237.9%20111L143.8%204.7c-6.2-6.2-16.4-6.2-22.6%200%20-6.2%206.2-6.2%2016.4%200%2022.6l84.2%2095.2%20-84.2%2095.2c-6.2%206.2-6.2%2016.4%200%2022.6%206.2%206.2%2016.4%206.2%2022.6%200l94-106.3c3.2-3.2%204.6-7.3%204.6-11.5S241%20114.2%20237.9%20111z%22%2F%3E%3Cpath%20fill%3D%22%23cacaca%22%20d%3D%22M128.5%20122.5c0.1-4.2-1.5-8.4-4.6-11.5L29.8%204.7c-6.2-6.2-16.4-6.2-22.6%200%20-6.2%206.2-6.2%2016.4%200%2022.6l84.2%2095.2L7.2%20217.7c-6.3%206.3-6.3%2016.4%200%2022.7%206.2%206.2%2016.4%206.2%2022.6%200l94-106.3C127%20130.8%20128.5%20126.7%20128.5%20122.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-lastpage:hover {
background-color: #333;
border: 0.05rem solid #ccc; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button.ng-data-table-pagination-lastpage:hover::before {
background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20245%20245%22%3E%3Cpath%20fill%3D%22%23cacaca%22%20d%3D%22M237.9%20111L143.8%204.7c-6.2-6.2-16.4-6.2-22.6%200%20-6.2%206.2-6.2%2016.4%200%2022.6l84.2%2095.2%20-84.2%2095.2c-6.2%206.2-6.2%2016.4%200%2022.6%206.2%206.2%2016.4%206.2%2022.6%200l94-106.3c3.2-3.2%204.6-7.3%204.6-11.5S241%20114.2%20237.9%20111z%22%2F%3E%3Cpath%20fill%3D%22%23cacaca%22%20d%3D%22M128.5%20122.5c0.1-4.2-1.5-8.4-4.6-11.5L29.8%204.7c-6.2-6.2-16.4-6.2-22.6%200%20-6.2%206.2-6.2%2016.4%200%2022.6l84.2%2095.2L7.2%20217.7c-6.3%206.3-6.3%2016.4%200%2022.7%206.2%206.2%2016.4%206.2%2022.6%200l94-106.3C127%20130.8%20128.5%20126.7%20128.5%20122.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-action-button:hover {
background-color: #3e3e3e;
border: 0.05rem solid #fff; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-pagination-page {
margin-right: 0.5rem; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-pagination-page .ng-data-table-pagination-input-container {
align-items: stretch;
display: flex;
height: 1.4rem;
position: relative;
width: 100%; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-pagination-page .ng-data-table-pagination-input-label {
border: 0.05rem solid #333;
border-left: 0; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-controllers .ng-data-table-pagination-pages .ng-data-table-pagination-page .ng-data-table-pagination-input {
align-items: center;
display: flex;
flex: 1 1 auto;
margin-bottom: 0;
min-width: 2.5rem;
position: relative;
width: 3rem; }
/*# sourceMappingURL=dark.theme.css.map */