/* select2 */
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px !important;
}
.select2-container--default .select2-selection--single {
  border: 1px solid #939dad !important;
  border-radius: 8px !important;
  padding: 0 !important;
  margin-top: 8px !important;
}

.ui-static-input.has-error .select2-container--default .select2-selection--single {
  background-color: #fff7f7 !important;
  border-color: rgba(214, 51, 51, .4) !important;
  border-width: 2px !important;
}
.select2-container--default.select2-container--open .select2-selection--single {
  background: #f0f7ff !important;
  border-color: #99c4fd !important;
  border-width: 2px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px !important;
  font-size: .875rem !important;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-radius: 8px 8px 0 0 !important;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-radius: 0 0 8px 8px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 7px !important;
  right: 6px !important;
}

.select2-container {
  width: 100% !important;
}

/* エラーメッセージ */
.error-message i {
  vertical-align: bottom;
}

.no-decoration-button span {
  text-decoration: none !important;
  font-size: 14px !important;
}

.no-decoration-button:hover span {
  text-decoration: underline !important;
}

/* ローディング画面 */
#loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.32);
}

#loading-screen .circle {
  display: block;
  position: relative;
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  margin: 0 auto;
  border: 8px solid #e0e0e0;
  border-top: 7px solid blue;
  border-radius: 50px;
  animation: loading 700ms linear 0ms infinite normal both;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}