@media (min-width: 768px) {
  ::-webkit-scrollbar {
    height: 8px;
    background-color: transparent
  }

  ::-webkit-scrollbar-track {
    background-color: var(--bs-gray-200);
  }

  ::-webkit-scrollbar-thumb {
    background-color: var(--bs-primary);
  }
}

html {
  overflow-y: scroll;
}

body {
  background-color: var(--bs-gray-100);
}

a {
  color: #0070c9;
  text-decoration: none;

  &:hover {
    text-decoration: underline;
  }

  &[href="#pageTop"] {
    position: fixed;
    bottom: 60px;
    right: 30px;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;

    &.show {
      opacity: 1;
      pointer-events: auto;
    }
  }
}

img {
  display: block;
}

ul {
  list-style-type: disc;
}

ul,
ol {
  &.g_contents {
    & img.img-fluid {
      border-style: solid;
      border-width: 1px;
      border-color: var(--bs-gray-900);
      display: block;
      margin-left: auto;
      margin-right: auto;

      &:not(:last-child) {
        margin-bottom: 1.25rem;
      }
    }

    &>li {
      margin-bottom: 2rem;

      &>p:last-child {
        margin-bottom: 0;
      }
    }
  }

  &.download {
    list-style: none;

    & li {
      position: relative;

      &::before {
        content: '';
        display: inline-block;
        width: 1rem;
        height: 1rem;
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-download' viewBox='0 0 16 16'><path d='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5'/><path d='M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z'/></svg>");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        text-align: center;
        position: absolute;
        top: .4rem;
        left: -1.5rem;
      }
    }
  }
}

.navbar-brand>img {
  margin-bottom: 0;
}

.container {
  max-width: 1100px;
}

.accordion {
  & .accordion-button {
    font-weight: 700;

    &:focus {
      box-shadow: none;
    }

    &:hover {
      background-color: var(--bs-primary-bg-subtle);
    }

    &:not(.collapsed) {
      background: none;
      color: #000000;
      background-color: initial;
    }
  }

  &:not(:has(.index)) {
    & .accordion-button {
      border-bottom: 4px solid var(--bs-gray-400);

      &:not(.collapsed) {
        background: none;
        color: #000000;
        background-color: initial;
        text-decoration: underline;
        text-underline-offset: .3rem;
        text-decoration-thickness: .15rem;
      }
    }
  }
}

[class*=barcode-] {
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;

  &>img {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 576px) {
  [class*=barcode-] {
    width: auto;
  }
}

@media (min-width: 768px) {
  [class*=barcode-] {
    width: auto;
  }
}

@media (min-width: 992px) {
  [class*=barcode-] {
    width: 41.66666667%;
  }
}


.barcode-center {
  margin-left: auto;
  margin-right: auto;
}

.barcode-left {
  margin-right: auto;
}

.barcode-right {
  margin-left: auto;
}

.collapse-close {
  display: block;
  text-align: center;
}

div.information {
  margin-bottom: 1.85rem;
  padding: .5rem;
  background-color: #dbeafe;
  border: solid 1px #bedbff;
  border-radius: 0;

  &>ul {
    margin-bottom: 0;
    list-style: none;

    &>li {
      position: relative;

      &::before {
        content: '';
        display: inline-block;
        width: 1rem;
        height: 1rem;
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/><path d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/></svg>");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        text-align: center;
        position: absolute;
        top: .4rem;
        left: -1.5rem;
      }
    }
  }
}

span {
  &.icon-all-apps::before {
    content: '';
    display: inline-block;
    vertical-align: -.125em;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'><path d='m0 3.5v-3h3v3zm0 4v-3h3v3zm0 4v-3.001h3v3.001zm0 4v-3h3v3zm1-14v1h1v-1zm0 4v1h1v-1zm0 3.999v1h1v-1zm0 4.001v1h1v-1zm4-12h11v1h-11zm0 5v-1h9v1zm7 2.999v1h-7v-1zm-7 5.001v-1h9v1z'/></svg>");
    background-position: center;
    background-repeat: no-repeat;
  }
}