body {
  background-color: #013927;
  color: #FFF;
}

.cover-container {
  max-width: 42em;
}

/*
 * Header
 */

.nav-masthead .nav-link {
  color: rgba(255, 255, 255, .5);
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

.manual {
  position: absolute;
  top: 0;
  right: 0;
  padding: .8rem 1.6rem;
  margin: 1rem;
  background: #AAAA;
  font-size: 1.2rem;
}

h1 {
  line-height: 1.4em;
}

.signingoogle {
  margin-bottom: 3em;
}

.desc {
  font-size: 1.25rem;
  font-weight: 400;
}

.dirnamelabel {
  font-size: 3rem;
}

.prefixnamelabel {
  font-size: 2rem;
}

input {
  margin-top: 1em;
  margin-bottom: 1em;
}

.form-text {
  font-size: 1rem;
  color: #CCC;
}

#loadingOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
  display: none; /* 預設隱藏 */
  justify-content: center;
  align-items: center;
  z-index: 1000; /* 確保它在最上層 */
}

/* success modal box */
.modal#uploadComplete .modal-content, 
.modal#uploadError .modal-content {
  border-radius: 30px;
}

.modal#uploadComplete .modal-content svg, 
.modal#uploadError .modal-content svg {
  width: 100px; 
  display: block; 
  margin: 0 auto;
}

.modal#uploadComplete .modal-content .path, 
.modal#uploadError .modal-content .path {
  stroke-dasharray: 1000; 
  stroke-dashoffset: 0;
}

.modal#uploadComplete .modal-content .path.circle, 
.modal#uploadError .modal-content .path.circle {
  -webkit-animation: dash 0.9s ease-in-out; 
  animation: dash 0.9s ease-in-out;
}

.modal#uploadComplete .modal-content .path.line, 
.modal#uploadError .modal-content .path.line {
  stroke-dashoffset: 1000; 
  -webkit-animation: dash 0.95s 0.35s ease-in-out forwards; 
  animation: dash 0.95s 0.35s ease-in-out forwards;
}

.modal#uploadComplete .modal-content .path.check, 
.modal#uploadError .modal-content .path.check {
  stroke-dashoffset: -100; 
  -webkit-animation: dash-check 0.95s 0.35s ease-in-out forwards; 
  animation: dash-check 0.95s 0.35s ease-in-out forwards;
}

@-webkit-keyframes dash { 
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash { 
  0% {
    stroke-dashoffset: 1000;
  }
  100%{
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash { 
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash { 
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check { 
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
.box00 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.successLog {
  color: #000;
}

.successLog ul {
  margin-left: -1em;
}

.successLog li {
  text-align: start;
}

.modal-body {
  word-wrap: break-word;
}