body {
  font-size: .875rem;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

main {
  padding-top: 54px;
}

/*
 * 繧ｵ繧､繝峨ヰ繝ｼ
 */

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; /* 繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳ繝舌�ｼ縺ｮ閭碁擇 */
  padding: 54px 0 0; /* 繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳ繝舌�ｼ縺ｮ鬮倥＆ */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

/* @media (max-width: 767.98px) { */
@media (max-width: 991px) {
  main {
    top: 3.5rem;
  }
  .sidebar {
    top: 3.5rem;
  }
}
.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 54px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* 繝薙Η繝ｼ繝昴�ｼ繝医′繧ｳ繝ｳ繝�繝ｳ繝�繧医ｊ遏ｭ縺�蝣ｴ蜷医�√せ繧ｯ繝ｭ繝ｼ繝ｫ蜿ｯ閭ｽ縺ｪ繧ｳ繝ｳ繝�繝ｳ繝� */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 * 繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳ繝舌�ｼ
 */
.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.25);
  box-shadow: inset -1px 0 0 rgba(163, 128, 128, 0.25);
}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}



/* 鬚ｨ蜻ｼ鬚ｨ騾溘��轤ｹ貊�繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ */
.blink {
  animation: blinkAnime 1.0s infinite alternate;
}
@keyframes blinkAnime{
   0% { color: #000000 }
 100% { color: #FF3300 }
}

.blink2 {
  animation: blinkAnime2 0.5s infinite alternate;
}
@keyframes blinkAnime2{
   0% { color: #FF3300 }
 100% { color: rgba(0, 0, 0, 0) }
}

/* 騾夂衍繝｡繝�繧ｻ繝ｼ繧ｸ繝懊ち繝ｳ縲�轤ｹ貊�繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ */
.blink3 {
  animation: blinkAnime3 0.5s infinite alternate;
}
@keyframes blinkAnime3{
   0% { color: #00CED1 }
 100% { color: rgba(0, 0, 0, 0) }
}

/* message dialog */
.msg_dlg {
    position: fixed;
    z-index: 2147483647;
    display: none;
    width: 80%;
    max-width: 840px;
    margin: 0;
    border: 2px solid #aaa;
    text-align: left;
    background: #fff;
    box-sizing: border-box;
}

.msg_dlg_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2147483646;
    display: none;
    width: 100%;
    height: 120%;
    background-color: rgba(0, 0, 0, 0.7);
}

/* load animation */
.loader {
  width: 1em;
  height: 1em;
  margin: auto;
  font-size: 1.5rem;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  position: absolute;
  text-indent: -9999em;
  -webkit-animation: loadanimation 1.1s infinite ease;
  animation: loadanimation 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loaderparent {
  position :relative;
}
@-webkit-keyframes loadanimation {
  0%,
  100% {box-shadow: 0em -2.6em 0em 0em #0004ff, 1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2), 2.5em 0em 0 0em rgba(0, 4, 255, 0.2), 1.75em 1.75em 0 0em rgba(0, 4, 255, 0.2), 0em 2.5em 0 0em rgba(0, 4, 255, 0.2), -1.8em 1.8em 0 0em rgba(0, 4, 255, 0.2), -2.6em 0em 0 0em rgba(0, 4, 255, 0.5), -1.8em -1.8em 0 0em rgba(0, 4, 255, 0.7);}
  12.5% {box-shadow: 0em -2.6em 0em 0em rgba(0, 4, 255, 0.7), 1.8em -1.8em 0 0em #0004ff, 2.5em 0em 0 0em rgba(0, 4, 255, 0.2), 1.75em 1.75em 0 0em rgba(0, 4, 255, 0.2), 0em 2.5em 0 0em rgba(0, 4, 255, 0.2), -1.8em 1.8em 0 0em rgba(0, 4, 255, 0.2), -2.6em 0em 0 0em rgba(0, 4, 255, 0.2), -1.8em -1.8em 0 0em rgba(0, 4, 255, 0.5);}
  25% {box-shadow: 0em -2.6em 0em 0em rgba(0, 4, 255, 0.5), 1.8em -1.8em 0 0em rgba(0, 4, 255, 0.7), 2.5em 0em 0 0em #0004ff, 1.75em 1.75em 0 0em rgba(0, 4, 255, 0.2), 0em 2.5em 0 0em rgba(0, 4, 255, 0.2), -1.8em 1.8em 0 0em rgba(0, 4, 255, 0.2), -2.6em 0em 0 0em rgba(0, 4, 255, 0.2), -1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2);}
  37.5% {box-shadow: 0em -2.6em 0em 0em rgba(0, 4, 255, 0.2), 1.8em -1.8em 0 0em rgba(0, 4, 255, 0.5), 2.5em 0em 0 0em rgba(0, 4, 255, 0.7), 1.75em 1.75em 0 0em #0004ff, 0em 2.5em 0 0em rgba(0, 4, 255, 0.2), -1.8em 1.8em 0 0em rgba(0, 4, 255, 0.2), -2.6em 0em 0 0em rgba(0, 4, 255, 0.2), -1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2);}
  50% {box-shadow: 0em -2.6em 0em 0em rgba(0, 4, 255, 0.2), 1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2), 2.5em 0em 0 0em rgba(0, 4, 255, 0.5), 1.75em 1.75em 0 0em rgba(0, 4, 255, 0.7), 0em 2.5em 0 0em #0004ff, -1.8em 1.8em 0 0em rgba(0, 4, 255, 0.2), -2.6em 0em 0 0em rgba(0, 4, 255, 0.2), -1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2);}
  62.5% {box-shadow: 0em -2.6em 0em 0em rgba(0, 4, 255, 0.2), 1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2), 2.5em 0em 0 0em rgba(0, 4, 255, 0.2), 1.75em 1.75em 0 0em rgba(0, 4, 255, 0.5), 0em 2.5em 0 0em rgba(0, 4, 255, 0.7), -1.8em 1.8em 0 0em #0004ff, -2.6em 0em 0 0em rgba(0, 4, 255, 0.2), -1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2);}
  75% {box-shadow: 0em -2.6em 0em 0em rgba(0, 4, 255, 0.2), 1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2), 2.5em 0em 0 0em rgba(0, 4, 255, 0.2), 1.75em 1.75em 0 0em rgba(0, 4, 255, 0.2), 0em 2.5em 0 0em rgba(0, 4, 255, 0.5), -1.8em 1.8em 0 0em rgba(0, 4, 255, 0.7), -2.6em 0em 0 0em #0004ff, -1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2);}
  87.5% {box-shadow: 0em -2.6em 0em 0em rgba(0, 4, 255, 0.2), 1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2), 2.5em 0em 0 0em rgba(0, 4, 255, 0.2), 1.75em 1.75em 0 0em rgba(0, 4, 255, 0.2), 0em 2.5em 0 0em rgba(0, 4, 255, 0.2), -1.8em 1.8em 0 0em rgba(0, 4, 255, 0.5), -2.6em 0em 0 0em rgba(0, 4, 255, 0.7), -1.8em -1.8em 0 0em #0004ff;}
}
@keyframes loadanimation {
  0%,
  100% {box-shadow: 0em -2.6em 0em 0em #0004ff, 1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2), 2.5em 0em 0 0em rgba(0, 4, 255, 0.2), 1.75em 1.75em 0 0em rgba(0, 4, 255, 0.2), 0em 2.5em 0 0em rgba(0, 4, 255, 0.2), -1.8em 1.8em 0 0em rgba(0, 4, 255, 0.2), -2.6em 0em 0 0em rgba(0, 4, 255, 0.5), -1.8em -1.8em 0 0em rgba(0, 4, 255, 0.7);}
  12.5% {box-shadow: 0em -2.6em 0em 0em rgba(0, 4, 255, 0.7), 1.8em -1.8em 0 0em #0004ff, 2.5em 0em 0 0em rgba(0, 4, 255, 0.2), 1.75em 1.75em 0 0em rgba(0, 4, 255, 0.2), 0em 2.5em 0 0em rgba(0, 4, 255, 0.2), -1.8em 1.8em 0 0em rgba(0, 4, 255, 0.2), -2.6em 0em 0 0em rgba(0, 4, 255, 0.2), -1.8em -1.8em 0 0em rgba(0, 4, 255, 0.5);}
  25% {box-shadow: 0em -2.6em 0em 0em rgba(0, 4, 255, 0.5), 1.8em -1.8em 0 0em rgba(0, 4, 255, 0.7), 2.5em 0em 0 0em #0004ff, 1.75em 1.75em 0 0em rgba(0, 4, 255, 0.2), 0em 2.5em 0 0em rgba(0, 4, 255, 0.2), -1.8em 1.8em 0 0em rgba(0, 4, 255, 0.2), -2.6em 0em 0 0em rgba(0, 4, 255, 0.2), -1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2);}
  37.5% {box-shadow: 0em -2.6em 0em 0em rgba(0, 4, 255, 0.2), 1.8em -1.8em 0 0em rgba(0, 4, 255, 0.5), 2.5em 0em 0 0em rgba(0, 4, 255, 0.7), 1.75em 1.75em 0 0em #0004ff, 0em 2.5em 0 0em rgba(0, 4, 255, 0.2), -1.8em 1.8em 0 0em rgba(0, 4, 255, 0.2), -2.6em 0em 0 0em rgba(0, 4, 255, 0.2), -1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2);}
  50% {box-shadow: 0em -2.6em 0em 0em rgba(0, 4, 255, 0.2), 1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2), 2.5em 0em 0 0em rgba(0, 4, 255, 0.5), 1.75em 1.75em 0 0em rgba(0, 4, 255, 0.7), 0em 2.5em 0 0em #0004ff, -1.8em 1.8em 0 0em rgba(0, 4, 255, 0.2), -2.6em 0em 0 0em rgba(0, 4, 255, 0.2), -1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2);}
  62.5% {box-shadow: 0em -2.6em 0em 0em rgba(0, 4, 255, 0.2), 1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2), 2.5em 0em 0 0em rgba(0, 4, 255, 0.2), 1.75em 1.75em 0 0em rgba(0, 4, 255, 0.5), 0em 2.5em 0 0em rgba(0, 4, 255, 0.7), -1.8em 1.8em 0 0em #0004ff, -2.6em 0em 0 0em rgba(0, 4, 255, 0.2), -1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2);}
  75% {box-shadow: 0em -2.6em 0em 0em rgba(0, 4, 255, 0.2), 1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2), 2.5em 0em 0 0em rgba(0, 4, 255, 0.2), 1.75em 1.75em 0 0em rgba(0, 4, 255, 0.2), 0em 2.5em 0 0em rgba(0, 4, 255, 0.5), -1.8em 1.8em 0 0em rgba(0, 4, 255, 0.7), -2.6em 0em 0 0em #0004ff, -1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2);}
  87.5% {box-shadow: 0em -2.6em 0em 0em rgba(0, 4, 255, 0.2), 1.8em -1.8em 0 0em rgba(0, 4, 255, 0.2), 2.5em 0em 0 0em rgba(0, 4, 255, 0.2), 1.75em 1.75em 0 0em rgba(0, 4, 255, 0.2), 0em 2.5em 0 0em rgba(0, 4, 255, 0.2), -1.8em 1.8em 0 0em rgba(0, 4, 255, 0.5), -2.6em 0em 0 0em rgba(0, 4, 255, 0.7), -1.8em -1.8em 0 0em #0004ff;}
}