#drag-drop-area {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 150px 0 0;
    border: 2px dashed lightslategray;
    background: paleturquoise;
    /* display:flex; */
    justify-content: center;
    /* align-items:center */
    /* transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1); */
}

#drag-drop-inside {
  position:absolute;
  top:10%;
}

body{
  background-color:#e2eaf2
}

a{
  text-decoration: none;
  color: #2f5597;
}
a:hover{
  /* text-decoration: underline; */
  color: #1c3a6e;
}

.btn-primary {
  /* background-color: lightseagreen;
  border-color: green;
  color: darkslategrey; */
  background-color: #2f5597;
  border: 2px solid #2f5597;
}

.btn-primary:hover {
  /* background-color: #1c3a6e; */
  /* border-color: #1c3a6e; */
  background-color: #1c3a6e;
  border-color: #1c3a6e;  
  }

.btn-primary:focus {
  /* background-color: #1c3a6e; */
  /* border-color: #1c3a6e; */
  background-color: #1c3a6e;
  border-color: #1c3a6e;
  }

#main-buttons {
  display: flex;
  gap: 6px;
}

.btn-prompt{
    max-width: 82px;
    /* max-height: 38px; */
    white-space: nowrap;
    /* 折り返さない */
    overflow: hidden;
    /* はみ出し隠す */
    text-overflow: ellipsis;
    /* … にする */
    padding: 0.375rem 0.2rem;
}
.form-check-input:checked {
  background-color: #2f5597;
  border: 2px solid #2f5597;
}

.bg-primary {
  background-color:#2f5597!important;
}

.dropdown-item:active{
  background-color: #1c3a6e;
}

textarea[readonly] {
  background-color: white !important;
  color: black;
}

.handle *:hover {
  cursor: move !important;
}
.loading:after {
  content: '';
  animation: dots 1.5s steps(4, end) infinite;
  /* dotsアニメーションで1→2→3→0点の繰り返し */
  display: inline-block;
  width: 1em;
  /* 幅調整で揃う */
  text-align: left;
  vertical-align: bottom;
}

@keyframes dots {

  0%,
  20% {
    content: '.';
  }

  40% {
    content: '..';
  }

  60% {
    content: '...';
  }

  80%,
  100% {
    content: '';
  }
}

#translatedText {
  min-height: 254px;
}

.refinedText {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px 10px;
  /* font-family: monospace; */
  /* white-space: pre-wrap; */
  /* overflow-y: auto; */
  background-color: #f9f9f9;
  min-height: 134px;
}

.refinedText pre {
  white-space: pre-wrap;  /* 折り返しあり・空白保持 codeブロックによるレイアウト崩れ対策*/
}

.refinedText h1 {
  font-size: 1.3em;
}

.refinedText h2 {
  font-size: 1.2em;
}

.refinedText h3 {
  font-size: 1.1em;
}

.refinedText h4,
.refinedText h5,
.refinedText h6 {
  font-size: 1em;
}