ornamentum/prebuilt-themes/dark.theme.css

Angular Toolkit

.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; }

.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%23cacaca%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%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");
      height: 2rem;
      width: 2rem; }
  .ng-dropdown .ng-dropdown-toggle {
    background: #444;
    border: 0.05rem solid #333;
    border-radius: 0;
    color: #cacaca;
    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: #333;
      color: #f5f5f5;
      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: #424040;
    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%23cacaca%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: #313335;
    border: 0.05rem solid #3e3e3e;
    border-radius: 0;
    color: #cacaca;
    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: #333;
  border: 0.05rem solid #333;
  border-radius: 0;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  color: #cacaca;
  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 #222;
    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: #cacaca;
        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: #444;
        border-bottom: 0.05rem solid #353535;
        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: #cacaca; }
        .ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container li:hover {
          background: #555; }
          .ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container li:hover span {
            color: #cacaca; }
        .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: #5d5c5c; }
          .ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container li.ng-option-selected span {
            color: #cacaca; }
          .ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container li.ng-option-selected:hover {
            background: #333; }
        .ng-dropdown-menu-wrapper .ng-dropdown-option-container-wrapper .ng-dropdown-option-container li.ng-dropdown-group-heading {
          background: #222;
          border-bottom: 0.05rem solid;
          border-color: #222;
          color: #cacaca;
          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: #222;
            border-color: #222;
            color: #cacaca; }
        .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=dark.theme.css.map */