@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");

body {
  margin-bottom: 0px;
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 14px;
}

.v-main {
  background-color: #e6f0e6;
  --v-layout-top: 70px !important;
}

.fixed-bottom-action {
  position: fixed;
  width: 100%;
  height: 70px;
  border-top: 1px solid #d2e5dc;
  bottom: 0px;
  left: 199px;
  z-index: 1000;
  background-color: white;
}

.font-size-large {
  font-size: 24px !important;
}

.font-size-small {
  font-size: 12px !important;
}

.calendar-header {
  font-size: 16px;
  font-weight: bold;
}

@media (max-width: 600px) {
  body {
    font-size: 12px;
  }

  .v-main {
    --v-layout-top: 48px !important;
  }

  .fixed-bottom-action {
    bottom: 65px;
    left: 0;
  }

  .font-size-large {
    font-size: 16px !important;
  }

  .font-size-small {
    font-size: 8px !important;
  }

  .calendar-header {
    font-size: 12px;
    font-weight: normal;
  }
}

.no-underline {
  text-decoration: none;
}

.v-chip {
  font-size: inherit !important;
}

.v-messages__message {
  font-size: 12px;
}

.green-gradient-color {
  background: transparent linear-gradient(61deg, #00a660 0%, #107444 100%) 0% 0%
    no-repeat padding-box;
}

.green-gradient-color-button {
  background: transparent linear-gradient(61deg, #00a660 0%, #107444 100%) 0% 0%
    no-repeat padding-box !important;
  color: white !important;
  font-weight: bold !important;
  width: 300px !important;
}

.btn-container {
  width: 300px;
}

.text-color-green {
  color: #107444 !important;
}

.text-color-gray {
  color: #626f69 !important;
}

.font-size-10 {
  font-size: 10px !important;
}

.font-size-12 {
  font-size: 12px !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.side-navigation {
  background: transparent linear-gradient(15deg, #00a660 0%, #107444 100%) 0% 0%
    no-repeat padding-box !important;
}

.side-navigation .v-list-item {
  padding: 15px 30px;
}

.bottom-navigation {
  background: transparent linear-gradient(80deg, #00a660 0%, #107444 100%) 0% 0%
    no-repeat padding-box !important;
  height: 65px !important;
}

.bottom-navigation .v-btn {
  width: 120px !important;
}

header {
  height: 70px;
}

.primary-button {
  background: #107444 !important;
  color: white !important;
}

.disabled-button {
  background: #f5f5f5 !important;
  color: #99a29e !important;
}

.secondary-button {
  border-color: #d0d4d2 !important;
}

.selectable-button-active {
  color: #107444 !important;
  border: 2px solid #107444 !important;
}

.selectable-button-inactive {
  color: #99a29e !important;
  background: #f7faf8 !important;
  border: 1px solid #d0d4d2 !important;
}

.data-table-search .v-input__details {
  display: none;
}

.data-table-search .v-field__input {
  font-size: 12px !important;
  padding: 0px 10px !important;
  min-height: 30px !important;
}

.data-table-search .v-input__control {
  background-color: #ffffff !important;
}

.app-table a {
  text-decoration: none;
  color: #626f69;
}

.break-word {
  word-wrap: break-word;
  word-break: break-word;
}

.genba-search .v-input__details {
  display: none;
}

.genba-search .v-field__input {
  font-size: 14px !important;
}

.notify-user-table .v-input__details {
  display: none;
}

.selected-table-row {
  background-color: #d2e5dc; /* 色を変更 */
}

.contractor-search .v-input__details {
  display: none;
}

.trader-search .v-input__details {
    display: none;
}

.hidden-validation-message .v-input__details {
  display: none;
}
