html {
  font-family: sans-serif;
  line-height: 1.5;
}

body {
  margin: 5%;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: anywhere;
}

button {
  font-family: inherit;
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  color: inherit;
  background-color: transparent;
  border: 1px solid;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 0 10px 10px 0;
  max-width: 100%;
  cursor: pointer;
}

button:hover {
  background: white;
}

.hidden {
  display: none;
}

/*
.uio-logo {
  background: url("/vrtx/reports/universell-utforming/uu-kryp-resultater/images/uio-logo-no-black.svg") no-repeat left center;
  background-size: contain;
  display: block;
  height: 80px;
}
*/

.summary {
  background-color: #FFFEA7;
  padding: 20px;
}

.summary h2 {
  margin: 0 0 10px 0;
}

.summary p {
  margin: 0;
}

.summary .number {
  font-weight: bold;
}

.summary button {
  margin-top: 15px;
}

.new {
  background: #000;
  color: white;
  border-radius: 100px;
  padding: 0 5px;
}

li {
  margin-bottom: 15px;
}

.document-entry {
  display: inline;
  margin: 0;
}

.document-entry .error-count {
  font-weight: bold;
  text-decoration: none;
}

.document-url {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'%3E%3C/path%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  border-radius: 5px;
  padding: 6px 16px;
}

.document-url:hover {
  background-color: #eee;
}

.document-entry:not(.no-violations):hover {
  text-decoration: underline;
  cursor: pointer;
}

.no-violations h3 {
  font-weight: normal;
  color: #666;
}

.violations-list {
  width: fit-content;
}

.violations-list li {
  background-color: #FFFEA7;
  padding: 0 5px;
  margin: 5px 0;
}