.index_account-payment-id {
  max-width: 10rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

th.sort-header { cursor: pointer; }

th.sorted::after { content: '▼'; color: #668; position: absolute; margin-left: 1em; }

.income-refund-row { color: #bbb; text-decoration: line-through; }
.income-negative-value { color: red; }
.income-zero-value { color: #ddd; }
.income-total-row { font-weight: bold; }
.income-total-row td { padding-bottom: 42px; }

.show-hidden { cursor: pointer; }
.show-hidden:focus + .is-hidden { display: block !important; }

.error-table td, .error-info { max-width: 40vw; }

.header-logo { height: 48px; margin-top: -16px; float: right; }

.permission-list { column-count: 3; }
.permission-list button { display: block; width: 100%; min-width: 300px; text-align: start; }
.card.login-form { max-width: 320px; margin: auto; }
.login-button { border: none; background: inherit; color: #3273dc; font-size: 1em; padding: 1em; }
.xchange-button { border-radius: 10px; border: 4px solid #f0f0f0; width: 300px; padding: 5px 20px; display: block; transition: transform 0.5s; }
.xchange-button:hover { transform: translate(0, -5px); box-shadow: 0 0 50px rgba(0, 0, 0, 0.2); }
.login-header { background: center #13384F no-repeat url('/images/hex-background.png'); }
.login-logo { width: 200px; }

.income-purchase-table td { max-width: 14em; overflow: hidden; text-overflow: ellipsis; }

.resource-documents .drag-target { border-radius: 4px; border: 2px solid; border-color: transparent; transition: border-color 0.5s; }
.resource-documents .drag-hover { border-color: #292; transition: border-color 0s; }
.resource-documents .drag-hover.is-info { border-color: #229; transition: border-color 0s; }
.resource-documents .question-input { width: 400px; }
.document-row .delete { margin: auto 0 auto 4px; }
.document-row .row-icon { margin: 8px 16px 8px 0 }
.document-row .name-input { flex: 1 }
.document-row .desc-input { flex: 2 }
.notification.error-popup { position: fixed; top: 40px; left: 200px; right: 200px; z-index: 1000 }
.receipt-email-input { min-width: 12rem; }

.table.settings-table td { vertical-align: middle; }
.select-auditor i {
  color: #3273dc;
  cursor: pointer;
  text-decoration: none;
}
.select-auditor i:hover {
  color: black;
}
.warning-text {
  font-size: 12px;
  color: red;
  font-weight: 500;
}
.company-warning {
  font-size: 20px;
  text-align: center;
}

.edit-user-license-list { margin-bottom: 6px; }
.edit-user-license-list li {
  display: flex;
  border: 1px solid #ddd;
  border-bottom: none;
  align-items: center;
  cursor: pointer;
}
.edit-user-license-list li:first-child { border-radius: 4px 4px 0 0; }
.edit-user-license-list li:last-child { border-bottom: 1px solid #ddd; border-radius: 0 0 4px 4px; }
.edit-user-license-list a { padding: 8px 6px; }
.edit-user-license-list li *:hover { background-color: #eee; }
.edit-user-license-detail:not(:first-child) { border-left: 1px solid #ddd; }
.edit-user-license-detail { padding-left: 6px; flex: 1 0; }

.announcement-view-preview {
  width: 770px; height: 300px;
  /* Styles from AuditSoft desktop app */
  font-family: Roboto, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.00937em;
  line-height: normal;
}

/*** Additional Bulma style helpers ***/
.align-baseline { vertical-align: baseline; }

.floating-box {
  box-shadow: rgba(9, 10, 12, 0.1) 0px 8px 16px -2px, rgba(9, 10, 12, 0.02) 0px 0px 0px 1px;
  border-radius: 4px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Grid Layout*/
.grid {
  display: grid;
}

/* Partner Usage Metrics */
.metrics-grid {
  grid-template-columns: 1fr 1fr 1fr;
  border-bottom: 1px solid black;
}

.auditor-reviews {
  margin-inline: 50px;
  margin-top: 25px;
}

.auditor-reviews-grid {
  grid-template-columns: 1fr 1fr 1fr 1.5fr 1fr 1fr;
  border-bottom: 1px solid black;
  align-items: center;
}

.is-light {
  color: rgb(214, 213, 213);
}