/* ---------- COLORS  ---------- */
/* Brand primary: black (replaces former blue #1864F2). */
/* ---------- FONTS  ---------- */
.main-content__layout.system-errors-page {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}

.system-errors-page__title {
  width: 100%;
}

.system-errors__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: flex-end;
  width: 100%;
}
.system-errors__filters .form-control,
.system-errors__filters input.form-control.flatpickr-input {
  font-size: 14px;
  line-height: 1.28;
  padding: 0.375rem 0.75rem;
  min-height: auto;
  box-sizing: border-box;
}
.system-errors__filters select.form-control {
  min-width: 12rem;
  line-height: 2.3;
}
.system-errors__filters input.system-errors__datetime-input.form-control {
  min-width: 14rem;
}

.flatpickr-calendar {
  border: 1px solid #DADEE5;
  border-radius: 10px;
  box-shadow: 0 6px 24px rgba(27, 36, 44, 0.14);
}

.system-errors-page .system-errors__table-wrap {
  width: 100%;
  overflow-x: auto;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table {
  border-collapse: collapse;
  table-layout: fixed !important;
  width: 100%;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table col.system-errors__cg-expand {
  width: 2.5rem;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table col.system-errors__cg-select {
  width: 2.75rem;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table col.system-errors__cg-id {
  width: 4.25rem;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table col.system-errors__cg-time {
  width: 11rem;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table col.system-errors__cg-etype {
  width: 11rem;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table col.system-errors__cg-company {
  width: 7rem;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table col.system-errors__cg-user {
  width: 7rem;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table tr > th,
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table tr > td {
  width: auto !important;
  max-width: none !important;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table tr > th:first-of-type,
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table tr > td:first-of-type {
  width: auto !important;
  max-width: none !important;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table thead th,
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table tbody td {
  box-sizing: border-box;
  font-size: 12px;
  color: #1B1B1E;
  vertical-align: middle;
  text-align: left;
  line-height: 1.2em;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table thead th {
  font-weight: 500;
  padding: 10px 3px !important;
  border-bottom: 1px solid #DADEE5;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table tbody td {
  font-weight: 400;
  padding: 6px 3px !important;
  border-bottom: 1px solid #DADEE5;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table tr:hover td {
  background-color: #EEF1F4;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table .doc-queue__expand-cell {
  width: 2.5rem !important;
  max-width: 2.5rem !important;
  padding: 3px !important;
  text-align: center !important;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table .system-errors__select-cell {
  width: 2.75rem !important;
  max-width: 3rem !important;
  min-width: 2.5rem;
  padding: 3px !important;
  text-align: center !important;
  white-space: nowrap !important;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table .system-errors__select-cell input[type=checkbox] {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  min-height: 1rem;
  max-width: 1rem;
  max-height: 1rem;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1;
  vertical-align: middle;
  cursor: pointer;
  box-sizing: border-box;
  accent-color: #0a0a0a;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table .doc-queue__expand-btn:hover {
  background: #EEF1F4;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table .system-errors__col-compact {
  white-space: nowrap !important;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table .system-errors__col-time {
  white-space: nowrap !important;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table .system-errors__col-message {
  min-width: 0 !important;
  width: auto !important;
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table tbody tr.doc-queue__detail-row td {
  padding: 0 !important;
  background: #F8F9FC !important;
  border-bottom: 1px solid #DADEE5 !important;
  text-align: left !important;
  width: auto !important;
  white-space: normal !important;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table .doc-queue__detail-inner {
  padding: 0.75rem 3px 0.75rem 2.5rem;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table .doc-queue__detail-grid {
  display: grid;
  grid-template-columns: minmax(10rem, 14rem) 1fr;
  gap: 0.35rem 1rem;
  width: 100%;
  font-size: 12px;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table .doc-queue__detail-label {
  color: #70777D;
  font-weight: 500;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table .doc-queue__detail-value {
  color: #1B1B1E;
  word-break: break-word;
  min-width: 0;
}
.system-errors-page .sorting-and-selecting-wrap__table.system-errors__table .doc-queue__detail-value--json {
  white-space: pre-wrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11px;
  max-height: 24rem;
  overflow: auto;
  width: 100%;
}
@media only screen and (max-width: 1300px) {
  .system-errors-page .sorting-and-selecting-wrap__table.system-errors__table col.system-errors__cg-time {
    width: 9.5rem;
  }
  .system-errors-page .sorting-and-selecting-wrap__table.system-errors__table col.system-errors__cg-etype {
    width: 9rem;
  }
}

/*# sourceMappingURL=system-errors.css.map */