img {
  max-width: 100%;
}

p {
  word-wrap: break-word;
}

table th {
  vertical-align: middle;
  font-weight: normal;
}
table td {
  vertical-align: middle;
}

ul li {
  list-style-type: none;
}

.x-small {
  font-size: 0.675em;
}

.bg-dots {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0.6)), url(/assets/sidebar_bg.svg) !important;
  background-size: 400% !important;
  background-repeat: repeat !important;
}

.admin .header {
  background-color: #222;
}

.header {
  display: flex;
  background-color: #f2532a;
  color: white;
  height: 50px;
  font-size: 14px;
}
.header__logo {
  border-right: 1px solid #aaa;
  padding-right: 10px;
}
.header__logo img {
  width: 45px;
  height: 35px;
  margin: 8px 0 0 10px;
}
.header__profile {
  margin: 13px 0 0 10px;
}
.header__right {
  margin: 13px 10px 0 auto;
}
.header a {
  color: white;
  text-decoration: none;
}

.sidebar-link {
  text-decoration: none;
  color: black;
  font-size: 15px;
}
.sidebar-link .badge {
  background-color: #cfe;
  color: black;
}

.customer .sidebar-link {
  color: white;
}

.application-docbox {
  height: 270px;
  border: 1px solid #cdd8eb;
  overflow: auto;
  padding: 20px 19px;
  background-color: #f8f8f8;
  margin-bottom: 30px;
}

h1 {
  position: relative;
  color: white;
  background: #ac3345;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 0.8em;
  font-size: 20px;
}

h2 {
  position: relative;
  background: #efefef;
  line-height: 1.4;
  padding: 0.3em 0.5em;
  font-size: 18px;
}

h3 {
  line-height: 1.4;
  padding: 0.2em 0.5em;
  font-size: 16px;
}

footer {
  /*
  スクロールしなくなったのでコメントアウトします
  position: absolute;
  bottom: 0;
  */
  /* 以下 背景色やテキストカラーなどはお好みで指定してください */
  background: #ffffff;
  color: #666666;
  text-align: center;
}