ornamentum
Version:
Angular Toolkit
798 lines (792 loc) • 48.8 kB
CSS
.ng-data-table-container {
border: 0.07rem solid #7b2222;
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 transparent; }
.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 transparent; }
.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: #111;
overflow-y: auto; }
.ng-data-table-container .ng-data-table-content-container .ng-data-table-content-header-container {
background: #111;
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: #111;
border: 0;
border-bottom: 0.05rem solid transparent;
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 #000; }
.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: #7b2222;
border: 0;
border-radius: 0;
border-bottom: 0.05rem solid transparent;
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: #f5f5f5;
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%23fff%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%23fff%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: #2c232b;
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: #111;
border: 0;
border-bottom: 0.05rem solid #555;
color: #f5f5f5;
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: #f5f5f5;
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 #2c232b;
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 transparent;
border-top: 0;
color: #f5f5f5;
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 transparent; }
.ng-data-table-container .ng-data-table thead > tr:last-child th .ng-data-table-header-input {
background: #2c232b;
border-radius: 0;
border: 0.05rem solid #111;
box-sizing: border-box;
color: #fff;
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 #2c232b;
border-top: 0.05rem solid #2c232b;
color: #f5f5f5;
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%23fff%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: #2c232b;
color: #f5f5f5; }
.ng-data-table-container .ng-data-table tbody > tr.row-odd:hover td {
background: #4c1414;
color: #f5f5f5; }
.ng-data-table-container .ng-data-table tbody > tr.row-odd:hover + .row-odd td {
background: #4c1414;
color: #f5f5f5; }
.ng-data-table-container .ng-data-table tbody > tr:hover td {
background: #4c1414;
color: #f5f5f5; }
.ng-data-table-container .ng-data-table tbody > tr.row-even td {
background: #121212;
color: #f5f5f5; }
.ng-data-table-container .ng-data-table tbody > tr.row-even:hover td {
background: #4c1414;
color: #f5f5f5; }
.ng-data-table-container .ng-data-table tbody > tr.row-even:hover + .row-even td {
background: #4c1414;
color: #f5f5f5; }
.ng-data-table-container .ng-data-table tbody > tr.selected td {
background: #8e8989;
color: #f5f5f5; }
.ng-data-table-container .ng-data-table tbody > tr.selected:hover td {
background: #8e8989;
color: #f5f5f5; }
.ng-data-table-container .ng-data-table tbody > tr.selected:hover + .selected td {
background: #8e8989;
color: #f5f5f5; }
.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 #2c232b; }
.ng-data-table-container .ng-data-table-column-sort-priority {
align-items: center;
background: #7b2222;
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: #f5f5f5; }
.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%23fff%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%23fff%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%23fff%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: #121212;
border: 0;
border-top: 0.05rem solid #121212;
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%23d32f2f%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: #7b2222;
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: #f5f5f5; }
.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: #121212;
border: 0.1rem solid #7b2222;
border-radius: 0.2rem;
color: #7b2222;
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: #7b2222;
color: #121212; }
.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 #000;
color: #fff;
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: #7b2222;
border: 0;
border-bottom: 0.05rem solid #000;
border-radius: 0;
border-top: 0.05rem solid #000;
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: #f5f5f5;
display: flex; }
.ng-data-table-container .ng-data-table-pagination-container .ng-data-table-pagination-range span {
color: #fff;
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: #000; }
.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: #fff;
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: #222;
border: 0.05rem solid #000;
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: #000;
border: 0.05rem solid #111;
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: #000;
border: 0.05rem solid #000; }
.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%23fff%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%23fff%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%23fff%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%23fff%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: #111;
border: 0.05rem solid #000; }
.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%23fff%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%23fff%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: #000;
border: 0.05rem solid #000; }
.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%23fff%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%23fff%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: #111;
border: 0.05rem solid #000; }
.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%23fff%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%23fff%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%23fff%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%23fff%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: #111;
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 #000;
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; }
.ng-dropdown {
position: relative; }
.ng-dropdown *::before, .ng-dropdown *::after {
box-sizing: border-box; }
.ng-dropdown .ng-dropdown-input-group-btn {
height: 1.3em;
position: absolute;
right: 1.6rem;
top: 50%;
transform: translateY(-50%);
width: 1.3em;
z-index: 2; }
.ng-dropdown .ng-dropdown-input-group-btn .ng-dropdown-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;
color: #d32f2f;
cursor: pointer;
height: 100%;
width: 100%; }
.ng-dropdown .ng-dropdown-down-arrow {
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%23fff%22%20%20d%3D%22M16.6%208.6L12%2013.2%207.4%208.6%206%2010l6%206%206-6z%22%2F%3E%3C%2Fsvg%3E");
background-size: contain;
cursor: pointer;
height: 1.5em;
position: absolute;
right: 0.3rem;
top: 50%;
transform: translateY(-50%);
width: 1.5em;
z-index: 1; }
.ng-dropdown .ng-dropdown-loading {
position: absolute;
right: 0;
top: -0.1rem;
z-index: 10; }
.ng-dropdown .ng-dropdown-loading .ng-dropdown-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%23d32f2f%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");
height: 2rem;
width: 2rem; }
.ng-dropdown .ng-dropdown-toggle {
background: #2c232b;
border: 0.05rem solid #111;
border-radius: 0;
color: #fff;
cursor: pointer;
display: flex;
flex-wrap: nowrap;
outline: 0;
padding: 0.2rem 3rem 0.2rem 0.5rem;
position: relative;
text-align: left;
width: 100%; }
.ng-dropdown .ng-dropdown-toggle.disabled {
cursor: not-allowed;
opacity: 0.6;
pointer-events: none; }
.ng-dropdown .ng-dropdown-toggle .ng-dropdown-selected-option,
.ng-dropdown .ng-dropdown-toggle .ng-dropdown-selected-placeholder {
font-family: inherit;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.ng-dropdown .ng-dropdown-toggle .ng-dropdown-selected-value {
background: #7b2222;
color: #fff;
display: inline-block;
margin: 0 0.2rem 0 0.1rem;
overflow: hidden;
padding: 0 0.5rem;
position: relative;
text-overflow: ellipsis;
white-space: nowrap; }
.ng-dropdown .ng-dropdown-toggle .ng-dropdown-selected-value.ng-dropdown-option-close-enabled {
padding: 0 1.5rem 0 0.5rem; }
.ng-dropdown .ng-dropdown-toggle .ng-dropdown-selected-value .ng-dropdown-remove-selected-value {
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;
content: '';
cursor: pointer;
height: 1.2em;
position: absolute;
right: 0.3em;
top: 50%;
transform: translateY(-50%);
width: 1.2em; }
.ng-dropdown-search *::before, .ng-dropdown-search *::after {
box-sizing: border-box; }
.ng-dropdown-search .ng-dropdown-input-group {
align-items: stretch;
display: flex;
flex-wrap: wrap;
position: relative;
width: 100%; }
.ng-dropdown-search .ng-dropdown-input-group .ng-dropdown-input-group-addon {
align-items: center;
background: #7b2222;
border: 0;
border-radius: 0;
display: flex;
margin-bottom: 0;
padding: 0.25rem 0.5rem;
text-align: center;
white-space: nowrap;
width: 2em; }
.ng-dropdown-search .ng-dropdown-input-group .ng-dropdown-input-group-addon::after {
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%23fff%22%20d%3D%22M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z%22%2F%3E%3C%2Fsvg%3E");
background-size: contain;
content: '';
cursor: pointer;
height: 1.7em;
left: 0.2em;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1.7em; }
.ng-dropdown-search .ng-dropdown-input-group .ng-dropdown-input {
align-items: center;
background: #fff;
border: 0.05rem solid #ddd;
border-radius: 0;
color: #fff;
display: flex;
flex: 1 1 auto;
margin-bottom: 0;
outline: none;
padding: 0.25rem 1.5rem 0.25rem 0.5rem;
position: relative;
width: 1%;
z-index: 2; }
.ng-dropdown-search .ng-dropdown-input-group-btn {
height: 1.7em;
position: absolute;
right: 0.3em;
top: 50%;
transform: translateY(-50%);
width: 1.7em;
z-index: 2; }
.ng-dropdown-search .ng-dropdown-input-group-btn .ng-dropdown-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;
width: 100%; }
.ng-dropdown-menu-wrapper {
background-clip: padding-box;
background-color: #2c232b;
border: 0.05rem solid #111;
border-radius: 0;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
color: #fff;
display: block;
height: 250px;
list-style: none;
margin: 0;
padding: 1rem;
position: absolute;
text-align: left;
width: 100%;
z-index: 10001; }
.ng-dropdown-menu-wrapper *::before, .ng-dropdown-menu-wrapper *::after {
box-sizing: border-box; }
.ng-dropdown-menu-wrapper .ng-dropdown-divider {
border-top: 1px solid #333;
height: 0;
margin: 0.5rem 0;
overflow: hidden;
padding: 0; }
.ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper {
-webkit-overflow-scrolling: touch;
border: 0.07rem solid #7b2222;
border-radius: 0;
height: 100%;
overflow-y: auto; }
.ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container {
height: 100%;
list-style-type: none;
margin: 0;
padding: 0; }
.ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container .ng-dropdown-no-data {
align-items: center;
color: #fff;
display: flex;
height: 100%;
justify-content: center; }
.ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container .ng-dropdown-no-data:hover {
background: none; }
.ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container li {
background: #2c232b;
border-bottom: 0.05rem solid transparent;
cursor: pointer;
overflow: hidden;
padding: 0.25rem 0.5rem;
text-overflow: ellipsis;
white-space: nowrap; }
.ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container li span {
color: #fff; }
.ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container li:hover {
background: #ddd; }
.ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container li:hover span {
color: #333; }
.ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container li.disabled {
opacity: 0.6;
pointer-events: none; }
.ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container li.ng-option-selected {
background: #7b2222; }
.ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container li.ng-option-selected span {
color: #fff; }
.ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container li.ng-option-selected:hover {
background: #7b2222; }
.ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container li.ng-dropdown-group-heading {
background: #7b2222;
border-bottom: 0.05rem solid;
border-color: #7b2222;
color: #fff;
cursor: default;
padding: 0.3rem; }
.ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container li.ng-dropdown-group-heading:hover {
background: #7b2222;
border-color: #7b2222;
color: #fff; }
.ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container li span {
padding-left: 0.5rem; }
.ng-dropdown-menu-wrapper .ng-dropdown-filter-wrapper {
height: 3rem; }
.ng-dropdown-menu-wrapper .ng-dropdown-filter-wrapper + .ng-dropdown-option-container-wrapper {
height: calc(100% - 3rem); }
/*# sourceMappingURL=ornamentum.theme.css.map */