/**
 * General styles.
 */
.center {
  text-align: center;
}
h2.no-border {
  border-bottom: none;
}
.box {
  padding: 0.75rem;
  border-radius: 2px;
  border: 1px solid #d4d6dd;
  box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
}
.gray-bg {
  background-color: #f0f1f6;
}
img.external-link-icon {
  width: 12px;
  margin-left: 4px;
}
.external-link:after {
  content: '';
  background-image: url('../images/external-link-blue.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  display: inline-block;
}

.link-margin-left {
  display: inline-block;
  margin-left: 0.75rem;
}
.item-margin-right,
.link-margin-right,
.external-link {
  display: inline-block;
  margin-right: 0.75rem;
}
strong > .external-link:after,
.external-link.bold:after {
  background-image: url('../images/external-link-blue-bold.svg');
}
.external-link.black:after {
  background-image: url('../images/external-link-black.svg');
  width: 10px;
  height: 10px;
}

/**
 * Dashboard styling.
 */
.dashboard-section a:link,
.dashboard-section a:visited {
  text-decoration: none;
}
.dashboard-section a:hover {
  text-decoration: underline;
}
.for-staff {
  background-color: #f3faef;
}
.dashboard-section.for-staff {
  box-shadow: 1px 1px 3px rgb(0 0 0 / 50%);
  background-color: #f3faef !important;
}

/**
 * Views.
 */
.views-field-revision-log-message {
  width: 40%;
}

/**
 * Give Congruent item the same toolbar icon as Configuration.
 */
.toolbar-icon-congruent-adminindex:before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23787878' d='M14.416 11.586l-.01-.008v-.001l-5.656-5.656c.15-.449.252-.921.252-1.421 0-2.485-2.016-4.5-4.502-4.5-.505 0-.981.102-1.434.255l2.431 2.431-.588 2.196-2.196.588-2.445-2.445c-.162.464-.268.956-.268 1.475 0 2.486 2.014 4.5 4.5 4.5.5 0 .972-.102 1.421-.251l5.667 5.665c.781.781 2.047.781 2.828 0s.781-2.047 0-2.828z'/%3e%3c/svg%3e");
}

/**
 * Debug sections (e.g. on result summaries)
 */
.congruent-debug-wrapper {
  margin: 1.5rem -1rem;
  padding: 0 1rem;
}
.congruent-debug-wrapper.new-section {
  margin-top: 2rem;
  padding: 0.5rem 1rem 0 1rem;
  border-top: 1px dotted #aaa;
}
.congruent-debug-wrapper.new-section:first-child {
  padding-top: 0;
  border-top: none;
}

/**
 * Tables.
 */
.view th.is-active > a,
.view th.is-active > a:hover {
  text-decoration: none;
  display: block;
  padding: 0.5rem 1.5rem 0.5rem 0;
}
th.is-active.no-sort-link:before,
.view th.is-active > a:before {
  border-bottom: 0.1875rem solid #003ecc;
  width: 100%;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
}
.view thead > tr {
  border-bottom: none;
}
.responsive-enabled th,
.view th {
  background: #e6eaf5;
  border: none;
}
.responsive-enabled th.is-active,
.view th.is-active {
  background: #d7ddeb;
}
.view tr {
  color: #555;
}
.view tr:hover {
  color: #000;
}
.view th,
.view td {
  height: 3rem;
  padding: 0.4rem 1rem;
}
.responsive-enabled td.is-active,
.view td.is-active {
  background: #f6f8fb;
  color: #000;
}
.responsive-enabled tr:hover td.is-active,
.view tr:hover td.is-active {
  background: #e6eaf5;
}
.view td p {
  margin: 0;
}
table td.entity-inactive,
table tr.entity-inactive td {
  opacity: 0.4;
}

/**
 * Specific views.
 */
.view-event-log td.views-field-created-1 {
  width: 18%;
}