@charset "UTF-8";

input[type=text]:placeholder-shown {
  color: #BBBBBB;
}

input[type=text]::-webkit-input-placeholder {
  color: #BBBBBB;
}

input[type=text]::-webkit-input-placeholder {
  color: #BBBBBB;
}

input[type=text]::-moz-placeholder {
  color: #BBBBBB;
}

input[type=text]:-ms-input-placeholder {
  color: #BBBBBB;
}

input[type=text]::-ms-input-placeholder {
  color: #BBBBBB;
}

input[type=text]::placeholder {
  color: #BBBBBB;
}

input[type=text]:-ms-input-placeholder {
  color: #BBBBBB;
}

input[type=text]::-ms-input-placeholder {
  color: #BBBBBB;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", Meiryo, sans-serif;
  padding-top: 70px;
}

.small-container {
  width: 700px;
}

.font-3 {
  font-size: 16px;
}

.confirm {
  margin-left: 2em;
  font-weight: 600;
}

.menu-icon {
  font-size: 18px;
  margin-right: 5px;
  color: white;
}

ul.error {
  color: #e3342f;
  margin: 0;
  padding: 0;
}

.bg-main {
  background-color: #308ED9;
}

.bg-light-gray {
  background-color: #eeeeee;
}

.navbar-dark a {
  color: #ffffff;
}

input.date {
  width: 12em;
}

.font-size-smaller {
  font-size: smaller;
}

/* イベントテーブル用 */

table.table-event th {
  text-align: center;
}

table.table-event td .btn:disabled {
  cursor: not-allowed;
}

/* アップロードモーダル用 */

.uploadModal .modal-header {
  background-color: #308ED9;
  color: white;
}

.uploadModal .modal-body ul.file-list {
  padding-left: 0;
  list-style: none;
}

.uploadModal .modal-body ul.file-list li {
  padding: 2px 4px;
  border: 1px dotted #999999;
}

.uploadModal .modal-body ul.file-list li:nth-child(n+2) {
  padding: 2px 4px;
  border-top: none;
}

.uploadModal .modal-footer {
  -webkit-box-pack: start;
          justify-content: flex-start;
}

/* 事故テーブル用 */

table.table-accident th {
  text-align: center;
}

table.table-accident td .btn:disabled {
  cursor: not-allowed;
}

/* Vue.jsのトランジション系 */

.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

/* リスト部分 */

.list_loading {
  height: 80vh;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}