@charset "UTF-8";
/*
NCAS define
*/
/*mealKbn*/
/*mealKind*/
/*成分*/
/*個人管理*/
/*


*/
/*
パーツ
extend
*/
@keyframes bgcG {
  0% {
    background: white;
  }
  50% {
    background: orange;
  }
  100% {
    background: white;
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes skeleton-animation {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.ncas #frmMealKikakuInput_toast #frmMealKikakuInput_tabWrap {
  border-bottom: 1px solid transparent;
}
.ncas #frmMealKikakuInput_toast #frmMealKikakuInput_tabWrap .nav-link {
  border-color: darkslategrey darkslategrey transparent;
  color: darkslategrey;
  border-width: 2px;
  margin-right: 2px;
  margin-left: 3px;
  background-color: whitesmoke;
}
.ncas #frmMealKikakuInput_toast #frmMealKikakuInput_tabWrap .nav-link:hover {
  background-color: transparent;
}
.ncas #frmMealKikakuInput_toast #frmMealKikakuInput_tabWrap .nav-link.active {
  background-color: steelblue;
  color: white;
}

/*
パーツ
mixin
*/
/*
    発注規格と個数指示の設定画面
*/
.ncas #frmMealKikakuInput_toast {
  width: auto;
}
.ncas #frmMealKikakuInput_toast .toast-body {
  width: 600px;
}
.ncas #frmMealKikakuInput_toast .bg-matt {
  background-color: aliceblue;
}
.ncas #frmMealKikakuInput_toast #frmMealKikakuInput_txtSeisu, .ncas #frmMealKikakuInput_toast #frmMealKikakuInput_txtBunsi, .ncas #frmMealKikakuInput_toast #frmMealKikakuInput_txtBunbo {
  min-width: 60px;
}
.ncas #frmMealKikakuInput_toast .labelBG {
  background-color: #e9ecef;
  padding-left: 2px;
  padding-right: 2px;
  margin-right: 2px;
}
.ncas #frmMealKikakuInput_toast .hatKikakuWrap {
  min-width: 50%;
}
.ncas #frmMealKikakuInput_toast #frmMealKikakuInput_lblTaniRyou, .ncas #frmMealKikakuInput_toast #frmMealKikakuInput_lblSyomiRyou, .ncas #frmMealKikakuInput_toast #frmMealKikakuInput_lblHaikiRitu, .ncas #frmMealKikakuInput_toast .frmMealKikakuInput_label {
  font-weight: bold;
}
.ncas #frmMealKikakuInput_toast .frmMealKikakuInput_labelWrap {
  position: relative;
}
.ncas #frmMealKikakuInput_toast .frmMealKikakuInput_labelWrap label {
  position: absolute;
  top: -18px;
  font-size: 12px;
}
.ncas #frmMealKikakuInput_toast #frmMealKikakuInput_cmdOK {
  width: 72px;
}
.ncas #frmMealKikakuInput_toast #frmMealKikakuInput_taniWrap {
  margin-top: 1rem;
}
.ncas #frmMealKikakuInput_toast #frmMealKikakuInput_kosuWrap, .ncas #frmMealKikakuInput_toast #frmMealKikakuInput_volumeWrap {
  margin-top: 1.2rem;
}
.ncas #frmMealKikakuInput_toast #frmMealKikakuInput_kosuWrap #frmMealKikakuInput_txtVolume, .ncas #frmMealKikakuInput_toast #frmMealKikakuInput_volumeWrap #frmMealKikakuInput_txtVolume {
  max-width: 100px !important;
}
.ncas #frmMealKikakuInput_toast #frmMealKikakuInput_kosuWrap.active, .ncas #frmMealKikakuInput_toast #frmMealKikakuInput_volumeWrap.active {
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid gray !important;
}
.ncas #frmMealKikakuInput_toast #frmMealKikakuInput_kosuWrap.active input, .ncas #frmMealKikakuInput_toast #frmMealKikakuInput_kosuWrap.active select, .ncas #frmMealKikakuInput_toast #frmMealKikakuInput_volumeWrap.active input, .ncas #frmMealKikakuInput_toast #frmMealKikakuInput_volumeWrap.active select {
  border-color: black;
}
.ncas #frmMealKikakuInput_toast #frmMealKikakuInput_kosuWrap:not(.active) label, .ncas #frmMealKikakuInput_toast #frmMealKikakuInput_volumeWrap:not(.active) label {
  font-weight: bold;
}