/* bootstrapのprimary色変更 */
.btn-primary {
  color: #097909;
  background: #90ee90;
  border-color: #90ee90;
}

/* bootstrapのprimaryホバー、フォーカス、クリック色変更 */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:active.focus,
.btn-primary.active,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary.focus,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  color: #097909;
  background: #99fa99;
  border-color: #89e089;
  box-shadow: 0 0 0 0.25rem rgb(129 212 129 / 50%);
}

.btn-menu {
  background: #fafaff;
}

.btn-menu:hover {
  background: #fafaffea;
}

.lbl-input-form {
  color: #606080;
  font-weight: 500;
}

.div-lbl-form {
  padding-top: 0.3rem;
  text-align: end;
}

.div-lbl-form * {
  vertical-align: middle;
}

.row-form-group {
  padding: 1rem 0.5rem 1rem 0.5rem;
}

.header-sys-name {
  color: #505050;
}

.help-block * {
  color: #ff0000;
}

.container-boei-top {
  max-width: 92vw;
  max-height: 90vh;
}

.main-separater {
  padding: 1rem 1rem 0 1rem;
}

.main-separater * {
  font-size: 1.2rem;
}

.innner-frame-border {
  border: solid 0.5px #abbcdd;
  border-radius: 3px;
  background: #fafaff;
}

.innner-frame-border-main {
  padding: 0.5rem;
}

.btn-menu-outer {
  margin-bottom: 0.5rem;
}

.div-menu-link {
  min-height: 3rem;
  line-height: 3rem;
  text-align: center;
}

.select-year {
  width: 8rem;
}

.select-month {
  width: 5rem;
}

.lbl-form-year-month {
  margin: 0 0.5rem 0 0.5rem;
}

.table-common th {
  color: #606080;
}

.table-common thead tr th {
  background: #fafafa;
}

/* .table-shinchoku {
    table-layout: fixed;
    max-width: 100%;
} */

.table-shinchoku * {
  font-size: 0.8rem;
}

/* .table-shinchoku th, td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
} */

.th-shinchoku-ritsu0 {
  width: 7vw;
  position: sticky;
  left: 0 !important;
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
}

.th-shinchoku-ritsu1 {
  width: 2vw;
  position: sticky;
  /* left: 7vw !important; */
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
}

.td-shinchoku-jigyo-mei {
  width: 5vw;
}

.td-shinchoku {
  /* width: 2vw; */
  text-align: center;
  vertical-align: middle;
  border-bottom-color: #ddd !important;
}

.td-shinchoku-kotei {
  padding: 0 !important;
}

.td-coentent-center {
  text-align: center;
  vertical-align: middle;
}

.div-shinchoku-okure-legend {
  margin-right: 0.5rem;
}

.div-shinchoku-okure-legend span {
  margin: 0 0.2rem 0 0.2rem;
  font-size: 1rem !important;
}

.span-kadai-keikoku {
  color: #ff0000;
}

.div-spinner-common {
  color: #606080 !important;
  font-size: 0.8rem !important;
}

.td-shinchoku-kotei-middle {
  padding: 0 !important;
}

.td-shinchoku-kotei-bottom {
  font-size: 0.1rem !important;
  width: 0.1vh !important;
  padding: 0 !important;
}

.td-shinchoku-kotei-bottom2 {
  /* ADDED 2024.09 */
  font-size: 0.1rem !important;
  padding: 0 !important;
  width: 30px !important;
  height: 10px;
  background-color: #2f5597 !important;
  border: none !important;
}

.td-shinchoku {
  /* ADDED 2024.09 */
  text-align: center;
  padding: 0;
  background-color: #2f5597;
  color: white !important;
}

.td-shinchoku-g {
  /* ADDED 2024.09 */
  width: 30px !important;
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: middle;
}

.nav-boei {
  margin: 0 0 1vh 0;
  padding: 0.5rem 1vw 0 1vw;
}

.elm-disabled {
  pointer-events: none;
  opacity: 0.4;
}

.icon-calendar-custom {
  color: dimgray;
}

.icon-calendar-custom:hover {
  cursor: pointer;
}

@media (min-width: 992px) {
  .modal-kadai {
    max-width: 700px;
  }
}

.form-label-required::after {
  margin-left: 0.5rem;
  margin-top: 0.5rem;
  content: "*";
  color: #ff0000;
}

.a-pointer:hover {
  cursor: pointer;
}

.img-kojijikyo-outer {
  text-align: center;
  padding: 1em 0 0 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.img-kojijikyo {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.img-pointer:hover {
  cursor: pointer;
}

.header-kojijokyo-shashin {
  padding: 0.5rem 0 0 0.5rem;
}

.header-kojijokyo-shashin-top {
  padding: 0.5rem 0 0 1rem;
}

.col-kojijokyo-chokkin-shashin {
  max-height: 12vh;
}

.z-5{
  z-index: 5 !important;
}

/* 文字透明化 */
.transparent-text{
  color: transparent;
}

/** カーソルポインタ **/
.cursor-pointer{
  cursor: pointer;
}

/** 進捗率セル **/
.rate-cell{
  min-width: 3.5rem;
}