/*******************************
         Site Overrides
*******************************/

.ui.table {

  thead th {
    font-size: 12px;

    a.ordering-header {
      color: #6A6E94;
    }

    &.master-header {
      background-color: #30323F!important;
      padding-top: 15px;
      padding-bottom: 15px;
      border-bottom: none;

      .search-field-column {
         max-width: 80%!important;

        &.readonly-items {
          width: 86% !important;
          max-width: 86%!important;
        }
      }
      .search-button-column {
        max-width: 12%!important;

        &.readonly-items {
          width: 14% !important;
          max-width: 14%!important;
          text-align: left;
        }
      }
      .add-button-column {
        max-width: 7%!important;
      }

      input {
        font-size: 14px;
      }

    }

  }

  tr td:first-child {
    padding-left: 30px;
  }

  tr th:first-child {
    padding-left: 30px;
  }

  tr th img {
    padding-left: 10px;
    line-height: 1.3em;
    vertical-align: middle;
  }

  .table-no-data-notice {
    padding-top: 191px;
    color: #0E101A;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 25px;
  }

  tbody tr:last-child {
    td:first-child {
      border-bottom-left-radius: .71428571rem;
    }
    td:last-child {
      border-bottom-right-radius: .71428571rem;
    }
  }


}


#accounts-table, #applications-table {

  tbody tr td a {
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;

    &:hover {
      border-bottom: 1px solid;
    }
  }

  thead tr th {
    white-space: nowrap;

    &.account-status {
      min-width: 120px;
    }
  }

}

#settings-table {
  width: 1051px!important;


  thead th:not(.settings-header.is_active):not(.settings-header.image):not(.settings-header.affected):not(.settings-header.children) {
    min-width: 110px;
  }

  thead th.settings-header.affected, thead th.settings-header.children {
    min-width: 90px;
  }

  thead th.settings-header.optional {
    min-width: 30px;
    width: 30px;
  }

  tr td.optional {
    font-size: 17px;
  }

  tr td {
    max-width: 150px;
  }

  thead th.settings-header.image {
    width: 50px;
  }

  tr td.settings-field.image {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;

    img {
      height: 40px!important;
      width: 40px!important;
      object-fit: cover;
    }
  }

  .settings-field .enter-icon {
    cursor: pointer;
  }
}