/*!
 *
 */

/* select の見栄えを戻す */
select.form-control {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
}

/* ヘッダ部分の見栄え調整 */
.navbar {
  padding: 8px;
}

/* 表示調整用 */
.display-inline {
  display: inline;
}

/* スペース調整用 */
.div-spacer {
  margin: 20px 0 0 0;
}

.right-space {
  margin-right: 15px;
}

/* フォント調整 */
.font-bold {
  font-weight: 600;
}

/* チェックボックス表示調整用 */
.form-check input {
  margin-top: 0;
}

.form-check {
  padding-left: 2rem;
}

/* 幅調整用 */
.w60 {
  width: 60px;
}

.w80 {
  width: 80px;
}

.w120 {
  width: 120px;
}

.w150 {
  width: 150px;
}

.w180 {
  width: 180px;
}

.w200 {
  width: 200px;
}

.w50p {
  width: 50%;
}

.w80p {
  width: 80%;
}

/* スマホでは 80% 幅指定を無効にする */
@media screen and (max-width: 768px) {
  .w80p {
    width: 100%;
  }
}

/*add20210723--------------------------------------------------*/
.btn-primary.disabled, .btn-primary:disabled {
  background-color: #666;
  border-color: #666;
}

label.col-form-label {
  display: block;
  background-color: #D9EBFF;
  padding-left: calc(.375rem + 1px);
  margin-bottom: 2px;
}

/*add20210725--------------------------------------------------*/
.resultBox {
  padding: 20px;
}

.resultBox:hover {
  background-color: #ECF5FF !important;
}

.resultBox:nth-child(2n){
  background-color: #F3F2F1;
}

.resultBox .resultText {
  margin: 4px 0 0;
  padding: 8px 8px 0;
  border-top: 1px dotted #CCC;
}

.resultBox .resultText i {
  vertical-align: top;
  padding: 2px 2px 0 0;
  color: #007bff;
}

.resultBox .resultText p {
  display: inline-block;
  margin: 0;
}